@charset "utf-8";



body {



	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */



	padding: 0;



	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */



	color: #333333;



	background-color: #213143;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



}



.oneColElsCtr #container {



	width: 991px;



	background: #FFFFFF;



	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */



	border: 1px solid #213445;



	text-align: left; /* this overrides the text-align: center on the body element. */



}



.oneColElsCtr #mainContent {



	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */



}



#logo {



	width: 345px;



	float: left;



}



#menu2 {



	width: 646px;



	float: left;



	color: #FFFFFF;



	text-align: right;



	font-size: 11px;



	background-color: #213143;



	height: 112px;



}



#menu_home {



	float: left;



	width: 991px;



	color: #FFFFFF;



	background-image: url(../images/bg_menu.jpg);



	background-repeat: repeat-x;



	height: 32px;



	padding-top: 8px;



}



#menu {



	float: left;



	width: 991px;



	color: #FFFFFF;



	background-image: url(../images/bg_menu.jpg);



	background-repeat: repeat-x;



	height: 35px;



	padding-top: 8px;



}

/*menu css*/

#menu_ul {



	padding:0;



	margin:0;



	margin-bottom:0;



	list-style:none;



	height:25px;



	position:relative;



	font-family:arial, verdana, sans-serif;



	color: #FFFFFF;



}



#menu_ul li.top {display:block; float:left; position:relative;}



#menu_ul li a.top_link {



	display:block;



	float:left;



	height:25px;



	margin-left:6px;



	line-height:25px;



	color:#fff;



	text-decoration:none;



	font-size:11px;



	font-weight:bold;



	padding:0 0 0 6px;



	cursor:pointer;



}



#menu_ul li a.top_link span {



	float:left;



	display:block;



	height:35px;



	padding-left: 10px;



}



#menu_ul li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}



#menu_ul li a.top_link:hover {



	color:#FFFFFF;



}







#menu_ul li:hover > a.top_link {



	color:#86E2FA;



}











#menu_ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}







/* Default link styling */







/* Style the list OR link hover. Depends on which browser is used */







#menu_ul a:hover {visibility:visible;}



#menu_ul li:hover {position:relative; z-index:200;}







/* keep the 'next' level invisible by placing it off screen. */



#menu_ul ul, 



#menu_ul :hover ul ul, 



#menu_ul :hover ul :hover ul ul,



#menu_ul :hover ul :hover ul :hover ul ul,



/*caja submenu*/

#menu_ul :hover ul :hover ul :hover ul :hover ul ul {

	position:absolute;

	left:-9999px;

	top:-9999px;

	width:0;

	height:0;

	padding:0;

	list-style:none;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 10px;

}







#menu_ul :hover ul.sub {



	left:6px;



	top:25px;



	background: #203040;



	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/



	width:auto;



	height:auto;



	font-weight:normal;



}



#menu_ul :hover ul.sub li {



	display:block; /*height:20px; */



	position:relative;



	float:left;



	width:160px;



	margin-bottom:0;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #447E9F;



}



#menu_ul :hover ul.sub li a {



	display:block;



	height:auto;



	font-size:11px;



	padding:4px 3px;



	line-height:1;



	color:#FFFFFF;



	text-decoration:none;



}



#menu_ul :hover ul.sub li a.fly {



	background-color: #203040;



	background-repeat: no-repeat;



	background-position: 150px 6px;



}



#menu_ul :hover ul.sub li a:hover {



	color:#C7D4E1;



	background-color: #304860;



}



#menu_ul :hover ul.sub li a.fly:hover {



	background-color: #1F2F3E;



	background-repeat: no-repeat;



	background-position: 150px 6px;



}



#menu_ul :hover ul li:hover > a.fly {



	background-color: #304860;



} 







#menu_ul :hover ul :hover ul,



#menu_ul :hover ul :hover ul :hover ul,



#menu_ul :hover ul :hover ul :hover ul :hover ul,



#menu_ul :hover ul :hover ul :hover ul :hover ul :hover ul



{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}



#menu_ul :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}



/*fin menu*/



#titulo_home {



	height: 192px;



	background-image: url(../images/bg_titulo_home.jpg);



	background-repeat: repeat-x;



	float: left;



	width: 100%;



}



#titulo {



	height: 164px;



	background-image: url(../images/bg_titulo.jpg);



	background-repeat: repeat-x;



	float: left;



	width: 100%;



}



#seccion_home {



	margin-right: 30px;



	margin-left: 30px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #4994aa;



	height: 103px;



	padding-top: 36px;



}



#seccion {



	margin-right: 30px;



	margin-left: 30px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #4994aa;



	height: 73px;



	padding-top: 40px;



}



#ruta {



	margin-right: 30px;



	margin-left: 30px;



	color: #FFFFFF;



	padding-top: 19px;



	padding-bottom: 19px;



	font-size: 11px;



}



