/* *******************************************************************
**********         CSS           ***********************************
*******************************************************************/
/**recomendación altura de texto de toda la Pg entre 10 y 12***/

/*********************  BODY  ***************************/
body{background-color:black; color:#228b22; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-style:none;}
/*****************************   cabecera   ***************************/
#encabezado{width: 100%;  }	
#imagenencabezado{background-color:green;width: 100%;}
#tituloencabezado{color:black; height: 50px;margin-top: -7.2%;position: absolute;left: 3%;width: 50%;
font-style:oblique;font-weight:bold;font-family : georgia;font-size :250%; text-decoration: none;}
#sombratituloencabezado{height: 50px;  margin-top: -7.1%;position: absolute;left: 3.1%;width: 50%;color:white;font-style :oblique;
font-weight:bold;font-family : georgia;font-size :250%; text-decoration: none;}
.fq{font-size :50%;} 	
/************************ BANDERAS ***************************************/
#banderas{margin-top:10px;margin-left:5px;margin-right:50px; margin-bottom:10px;border-style :none;text-decoration: none; float:left;}
#banderas img{border-style :none; border-bottom-style: dotted;  border-bottom-color: black; padding-bottom:1px; }
#banderas .idioma {border-bottom-style: dotted; border-bottom-color: #ADFF2F; } 	/* subraya la bandera  */
/*****************************   APARTADOS***************************/
#apartados{
color:black;  		/* Afecta al borde de los li*/
margin-top:10px; 
}
#apartados li{display:inline;margin-right:1px; padding:5px; background-image:url(img/index/menu2.jpg); }
#apartados li li {display:inline;margin-right:1px; padding:5px; background-image:url(img/index/menu2.jpg); }
#apartados ul a { 
text-decoration:none; 	/* elimina el subreaydo de los links*/
color:black; 		/* color de los links*/
}
#apartados li a:hover{color:#ADFF2F; text-decoration:underline;  }
#apartados li .activo {background-image:url(img/index/menu1.jpg); padding:px;}
#apartados ul .activo {background-image:url(img/index/menu1.jpg); padding:5px;} /* viñetas sin link */





/*****************************   APARTADOS- con menú DESPLEGABLE ***************************/
#apartados ul{ 
list-style-type:none; 		/* elimina las viñetas */
padding:0; margin:0; 		/* elimina la sangría de los distintos niveles de las listas*/
}

#apartados li { 
float:left;  		              /* Pone el primer nivel en la horizontal */
position:relative;    		               /* facilita el encolumnado del 2º nivel */
}

#apartados ul ul {
visibility:hidden;  		/* oculta el segundo nivel pero  deja espacios en blanco*/
position:absolute;    		/* elimina espacios en blanco de las listas ocultas del segundo nivel */
left:-1px;                                   /* evita que en IE se desplace y quede bajo el siguiente menú y se pierda el onmouse en el arrastre */
top:23px; 			/* evita que en Firefox se desplace hacia abajo, por la corrección anterior para IE */
z-index:9;	           /* evita que al deplegarse el 2º nivel, el borde superior quede detras del 1º nivel */
}

#apartados ul li:hover ul,         /* ACTUA sobre la lista de segundo nivel al hacer HOVER sobre una viñeta de 1º nivel */
#apartados  ul a:hover ul {  		/* ACTUA sobre la lista de segundo nivel al hacer HOVER sobre la lista  de 1º nivel */
visibility:visible; 		/* ACTUA haciendo visible la lista de 2º nivel */
}

#apartados ul ul li {
border-style:solid;border-width:thin;  /* Borde de las viñetas de 2º nivel */
clear:both; 		          /* Evita que floten la viñetas de 2º nivel */
width:80px;  	 /* Evita que el ancho de las viñetas de 2º nivel queden limitadas al ancho del texto de su viñeta madre*/
margin-top:0px; 
}


hr {clear:both;}

/************************ CONTACTO ***************************************/
#contactos{margin-left:10%;margin-top:10px; font-size:15px; color:white;}
#contactos img{border-style :none;}
#contactos a{color:orange;}
/****************   cuerpo  a 2 columnas  ****************************************************/
#cuerpo{width: 100%; margin:10px;clear:left; }
#cuerpoizquierda{float:left;width: 60%; margin:15px; }
#cuerpoderecha{float:left;width: 31%; text-align:right;margin:15px;}
#imagencuerpoderecha{width: 100%; }
#contactos1{margin-left:10px;margin-top:10px; font-size:10px; }
/****************   PORTADA ****************************************************/
#portada{float:left;width: 100%; margin-left:17px;}
#portada1{float:left;width: 15%; margin:7px;}
#imagenportada1{width: 100%;}
#imagenportada2{width: 67%;}
/****************   ANILLAS  ****************************************************/
ANILLAS
#anillas { }
#imagenanillas{background-color:green;eight: 100%;}


/*************************** pie de pagina ******************************************************/
#piedepagina{clear:left;margin-top:30px;margin-bottom:10px;background-color:#3CB371;text-align:center; font-style:oblique;color:black; background-image:url(img/index/menu1.jpg); }
/*******************************************************************************************************/

/********************************* CONTENIDO  ********************************************************/
#contenido {margin-top: px;margin-left:px;padding:15px; background-color:gray; color:white ;text-align:justify; font-size :130%; }

#contenido2 {background-image:url(img/cont/anilla.jpg); background-repeat:repeat-y; border-width:15px; border-style:solid; border-color:#906d58; width:35%;font-size:130%; background-color:white; color:black; text-align:center; margin-left:45%; padding-left:8%; padding-top:2%;}

/********************************* ESTAMPAS ********************************************************/
#estampa { width: 6%; float:left;margin:5px;text-decoration: none;}
#estampa_selec { height:300px;margin-top:20px;margin-bottom:14px;margin-left:10px;}
#album { height: 40px; float:left;margin:5px;text-decoration: none;}
/********************************* RUTAS ********************************************************/
#rutas {margin:60px; text-align:justify; color:white; }
#rutas .titulo {font-size:1.8em; color:orange; }
#rutas .entrada {font-size:1.2em; font-style:italic; color:orange; clear:both; }
#rutas .dia {font-size:1.1em;  font-weight:bold; color:orange; }
#rutas .pdf {width:50px; border-style:none; float:right; margin-right:10px;  
margin-left:15px;
margin-bottom:10px; }


/********************************* fotos ********************************************************/
#fotos {  height:400px; color:orange; }
#fotos a { color:orange;}
#fotos img {  height:100px; }
#fotos_album {float:left; width:100px; margin:10px; padding:20px; }
#fotos table, tr {width:90%; }
#fotos td {border-style:solid; border-color:black; border-width:3px; text-align:center;width:20%;height: 130px; }
#fotos a:hover {color:#ADFF2F; text-decoration:none;}

/*************************  PARA INTERNET EXPLORER 6 ****************************************************/
#IE {color: orange; background-color:white; border-style:solid; border-color:gray;padding:10px; width:20%; height:100px; overflow-x:hidden; overflow-y:scroll; position:absolute; top:15px; right:15px; visibility:hidden; }
#IE img {width:25px; position:relative; top:5px;}
#IE  a {color: orange;}
#cerrar a {color:red; text-decoration:none; text-size:12px;}
#cerrar {background-color:black; padding:4px; }