/* Documento CSS, realizado por MAGACOR.COM */

/* P R I N C I P A L ......................................*/
BODY {
	margin: 2% 0% 0% 0%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color:  #999999;
	background-color:#006699;
background-image:url(fondo.gif);
	text-align: center;
}
img {
    border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}
h1 {
	margin: 0;
    color: #ccc;
	text-align: right;
    background-color: #c00; 
    padding: 0 8px 0 0; 
    font-family: 'trebuchet ms' ,Verdana, Arial, Helvetica, sans-serif ; 
    font-size:  large;
}
h2 {
	margin: 0;
	padding: 1% 0% 1% 0%;
	background-color:#c00;
	background-image:url(images/menu0.gif);
    color: #ccc;
    font-size: small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
h3 {
	margin: 0;
	padding:0 0 5px 0;
    color: #c00;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h4 {
	margin: 0 0 0 0; 
    height: 24px;
    color: #c00;
	background-image: url(images/h4.jpg); 
    padding: 0 0 0 5px; 
    font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
    font-size: medium;
    letter-spacing: 0.2em;
}
em {
    color:#c00;
	font-weight:bold;
	font-style:normal;
}
/*  C O M U N E S.....................................*/
.atajos {
    text-decoration: underline;     
}
.imagenes_der {
    float: right;
	padding: 24px  0 5px 10px;
}
.imagenes_izq {
    float: left;
	padding: 0 10px 5px 0;
}
.imagenesmuestras {
    float: left;
	padding-top: 2px;
}
.imagenes1 {
    float: right;
}
.imagenesbanner {
    float: none;
	padding-left: 135px;
}
.imagenesizq2 {
    float: left;
	padding: 0 0 0 200px;
}
.eltiempo {
    float: none; 
	padding: 20px 0 0 17px;
}
.oculto {
	display: none
}
.donde {
font-size:x-large;
    color:#0099FF;   
}
.borde_n {
	MARGIN: -4px 4px 0px;
}
/* MARCO GENERAL ..............................*/
#marco {
	margin: auto; 
    width: 950px! important;
    text-align: left;
    color:#066;
    background-color: #c00;
}
/* CABECERA .................................. */
#cabecera {
	margin: auto; 
}


/* LATERAL Izquierdo  +  MENU .................. */
#izq {
	float: left; 
    width: 170px ; 
    background-color: #c00;
    color:#066
}
.div_izq2 {
	margin:6px 4px 0px;
}

/* --- MENU -------------------------------------------------------------- */
#menu {
	padding-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: right;
}
/* --- Menu Principal ---------------------------------------------------- */
	
#menu1 {
	width: 170px;
	border-color:  #069;
	border-width: 0;
	font-family:Arial, Helvetica, sans-serif;
}
#menu1 UL {
    padding:0; 
    margin: 0%; 
    list-style-type: inherit;
}

#menu1 li a {
  	height: 21px;
	font-size:80%;
	text-decoration: none;
	padding: 0;
    font-weight: normal;
    margin: 0;
	border-color:#000 #c00 #c00 #c00;
	border-style: solid;
	border-width: 1px
}	
#menu1 li a:link, #menu1 li a:visited {
	
	color: #fff;
	display: block; 
	background-color: #c00;
	padding-left: 10px
		}
	
#menu1 li a:hover {
	color: #ccc;
	background-color:#900;	
	text-decoration: none;
	padding-left: 10px;
	border-color:#000 #c00 #900 #c00;

}
	
#menu1 li a:active {
	color: #c00;
	background-color:#ccc;
	text-decoration: none;
	padding-left: 10px
	}


/* Zona DERECHA ------- Principal ...................................................................... */
#derecha {
	margin: auto;
    float: right; 
    width: 773px;
    padding: 0px 0px 0px 0px;
	background-color:#ffffff;
	color: #99cc00;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#derecha2 {
	margin: auto;
    float: right; 
    width: 725px;
    padding: 33px 25px 15px 23px; 
	background-color: #ffffff;
    color: #666;
    text-align: justify;
    font-size: small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#derecha2 UL {
    padding:6px 0 6px 0; 
    margin: 0%; 
    list-style-type:none;
}

/* <<<<<<<<<<<<<<<   MENU LETRAS  >>>>>>>>>>>>> */
.menuletras {
	color: #000;
	background-color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	text-align:center;
	font-weight:bold;

}
.menuletras A:link, .menuletras A:visited{
	text-decoration:none;
	color: #fff;
}
.menuletras A:hover {
	color: #fc0; 
    font-style:normal; 
}

/* PIE DE PAGINA ........................................................................................*/

