/* divs */
#contenedor{
	text-align: left;
	width: 800px;
	height:600px;
	/*background-color: #ccc;*/
	margin: auto;         /*para que el MFox centre la página */
	}
#cabecera{
	height: 130px;
	width: 800px;
	/*background-color:#ff0000;*/
	}
#cabecera img{border:none;}

#cuerpo{
	width:440px;
	height:375px;
	margin-left: 0px;
	text-align: justify;
	padding: 0px 10px 10px 0px;
	/*background-color : #ffff00;*/
	font-family: verdana; 
	font-size: 1em;
	float: left;
	overflow: auto;
	scrollbar-base-color: #DAA520;
   	/*scrollbar-track-color: color2;
   	scrollbar-face-color: color3;
   	scrollbar-highlight-color: #f6cd69;
   	scrollbar-3dlight-color: color5;
   	scrollbar-darkshadow-color: color6;
   	scrollbar-shadow-color: colo7r;
   	scrollbar-arrow-color: color8; */
} 
#cuerpo_video{
	width:500px;
	height:400px;
	margin-left: 0px;
	text-align: justify;
	padding: 0px 10px 10px 0px;
	/*background-color : #ffff00;*/
	font-family: verdana; 
	font-size: 1em;
	float: left;
	overflow: auto;
	scrollbar-base-color: #DAA520;}

#lateral{
	width: 340px;
	height:375px;
	padding:10px 0 0px 10px;
	border: #000 0px solid;
	font-family:verdana;
	font-size:1em;
	float:right;
}
#lateral_video{
	width: 280px;
	height:400px;
	padding:10px 0 0px 10px;
	border: #000 0px solid;
	font-family:verdana;
	font-size:1em;
	float:right;
}
#lateral_arriba{
	width: 280px;
	height:75px;
}
#lateral_img{
	width: 280px;
	height:270px;
}
#lateral_abajo_vid{
	width: 280px;
	height:320px;
}
#pie{	width: 100%;
	height:30px;
	clear : left;
	color : #556B2F;
	margin : 10px 0 0 0;
	padding: 5px 0 0 10px;
	font-family: arial;
	border-top:1px solid;
} 

/* elementos básicos */
BODY {
	/*background: ;*/
	font-size:10pt; 
	/*color: ;
	margin: ;*/
	text-align: center; /*para que el IE centre la página */
	}
h1{
	font-size:1.5em;
	text-align: center;
}
strong {
    color: #0D2D08; 
    font-weight: bold;
}

/* clases */
a, a:VISITED, aACTIVE, a:FOCUS, a:LINK, .terrativa{
	color: #0D2D08; font-weight: bold; }  /*quita el subrayado a los enlaces */
a:HOVER{
	color: #7F8003;
}
a.info{
	color : #cccccc;
	text-align : right;
	padding-left: 300px; 
	clear:none;
}
.correo{ /* de momento no se usa */
	color: #0000FF;
	font-weight:bold;
	clear:left;
}
.boton{
	color:#0D2D08;
	font-weight:bold;
	border:1px solid;
	background: #DAA520;
	padding: 2px;
}

.catalogo{
    color:#7F8003;
    border: 1px dashed;
    text-align : center;
}

/*				*/
/*     MENÚ DESPLEGABLE 	*/
/*				*/
/*definimos la barra del navegador*/
.menu {width:798px; height:25px; font-size:0.85em; position:relative; z-index:100; background:#DAA520; border:1px solid #000;}
/* "Tan hack" para corregir el fallo del IE5.5 con el modelo de caja */
* html .menu {width:800px; w\idth:798px;}
/* eliminamos los puntitos y los margenes típicos de las listas */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* para transformar la lista en una barra, hacemos que los elementos floten a la izquierda
la posición relativa para que los elementos del segundo nivel sean relativos a los del primero y divido la barra en 5 posiciones iguales (20%) */
.menu ul li {float:left; text-align:center; width:20%; position:relative;}
/* "Tan hack" para corregir el fallo del IE5.5 con el modelo de caja */
* html .menu ul li {width:150px;}
/* enlaces barra del navegador */
.menu a {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight: bold;
	line-height:25px;
}
/*desplegable posición absoluta respecto al navegador. dos pixeles menos q la altura para que se sobreponga un poquito y más z-index para que aparezca
encima */
.menu ul li ul {position:absolute; float:left; left:10px; top:23px; display:none;z-index:110;background:#DAA520; border:1px solid #000;} 
.menu ul li ul li {text-align:left;  width:300px; position:relative; padding-left:5px;}
.menu ul li:hover ul {display:block;}
/*"Tan hack" para corregir el fallo del IE5.5 con el modelo de caja */
/* html .menu a, * html .menu a:visited {width:95px; w\idth:90px;}*/
/* Estilo de los enlaces :hover del navegador */
.menu a:hover, .menu ul li ul li:hover{color:#fff; background:#B8860B;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#B8860B;}
a.activa {color:#fff;background:#B8860B;}

a.acceso, a.acceso:hover{ /*para que el botón de acceso del navegador no cambie de color como el resto*/
	color : #cccccc;
	background: #DAA520;
}