@charset "utf-8";
/* CSS Document */

body { 		
		background: #c3e6ff url('../images/nuevas/bg_general.gif') repeat-y 50%; 
		text-align:center;
		margin: 0 auto; padding: 0px;}

#wrap {
	background-image:url(../images/nuevas/bg.jpg);
	width:800px;
	margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
}

#contenido_ppal{	
		width:779px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		
		}

#encabezado_ppal{ width:779px; 
		margin:0px; 
		padding:0px; 
		clear:both;}
		
#cont_encabezado {
		width:779px;
		padding:0px;
		float:left;
		background:#1f1a16;
		}
		
#menu-encabezado{
	float:right;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:0px;
	font-family:sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:300px;
	}
	
	

#logo_ppal{

	width:779px;
	height:123px;
	padding:0px;
	margin:0px;
	float:left;
	
}
	
	
#logo {
	background-image: url(../images/nuevas/logo.jpg);
	width:195px;
	height:123px ;
	background-repeat:no-repeat; background-position:right; margin-top:0px;
	padding-bottom: 0px; 
	margin-right: 54px;
	float:left;
	}
	
#banner {
	background-image: url(../images/nuevas/banner_principal.jpg);
	width:779px;
	height:181px;
	background-repeat:no-repeat; background-position:right; 
	margin-top:0px;
	padding-top:0px; 
	float:left;
}


#cuadro_izq_cont {
		width:525px;
		padding-left:15px;
		float:right;
		padding-bottom:0px;
		
		}
#barrita_central_sep {
		width:1px;
		padding:0px;
		margin-top:19px;
		float:left;
		height:275px;
		background:#eee;
		}
				
#cuadro_interior_izq {
		width:45%;
		padding-left:15px;
		float:left;
		padding-bottom:0px;
		
		}
#cuadro_interior_der {
		width:45%;
		padding-left:15px;
		float:right;
		padding-bottom:0px;
		
		}
		
#cuadro_der_anun {
		width:230px;
		padding:0px;
		float:left;
		margin-bottom:15px;
	
	}
	
#cuadro_estados{
		width:100%;
		padding:0px;
		float:left;
		margin-bottom:15px;
	
	}

.estados {
		width:120px;
		padding:0px;
		text-align:left;
		float:left;
		margin-left: 5px;
		margin-bottom:15px;
	
	}
	.estados a:link, .estados a:visited, .estados a:active 
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-top:5px;
	margin-bottom:3px;
	text-decoration:none;
	height: 1.5em;
}


.estados a:hover{color:#000000; text-decoration:underline;}
	

.titulo_cuadro_izq {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#333333;
	margin-top:30px;
	line-height:normal;
}


.separador_mediotitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#00aae5; margin-left:18px;
margin-top:15px;
margin-bottom:10px;

}
.text {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin-top:5px;}

#bg_centro{
		background-image: url(../images/nuevas/bg_del_cuadrito.gif);	
		background-repeat: repeat-x;
		width:100%; 
		/*height: 221px;*/
		height:auto;
		float: left;
		background-color: #ffffff;
		margin: 0px; padding: 0px;}

.titulo_cuadro_inf_izq
{
	padding-left:21px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:"trebuchet MS", georgia;
	color:#000000;
	font-size: 1em;
}
.titulo_cuadro_inf_izq a:link, .titulo_cuadro_inf_izq a:visited, .titulo_cuadro_inf_izq a:active 
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-bottom:3px;
	text-decoration:none;
}


