@charset "utf-8";
body{	
	margin: 0;  
 	padding: 0; 	
	overflow-x:auto;
	background-image:url(../imagenes/fondo_sec.png);
	
	font-family: arial,sans-serif;
	line-height: 20px;
	}	
	
#fondo
{
	background-image:url(../imagenes/fondo.jpg);
	margin:0 auto;	
	height:1200px;	
        max-width: 1423px;
	min-width:600px;
}

#botonera
{
	margin:0 auto;
	max-width: 919px;
	height: 88px;
	background-image:url(../imagenes/botonera.png);
}

#login
{
	
	float:right;
	width: auto;
	height: auto;
	display:block;
	border: 0px solid #666666;
	opacity:0.6;
	}



#navi {  
	list-style:none;
	margin:0;
	padding:0;
	}

#navi li
{
	margin-top:10px;
	margin-right:5px;
	padding:2px;
	border:0px solid#CCCCCC;
	float:right; 
	background-image:url(../imagenes/sep_boton.png);
	background-repeat:no-repeat;
	background-position:right;
}

#navi li a {
	
	width:110px;
	padding:8px 0;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	font-family: "Trebuchet MS";
	font-weight:bolder;
}

/*#navi li a:hover {
	color:#99CC00;
	background-color:#003366;
	border-left-color:#99CC00;
}
*/
ul li a {
	display: block;
	width: 100px;
	padding: 40px 10px 4px 10px;
	text-decoration: none;
	text-align: right;	
	color: #666666;
	background-image: url(../imagenes/hover.png);
	background-repeat:no-repeat;
	background-position:bottom;
	border: 0px solid #666666;
}

ul li a:hover {	
	color:#000000;
	margin-top:1px;
	background-position:bottom;
} 

#sec_img
{
	
	margin:-36px auto 0 auto;
	max-width: 878px;
	height: 360px;
	background-color: #CCCCCC;
}

#inf_principal
{
	position: relative;
	margin: 0 auto;
	max-width: 878px;
	height: 665px;
	background-color: #ededed;
	z-index: 1;
	
}


img.logo
{
	margin-left:675px;
}
	
#index_inf_2
{
	float:left;
	width: 204px;
	height: 1160px;
	
}

#index_inf_1  /*propiedades del la div que contiene todo el index1 (izquierdo)*/
{
	float:left;
	width: 564px;
	height: 665px;	
	
}

.content /*propiedades de la div que contiene el scroll de la infomarcion 2 */
{
	
	width: autopx;
	height: 640px;
	
}

.content2 /*propiedades de la div que contiene el scroll de la infomarcion 2 */
{
	
	width: autopx;
	height: 290px;
	
}

.div_separador_vertical_inf
{
	float:left;
	width: 15px;
	height: 665px;
	background-color: #069;
}

.div_separador_inf_1 /*propiedades separador de la informacion  */
{
	clear:both;
	width: 564px;
	height: 34px;
}

img.sep
{
	margin-top: 17px;
	margin-left:40px;
	}

#index_inf_1_informacion  /*propiedades del la infomarcion*/
{
	margin:20px 18px auto auto;
	float:right;
	width: 460px;
	height: 224px;
	text-align:justify;
	
	
}

#index_inf_1_informacion_2  /*propiedades del la infomarcion 2*/
{
	width: 460px;
	height: 530px;
	float:left;
	margin:20px auto auto 28px;
	text-align:justify;
	
}


#div_titulo 
{
	float:left;
	font-size:18px;
	font-weight:bolder;
	color:#FFF;
	width: 122px;
	height: 31px;		
	background-image:url(../imagenes/Titulo_separador.jpg);
}



#div_titulo_2
{
	float:right;
	font-size:18px;
	font-weight:bolder;
	color:#FFF;
	width: 122px;
	height: 36px;	
	background-image:url(../imagenes/Titulo_separador2.jpg);
	
}

#div_titulo_texto  /*propiedades del titulo en el recuadro azul*/
{
	margin-top:5px;
	font-size:20px;
	font-weight:bolder;
	color:#FFF;
	width: 87px;
	height: 22px;				
	text-align: center;   
	
	
}

#div_titulo_texto2  /*propiedades del titulo 2 en el recuadro azul*/
{
	margin-top:6px;
	font-size:20px;
	font-weight:bolder;
	color:#FFF;
	width: 87px;
	height: 22px;				
	text-align: center;   
	float:right;
}


img.masicono  /*propiedades del icono en el recuadro azul*/
{
	float:right;
	margin-top:0px;
	margin-right:4px;
}

img.masicono2 /*propiedades del icono en el recuadro azul*/
{
	float:left;
	margin-top:3px;
	margin-left:3px;
}

.encabezado_titulo_1  /*propiedades del titulo */
{
	width:424px;
	height:36px;	
	float:left;
	text-align:right;	
	clear:right;
	color:#006599;
	font-size:20px;
	font-weight:bolder;	
	text-decoration:underline;
	
}

#index_inf_1_informacion_2 h4
{
	
	color:#006599;
	font-size:18px;
	font-weight:bolder;	
	
}


#contacto_pie
{
	color:#666;
	font-size:12px;
	position:relative;
}

#pie_pagina
{
	position: absolute;
	margin: -80px auto;
	width: 1423px;
	height: 243px;
	background-image: url(../imagenes/img_pie.jpg);
	
}

#pietexto{
	margin-top:98px;
	text-align:center;
	color:#FFF;
	opacity:0.8;
	font-size:18px;
	
}

#social
{
	width: auto;
	position: absolute;
	left: 1084px;
	top: 98px;
	
	}