@charset "UTF-8";
/* CSS Document */
/*Aquí vamos a definir las propiedades de la página en general, más adelante definiremos las de las cajas principales*/
       /*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#f5f6f4;
	line-height: 10px;
}
p {
	font-size:11px;
	color: #000;
	line-height: 120%;
}
hr {
	display:none;
 }
h1 {
	font-size:25px;
	text-align : left;
	font-weight:bold;
	color : #000000;
	margin: 10px 0 0 10px;
	*margin: 20px 0 0 10px;
}
h2 {
	font-size:50px;
	text-align : left;
	color:#606060;
	line-height: 150%;
}
h3 {
	font-size:18px;
	text-align : left;
	color:#FFFFFF;
	font-style: italic;
	margin: 10px 0 0 10px;
}
h4 {
	font-size:15px;
	text-align : left;
	color : #666666;
}
h5 {
	font-size: 11px;
	text-align : left;
}
h6 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color : #666666;
}
td {
	font-size: 12px;
	text-align : center;
	color : #586885;
}
a {
	font-size:18px;
	text-align : left;
	color:#666666;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color:#00662f;
	font-weight:bold;
}
a:active {
	color:#00662f;
	font-weight:bold;
}


#container {
       background-color:#FFF;
       border-style:none;
       border-color:#000000;
	   margin-left: auto;
	   margin-right: auto;
       width:960px;
       height:600px;
}
.izquierda{
       width:160px;
       height:565px;
       background-color:#fff;
       border-style:none;
       margin:0 0 0 0px;
       float:left;
}

.header{
       width:auto;
       height:75px;
       background-color:#606060;
       border-bottom-style:none;
       border-bottom-color:#000000;
       margin:0 0 0 160px;
}
.header_menuservicios{
       width:auto;
       height:20px;
       background-color:#FFF;
       border-bottom-style:none;
       border-bottom-color:#000000;
       margin:0 0 0 160px;
	   z-index:-10;
}
#menuhorizontal {  
		list-style:none;
		margin:0;
		padding:0;
}
#menuhorizontal li {
		font-size:8px;
		margin:0px;
		padding:2px;
		float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#menuhorizontal li a {
		display:block; //Convertimos el vínculo en un bloque.
		width:100px;
		padding:2px 5px;
		text-decoration:none;
		text-align:center;
		font-size:11px;
		color:#666;
}
#menuhorizontal li a:hover {
		color:#00662f;
		font-weight:bold;
}
#idioma {
		list-style:none;
}

#idioma li {
		font-size:7px;
		margin:0px;
		padding:0;
		float:right;
		text-decoration:none;
}
#idioma li a {
		display:block;
		width:35px;
		padding:0px 5px;
		text-decoration:none;
		color:#000;
		font-size:9px;
		color:#FFFFFF;

}
#idioma li a:hover {
		font-size:9px;
		color:#000;
}

.izquierda ul {
	   list-style-type: none;
       font:bold 14px Verdana, Arial, Helvetica, sans-serif;
       line-height: 130%;
       text-transform:capitalize;
	   margin:0 0 0 -20px;
	   *margin:0 0 0 20px;
       
}
.derecha{
       width:440px;
       height:490px;
       background-color:#FFF;
       border-style:none;
       border-width:0px;
       border-color:#000000;
       margin:0 0 0 0;
       float:right;
       padding:0px;
}
.derechaservicios{
       width:500px;
       height:470px;
       background-color:#FFFFFF;
       border-style:none;
       border-width:0px;
       border-color:#000000;
       margin: 0 0 0 0;
       float:right;
       padding: 0px;
}
.derechanoticias{
       width:320px;
       height:490px;
       background-color:#FFFFFF;
       border-style:none;
       border-width:0px;
       border-color:#000000;
       margin:0 0 0 0;
       float:right;
       padding:0px;
}
.principal{
       width:150px;
       height:470px;
       background-color:#FFF;
	   text-align:right;
       margin:0 5px 0 160px;
       padding:10px;
}
.principalservicios{
       width:120px;
       height:450px;
       background-color:#FFF;
	   text-align:right;
       margin:0 5px 0 160px;
       padding:10px;
}
.banda{
       width:20px;
       height:450px;
       background-color:#FFF;
	   margin:-450px 0 0 300px;
	   float:left;
	   z-index:50;

}
.banda_agencia{
       width:20px;
       height:450px;
       background-color:#FFF;
	   margin:-450px 0 0 330px;
	   float:left;
	   z-index:50;

}
.principaldoble{
       width:460px;
       height:470px;
       background-color:#FFF;
       margin:0 0px 0 160px;
       padding:10px;
}
.principalentero{
       width:780px;
       height:470px;
       background-color:#fff;
       margin:0 0px 0 160px;
       padding:10px;
	   z-index:30;
}

.principalportada{
       width:780px;
       height:545px;
       background-color:#fff;
       margin:0 0px 0 160px;
       padding:10px;
}
.principal2{
	   position:absolute;
       width:150px;
       height:470px;
       margin:-470px 5px 0 350px;
	   *margin:-470px 5px 0 -610px;
       padding:10px;
	   
}
.principal2servicios{
	   position:absolute;
       width:120px;
       height:450px;
       background-color:#FFF;
       margin:-470px 5px 0 320px;
	   *margin:-470px 5px 0 -640px;
       padding:10px;
	   z-index:30;
}

.footer{
       width:800px;
       height:40px;
       background-color:#00662f;
       border-style:none;
       border-width:1px;
       border-color:#000000;
       margin:0 0 0 0px;
	   position: relative;
	   float:left;
	   z-index:10;
}
.footerderecha{
       width:160px;
       height:40px;
       background-color:#00662f;
       border-style:none;
       border-width:1px;
       border-color:#000000;
       margin:0 0 0 0px;
	   position: relative;
	   float:left;
	   z-index:10;
}
.footer h6{
       text-align:left;
       text-transform:uppercase;
       margin:5px 0 0 10px;
       color:#FFF;
       font-size:10px;
}    
.footerderecha h6{
       text-align:left;
       margin:5px 0 0 55px;
       color:#FFF;
       font-size:10px;
}   


