/* CSS Document */
body { padding:0px; margin:0px;
    HEIGHT: 100%;
    FONT-SIZE: 11px;
    COLOR: #006699;
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
	line-height: 20px; 
	text-align:justify;}

HTML
{
    HEIGHT: 100%;
}




#superior {
	position: absolute;
	width: 100%;
	height: 170px;
	top: 0px;
	left: 0px;
	background-color:#FFFFFF;
	border: 0px solid #504730;
	background-image:url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
	z-index:0;
}

#superior_contenedor {
	position: absolute;
	width: 745px;
	top: 0px;
	left: 50%;
	/*margin-top: -204px; la mitad de alto del contenedor*/
margin-left: -373px;/*la mitad de ancho del contenedor*/
	border: 0px solid #668877;
}

#superior_logo {
position: absolute;
top: 20px;
left: 30px;
}

#superior_imagen {
position: absolute;
top: 0px;
right: 0px;
border: 0px solid #668877;
}








#menu_fondo {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 170px;
	left: 0px;
	background-color:#003366;
	border: 0px solid #003366;
	background-image:url(../imagenes/fondo_menu.gif);
	z-index: 2;
}

#menu_fondo_contenedor {
	position: absolute;
	width: 745px;
	top: 5px;
	left: 50%;
	/*margin-top: -204px; la mitad de alto del contenedor*/
margin-left: -373px;/*la mitad de ancho del contenedor*/
	border: 0px solid #668877;
}

#menu {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 30px;
border: 0px solid #668877;
float: left;
}




#contenido {
	position: absolute;
	width: 100%;
	top: 235px;
	left: 0px;
	background-color:#ffffff;
	border: 0px solid #003366;
	vertical-align:bottom;
}



#contenedor {
border:solid 0px blue;
	text-align:left;
	margin:auto;
	width:685px;
	overflow:hidden;
	
	}

#titulo {
	width: 100%;
	height:36px;
	padding-left: 35px;
	top: 0px;
	border: 0px solid #668877;
	background-image:url(../imagenes/titulo_home.gif);
	background-repeat:no-repeat;
}
#subtitulo {
	width: 90%;
	height:20px;
	
	top: 0px;
	
}

#texto_1columna {
	width: 570px;
	margin-top: 25px;
	margin-left: 50px;
	margin-bottom: 45px;
	background-color:#FFFFFF;
	border: 0px solid #668877;
	
}

#texto_2columnas_1 {
	width: 320px;
	margin-top: 45px;
	margin-bottom: 45px;
	margin-left: 0px;
	margin-right:0px;
	padding:0px;
	background-color:#FFFFFF;
	border: 0px solid #668877;
	float:left;
}

#texto_2columnas_2 {
	width: 300px;
	margin-left: 0px;
	margin-right:0px;
	padding:0px;
	margin-top: 45px;
	margin-bottom: 45px;
	background-color:#FFFFFF;
	border: 0px solid #668877;
	float:right;
}

#pie_linea {
	width: 100%;
	height: 5px;
	left: 0px;
	background-color:#003366;
	border: 0px solid #003366;
	vertical-align: bottom;
}


#pie_texto {
	width: 100%;
	left: 0px;
	background-color:#ffffff;
	border: 0px solid #003366;
	text-align:center;
	font-size: 10px;
}

#pie_texto a {
	font-size: 10px;
	color: #006699;
	font-weight: normal;
	text-decoration: underline;
}

#pie_texto a:hover {
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
}

/* textos */
p { 
FONT-SIZE: 11px;
COLOR: #006699;
FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif;
line-height: 20px; 
text-align: justify;
}
ul#carta {
	padding:0;
	list-style: none;

	}


ul#carta li {
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	overflow:hidden;
	background-image: url(../imagenes/linea.gif);
	background-repeat: repeat-x;
	background-position:top;
	font-size: 11px;
	bottom: 0px;
	border-right: 1px solid #f1f1f1;
	}

ul#carta li.uno {
	width:130px;
	font-weight: bold;
	text-align:center;
	line-height: 18px;
	height: 120px;

	}
	
ul#carta li.dos {
	width:130px;
	font-weight: bold;
	}
	
p#destacados {
	background-image: url(../imagenes/fondo_destacado.gif);
	background-repeat:no-repeat;
	width:250px;
	height:21px;
	text-align:right;
	padding-right: 80px;
	color:#FFFFFF;
	font-weight:bold;
}

a {
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #003366;
}

a:hover {
font-weight: bold;
text-decoration: none;
color:#FF6600;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
text-transform:uppercase;
color: #FFCC99;
}

.form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #003366;
	height: 15px;
}
.form_multiline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #003366;
	height: 15px;
	width: 225px;
}

.form2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #003366;
	height: 60px;
}