#pie {
	margin: auto; 
    width: 925px! important;
    clear: both;
    height: 80px;
    padding: 15px 25px 3px 0;
    color:#ffffff;
    background-color: #000; 
    text-align: center;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
}
.subpie {
	clear: both;
	margin: 30px 0  10px 0;
	height: 30px;
	color: #fff;
    text-align: center;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.subpie a:link {
    color: #ccc;
	background-color:#000; 
    text-decoration: none;
}
.subpie a:visited {
	color: #ccc;
	text-decoration: none;
}
.subpie a:hover {
	color: #fff;
	font-style:normal;
	background-color: #c00;

}
.subpie2 {
    font-size: xx-small;
    font-family: Arial, Helvetica, sans-serif;
    margin: 7px 0  7px 0;
}

/* TABLAS .................................................................................................*/

/* TABLA  formularios...............................................................................................*/
.form {
	width: 70%! important;
	color: #000; 
    font-style:normal; 
    background-color:#fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	border:  8px; 
}

/* HIPERVINCULOS DOS  ..............................................................................................*/
.dos {
    color: #666;
	background-color:#fc0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	text-align:center;
	font-weight:bold;
}
.dos A:link, .dos A:visited{
	text-decoration:none;
	color: #fff;
}

.dos A:hover {
	color:  #000 ;
	font-style:normal; 
}
/* TABLA DE PUEBLOS  ..............................................................................................*/
.pueblos{
	font-size: 70%;
	
}
.pueblos table {
	width: 100%! important;
	color: #666; 
    font-style:normal; 
    background-color:#fff;
}
.pueblos tr {
    font-style:normal; 
}
.pueblos td {
	width: 181px! important;
    height: 16px;
	color: #666; 
    font-style:normal; 
    background-color: #f0f0f0;
	padding: 0 0 0 10px;

}
.pueblos th {
	color: #000;
    height: 20px;
    background-color: #fc0;
	padding: 0 0 0 10px;
}
.pueblos A:link, .pueblos A:visited{
	text-decoration:none;
	color: #c00;
}
.pueblos A:hover {
	color:  #fff ;
	font-style:normal; 
	background-color: #CC0000; 
}
/* ................................................................................................................*/

/* TABLA DE TURISMO RURAL..............................................................................................*/
.rural{
	font-size: 84%;
	
}
.rural table {
	width: 100%! important;
	color: #666; 
    font-style:normal; 
    background-color:#fff;
}
.rural tr {
    font-style:normal; 

}
.rural td {
	width: 25%! important;
    height: 16px;
	color: #000; 
    font-style:normal; 
    background-color: #fff;
	padding: 0 0 0 10px;
	border-bottom-width: thin; border-bottom-color:#e4e4e4; border-bottom-style: dotted;

}
.rural th {
	color: #000;
    height: 20px;
    background-color: #fc0;
	padding: 0 0 0 10px;
		border-bottom-width: medium;
		border-bottom-color:#CCCCCC;
}
.rural A:link, .pueblos A:visited{
	text-decoration:none;
	color: #c00;
}
.rural A:hover {
	color:  #fff ;
	font-style:normal; 
	background-color: #CC0000; 
}
/* ................................................................................................................*/

/* TABLA DE PREMIOS  ..............................................................................................*/
.premios{
	background-color:#fff;
	width: 100%;
}
.premios table {
	    font-size: 100%;
}
.premios tr {
	color: #666; 
    font-style:normal; 
}

.premios td {
	width: 50%! important;
	color: #666; 
    font-style:normal; 
	padding: 0 0 0 10px;

}
.premios A:link, .premios A:visited{
	text-decoration:none;
	color: #000;
	background-color:#fff;
}

.premios A:hover {
	color:  #c00 ;
	font-style:normal;
	font-weight: bold;
	font-style:italic;
}
/* TABLAS cuktura.............................................................................................*/


.cultura {
	margin: auto;
    float: right; 
    width: 725px;
    padding: 33px 35px 15px 20px; 
	background-color: #ffffff;
    color: #666;
    text-align: justify;
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.cultura UL {
    padding:0% 0% 0% 0%; 
    margin: 0%; 
    list-style-type:none;
}
.cultura table {
	width: 100%! important;
	color: #666; 
    font-style:normal; 
    background-color:#fff
}
.cultura tr {
	color: #666; 
    font-style:normal; 
    background-color: #0f3;
}

.cultura td {
	width: 50%! important;
	color: #666; 
    font-style:normal; 
    background-color: #fff;
	padding: 0 0 0 10px;
}
.cultura th {
	color: #06c; 
    background-color: #fff;
	padding: 0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}