.titulo_cuadro_inf_izq a:hover{color:#000000; text-decoration:underline;}

.cont_cuadro_inf_izq
{
	margin:0;
	float:left;
	width:214px;
	/*margin-bottom:0px;*/
	font-family:"trebuchet MS", georgia;
	height:125px;
	padding-top: 10px;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 21px;

}

#leer_mas a:link, #leer_mas a:visited, #leer_mas a:active
{
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#01aae3;
	font-size: 1em;
	float:right;
	vertical-align:separador_mediodle;
	text-decoration:none;
}#leer_mas a:hover{text-decoration:underline;}



#leermas_flechita
{
	padding-left:5px;

	padding-right:25px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:right;
	vertical-align:top;

}


.cuadro_inf_izq {
		width:257px;
		padding-left:0px;
		float:left;
		margin-bottom:0px;
		padding-bottom:0px;
		}
		


#rayita_vertical_inf
{
	float:left;
	background:url(../images/nuevas/rayita_vertical.jpg);
	width:2px;
	height:117px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}


hr {
background-image:url();
background-color:#eee;
background-repeat:repeat-x;
line-height:1px;
clip:rect(1px, 0px , 1px, 0px);
height: 1px;
width: 92%;
}

#separador_medio{
text-align:center;
float:left;
width:100%;
padding-top:0px;
padding-bottom:0px;
background-color:#fff;
margin:0px;

}

.titulo_cuadro_gde_inf{
width:758px;
font-family:Georgia, "Times New Roman", Times, serif; 
color:#00aae5;
padding-left:21px;
font-size:18px;
float:left;
}

#cuadro_gde_inferior{
		width:100%;
		padding:0px;
		float:left;
		margin:0px;
}

.cuadrito_bottom{
width:389px;
float:left;
}

.cuadrito_imagen
{
	float:left;
	padding-left:50px;
}

.cuadrito_cont
{
	padding:0px;
	margin:0px;
	float:left;
	width:200px;
	height:auto;
	}

#borde_inf_cuadro_gde
{
	width:779px;
	height:7px;
	float:left;
	margin:0px;
	padding:0px;
	
}


#border_separador_medio{
padding:0;
margin:0;
float:left;
width:765px;
height:7px;
background-color:#FFFFFF;
font-size:2px;

}

#esq_izq{
	float:left;
	background:url(../images/nuevas/esq_izq_bottom.jpg);
	background-repeat:no-repeat;
	height:7px;
	width:7px;
	padding:0px;
	margin:0px;

}

#esq_der{
	float:left;
	background:url(../images/nuevas/esq_der_bottom.jpg);
	background-repeat:no-repeat;
	height:7px;
	width:7px;
	padding:0px;
	margin:0px;

}



#cuadro_bottom
{
	width:100%;
	padding-top:15px;
	float:left;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}


.cuadrito_int_btm{
float:left;
padding-left:58px;
margin-top:32px;
width:113px;
height:77px;
}




#footer_menu{
	text-align:center;
	width:99%;
	padding-top:20px;
	padding-bottom:10px;
	float:left;
	height:auto;
}


.texto_footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-bottom:3px;
}
.texto_footer a:link, .texto_footer a:visited, .texto_footer a:active 
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-bottom:3px;
	text-decoration:none;
}


.texto_footer a:hover{color:#000000; text-decoration:underline;}


.menu_encab a:link, .menu_encab a:visited, .menu_encab a:active 
{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	margin-bottom:3px;
	text-decoration:none;
}.menu_encab a:hover{text-decoration:underline;}

.top_separador_medio_corner{
background:url(../images/spacer1.gif) repeat-x;
font-size:2px;
border-top:#e1e1e1 solid 1px;
float:left;
height:9px;
width:640px;
padding:0px;
margin:0px;
}


.separador_medio_center{
border-left:#e1e1e1 solid 1px;
border-right:#e1e1e1 solid 1px;
width:658px;
padding:0px;
margin:0;
background-color:transparent;

height:auto;
float:left;
}


/*  Aqui empieza el estilo del menu */

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
padding-bottom: 0px;


margin-top:97px;
margin-left: 0;
background-image: url(../images/seo_cms_menu.jpg);
background-repeat:no-repeat;
width:548px;
height:26px;
float:left;

}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
text-align:center;
padding: 5px;
text-decoration: none;
float: left;
color: #fff;
padding-left:15px;
padding-right: 20px;
margin-left:15px;
margin-right:5px;
}

.hovermenu ul li a:hover{
color:#000000;
}



div.cont_nav_ppal{

width:auto;
padding-left: 0;
padding-bottom: 0px;
margin-top:97px;
margin-left: 0;


}


