@charset "UTF-8";

/* Sugerencias para este diseo hbrido
1. Dado que la asignacin de tamao basado en ems de las columnas laterales depende del tamao de fuente predeterminado del usuario, es conveniente asegurarse de que los grficos del fondo de las columnas lo tengan en cuenta. Si se crea correctamente, esto resulta ms accesible para aquellas personas que necesitan tamaos de fuente ms grandes, dado que el ancho de las columnas mantiene la proporcionalidad. Si no desea que ocurra esto en su diseo, simplemente cambie el ancho a un tamao en pxeles y asegrese de que cambia los mrgenes del div #mainContent de la misma forma.
2. Dado que la asignacin de tamao de las columnas laterales de este diseo se basa en el 100% del tamao de fuente del elemento body, si reduce el tamao del texto globalmente empleando un font-size: 80% en el elemento body o el #container, recuerde que los anchos de columna se reducirn de forma proporcional. Es posible que le interese aumentar los anchos y el tamao de los mrgenes laterales del div #mainContent para compensar esta circunstancia.
3. Si la asignacin de tamao de fuente se modifica de forma distinta en cada div en lugar de hacerse en el diseo global (es decir: a #sidebar1 se le asigna un 70% de tamao de fuente y a #mainContent se le asigna un 85% de tamao de fuente), ello har que se modifique proporcionalmente el tamao global de cada uno de los divs. Si lo desea, puede realizar el ajuste basndose en la asignacin de tamao de fuente final.
4. El div #container no es necesario para este diseo con un ancho del 100%. Si lo desea, puede utilizarlo para crear columnas faux o limitar el ancho del diseo.
5. No es necesario contar con un ancho del 100% en el div #container, ya que, por naturaleza, un div ocupa el 100% del espacio disponible. Se proporciona por si desea reducir el tamao del contenedor global (quiz dejando un poco de margen a cada lado), de forma que ya est disponible para su ajuste.
*/
.thrColHybHdr #containerp { 
	width: 100%;
	background: #295a9f;
	/*los mrgenes automticos (conjuntamente con un ancho) centran la pgina si es necesario */
	/*text-align: left;esto anula text-align: center en el elemento body. */
	position:relative;
	display:block;

}  
.thrColHybHdr #containerhome {
	width: 1225px;
	background: #295a9f;
	/*los mrgenes automticos (conjuntamente con un ancho) centran la pgina si es necesario */
	/*text-align: left; esto anula text-align: center en el elemento body. */
	padding:0;
	position:relative;
	display:block;
	margin: 0px auto !important;
	_margin: 0px auto !important;
	_width: 1025px;
}  
.thrColHybHdr #header { 
	background: #295a9f; 
	padding: 0;  /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen bajo l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	background-image: url(images/logofondo7.gif);
	background-size: 100% 118px; 
  	-webkit-background-size: 100% 118px;           /* Safari 3.0 */
    -moz-background-size: 100% 118px;           /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 100% 118px;           /* Opera 9.5 */
  	/*-moz-border-image: url(images/logofondo7.gif) 0;    /* Gecko 1.9.1 (Firefox 3.5) */	
	min-width:1220px;
	margin:0 auto;
	width:100%;
	position:relative;
	overflow:hidden;
	
} 
.thrColHybHdr #header .background {
    position: absolute;
    z-index: -1;
    height: 118px;
    min-width: 100%;
	top:0;
	left:0;
}
.thrColHybHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del ltimo elemento del div de #header evita la contraccin del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambin evita la contraccin del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitir mantener el elemento alejado de los bordes del div */
}
.thrColHybHdr #headseparator{
	width: 1220px;
	height: 50px;
	margin: 0 auto;
	padding-bottom: 10px;
	position:relative;
	display:block;
	z-index:999;
}

.thrColHybHdr #google_translate_element{
	float:right;
	position:absolute;
	display:block;
	right:60px;
	top:10px;
	z-index:999;
}


