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

*{ margin:0; padding:0; border:0}

body { padding:0px; margin:0px; HEIGHT: 100%; FONT-SIZE: 11px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#fff; text-align:center}

HTML{HEIGHT: 100%; overflow: inherit}

a { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color:#3399cc; text-decoration:underline;}
a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; text-decoration:none;}

h1{ font: bold 12px Arial, Verdana, Helvetica, sans-serif; padding:0px; margin:10px 0; color: #009dde; border-bottom:1px dotted #006699}
h2{ font: bold 11px Arial, Helvetica, sans-serif; padding-left:10px; margin:8px 0; color: #006699; text-align:left; background: url(../imagenes/h2_flecha.png) no-repeat left;}
h3{ font: bold 12px Arial, Helvetica, sans-serif; padding:0px; color: #660000; text-align:right; }

p{ line-height: normal; margin: 10px 0 15px 0; color:#006699;FONT-FAMILY:  Arial, Helvetica, sans-serif;}

ul{ margin: 0 30px; line-height: 16px;}
li{ list-style-image:url(../imagenes/fl.gif); margin:5px 0;}

strong{}

img{ border:none;}

.separador1{ height:2px; margin:3px 2px; background:url(../imagenes/hr.gif) repeat-x;}
div.link{ width:auto; height:20px; background:url(../imagenes/ico_flecha.gif) no-repeat left top; margin:8px 0; padding-left:16px;}
div.linkPDF{width:auto; height:20px; background:url(../imagenes/ico_pdf.gif) no-repeat left top; margin:8px 0; padding-left:23px;}
div.linkMasInfo{ width:auto; height:auto; background: url(../imagenes/ico_mas.gif) no-repeat right center; margin:5px 0; padding-right:18px; text-align:right;}
div.linkVerTodo{ width:auto; height:19px; background: url(../imagenes/fondo_boton_2.gif) right center; margin:5px 0; padding-top:4px; text-align:center;}
div.linkVerTodo a{ color:#003399; font-weight:bold;}

/* --------------------------------------------------------- estructura general -----------------------------------------------------------------*/

#contenedor { margin:0 auto 0 auto; padding:0; width:770px; height:auto; }

#cabecera { margin:0 auto 0 auto; overflow: hidden; padding:0; width: 770px; height:100px; z-index:500;}

#contenidoCentral { margin:0 auto 0 auto; overflow: hidden; width: 770px; height:auto; border-top:10px solid #d9f0fa; text-align:left; z-index:1;}

#informacion { margin:30px 0 15px 30px; overflow: auto; width: 530px; height:auto; text-align:left; z-index:1;}

#pie { margin:15px auto 15px auto; overflow: hidden;  width: 770px; height:58px; color:#3399cc; background:url(../imagenes/fondo_pie.gif);}



/* ---------------------------------------------------------MENU-------------------------------------------------------------*/

.logotipo{ width:210px; height:auto; float:left; margin-top:10px;}
.menuContenedor{ width:500px; height:35px; float:right; background:#0099FF; margin:65px 0px 0px 60px;}


ul#menuSupervisor li a{ display:block; overflow:hidden; margin:13px 0 0 0; padding:0; height:35px;  text-decoration:none; color:#006699; background:no-repeat;}

ul#submenu_link { margin:0px; padding:0px; z-index:1000;}
ul#submenu_link li{margin:0px;padding:0; float:left; list-style:none; text-transform:uppercase;}
ul#submenu_link li a{ display:block; overflow:hidden; width:auto; height:25px; margin:0; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #fff; font-weight:bold; background-color:#fff;}
ul#submenu_link li a:hover{ text-decoration:none; color: #0099CC;}



#submenu_link li a.item1{ width:73px; background:url(../imagenes/menu_item1.gif) no-repeat left top;}
#submenu_link li a.item1select{ display:block; width:73px; height:25px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #003399; font-weight:bold; background-color:#fff; background:url(../imagenes/menu_item1.gif) no-repeat left bottom;}

#submenu_link li a.item2{ width:138px; background:url(../imagenes/menu_item2.gif) no-repeat left top;}
#submenu_link li a.item2select{ display:block; width:138px; height:25px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #003399; font-weight:bold; background-color:#fff; background:url(../imagenes/menu_item2.gif) no-repeat left bottom;}

#submenu_link li a.item3{ width:97px; background:url(../imagenes/menu_item3.gif) no-repeat left top;}
#submenu_link li a.item3select{ display:block; width:97px; height:25px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #003399; font-weight:bold; background-color:#fff; background:url(../imagenes/menu_item3.gif) no-repeat left bottom;}

#submenu_link li a.item4{ width:91px; background:url(../imagenes/menu_item4.gif) no-repeat left top;}
#submenu_link li a.item4select{ display:block; width:91px; height:25px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #003399; font-weight:bold; background-color:#fff; background:url(../imagenes/menu_item4.gif) no-repeat left bottom;}

#submenu_link li a.item5{ width:101px; background:url(../imagenes/menu_item5.gif) no-repeat left top;}
#submenu_link li a.item5select{ display:block; width:101px; height:25px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color: #003399; font-weight:bold; background-color:#fff; background:url(../imagenes/menu_item5.gif) no-repeat left bottom;}



#submenu_link li ul#segundoMenu {display: none; overflow:hidden; margin:0px; padding:0px; width:89px; height:auto; z-index:10000;}
#submenu_link li:hover > ul#segundoMenu {display:block; margin:0px; padding:0px;}
#submenu_link li ul#segundoMenu li{ display:block; overflow:hidden; margin:0px; padding:0px; width:89px; height:20px; text-transform:none; background:none;}
#submenu_link li:hover > ul#segundoMenu li a{display:block; overflow:hidden; position:absolute; margin:0px; padding: 0px; text-decoration:none; color:#fff; width:89px; height:20px; border:1px solid #336699; font-size:10px; background:none; background:url(../imagenes/fondo_submenu.gif) bottom left #000;}
#submenu_link > li:hover > ul#segundoMenu { margin:0px; padding:0px; background:none;}
#submenu_link li:hover > ul#segundoMenu li:hover a{ color:#336699; background:#d9f0fa;}
#submenu_link li ul#segundoMenu li.largo{ display:block; overflow:hidden; margin:0px; padding:0px; width:89px; height:35px;}
#submenu_link li:hover > ul#segundoMenu li.largo a{display:block; overflow:hidden; position:absolute; margin:0px; padding: 0px; text-decoration:none; color:#fff; background: #6091be; width:89px; height:35px; border:1px solid #336699; font-size:10px; background:url(../imagenes/fondo_submenu.gif) no-repeat bottom left #0079b3;}
#submenu_link li:hover > ul#segundoMenu li.largo:hover a{ background: #d9f0fa; color:#336699;}


/* ---------------------------------------------------------FIN MENU-------------------------------------------------------------*/

.contCentralIzda{ float:right; width:560px;}
.contCentralDecha{ float:left; width:210px;}

.contLogin{ width:160px; height:175px; padding: 15px 25px; background: url(../imagenes/fondo_pie_login.gif) no-repeat bottom #d9f0fa; color:#3399cc}
.contLogin strong{ font:bold 11px Arial, Helvetica, sans-serif; color:#006699;}
.contLogin input{ width:85px; height:18px; border:1px solid #3399cc; margin: 3px 0;} 
.contLogin input.class50{ width:35px; height:18px; border:1px solid #3399cc; margin: 3px 0;} 
.contLogin input.boton{ width:97px; height:23px; background:url(../imagenes/fondo_boton_1.gif); color:#FFFFFF; font-weight:bold; padding:0; margin:0;} 



.bannerDossier{ width:210px; height:113px; background:url(../imagenes/banner_dossier.gif) no-repeat center bottom #bdcfe7; margin-top:15px;}
.bannerDossier div.textoLinks{ padding: 5px 10px 0 10px; display:block;}
.bannerDossier img{ width:204px; height:68px; border-top:3px solid #00529c; border-left:3px solid #00529c; border-right:3px solid #00529c;}

.bannerHP{ width:210px; height:auto; background: url(../imagenes/banner_hp.gif) no-repeat center bottom #e8f5ff; margin-top:15px; padding-bottom:15px; overflow:hidden;}
.bannerHP div.textoLinks{ padding: 5px 10px 0 10px; display:block;}
.bannerHP img{ width:204px; height:auto; border-top:3px solid #0099cc; border-left:3px solid #0099cc; border-right:3px solid #0099cc;}


.imgCentral{ border-bottom:2px solid #d9f0fa; border-right:2px solid #d9f0fa}

.homeNovedades{ float:left; width:240px; height:auto; margin-right:30px;}
.homePromociones{ float:right; width:240px; height:auto;}

.fondoNovedades{ width:240px; height:auto; background:url(../imagenes/fondo_noticias.jpg);}
.fondoPieNovedades{ width:240px; height:17px; background: url(../imagenes/fondo_noticias_pie.gif)}
.novedad{ padding:5px 20px;}
.novedad img{ float:left; padding:0px 10px 10px 0px; width:60px; height:60px;}

.promocion{ padding-bottom:15px;}

#pie .textoDcha{ float:left; width:450px; padding: 15px 20px 0px 30px; text-align:left; }
#pie .textoIzda{ float:right; width:200px;  padding: 15px 20px 0px 30px; text-align:left;}



form td{ font-size:11px;color: #006699; line-height:normal; text-align: left; border-bottom:1px solid #e8f5ff; padding:1px;}
form table{ margin:15px 0px 15px 15px; padding:0px; border-collapse:collapse;}

div.caja { width: auto; padding: 14px 10px; margin:15px;}

div.fila { display: block; margin: 3px 0; line-height: 22px; font-size: 22px; height: 22px; font-size:11px; border-bottom: 1px solid #fff;}

div.filaAlta { height: auto; border-bottom: 1px solid #fff;}

div.texto{ font-size:11px; float:left; display: inline; font-weight: bold; color: #006699; margin: 0px 8px; height: 22px; line-height:normal; padding:0px 7px; text-align: left;}

div.texto { width: 150px}

div.campo {	display: inline;}

div.botonesFormulario { padding: 15px 0 10px 228px;}

input, select{ width:auto; height:18px; border:1px solid #3399cc; margin: 3px 5px 3px 0px; font:normal 10px Verdana, Arial, Helvetica, sans-serif;} 
textarea{ width:auto; height:auto; border:1px solid #3399cc; margin: 3px 0;} 
input.boton{ width:97px; height:18px; background:url(../imagenes/fondo_boton_1.gif); color:#FFFFFF; font-weight:bold; padding-top:5px; text-align:center;}