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

body {padding:0px; margin:0px; background:url(/imagenes/fondo.gif) 0 0 repeat-x #ffffff; 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;}
a {color:#000000; text-decoration:none;}
.enlace a {color:#8fad5a; background:#f4f4f4; text-decoration:underline; font-weight:bold;}

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

#panelSuperior{width:850px; height:110px; position:relative; margin-left: auto;  margin-right: auto;}

#panelSuperior #imagenPanel{z-index:10; width:150px; height:71px; position:absolute; top:30px; right:0px; padding:0 0 0 0;}

#panelSuperior #imagenIntranet{z-index:10; width:136px; height:24px; background:url(/imagenes/boton-intranet.gif) 0 0 no-repeat; position:absolute; top:33px; right:208px; text-align:center; }
#panelSuperior #imagenIntranet a{z-index:10; position:relative; display:block; top:3px; color:#666666; text-decoration:none; }

#panelSuperior #redesSociales{z-index:10; width:70px; height:32px; position:absolute; top:26px; right:368px; text-align:center; }

#panelSuperior #bannerRevista{width:140px; height:45px; position:absolute; top:15px; text-align:left; left:3px; background:url(/imagenes/logos/farmacia-al-dia.jpg) 0 0;}
#panelSuperior #fechaPanel{width:550px; height:32px; position:absolute; top:40px; text-align:left; left:160px;font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#panelSuperior ul{width:850px; height:32px; position:absolute; top:75px; right:0px; text-align:right;}
#panelSuperior ul li{width:92px; height:32px; float:left; }
#panelSuperior ul li a{width:90px; height:32px; display:block; background:url(/imagenes/menu-normal.jpg) 0 0 no-repeat #f5f5f5; color:#666666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#panelSuperior ul li a:hover{background:url(/imagenes/menu-seleccionado.jpg) 0 0 no-repeat #f5f5f5; color:#3f6102; text-decoration:none;}
#panelSuperior ul li.home{width:92px; background:url(/imagenes/menu-resaltado.jpg) 0 0 no-repeat #f5f5f5; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}

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

#panelCentral{width:850px; position:relative; margin:auto auto;}
#panelCentral #cabeceraWeb{width:850px; height:90px; position:relative; margin-left: auto;  margin-right: auto; background:url(/imagenes/cabeceras/fondo-cabecera.gif) 0 0 repeat-y #eeeeee;}
#panelCentral #cabeceraWeb p {position:relative; width:800px; height:30px; padding-top:45px; padding-left: 15px;text-align:left; font:30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;}
#panelCentral #flashCabecera {width:850px; height:354px; background:#f2fae3;} 

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

#panelIzquierdo {width:635px; float:left; padding-top: 10px; margin-right:15px;}
#panelIzquierdo h1{width:635px; height:18px; display:block; color:#70af00; border-bottom:1px dashed #b9b9b9; font-size:15px; line-height:15px; margin-bottom:5px;}
#panelIzquierdo h1 a{font-size:12px; line-height:15px;}
#panelIzquierdo h2{height:18px; display:block; border-bottom:1px dashed #b9b9b9; font-size:14px; line-height:14px; margin-bottom:4px;}
#panelIzquierdo ul {list-style: url(/imagenes/iconos/bullet-verde.gif) inside;}
#panelIzquierdo li {padding-bottom : 5px;}
#panelIzquierdo a{color:#444444; text-decoration:none;}
#oldPanelIzquierdo a:hover{background:#ffffff; color:#444400; text-decoration:none; border-bottom:1px dotted #444400;}
#panelIzquierdo input[type="text"], input[type="password"], input[type="file"], textarea, select {color:#666666; font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; border: solid 1px #aaaaaa;}
#panelIzquierdo input.requerido {background-color:#fff0f0;}

#panelIzquierdo #imagenes a:hover{background:#ffffff; color:#000000; text-decoration:none; border-bottom:0px;}

#panelIzquierdo .resumenNoticia {background:#f2fae3; padding:10px 10px 10px 10px; margin-bottom:10px;border:1px dashed #b9b9b9; cursor: pointer;}
#panelIzquierdo .resumenNoticia:hover {background:#e7f9c5;}
#panelIzquierdo .resumenNoticia h2{color:#6f8547; font-size:13px; border-bottom:1px dashed #b9b9b9; }
#panelIzquierdo .resumenNoticia h2 b{color:#444444; font-size:10px;}

#panelIzquierdo .resumenConsejo {background:#fafafa; padding:10px 10px 10px 10px; margin-bottom:10px;border:1px dashed #b9b9b9; cursor: pointer;}
#panelIzquierdo .resumenConsejo:hover {background:#e7f9c5;}
#panelIzquierdo .resumenConsejo h2{color:#6f8547; font-size:13px; border-bottom:1px dashed #b9b9b9; }
#panelIzquierdo .resumenConsejo h2 b{color:#444444; font-size:10px;}

#panelIzquierdo .contenidoNoticia h2{color:#70af00; border-bottom:1px dashed #b9b9b9; font-size:15px;}
#panelIzquierdo .contenidoNoticia h2 b{color:#444444; font-size:12px;}
#panelIzquierdo .contenidoNoticia p {padding-bottom:5px;}
#panelIzquierdo .contenidoNoticia b {color:#222222;}
#panelIzquierdo .contenidoNoticia a {color:#6f8547; text-decoration:underline;}
#panelIzquierdo .contenidoNoticia a:hover {color:#222222; text-decoration:underline; border-bottom:0px;}

#panelIzquierdo form {display: inline;}
#panelIzquierdo #formularioUbicacion button {vertical-align:middle; border:none; padding:0; background:none; cursor:pointer; margin-left:5px;}
#panelIzquierdo #formularioUbicacion input[type="text"] {width:320px; height:17px; margin-left:5px; color:#666666; font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; border: solid 1px #aaaaaa;}
#panelIzquierdo 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;}

#panelIzquierdo label {font-size:13px; color:#333333;}
#panelIzquierdo span {font-size:13px; color:#333333;}
#panelIzquierdo fieldset { width : 550px; padding : 5px 10px 15px 0; margin:auto auto;border: 1px solid #cccccc; color:#aa0025; margin-top:10px; margin-bottom:10px;}
#panelIzquierdo legend {border: 1px solid #cccccc; padding:4px 12px 4px 12px; margin-bottom:15px; margin-left:10px;color:#70af00; font-weight:bold; } 
#panelIzquierdo .formularioGeneral label {clear:left;float:left;width: 170px;padding-left: 20px;margin: 5px; float: left;text-align: right;}   
#panelIzquierdo .formularioGeneral input {margin: 5px; padding: 0px;float: left; width : 330px; }
#panelIzquierdo .formularioGeneral select {margin: 5px; padding: 0px;float: left; width : 190px; }
#panelIzquierdo .formularioGeneral textarea { float:left; margin: 5px; width : 330px; height:110px; padding: 0 0 0 0;font-size:13px; border:outset 1px #ffffff;}
#panelIzquierdo .formularioGeneral input[type="submit"] {text-align: center; width:auto; overflow: visible;; border:outset 1px #ffffff; cursor:pointer; background:#999999; color:#333333; padding: 1px 10px;background:url(/imagenes/fondo-boton.gif) repeat-x left top; margin:20px;}

#panelIzquierdo .formularioFacturacion label {float:left;width: 168px;padding-left: 20px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioFacturacion input {margin: 5px; padding: 0px;float: left; width : 60px; }
#panelIzquierdo .formularioFacturacion select {margin: 5px; padding: 0px;float: left; width : 60px; }

#panelIzquierdo .formularioMayoristas label {float:left;width: 68px;padding-left: 20px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioMayoristas input {margin: 5px; padding: 0px;float: left; width : 25px; }
#panelIzquierdo .formularioMayoristas input[type="submit"] {clear:both; 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:10px 180px auto;}

#panelIzquierdo .formularioAlbaranes label {float:left;width: 140px;padding-left: 20px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioAlbaranes input {margin: 5px; padding: 0px;float: left; width : 75px; }
#panelIzquierdo .formularioAlbaranes input[type="submit"] {clear:both; 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:10px 170px auto;}

#panelIzquierdo .formularioEstadisticas label {width: 170px;padding-left: 50px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioEstadisticas input[type="submit"] {clear:both; 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:10px 120px}

#panelIzquierdo .mensajeError {background:#f9d5d5; padding:10px 10px 10px 10px; margin-bottom:10px;margin-top:10px;border:1px dashed #8f0f0f;}
#panelIzquierdo .mensajeAlerta {background:#ffffaa; padding:10px 10px 10px 10px; margin-bottom:10px;margin-top:10px;border:1px dashed #9f9f05;}
#panelIzquierdo .mensajeAlertaLink {background:#ffffaa; cursor:pointer;}

#panelIzquierdo .Tabla { border-right: #e1e1e1 1px solid; border-left: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; border-top: #e1e1e1 1px solid;}
#panelIzquierdo .Catalogo { border-right: #70AE01 1px solid; border-left: #70AE01 1px solid; border-bottom: #70AE01 1px solid; border-top: #70AE01 1px solid;  background-repeat: no-repeat; background-position: center;}
#panelIzquierdo .Principal {color: #111111; font-family:Verdana; font-size:9pt; text-decoration: none;}
#panelIzquierdo .Pedidos {color: #111111; font-family:Verdana; font-size:8pt; text-decoration: none;}
#panelIzquierdo .Puntos {color: #000000; font:40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; font-weight: bold; background-color:#e6f4b9; border: 0px;}
#panelIzquierdo input.Puntos {color: #000000; font:40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; font-weight: bold; background-color:#e6f4b9; border: 0px;}
#panelIzquierdo .Enlace {cursor:pointer;}
#panelIzquierdo .CV {color:#555555; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#panelIzquierdo .extendidoCV {border:dotted 1px #cccccc;}

#panelIzquierdo .formularioFidelizacion label {clear:left; float:left;width: 200px;padding-left: 20px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioFidelizacion input {margin: 5px; padding: 0px;float: left; width : 300px; }
#panelIzquierdo .formularioFidelizacion select {margin: 5px; padding: 0px;float: left; }
#panelIzquierdo .formularioFidelizacion 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:10px 180px auto;}

#panelIzquierdo .formularioCliente label {clear:left;float:left;width: 170px;padding-left: 20px;margin: 5px; float: left;text-align: right;}   
#panelIzquierdo .formularioCliente input {margin: 5px; padding: 0px;float: left; width : 330px; }
#panelIzquierdo .formularioCliente select {margin: 5px; padding: 0px;float: left; width : 100px; }
#panelIzquierdo .formularioCliente span {float:left; margin: 5px; text-align: left;color:#666666;}
#panelIzquierdo .formularioCliente input.edad {margin: 5px; padding: 0px;float: left; width : 22px; }

#panelIzquierdo .formularioAvanzada label {clear:left;float:left;width: 270px;padding-left: 20px;margin: 5px; float: left;text-align: right;}   
#panelIzquierdo .formularioAvanzada input {margin: 5px; padding: 0px;float: left; width : 50px; }
#panelIzquierdo .formularioAvanzada span {float:left; margin: 5px; text-align: left;color:#666666;}
#panelIzquierdo .formularioAvanzada 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:10px 180px auto;}

#panelIzquierdo .formularioEstadistica label {float:left;width: 290px;padding-left: 20px;margin: 5px; float: left;text-align: right; }
#panelIzquierdo .formularioEstadistica select {margin: 5px; padding: 0px;float: left; width : 220px; }
#panelIzquierdo .formularioEstadistica input {margin: 5px; padding: 0px;float: left; width : 25px; }
#panelIzquierdo .formularioEstadistica input[type="submit"] {clear:both; 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:10px 180px auto;}
#panelIzquierdo .formularioEstadistica span {float:left; padding-left: 1px;margin: 5px; text-align: left;}
#panelIzquierdo .formularioEstadistica input.otros {margin: 0px; padding: 0px;float: left; width : 170px; }

#panelIzquierdo .asistencia input[type="submit"] {text-align: center; width:auto; overflow: visible;; border:outset 1px #ff0000;cursor:pointer;background:#999999;color:#666666;padding: 1px 10px;margin:20px;}

#panelIzquierdo .paso {text-align:center; background:#F2FAE3;color:#444444;padding: 1px 5px 1px 5px; font-weight:bold;}

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

#panelDerecho{width:200px; float:left; padding-top: 10px;}
#panelDerecho h1{width:195px; height:18px; display:block; color:#70af00; border-bottom:1px dashed #b9b9b9; font-size:15px; line-height:15px;}

#panelDerecho #menuIntranet ul {list-style: none;margin: 0;padding: 0;}
#panelDerecho #menuIntranet li {border:dotted 1px #cccccc; background:#8f8e8c; color:#ffffff; text-align:center; font-weight:bold; height:25px; vertical-align:middle;margin:0 0 3px 0; line-height:25px;}
#panelDerecho #menuIntranet a {color:#ffffff;}
#panelDerecho #menuIntranet a:hover {color:#f2fae3; text-decoration:none;}
#panelDerecho #menuIntranet li.novedad {border:dotted 1px #cccccc; background:#c91313; color:#000000; text-align:center; font-weight:bold; height:25px; vertical-align:middle;margin:0 0 3px 0; line-height:25px;}

#panelDerecho #datosAsociado {border:dotted 1px #cccccc; background:#f2fae3;padding:5px;margin-bottom:4px;}

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

#panelInferior{background:url(/imagenes/fondo-pie.gif) 0 0 repeat-x #f4f4f4; color:#212121; position:relative; margin:0 auto; height:170px; clear:both; padding:15px 0 0;}

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

#NewsTicker{border:dotted 1px #cccccc;background:#f2fae3;width:200px;height:345px;margin:0 auto;}
#NewsTicker h1{	width: 188px;padding:6px; margin:0; border:0;background:#8fad5a;color:#ffffff;font-size:13px;font-weight:bold;}
#NewsVertical {width: 280px;height: 308px;display: block;overflow: hidden;position: relative;}
#TickerVertical {width: 190px;height: 308px;display: block;	list-style: none;margin: 0;padding: 0;}
#TickerVertical li {display: block;	width: 190px;color: #333333;text-align: left;font-size: 11px;margin: 0;	padding: 6px;float: left;  cursor: pointer;}
#TickerVertical li .NewsTitle{display: block;color: #70af00;font-size: 12px;font-weight:bold;margin-bottom:6px;}
#TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited {display: block;color: #000000;font-size: 12px;font-weight:bold;margin-bottom:6px;text-decoration:none;}
#TickerVertical li .NewsTitle a:hover {	text-decoration:underline;}
#TickerVertical li .NewsImg{float:left;	margin-right:10px;}
#TickerVertical li .NewsFooter{	display: block;	color: #000000;	font-size: 10px;margin:6px 0 14px 0;}


/*----- Concurso ----*/

.concursoTop {background:#8fad5a;color:#ffffff;font-size:13px;font-weight:bold;text-align: center;}
.concursoOdd {background:#f2fae3;color:#222222;font-size:13px;}
.concursoEven {background:#e5e5e5;color:#222222;font-size:13px;}

/*------ Clientes -----*/

.clientesTop {background:#8fad5a;color:#ffffff;font-size:12px;font-weight:bold;text-align: center;}
.clientesOdd {background:#f2fae3;color:#222222;font-size:12px; text-decoration:none;}
.clientesOdd a {background:#f2fae3; color:#222222; text-decoration:none; border-bottom:0px;}
.clientesEven {background:#fbfbfb;color:#222222;font-size:12px;}