/* Sugerencias para sidebar1:
1. Tenga en cuenta que, si establece un valor de tamao de fuente en este div, el ancho global del div se ajustar en funcin de ste.
2. Dado que est trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se aadir al ancho en el caso de navegadores que cumplen los estndares, creando un ancho real desconocido. 
3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColHybHdr #sidebar1 p".
*/
.thrColHybHdr #sidebar1 {
	float: left;
	width: 200px; /*11em dado que este elemento es flotante, debe asignarse un ancho */
	background: #295a9f; /* el color de fondo se mostrar a lo largo de todo el contenido de la columna, pero no ms all */
	padding: 0px 0px 0 0px; /*0px 0px 0 50px el relleno superior e inferior crea un espacio visual dentro de este div */
	margin: 0 0px 0 0px;
	position:relative;
	display:inline;
	z-index:1;	
}
.thrColHybHdr #sidebar2 {
	width: 190px; /*11em dado que este elemento es flotante, debe asignarse un ancho */
	background: #295a9f; /* el color de fondo se mostrar a lo largo de todo el contenido de la columna, pero no ms all */
	background-image: url(images/fondologovert2.gif);
	padding: 0px 0px 0 10px; /*0px 0px 0 50px el relleno superior e inferior crea un espacio visual dentro de este div */
	margin: 0 0px 0 0px;
	position:absolute;
	display:block;
	right:0;
	height:1090px;
	z-index:1;		
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3{
	margin-left: 10px; /* deben asignarse los mrgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
	*margin-right: 10px;
	*margin-left: 10px;
}

/* Sugerencias para mainContent:
1. Si asigna a este div #mainContent un valor de tamao de fuente distinto del que tiene el div #sidebar1, los mrgenes del div #mainContent se basarn en su tamao de fuente y el ancho del div #sidebar1 se basar en su tamao de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecer el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
3. Para evitar la cada de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamao mximo aproximado de la imagen/el elemento, ya que este diseo se basa en el tamao de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamao de fuente inferior al normal, habr menos espacio disponible en el div #mainContent del que observar al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas especficos de IE.
*/
.thrColHybHdr #mainContent {
	margin: 0 0px 0px 0px; /*0 50px 0 250px el margen derecho puede asignarse en ems o pxeles. ste crea el espacio a lo largo de la parte derecha de la pgina. */
	padding: 15px 20px 0px 50px; /*15px 12em 0 4em el relleno crea aqu espacio en blanco "dentro del cuadro". */
	background-image: url(images/fondowhite3.gif);
	position: relative;
	z-index:1;
	width:750px;
	_width:750px;
	max-height:3500px;
	min-height:1050px;
	overflow-x:hidden;
	overflow-y:auto;
	display: block;
	float:left;
} 
.thrColHybHdr #mainContentrelo {
	margin: 0 12em 0 300px; /* el margen derecho puede asignarse en ems o pxeles. ste crea el espacio a lo largo de la parte derecha de la pgina. */
	padding: 15px 50px 0 4em; /* el relleno crea aqu espacio en blanco "dentro del cuadro". */
	background-image: url(images/fondowhite3.gif);
	position: relative;
	z-index:1;
	min-width:750px;
} 
.thrColHybHdr #mainContentHome {
	margin: 0 0px 0px 0px; /*0 50px 0 250px el margen derecho puede asignarse en ems o pxeles. ste crea el espacio a lo largo de la parte derecha de la pgina. */
	padding: 15px 20px 0px 30px; /*15px 12em 0 4em el relleno crea aqu espacio en blanco "dentro del cuadro". */
	background-image: url(images/fondoblue1.gif);
	position: relative;
	z-index:1;
	width:750px;
	_width:750px;
	max-height:1200px;
	min-height:1050px;
	overflow:hidden;
	display: block;
	float:left;
} 

.thrColHybHdr #mainContent #mapa{
	diplay: block;
	position:absolute;
	top:50px;
	right:50px;
}

.thrColHybHdr #mainContent #contact label{
	width: 80px;
	text-align:left;
	float:left;
	margin-left:40px;
	display:block;

}

.thrColHybHdr #mainContent #quote .lbl{
	width: 150px;
	text-align:left;
	float:left;
	margin-left:40px;
	display:block;

}

.thrColHybHdr #mainContent #contact{
	text-align:center;
	padding: 20px 10px 20px 25px;
}

