/* CSS Document */

*{ /* coloca todos los márgenes del sitio en 0 */
	margin:0;
	padding:0;
 }
 
 /* ---------- BLOQUE DE ESTILOS GENÉRICOS ---------- */
 
 a { text-decoration:none;}
 a.replace {display:block;}
 ul {list-style:none;}
 /*acronym {border-bottom:1px dotted;*/

 body { /* Gráfico de fondo */
 	background: url(../imagenes/fondo.jpg) repeat-x;
	text-align: center;/* centra en Explorer */
		}

#contenedor {
    position: relative; /* sirve de coordenadas para los absolutos que haya
    dentro */
    margin: 0 auto; /* centra en todos menos Explorer */
    width:90%;
	height:auto;
    text-align: left; /* para volver el texto a la izquierda */
	background-color:#6C8798;
}

/* ---------- MENÚ SUPERIOR ----------- */

#menu_superior {
	position:static;
	top:1px;
	left:0px;
	width:100%;
	height:27px;
	z-index:4;
	padding-top:4px;
	list-style:none;
	background-color:#6C8798;
}

#menu_superior li {
	margin:0;
	padding:0px;
	float:left;
	border-right:1px solid #DDE6E8;
}

#menu_superior li.last {
	border-right:none;
}

#menu_superior li a {
	display:block;
	padding: 3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:.7em;
	color:#DDE6E8;
	background-color:#6C8798;
}

#menu_superior li.first {
	margin-left:0;
	border-left:none;
}

#menu_superior li a:hover{
	color: #FFFFFF;
	background-color:#A6BDC3;
}


/* ---------- ESTILOS LOGOTIPO ---------- */


#logo {
	position:static;
	top:28px;
	width:100%;
	height:220px;
	z-index:5;
	float:left;
	overflow:hidden;
	
}

#uno h1 {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	top:28px;
	padding-left: 15px;
	padding-top: 20px;
	color:#FFFFFF;
	font-weight:lighter;
	z-index:1;
	}


/* ---------- BLOQUE DE ESTILOS DE FECHA ---------- */


#fecha {
	z-index:5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .8em;
	color: #FFFFFF;
	margin:0;
	padding:.4em;
	background-color: #A3B8CB;
	
}

#fecha ul{
	list-style:none;
	white-space:nowrap;
	float:left;
}
#fecha ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight:bold;
	display:inline;
	color:#FFFFFF;
	margin:0;
	padding-right:10px;
}
#fecha ul li a {color:#FFFFFF;}


div.clear {clear:both;}

    
/* ---------- BLOQUE DE ESTILOS DE TEXTOS ---------- */
			 
			 
#uno h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	top:28px;
	padding-left: 15px;
	padding-top: 20px;
	color:#FFFFFF;
	font-weight:lighter;
	z-index:1;
}

#uno h1.color {
	color:#000000;
	font-weight:bold;}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#6C8798;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom:15px;
}
	
	
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	color:#6C8798;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom:15px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight:bold;
	color:#333333;
	padding: 5px 0 2px 5px;
	}
	

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	text-align:justify;
	padding: 0 15px 5px 15px;
}


	
/* ---------- ESTILOS MENÚ LATERAL IZQUIERDO ---------- */
		  
		  
#menu_izq {
	position:static;
	float:left;
	background-color: #6C8798;
	width:25%;
	height:auto;
	top: 269px;
	z-index: 1;
	}

#menu_izq ul {
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.marcadormenu {
	background-color:#6C8798;
	list-style-type:none;
	margin:0;
	padding:0;
	border:1px solid #9A9A9A;
	}
	
.marcadormenu li a {
	background-color:#6B8798;
	font: bold .7em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
	margin:0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:15px;
	text-decoration:none;
	border-bottom:1px solid #B5B5B5;
}

.marcadormenu li a { /* IE */
	width: 100%;
	background-color:#6C8798;
	}
.marcadormenu li a:visited, a:active {
	color:#FFFFFF;
	background-color:#6C8798;
	}
	
.marcadormenu a:hover{
	color:#FFFFFF;
	background-color:#A6BDC3;
	}
        
/* ---------- BLOQUE DE ESTILOS CUERPO ---------- */
		
		
#cuerpo {
	position:static;
	top:269px;
	margin-left: +25%;
	margin-left: +25%;
	width: 75%;
	width: 73%;
	background-color: #DEEFF7;
	height:auto;
	z-index: 7;
}

#cuerpo ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	text-align:justify;
	padding: 0 15px 10px 15px;
}


#cuerpo p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	text-align:justify;
	padding: 5px 15px 5px 15px;
	padding: 5px 20px 5px 20px;
}


#cuerpo a:link, #cuerpo a :active {
	color:#333333;
	text-decoration:underline;
}

#cuerpo a:hover {
	color: #666666;
}

#cuerpo p.linea {
	 border-bottom: 1px solid #D1D1D1;
	 padding-bottom: 10px;
}
#cuerpo p.centro{text-align:center;
	padding-bottom: 20px;}
	
	
/* ------------ FORMULARIO ----------------*/

#formulario {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	padding: 15px 15px 5px 15px;
	}
#formulario div {
	margin: .4em 0;
}
#formulario div label {
	width: 25%;
	float:left;
	padding-left:5px;
}
.distancia{padding-bottom:20px;}

.estil {
	color: #333333;
	}
/* ----------- BLOQUE DE ESTILOS DE LA INFORMACIÓN DE LA BASE DEL INDEX ---------- */
	   
#pie {
	clear: both;
	position:static;
	float:left;
	left:1px;
	width:100%;
	padding-top: 10px;
	color: #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #A3B8CB;
	}

#pie p {
	font-size: .8em;
	margin-bottom: 1px;
	text-align:center;
}


#pie  a:link, a:visited, a:active {
	color: #333;
	text-decoration:underline;
} 

#pie ul li a:hover {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}