/*----- Estilos comunes a toda la web -------*/

body{height:100%; padding:0px; margin:0px; color:#666666; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#contenidoWeb {width:960px; background:transparent url('/imagenes/fondo-izquierda.jpg'); background-repeat: repeat-y; margin: auto auto;}

/*----- Panel superior y zona de menú de la web -------*/

#panelSuperior{width:960px; background:#ffffff; height:180px; position:relative;}

#panelSuperior #imagenPanel{width:180px; height:119px; background:#ffffff; color:#666666; position:absolute; top:20px; left:20px; padding:0 0 0 0px;}
#panelSuperior #imagenPanel img{width:180px; height:119px; border:0px solid;}
#panelSuperior #imagenProductos{width:700px; height:150px; background:#ffffff; color:#666666; position:absolute; top:0px; left:240px; padding:0 0 0 0px;}
#panelSuperior #imagenProductos img{width:700px; height:150px; border:0px solid;}
#panelSuperior #banderas {width:46px; height:23px; background:#efefef; position:absolute; top:154px; left:910px; padding:0 0 0 0px;}
#panelSuperior #banderas img{width:46px; height:23px; border:0px solid;}

#panelSuperior ul{width:910px; height:32px; position:absolute; top:150px; left:2px; text-align:right;}
#panelSuperior ul li{width:113px; height:32px; float:left; }
#panelSuperior ul li a{width:111px; height:32px; display:block; background:url(/imagenes/menu-normal.gif) 0 0 no-repeat #f5f5f5; color:#ffffff; text-decoration:none; font-size:13px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#panelSuperior ul li a:hover{background:url(/imagenes/menu-seleccionado.gif) 0 0 no-repeat #f5f5f5; color:#ffffff; text-decoration:none;}
#panelSuperior ul li.resaltado{width:111px; background:url(/imagenes/menu-resaltado.gif) 0 0 no-repeat #f5f5f5; color:#ffffff; text-decoration:none; font-size:13px; font-weight:bold; text-align:center; line-height:32px;margin:0 2px 0 0;}
#panelSuperior #textoEntrada p{width:510px; height:75px; top:40px; right:20px; position:absolute; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:23px; background:url(/imagenes/fondo-superior.gif) 0px 0px no-repeat;}  
 
.separadorCentral {width:960px; background:#ff4e00; color:#212121; position:relative; margin:0 auto; height:22px; clear:both;}

/*----- Panel central de contenidos -------*/

#panelCentral{height:100%; width:960px; margin:auto auto;}

/*----Panel izquierdo ----*/

#panelIzquierdo{height:100%; width:240px; float:left; padding: 5px 5px 15px 0;}
#panelIzquierdo h2{padding:10px 5px 5px 10px; font-size:17px; color:#cc0025;}
#panelIzquierdo ul {list-style: url(/imagenes/icono-productos.gif) inside;}
#panelIzquierdo li {margin-left:12px; padding-bottom : 3px; padding-left:2px; height:18px; color:#9a3508;}
#panelIzquierdo #intranetHonsuy li{list-style:url(/imagenes/icono-intranet.gif) inside;}
#panelIzquierdo #datosDistribuidor p{margin-left:20px; margin-right:10px; color:#9a3508;}
#panelIzquierdo #datosDistribuidor .seleccionarDistribuidor {display:block; width:170px; text-align:center; padding:3px; margin-top:5px;color:#ffffff;background-color:#c90024; border:1px solid #ef657e;}
#panelIzquierdo #datosDistribuidor .seleccionarDistribuidor a{color:#ffffff; text-decoration:none; cursor:pointer;}

#panelIzquierdo a{color:#9a3508; font-weight:bold; text-decoration:none; cursor:pointer;}
#panelIzquierdo a:hover{color:#cc0025; font-weight:bold; border-bottom:1px dotted;}
#panelIzquierdo input[type="text"] {width:120px; height:19px; margin-left:20px; color:#666666; font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; border: solid 1px #aaaaaa;vertical-align:middle;}
#panelIzquierdo input[type="image"] {vertical-align:middle; margin-left:4px; }
#panelIzquierdo form { display: inline; }

/*----Panel derecho ----*/

#panelDerecho{width:705px; float:left; padding: 5px 0 5px 0;}
#panelDerecho #homePage{height:400px; background:url(/imagenes/marca-de-agua-home.jpg); background-repeat: no-repeat; background-position: center center;}
#panelDerecho #marcaAgua{height:400px; background:url(/imagenes/marca-de-agua.jpg); background-repeat: no-repeat; background-position: center center;}
#panelDerecho p {padding-bottom:10px;}
#panelDerecho h1 {padding:10px 0 0 0; font-size:17px; color:#cc0025;}
#panelDerecho h2 {padding:10px 0 0 0; font-size:15px; color:#444444;}
#panelDerecho h2 a{color:#444444;}
#panelDerecho ul {padding:10px 0 10px 0;float:left; clear:both; width: 700px; }
#panelDerecho li {width: 300px; float:left; margin-left:12px; padding-bottom : 3px; padding-left:25px; height:18px; color:#9a3508; background-image:url(/imagenes/icono-productos.gif);background-position: 0 3px;background-repeat: no-repeat;}
#panelDerecho ul.mapaWeb {float:left; padding:10px 0 10px 20px;}
#panelDerecho li.mapaWeb {width:700px; float:left; clear:both; background-image:url(/imagenes/icono-mapa.gif);background-position: 0 3px;background-repeat: no-repeat;}
#panelDerecho #migaDePan{padding:0 0 10px 0; font-size:13px; color:#cc0025;}
#panelDerecho a{color:#000000; text-decoration:none; cursor:pointer;}
#panelDerecho a:hover{color:#cc0025; border-bottom:1px dotted;}
#panelDerecho td{color:#222222; text-decoration:none;}
#panelDerecho img{vertical-align:middle; margin-right:5px;}
#panelDerecho .detalleProducto {font-size:12px; color:#333333; padding-left:5px;}
#panelDerecho form { display: inline; }
#panelDerecho label, input, select, textarea {font-size:13px; color:#333333;}
#panelDerecho fieldset { width : 550px; padding : 5px 10px 15px 0; margin:auto auto;border: 1px solid #cccccc; color:#aa0025;}
#panelDerecho legend {border: 1px solid #cccccc; padding:4px 12px 4px 12px; margin-bottom:15px; margin-left:10px;color:#9a3508; font-weight:bold; } 
#panelDerecho label {clear:left;float:left;width: 170px;padding-left: 20px;margin: 5px; float: left;text-align: right;}   
#panelDerecho input {margin: 5px; padding: 0px;float: left; width : 330px; }
#panelDerecho select {margin: 5px; padding: 0px;float: left; width : 190px; }
#panelDerecho textarea { float:left; margin: 5px; width : 335px; height:110px; padding: 0 0 0 0;}
#panelDerecho input[type="submit"] {text-align: center; width:auto; overflow: visible;; border:outset 1px #ffffff;cursor:pointer;background:#999999;color:#666666;padding: 1px 10px;background:url(/imagenes/fondo-boton.gif) repeat-x left top; margin:20px;}
#panelDerecho .mensajeAlerta {background:#ffffaa; padding:10px 10px 10px 10px; margin-bottom:10px;margin-top:10px;border:1px dashed #9f9f05;}

#panelDerecho #listaDistribuidores h3 {margin: 0; padding: 0; font-size:15px; color:#444444;}
#panelDerecho #listaDistribuidores ul {padding:0 0 0 40px;float:left; clear:both; width: 670px;}
#panelDerecho #listaDistribuidores li {width: 290px; float:left; margin-left:2px; padding-bottom : 15px; padding-left:25px; height:auto; color:#9a3508; background-image:url(/imagenes/icono-mapa.gif);background-position: 0 3px;background-repeat: no-repeat;}
#panelDerecho #listaDistribuidores .seleccionarDistribuidor {display:block; width:170px; text-align:center; padding:3px; margin-top:5px;color:#ffffff;background-color:#c90024; border:1px solid #ef657e;}
#panelDerecho #listaDistribuidores .seleccionarDistribuidor a{color:#ffffff; text-decoration:none; cursor:pointer;}

/*----Panel inferior ----*/

#panelInferior{background:#ffffff; color:#212121; position:relative; margin:0 auto; bottom:0px; height:100px; clear:both; padding:15px 0 0;}

#panelPie{width:960px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}
#panelPie ul{width:700px; height:20px; position:relative; margin: auto; text-align: center;}
#panelPie li{float:left;}
#panelPie ul li a{padding:0 12px 0; color:#212121; background:#ffffff; text-decoration:none;}
#panelPie ul li a:hover{text-decoration:underline;}
#panelPie p.copyright{width:380px; background:#ffffff; color:#212121; position:relative; margin:0 auto;top:10px; }

.paginador {display:inline;text-align:left;height:22px;line-height:21px;clear:both;padding-top:3px;font-family:Arial, Helvetica, sans-serif;font-size:12px;	font-weight:normal;padding-right:20px;}
.paginador a:link, .paginador a:visited{padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #dda6a6;margin-left:5px;text-decoration:none;background-color:#d9bdbd;color:#ffffff;width:22px;font-weight:normal;}
.paginador a:hover {background-color:#d17373;border:1px solid #f5a2b1;color:#ffffff;}
.paginador .activo {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #f5a2b1;margin-left:5px;text-decoration:none;background-color:#c45267;	color:#ffffff;	cursor:default;}
.paginador .inactivo{padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #f5a2b1;margin-left:5px;text-decoration:none;background-color:#d9bdbd;color:#ffffff;cursor:default;}

#copyright {text-align:center;}
#copyright img{border: 0px solid; text-align:center; vertical-align:middle;}