* {
margin: 0;
padding: 0;
}

/* Estilos Portada MEC*/
.clear {clear: both; background-color:#FFFFFF; /*width:100%; */height:0.5em; }
img {border: 0px; }
.oculto {display: none;}

body {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin:auto;
	width:48.9em;
	height:100%; 
}

/* --- Cabecera ---*/
/*--******************************* CABECERA ******************************************--*/
#cabecera {margin:0 auto 0.5em auto; padding: 0; width:48.9em; }
#cabecera .logo_mec {width:11.2em; /*height:66px; */ margin:0; border:none}
#cabecera .logo_centro { width:37.2em; /*height:66px; */ margin:0 0 0 0.1em;border:none	}

/*--*************************** FIN CABECERA ******************************************--*/
#contenido { margin: auto; 

	background-image: url(../images/escudo.jpg); 
	background-repeat: no-repeat;
/*	background-repeat: repeat-x;*/
/*	background-color: #DCE9F9;*/
	width:48.94em;
	}

/*--********************** CONTENIDO: PARTE DEL MEDIO : izquierdo + central ***********--*/
/*--************************** Menú izquierdo *****************************************--*/

#izquierdo {  
	width: 11.2em;
	float: left;
	margin:0 ;
	padding: 0 0 0.5em 0;
/*	background-image: url(../images/escudo.jpg) ;
	background-repeat:repeat-x;
	background-color: #DCE9F9;*/
}

/* Si queremos poner títulos en la barra vertical izquierda*/
#izquierdo h2 {color: #2E5698; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; border-bottom: 1px solid #F40F0F; background: url("../images/fondo-h2-izq.jpg") repeat-x right bottom; padding: 4px 0px 3px 4px; margin: 0;}


#izquierdo .separador {
border-bottom: 1px solid #F40F0F; 
background: url("../images/separador.gif") repeat-x right bottom;  
margin: 0em 0 1em 0em; 
height:1em; 
}

/* Estilo de los menús: fijo y variable. No modificar, importante para el JavaScript del árbol*/
/* menú */
.menu ul{
margin: 1em 0 0 0;
padding: 0;
width: 11.2em; /* Width of Menu Items */
}
	
/* Elementos del menu */
.menu ul li{
list-style-image:url("../images/flecha.gif");
padding: 7px 0px 7px 0px; 
margin: 0px 0px 0px 20px; 
height: 1.0em;

}

/* submenú: hereda los estilos del menú */
.menu ul li ul{
position: absolute;
top: 0px;	
margin:0;
background-color:#DFECFC;
visibility: hidden;
}

/* elementos del submenú: hereda los estilos de los eltos del menú */
.menu ul li ul li{
position: relative; 
}

/* Sub level menu links style */
.menu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
color: #003D7A; 

}

/* elementos de menú y submenú al pasar por ellos */
.menu ul li a:hover{
display: block;
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
text-decoration: none;
}

/* estilo de los elementos que se "abren" */
.menu .subfolderstyle{
	background-image:url("../images/flecha-carpeta.gif");
	background-repeat: no-repeat; 
	background-position:center right; 
}

/*buscador del mec */
#buscador {text-align: center; margin: 2em	0 2em 0; padding: 0;}
#buscador form {margin: 0; padding: 0;}
#buscador label {display: none;}
#buscador .campotexto {padding: 0.2em 0 0.1em 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: normal; color: #1A4168; text-decoration: none; background: #ffffff; border: 1px #7F9DB9 solid;}
#buscador .botonbuscar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: bold; color: #ffffff; text-decoration: none; background: #4393CE; border: 1px #466083 solid; margin-top:0.5em;}

/*--********************** FIN Menú izquierdo *****************************************--*/

/*--************************** Bloque central *****************************************--*/
#central {  
	margin:0;		
	padding:0em 0em 0em 0.5em; 
	float:left; 
	width: 37.1em; 
	background-color:#FFFFFF;  }

/*-- Secciones --*/
#secciones {
	width: 100%;
	height:2em; 
	padding:0em; 
	background-image:url(../images/esquina-sup-der.gif);
	background-repeat: no-repeat; 
	background-position:top right; 
	background-color:#4393CE;	
}

/*#secciones {width: 37.2em;  background: #	777777; height:10em;}*/
#secciones .links a {float:left;font-size: 0.8em; color: #ffffff  ; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin:0.5em;text-align: left;}
#secciones .idiomas a {float:right;font-size: 0.8em; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin:0.5em;text-align: right; background: url("../images/flecha-idiomas.gif")  left no-repeat; padding-left: 1em; }
	
#flash { height:12.3em;	width: 100%;margin: 0 0 0 0; }
#flash object { height:12.3em; width: 100%;margin: 0 0 0 0; }
#flash embed { height:12.3em; width: 100%;margin: 0 0 0 0; }
#flash img { height:12.3em; width: 100%;margin: 0 0 0 0; }
/*width=563 height="196" 	*/