div.botones_menu{
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	width:auto;
	height:26px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}

div.barrita_izq_boton{
background:url(../images/nuevas/rayita_izq_boton_menu.jpg);
background-repeat:no-repeat;
float:left;
width:4px;
height:26px;
padding:0px;
margin:0px;
}

div.bg_boton{
	text-align:center;
	background:url(../images/nuevas/bg_boton.jpg) repeat-x;
	float:left;
	height:26px;
	padding:0;
	margin:0;
	width:120px;
}

.cont_boton a{
	color:#ffffff;
	text-decoration:none;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:0;
	line-height:26px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

div.barrita_der_boton{
background:url(../images/nuevas/rayita_der_btn_menu.jpg);
float:left;
width:4px;
height:26px;
padding:0px;
margin:0px;
}


div.cont_nav_ppal_below{
width:697px;
padding:25px 0 0 62px;
margin: 0;
float:left;

}


div.botones_footer_menu{
padding:0px 2px;
margin-right:2px;
float:left;
}

div.barrita_izq_boton_active{
background:url(../images/active_left.jpg);
float:left;
width:6px;
height:24px;
padding:0px;
margin:0px;
}



div.bg_boton_active a{
color: #000000;
font: bold 11px arial;
background:url(../images/active_separador_medio.jpg) repeat-x;
text-decoration: none;
line-height:24px;
float:left;
height:24px;
padding:0px 5px;
width:auto;

}


div.bg_boton_active a:hover{
color:#daffd8;
}


div.barrita_der_boton_active{
background:url(../images/active_right.jpg);
float:left;
width:6px;
height:24px;
padding:0px;
margin:0px;
}



div.barrita_izq_boton_inactive{
background:url(../images/inactive_left.jpg);
float:left;
width:6px;
height:24px;
padding:0px;
margin:0px;
}



div.bg_boton_inactive a{
color: #fff;
font: bold 11px arial;
background:url(../images/inactive_separador_medio.jpg) repeat-x;
text-decoration: none;
line-height:24px;
float:left;
height:24px;
padding:0px 5px;
}


div.bg_boton_inactive a:hover{
color:#b0fffc;
}


div.barrita_der_boton_inactive{
background:url(../images/inactive_right.jpg);
float:left;
width:6px;
height:24px;
padding:0px;
margin:0px;
}



html>body .hovermenu ul li a:active{ 
}
/* sidebar */
#sidebar {
	float: left;
	width: 30%;
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
	color: #333333;	
}
h1 a {
	padding: 10px 0px 5px 10px;
	margin: 0;	
	color: #333333;
	text-decoration:none;		
}


.sidebox {
	margin-bottom: 10px;	
}
.sidebox a {
	padding: 0;
	margin: 0;
	color: #666;
	font-weight:bold;
    text-decoration: none;
	}

/* sidebar menu */

#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;		
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D5D5D5;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #993333;
	color: #993333;		
}

/* tipografia general */
body {
	color: #666666;
	font-family: "Lucida Grande", Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
}
h1 {
	font: bold 22px/125% "Lucida Grande", Helvetica, Arial;
	color: #069;
}
h2 {
	font: bold 16px/125% "Lucida Grande", Helvetica, Arial;
	color: #069;
}
h3 {
	font: bold 17px/125% "Lucida Grande", Helvetica, Arial;
	color: #C93000;
}
h4 {
	font: bold 14px/125% "Lucida Grande", Helvetica, Arial;
	color: #333;
}
h5 {
	font: bold 13px/125% "Lucida Grande", Helvetica, Arial;
	color: #C93000;
}
h6 {
	font: bold 12px/125% "Lucida Grande", Helvetica, Arial;
	color: #333;
}
p {
	margin-bottom: 1.2em;
	line-height: 1.4em;
}
/* images */
img {
  border: 0px solid #fff; 
  padding: 5px;
  background-color: #FFF;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

img.float-top{
  border: 0px solid #000; 
  padding: 0px;
  background-color: #FFF;
  margin: 0px 0px 0px 0px;
}
