/* 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;	
}

#contenidoColumnas {
	width: 740px;
	background-color:#FFFFFF;
	clear:both;
	margin: 15px 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: #0066FF;
	text-decoration: none;

}

a:hover {
	text-decoration: none;
	color: #33CCFF;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#3399cc;
	
	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:#3399cc;
	padding: 5px 5px 5px 0;
	
}



h3 {
	background-image: url(../imagenes/separador.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, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color:#3399cc;
	padding: 5px 5px 5px 0;
	
}


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*/







.acrobat 
{
	display: block;
	padding: 0px 5px 5px 20px;
	background-image: url(../imagenes/acrobat.gif);
	background-repeat: no-repeat;
}



.enlaceEnTexto
{
	color: #0000FF;

}


.flechita 
{
	display: block;
	padding: 2px 15px 4px 36px;
	background-image: url(../imagenes/flechi.gif);
	background-repeat: no-repeat;
	
}



/* Dos Columna */

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

}

#dosColumnasDerecha {
	float: right;
	width: 200px;
	margin-top:10px;

	
}




/* Una Columna */

#columnaTotal {
	float: left;
	width: 713px;
	clear:both;
	padding: 10px;

	
}










/* 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: 17px; /* Margen para todos los navegadores */
.margin-right: 9px; /* Margen para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen inicial */
_margin-right: 9px; /* 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 */
}



/* Secciones*/


#enlacesDerechaHome {
width: 150px;
		
}


#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;

}


#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: 10px 20px 0 20px;
		width: 271px;
}




#Revista {
float:left;
}



.Revista{
background-color: #0884b6;
height: 120px;
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: 105px;
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;	
}




/* 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;
}


/*++++++++++++++++++++detalles diseño+++++++++++++++++++++++++++++++++++++++++*/

.barras{
	background-color: #e0e4e6;
	width:auto;
	float:none;
	padding: 5px 5px 5px 30px;
	
	line-height: 16px;
	text-align:left;
}


.textoBarras{
padding: 0 30px 0 30px;
	text-align:left;
	line-height: 16px;
}


#marcoGris{
width: 497px;
border: 1px solid #d1d8db;
}

/*++++++++++++++++++++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}


/* Tables  */
table { border-collapse:collapse; line-height:1.3em; width:100%; margin:0 0 16px; padding:0;}

th {
	background-color: #abdeee;
	color:#000;
	padding:7px;
	text-align:left;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	
}
td {background-color: #e0e4e6; color:#000; font-size:0.9em; padding:7px; text-align:left;

	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

/* Formulario  */

input, textarea {
	padding: 4px;
	border: none;
}
label {
	font-weight: normal;
}
textarea {
	height: 130px;
}
.txt {
	width: 296px;
	border: none;
	background: #e6f5d3;
}
.inputHighlighted{  /* Highlighting style */
	width: 296px;
  	background-color:#e6f5d3;
}


#contactForm {
			position: relative;
			width: 400px;	
			float: left;
			padding-left: 100px;
		}
			





/*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: 12px;
	font-weight: bold;
	color: #29355c;
	
}


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