.thrColHybHdr #mainContent #contact input{
	width: 400px;
	height:20px;
	margin-bottom:10px;
	display:inline-block;

}

.thrColHybHdr #mainContent #quote .txt{
	width: 400px;
	height:20px;
	margin-bottom:10px;
	display:inline-block;

}

.thrColHybHdr #mainContent #contact select{
	width: 400px;
	margin-bottom:10px;
}
.thrColHybHdr #mainContent #contact textarea{
	width: 400px;
	height:200px;
	margin-bottom:10px;
}

.thrColHybHdr #mainContent #contact .btn{
	width:100px;
	height:25px;
	font-weight:bold;
	font-size:12px;
}

.thrColHybHdr #footer {
	background:#295a9f;
	padding: 20px 0px 0 0px;
	*padding: 20px 0px 0 0px;
} 
.thrColHybHdr #footer p {
	margin: 0; /* el ajuste en cero de los mrgenes del primer elemento del pie evitar que puedan contraerse los mrgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento crear espacio, de la misma forma que lo hara el margen, sin el problema de la contraccin de mrgenes */
	*padding: 10px 0;
}

.thrColHybHdr #socialhead {
	display:block;
	background-image: url(images/fondorelo.gif);
	height:65px;
	text-align:center;
	line-height:65px;
}

.thrColHybHdr #socialhead strong{
	color:#eb9320;
}

.thrColHybHdr #socialcont {
	margin: 25px auto 20px auto;
	border: 2px solid #003;
	width: 178px;
	overflow:hidden;
	background:#FFF;
}

.fb-like-box{
	background:#FFF;
}


/* Varias clases diversas para su reutilizacin */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pgina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pgina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pgina. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: hidden hidden hidden hidden;
	border-color: #283649 #283649 #283649 #283649;
	border-collapse: separate;
	background-color: #F0F8FF ;
}
table.sample th {
	border-width: 0px 0px 0px 0px;
	border-style: hidden  hidden  hidden hidden;
	border-color: #283649 #283649 #283649 #283649;
	background-color: #F0F8FF ;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 0px 0px 0px 0px;
	border-style: hidden hidden hidden hidden;
	border-color: #283649 #283649 #283649 #283649;
	background-color: #F0F8FF ;
	-moz-border-radius: 0px 0px 0px 0px;
}


A:link
{ text-decoration: none; 
color:#eb9320;}
A:visited
{ text-decoration: none;
color:#eb9320;  }
A:active
{ text-decoration: none;
color:#eb9320; }
A:hover
{ text-decoration: none; 
 color:#000066;
}

body, html
{
font-family: myriad web pro, arial, tahoma; 
font-style: normal; 
font-size: 10 pt; 
font-weight: 300;
background: #295a9f;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuracin predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineacin a la izquierda en el selector #container */
color: #000000;
position:relative;
display:block;
}

h1 { font-family: agency fb, Myriad Web Pro, arial; 
font-style: normal; 
color: #000066;
font-size: 18pt; 
font-weight: 500;
}

h2 
{ font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
color: #555555;
font-size: xx-small; 
font-weight: 500;
}

h3 
{ font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
color: #000066;
font-size: 10pt; 
font-weight: 600;
}

h4 
{ font-family: Myriad Web Pro, Arial; 
font-style: oblique; 
color: #000066;
font-size: 8pt; 
font-weight: 500;
}
h5 
{ font-family: Times New Roman, Arial, Helvetica, sans-serif; 
font-style: normal; 
color: #ff6600;
font-size: 12pt; 
font-weight: 500;
}
h6 
{ font-family: myriad web pro, arial, tahoma; 
font-style: normal; 
color: #ffffff;
font-size: 8pt; 
font-weight: 500;
}
p
{ font-family: times new roman, arial, verdana; 
font-style: normal; 
color: #000000;
font-size: 12pt; 
font-weight: 300;
}

.thrColHybHdr #mainContent ul li {
	padding-bottom:10px;
	font-family: times new roman, arial, verdana; 
	font-style: normal; 
	color: #000000;
	font-size: 12pt; 
	font-weight: 300
	
}