#cuerpo {



	background-color: #FFFFFF;



	float: left;



	padding-top: 28px;



	padding-right: 30px;



	padding-left: 30px;



	width: 931px;



	background-image: url(../images/bg_contenido.jpg);



	background-repeat: no-repeat;



}



#foto {



	float: left;



	width: 301px;



	padding-right: 7px;



}



#texto1_home {
	float: left;
	width: 801px;
	padding-bottom: 27px;
	padding-left: 7px;
	text-align: justify;



}



#texto1 {
	float: left;
	width: 301px;
	padding-bottom: 27px;
	padding-left: 7px;
	text-align: justify;



}



#texto2 {
	float: left;
	width: 301px;
	padding-bottom: 27px;
	padding-left: 14px;
	text-align: justify;



}



#texto3_home {



	float: right;



	width: 66%;



	border-top-width: 1px;



	border-top-style: solid;



	border-top-color: #e9e9e9;



	padding-top: 20px;



	font-size: 14px;



	font-style: italic;



	color: #666666;



}



#texto3 {
	float: right;
	width: 66%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e9e9;
	text-align: justify;



}

#login {

	float: left;

	width: 301px;

	padding-bottom: 27px;

	padding-left: 14px;

	background-color: #f9f9f9;



}



#caja_combo {



	float: right;



	width: 66%;



}



#puntos {



	padding-top: 19px;



	padding-bottom: 19px;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #e9e9e9;



	list-style-image: url(../images/bullet.jpg);



	list-style-position: inside;



	color: #666666;



}



#pags {



	padding-top: 20px;



	padding-bottom: 20px;



	width: 66%;



	float: left;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #e9e9e9;



}



#final {



	background-color: #FFFFFF;



	float: left;



	width: 931px;



	padding-right: 30px;



	padding-left: 30px;



	border-bottom-width: 7px;



	border-bottom-style: solid;



	border-bottom-color: #66CAFC;



}



#logo_gob {



	width: 34%;



	float: left;



	padding-bottom: 20px;



}



#menu2 a {



	color: #FFFFFF;



	text-decoration: none;



	padding-left: 8px;

	



}



#menu2 a:hover {



	color: #97e2fa;



	text-decoration: none;



	padding-left: 8px;

    text-decoration:underline;

}







#menu2 a:active {



	color: #97e2fa;



	text-decoration: none;



	padding-left: 8px;



}



.azul {



	color: #33ccff;



}



#flecha_i {



	width: 2%;



	float: left;



}



#flecha_d {



	width: 2%;



	float: left;



}



#n_pags {



	width: 96%;



	float: left;



	text-align: center;



	color: #666666;



}



.pag_actual {



	color: #33CCFF;



	font-weight: bold;



}#footer {



	float: left;



	width: 100%;



	font-size: 11px;



	color: #FFFFFF;



	background-color: #213143;



	padding-top: 20px;



}



#datos {



	font-size: 11px;



	float: left;



	width: 40%;



	padding-bottom: 40px;



}



#menu_footer {



	float: left;



	color: #FFFFFF;



	text-align: right;



	font-size: 11px;



	width: 60%;



}



#menu_footer a {



	color: #FFFFFF;



	text-decoration: none;



	padding-left: 8px;



}



#menu_footer a:hover {



	color: #97e2fa;



	text-decoration: none;



	padding-left: 8px;

	text-decoration:underline



}







#menu_footer a:active {



	color: #97e2fa;



	text-decoration: none;



	padding-left: 8px;



}



.gris {



	color: #999999;



}



#combo {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-top-style: dotted;



	border-bottom-style: dotted;



	border-top-color: #e9e9e9;



	border-right-color: #e9e9e9;



	border-bottom-color: #e9e9e9;



	border-left-color: #e9e9e9;



	padding-top: 10px;



	padding-bottom: 10px;



	margin-top: 10px;



}



#combo select {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



}



.formulario {

	font-size: 10px;

	font-style: italic;

	color: #CCCCCC;

}

#textfield  {

	width: 100%;

}

#texto1 textarea {

	width: 100%;

}

#texto1 select {

	width: 100%;

}

#boton {

	background-image: url(../images/bg_boton.jpg);

	height: 31px;

	width: 90px;

	font-size: 10px;

	color: #FFFFFF;

	font-weight: bold;

}

#advertencia {

	float: left;

	width: 630px;

	padding-top: 30px;

	padding-right: 20px;

	padding-bottom: 30px;

	padding-left: 311px;

	font-size: 18px;

}

#login .titulo {

	width: 30%;

	float: left;

}

#login .fields {

	width: 65%;

	float: left;

}
#texto4 {
	float: right;
	width: 66%;
	border-top-width: 1px;
	border-top-color: #e9e9e9;
	text-align: justify;
	
}