#novedades {
	width:36.8em;
	margin: 0 0em 0.2em 0; 
	padding:0.3em 0.2em 0.3em 0.2em	; 
	background: #65B5F0 no-repeat top right; 	
	float:left;
}
	
#novedades ul {list-style: none; padding: 0 0 0 0.1em; margin: 0;}
#novedades ul li { float: left; display:  block; margin: 0; padding:0 0.5em 0 0.5em;}
#novedades a {color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; text-decoration: none;  padding:0.5em 0.5em 0.5em 0.5em; margin:0.5em 0.5em 0.5em 0.5em; padding:1em;}
#novedades a:hover {color: #405D7F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; text-decoration: underline;}

#cajas {width: 100%; }
#cajas .izq {float: left; width: 48.90%;  margin: 1em 1% 1em 0em; border-bottom: 1px solid #cccccc; padding: 0 0 1em 0; }
#cajas .der {float: right; width: 48.90%; margin: 1em 0em 1em 1%; border-bottom: 1px solid #cccccc; padding: 0 0 1em 0; }

#cajas ul {
	margin: 0.2em 0px 0.2em 1em; 
	padding-left: 0.5em;
	}

#cajas ul li {
	list-style: disc;
	margin: 0px 0px 0.0em 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.8em; 
}

#cajas ol {
	margin: 0.2em 0px 0.2em 1.0em; 
	padding-left: 0.5em;
	}

#cajas ol li {
	list-style: decimal;
	margin: 0px 0px 0.0em 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.8em; 
}

#cajas h1 {
	color: #2E5698; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em; 
	border-bottom: 1px solid #F40F0F; 
	background: url("../images/fondo-h2-centro.jpg") repeat-x right bottom; 
	padding: 4px 0px 3px 4px; 
	margin: 0;
} 

#cajas h2 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #4393CE; 
	font-size: 1.0em; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 0.3em 0 0.3em 0.5em;
}

#cajas h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.9em; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 0.1em 0 0.3em 0.9em; 
}

#cajas p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.8em; 
	margin: 0.4em 0.5em 1em 0.3em; 
}

#cajas div {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.8em; 
/*	margin: 0.4em 0.5em 1em 0.3em; */
}

#cajas img
{
	/*float: left; */
	margin: 0.6em; 
	padding: 0.1em; 
	border: 1px solid #cccccc;
	margin: 1em 0em 1em 0em; 			
}

#cajas .normal{
	width:40%;
	height: auto;
	}
	
#cajas .grande {
	width:80%;
	height:auto;
	}	
	
#cajas a {
text-decoration: underline;
} 
#cajas a:hover {
	color: #F40F0F; 
} 	

#cajas table {
	width:80%;
	border-width: 0px;
	border-style: none;
	background-color: #ffffff;
	margin: 0.6em;
}
#cajas table th {
	border-width: 1px;
	padding: 0.0px;
	border-style: solid;
	border-color: #4393CE;
	background-color: #ffffff;
}
#cajas table td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #4393CE;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #405D7F; 
	font-size: 0.8em; 	
}
/*
#cajas .tituloPagina {
	font-family:verdana;	
	font-size:0.7em;		
	margin: 1.2em;
	color:#2373AE;	
	font-weight:bold;	
	text-decoration:none;
	}*/
	
#cajas .tituloPagina {
	font-family:verdana;	
	font-size:0.7em;		
	margin: 0 0em 1.2em 0em;
	padding: 0.6em 1.2em 0.6em 1.2em;
	color:#2373AE;
	background-color:#DCE9F9;
	font-weight:bold;	
	text-decoration:none;
	}	

/*--********************** FIN Bloque central *****************************************--*/
/*--******************* FIN CONTENIDO: PARTE DEL MEDIO: izquierdo + central ***********--*/

/*--***************************** PIE *************************************************--*/		
#pie { 
	width: 100%; 
	margin: 0em auto 0em auto; 
	border-top: 4px solid #99CCFF; 
	border-bottom: 2px solid #DCE9F9; 
	background: #DCE9F9; 
	height:2em ; 
	clear:both; 
	bottom:0; }		

#pie .copyright { float:left;text-align:left; font-size: 0.7em; 
margin: 0.0em auto 0em 3em ; padding: 1.2em 0.4em 0.2em 0.1em; bottom:0;}

#pie .logo {  float:right;  }

/*--************************* FIN PIE *************************************************--*/	


/*--********************* PAGINA DE CONTACTO ******************************************--*/	
#contacto {background:#DAE9F3; height:5em; 	width:35em; text-align:left; margin: 2.5em auto 0 auto;  }
#contacto h1 {color: #2E5698; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; border-bottom: 1px solid #F40F0F; background: url("../images/fondo-h2-izq.jpg") no-repeat right bottom; padding: 4px 0px 3px 4px; margin: 0;}
#contacto p {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #152758; FONT-FAMILY: verdana; text-decoration: none;  padding:1em; }
/*--***************** FIN PAGINA DE CONTACTO ******************************************--*/