@charset "ISO-8859-1";
/* CSS Document */


body {
	background: #D8D1BE url(images/backg_img.gif) repeat;
	/* background: #D8D1BE; */
	/* color:#505050; */
	font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}


/* CAPAS PRINCIPALES *****************/


.marco1 {						/* Genera el margen para el fondo lateral */
	background-color: #FFFFFF;
	width: 900px;
	border:0px solid #000000;
	margin: 0 auto;				/* El auto es el que centra el marco 2 */
	margin-top: 17px;			/* Para cambiar el margen de la cabecera hay que tocar aquí y... */
	border: 1px solid #dddddd;
}


.marco2 {						/* Contiene todo, después del margen lateral */
	width: 800px;
	padding:0px;
	margin:16px 50px 0 50px;	/* ...aquí (cambiar margen de la cabecera */
}

.cabecera {
	background: url(images/cabecera.jpg) no-repeat;
	width: 800px;
	height: 106px;
}

.contenedor_general {			/* Contiene todo lo que está debajo de la cabecera */
/*	border-top: 3px solid #aa9e97;
	border-left: 1px solid #aa9e97; */
	border-top: 0px solid #eeeee7;
	border-left: 0px solid #DAD5C2;
	padding: 15px 0 0 0;
    position: relative;
}

.cont_izda {					/* Contiene todo lo de la izquierda, menú incluido */

	position: relative;
	float: left;
	width: 140px;
	height: 400px;
	border:0px solid #978980;
	padding:0px;
	margin: 0;
}

/* Contiene todo lo de la derecha
Al final no lo he utilizado porque generaba un conflicto
entre el menú y el Iframe en Explorer 7. Si alguna vez
utilizo una versión sin Iframe, se puede usar, pues sin él
no da ningún problema

.cont_dcha {					

	width: 640px;
	border:0px solid #978980;
	padding:10px 0 0 3px;
	margin: 0px 0px 0px 152px;
}

*/


/* MENU PRINCIPAL **************************/


.inicio { 

	position: relative;
	float: left;
	width:115px;
    font-family: Verdana, Arial, sans-serif;
    font-size:11px;
    text-align:center;
    color:#777777;
    padding: 0px;
    margin:6px 0px 0px 0px;
}

.inicio a{ text-decoration:none; 	color:#777777;}
.inicio a:hover{ text-decoration:none; color:#111111;}


.menu {
	width:130px;
	text-align:center;
	float:left;
	margin-top:25px;
	margin-left:0px;
	border-left:8px solid #cec6ae; 
/*	border-left:8px solid #d8d1be; */
	z-index:1;
}


.menu .opensub{				
	text-decoration:none;
	border:0px solid #978980;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 110px;
	height: 67px;
    text-align:left;
    float: left;
	padding: 0px 0px 14px 12px;
	position:relative;
} 


.menu .submenu {

	display: none;
	list-style:none;
	text-decoration:none;
	color:#ffffff;
	position:absolute;
	text-align:center; 
	font-size:13px;
	
	border-top:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	
	background-color:#333;
	
	padding: 7px 0px 7px 0px;
	
	width:110px;
	left:105px;
	top: -5px;
	
}

.menu .imagen {
	text-decoration:none;
}

.menu .opensub:hover { 
	text-decoration:none; color:#fff;
}

.menu .opensub:hover .submenu{	
	display: block; 
    opacity:1;
}

.menu .opensub:hover .imagen {
	opacity:0.75;
	filter:alpha(opacity=75);
}


.menu .submenu .subopcion{
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:1.5em;
	font-size:11px;
	padding:5px 0px;
	color:#ffffff;
}

.menu .submenu .subopcion a{ text-decoration:none; 	color:#f5e7b1;}
.menu .submenu .subopcion a:hover{ text-decoration:none; color:#ECD064;}

.filigranap { float:left; margin:19px 0 0 15px; }


/* PRIMERA PÁGINA ***********************/

.cabecera_1stpg {
	background: url(images/cabecera_1stpg.jpg) no-repeat;
	width: 800px;
	height: 106px;
}

.presentacion {

	font-family: Arial, Verdana, courier, sans-serif;
    text-align:center;
    font-size:26px;
    margin-top:30px;
    margin-bottom:0px;
    color:#8a7a71;
    line-height:1.2em;

 }
 
.presentacion a{ text-decoration:none; color:#8a7a71; }

.filigrana { margin-top:50px; }

.entrada {
	width:650px;
	text-align:center;
	float:left;
	margin:45px 75px 0px 75px;
/*	border-top:10px solid #cec6ae;	*/
/*	border-top:4px solid #eee6de; */
	border-top:4px solid #F0F0E7;
	z-index:1;
   	position:relative;
}


.entrada .opensub{				
	text-decoration:none;
	border:0px solid #978980;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 137px;
	height:200px;
    text-align:left;
    float: left;
    margin:15px 34px 0px 0px;
	padding: 0px 0px 14px 0px;
}

.entrada .opensub .titulos{

	text-decoration:none;
/*	background-color:#cec6ae;*/
/*	background-color:#F0EEE6; */
	border:1px solid #cec6ae; 
/*	border-bottom:1px solid #cec6ae;
	border-top:1px solid #cec6ae; */
	font-family: Arial, Verdana, courier, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666;
	width: 135px;
	height: 20px;
    text-align:center;
    margin:0px 0px 15px 0px;
	padding: 10px 0px 10px 0px; 

} 

.entrada .opensub:hover .titulos{ 
	text-decoration:none;
	color:#444;
/*	background-color:#d8d1be; */
	background-color:#F0F0E7;
}

.entrada .opensub:hover .submenu{	
	display: block; 
}


.entrada .submenu {

	display: none;
	text-decoration:none;
	font-family: Verdana, Arial, courier, sans-serif;
	position:absolute;
	text-align:left; 
	font-size:12px;
/*	font-weight:bold; */
	border-top:2px dotted #978980;
	color: #444444;
	line-height:1.5em;
	
	padding: 15px 0px 0px 0px;

/*	width:596px; */
	width:650px;
	left:0px;
	top: 202px;
}

.entrada .submenu a{ /* color:#d04a10; */ color:#AA242E; text-decoration:underline;  font-weight:bold; }
.entrada .submenu a:hover{ text-decoration:underline; color:#fa9035; font-weight:bold; }

.pie {
	width: 800px;
	height: 17px;
	border-top: 2px dotted #DAD5C2;
	padding: 9px 0 0 0;
    position: absolute; bottom: 10px; left:0px;
    font-family: Arial, Verdana, courier, sans-serif;
    text-align:center;
    font-size:11px;
    color:#8a7a71;
}

.pie a{
	text-decoration:none;
	color:#8a7a71;
}