@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg2.png);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #4682b4;
	padding-left: 10px;
}

.titulo {
	background: #4682b4;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 25px;
	padding-left: 10px;
}

.titulo_contenido {
	background: #add8e6;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 10px;
}

#bloque_vmenu {
	background: #2c506f;
	border-bottom: 1px solid #333;
}

#bloque_vmenu a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
}

#bloque_vmenu a:hover {color: #87cefa;}

#bloque_contenido {
	background: #fff;
	margin-top: 0;
	border: #000 solid 1px;
	position: absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	margin-top: -10px;
}

.item_listado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

.titulo_item_listado {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}

#bloque_fecha {
	background: url(images/bg_bloque.png);
	border: #333 solid 1px;
	width: 450px;
	position: absolute;
	left: 50%;
	margin-left: -225px;
	margin-top: 15px;
	z-index: 0;
}

#bloque_login {
	background: url(images/bg_bloque.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #333333 solid 1px;
	width: 300px;
	height: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -125px;	
}

#bloque_login td[titulo="login"] {
	background: url(images/bg_azul4.png);
/*	background-color: #006699;*/
	color: #FFFFFF;
	font-weight: bold;
}

#bloque_login a {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}	

#bloque_login a:hover {
	text-decoration: underline;
}

#bloque_login input[type="submit"] {
	background-color: #003366;
	color: #FFFFFF;
	font-weight: 300;
	border: #333333 solid 1px;
}

#bloque_msj_login {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	border: #333 solid 1px;
	width: 350px;
	height: 64px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -32px;
}

#bloque_msj_login a {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}

#bloque_msj_login a:hover {
	text-decoration: underline;
}

.copyright_home {
	background: url(images/bg_azul4.png);
/*	background-color: #006699;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border-top: #000 solid 1px;
}

.copyright_clientes {
	background: url(images/bg_azul4.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.hmenu_cont {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#hmenu_clientes ul {
	background: url(images/bg_azul4.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
	width: 900px;
	height: 25px;
	float: left;
}

#hmenu_clientes ul li {display: inline; position: relative; }

#hmenu_clientes ul li a {
	background: url(images/bg_azul4.png);
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	float: left;
/*	display: block;*/
}

/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left; }
* html ul li a { height: 1%; }*/
/* End */

#hmenu_clientes ul li a:hover {
	background: #9cf;
	color: #000;
	height: 15px; /* necesario para que el submenu no salga descuadrado */
}

#hmenu_clientes li li a {
	background: #069;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	float: left;
	width: 130px; /* Para que el puntero del mouse no pierda el hover tiene que ser el mismo width que en li li a:hover */
	/* Defino los bordes para el submenu para una mejor apariencia */
	border-left: #09C solid 1px;
	border-top: #09C solid 1px;
	border-right: #036 solid 1px;
	border-bottom: #036 solid 1px;
}

#hmenu_clientes li li a:hover {
	background: #9cf;
	color: #000;
	height: 13px; /* 2px menos que 'li li a' para evitar que se deforme el menu al pasar por encima */
	/* Defino los bordes para el submenu para una mejor apariencia */
	border-left: #09C solid 1px;
	border-top: #09C solid 1px;
	border-right: #036 solid 1px;
	border-bottom: #036 solid 1px;
}

#hmenu_clientes ul ul {
	position: absolute;
	left: 30px;
	top: -1px;
	display: none;
/*	list-style: none;*/
	width: 150px;
}

#hmenu_clientes ul li:hover ul{ display: block;}
#hmenu_clientes ul li:over ul{ display: block;}

#hmenu_clientes li:hover ul, li:over ul{ display: block;}

/* Posicion del submenu */
#hmenu_clientes ul li ul {
	position: absolute;
	/*left: -270px; /*Lo hago con javascript en forma automatica */ 
	top: 25px;
	display: none;
	list-style: none;
}

/*#hmenu_clientes ul > li { display: inline; }*/

#bloque_contacto {
	background: url(images/bg_bloque.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: #000 solid 1px;
	margin-left: 100px;	
	width: 600px;
}

#bloque_contacto .titulo {
	background: url(images/bg_azul4.png); #069;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

#bloque_contacto input[type="submit"] {
	background-color: #036;
	color: #FFF;
	font-weight: 300;
	border: #333 solid 1px;
}

#listado {
	font-size: 10px;
	width: 800px;
}

#listado .header {
	background: #333;
	color: #fff;
	height: 25px;
}

#listado .footer {
	background: #333;
	color: #fff;
	height: 15px;
}

#listado .footer a { color: #fff; text-decoration: none; }
#listado .footer a:hover { text-decoration: underline; }

#listado .f1 {
	background: #f0f8ff;
	font-size: 10px;
	text-align: center;
	color: #000;	
	height: 20px;
}

#listado .f1 td {	border-bottom: #333 solid 1px; }

#listado .f1:hover { background: #006699; color: #FFFFFF; /*cursor: hand; /* IE	*/ cursor: pointer; /* Firefox */ }

/*#listado .f1 td:hover { background: #006699; color: #FFFFFF; }*/

#listado .f2 {
	background: #fff;
	font-size: 10px;
	text-align: center;
	color: #000;	
	height: 20px;
}

#listado .f2 td {	border-bottom: #333 solid 1px; }

#listado .f2:hover { background: #006699; color: #FFFFFF; /*cursor: hand;*/ cursor: pointer; }