/* Estructura General */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 10px 0;
	background: #008ad7;
	font: normal 11px  Verdana, Helvetica, Arial, sans-serif;
	color: #314b72;
	text-align: justify;
}

#pagina {
	width: 770px;
	margin: 0 auto;
	background-color:#FFFFFF;	
}
#fondo {
	width: 770px;

	background-color:#FFFFFF;	
}

#contenidoColumnas {
	width: 740px;
	background-color:#FFFFFF;
	clear:both;
	margin: 0 15px 0 15px;
	padding: 5px;
	
margin-right: 5px; /* Margen para todos los navegadores */
.margin-right: 5px; /* Margen para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen inicial */
_margin-right: 5px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */

	
	
	
}



	



/* Encabezado */

#encabezado {
	width: 770px;
	height: 92px;
	background-color: #008ad7;
	margin: 0 auto;
	background-image: url(../imagenes/encabezado.gif);
	background-repeat: no-repeat;
}

#fondoSolapas {
	width: 770px;
	height: 23px;
	background-color: #008ad7;
	margin: 0 auto;
	background-image: url(../imagenes/fondo_solapas.gif);
	background-repeat: no-repeat;
}





/* Etiquetas Clasicas */

a {
	color: #314b72;
	text-decoration: none;

}

a:hover {
	text-decoration: none;
	color: #0066FF;
}

h1.titulo {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#3399cc;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fcad01;
}


h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color:#fdba73;
	text-transform: uppercase;
	padding: 5px;
	
}



h3.separador{
	background-image: url(../imagenes/separador_cotizaciones.gif);
	background-repeat: repeat-x;
	text-indent: -9999px;
	height: 4px;
	overflow: hidden;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	clear:both;
}

h4 {
font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	color:#575757;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	text-align:center;
	clear:both;
}


h5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	color: #3399cc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3399cc;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399cc;
	
	
	
}




h6 {
	background-image: url(../imagenes/puntitos.gif);
	background-repeat: repeat-x;
	text-indent: -9999px;
	height: 1px;
	overflow: hidden;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}



	

dd{

text-align: left;
	text-indent: 80px;
	list-style-type: square;
	list-style-position: inside;
		
	}
	
	
	
	ol{
	text-align: left;
	
	padding-left: 80px;
	list-style-type: disc;
	list-style-position: inside;		
	}		
	




/* Detalles de Enlaces*/



.fondoOscuro 
{
	color:#FFFFFF;
	font-size:10px;
	padding: 5px;
}


.fondoCeleste
{
	background-color:#cdeefc;
	
}


.fondoCeleste li
{
text-align:center;
padding: 20px 12px 0 0;
text-decoration:none;
list-style:none;

}



.acrobat 
{
	display: block;
	padding: 5px 5px 5px 36px;
	background-image: url(../imagenes/acrobat.gif);
	background-repeat: no-repeat;
	color:#000000;
}



.enlaceEnTexto
{
	color: #0000FF;

}





/* Dos Columna */

#dosColumnasIzquierda {
	float: left;
	width: 497px;
	
	margin: 10px 0 10px 25px;
	

}



/* Una Columna */

#columnaTotal {
	float: left;
	width: 750px;
	clear:both;
	padding-left: 10px; 
	padding-right: 10px; 
	background-color:#FFFFFF

	
}
#columnaTotal2 {
	float: left;
	width: 770px;
	clear:both;
	padding: 0px;
	background-color:#FFFFFF

	
}

/* Columnas CEAS */

#columnaIzquierdaCeas {
	float: left;
	width: 390px;
	margin: 35px 0 43px 35px;
	clear:both;
	
}


#columnaDerechaCeas {
	float: right;
	width: 226px;
	margin: 35px 25px 43px 35px;

	
}



/* Tres Columnas */

#columnaIzquierdaHome {
	float: left;
	width: 270px;
	clear:both;
	

	
}


#columnaCentralHome {
		float: right;
		margin: 0 20px 0 20px;
		width: 281px;

}



#columnaDerechaHome {
float:right;
width: 150px;
margin-right: 9px; /* Margen para todos los navegadores */
.margin-right: 5px; /* Margen para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen inicial */
_margin-right: 5px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */
.display:inline; /* Margen para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen inicial */
_display:inline; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */
}


/* Cuatro Columnas */


#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;

}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;

}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;


}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;

}


#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 0px;
font-size:11px;
text-align:left;
}


#box_1 a, #box_2 a, #box_3 a, #box_4 a {
text-align:left;
}





/* Secciones*/


#enlacesDerechaHome {
width: 132px;
margin-left: 10px;
	
}

*html #enlacesDerechaHome{
width: 132px;
margin-left: 10px;
		
}



#FondoImagenHome {
	float: left;
	width: 591px;
	background-image: url(/imagenes/fondo_mapa3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
}



#Mapa {
	float: left;
	width: 270px;
	height: 464px;

}


#FondoNoticias {
	float: left;
	width: 280px;
	margin-bottom: 3px;

}


#Cotizaciones {
	margin: 8px;
	width: 254px;
	background-color:#727374;
	color:#FFFFFF;
}


#Cotizaciones a:hover
{
	color: #FFCC66;
}


#Cotizaciones p
{
	color: #FFF;
	font-size: 10px;
	padding: 5px;
}

#FondoBanners{
	float: left;
	margin: 5px 20px 0 20px;
		width: 271px;
		height:auto;
}




#Revista {
float:left;
}



.Revista{
background-color: #0884b6;
height: 100px;
width: 271px;
padding: 5px;
margin-top: 10px;
}


.Revista a:hover{
	color: #00FFFF;
}


#revistaTextos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	margin-left: 80px;
	line-height: 10px;	
}



.Video{
background-color: #cccccc;
height: 90px;
width: 271px;
padding: 5px;
margin-top: 10px;	
	
}



#videoImagen{
float:left;	
	
}

#videoTextos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	margin-left: 116px;
	line-height: 10px;	
}
/* Novedades */

#novedades {
	width: 545px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #008ad7;
	clear:both;
}


.novedades
{
	color: #008ad7;
	font-size: 12px;
	font-weight:bold;

}



#saludos {
	width: 564px;
	margin: 10px;
	padding: 0px;
}

/* Footer */

#footer {
	width: 770px;
	height: 66px;
	margin: 0 auto;
	background-color: #008ad7;
	background-image: url(../imagenes/footer.gif);
	background-repeat: no-repeat;	
}

#footer  img{
margin: 14px 0 10px 160px;
}

/*++++++++++++++++++++clean etiquetas+++++++++++++++++++++++++++++++++++++++++*/

img {
	border: none; 
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}

a, a:link, a:visited, a:hover, a:active{text-decoration:none}

ol, ul, li {list-style: none;}

hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}


/*desplegables  */




.elementoVisible {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #29355c;
	text-decoration: none;
}

.elementoOculto {
	display:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29355c;
	
	
}

.linkContraido {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29355c;
}


.linkExpandido {
     cursor: pointer;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29355c;
	
}


#elementoOculto p{
	display:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #29355c;
}