/* butano: #FF3C00, naranja: #ff6600; */
/* rgb(132,158,181); azul turquesa */
/*#527F76
Green Copper rgb=
Green Yellow rgb=#93DB70
Hunter Green rgb=#215E21
*/

th.listado img {border-style:none; clear:none;float:none; vertical-align:middle;}
img.comprar {border-style:none; clear:none;float:none; vertical-align:middle;}

/* background-image: url('imagenes/fondo.bmp'); */
body {margin-top:0; font-family: verdana; font-size: 11px; background-color: white;
        scrollbar-3dlight-color: rgb(42,90,138);
        scrollbar-arrow-color: white; /* IMPORTANTE */
        scrollbar-base-color: rgb(70,167,122);
        scrollbar-darkshadow-color: white;
        scrollbar-face-color:  rgb(70,167,122); /* IMPORTANTE */
        scrollbar-highlight-color:#ffffff;
        scrollbar-shadow-color:#000000;
        background-color: #ffffff;
}

hr {width: 100%; border: solid 1px #009966;}
hr.lineaHorizontal {width: 100%; border: solid 1px #009966;}

/* font-size: 11px; no lo coge de bodysuperior !!! */
td.celdaprin {font-size: 11px; background-color: #cccccc; border-color: #666666; border-style: groove;
border-width: 2; padding: 4px; text-align: center;}
td.contenidoder {font-size: 11px; background-color: #cccccc; border-color: #666666; border-style: solid;
border-width: 1; padding: 4px; text-align: left; }
td.celdatitular {font-size: 12px; color: white; font-weight: bold;
background-image: url('imagenes/fondotitular.gif'); background-repeat: no-repeat; }
td.celdatitularizq {font-size: 12px; color: #666666; font-weight: bold;
background-image: url('imagenes/fondopuntos.gif'); }
td.celdatitular2 {font-size: 12px; color: white; font-weight: bold;
background-image: url('imagenes/fondotitular2.gif'); background-repeat: no-repeat; }
th.celdatitularprin {font-size: 14px; color: #666666; font-weight: bold;
background-image: url('imagenes/fondotitularprin.jpg'); background-repeat: no-repeat; }
td.celdatitularfondo {font-size: 12px; color: white; font-weight: bold;
background-image: url('imagenes/fondobarra.gif'); height:30px; vertical-align: middle;}
td.contenidoizq {font-size: 12px; vertical-align:top; width:100%; padding: 4px;
border-style: dashed; border-width: 1; border-color: #009966;}
td.contenidoder {font-size: 12px; vertical-align:top; width:100%; padding: 4px;
border-style: dashed; border-width: 1; border-color: #009966; background-color: #dddddd;}
td.contenidoprin {font-size: 12px; vertical-align:top; padding: 4px;
border-style: dashed; border-width: 1; border-color: orange; border-top:none;}
/*
.anchura {width: 100%;}
#tdcentral {width: 100%;} /* ADAPTADO PARA 800X600 */
*/

a:link.carrito {color: #ff6600; text-decoration: underline overline; font-weight: bold; font-size:10pt;}
a:visited.carrito {color: #ff6600; text-decoration: underline overline; font-size:10pt; font-weight: bold; font-size:10pt;}
a:hover.carrito {color: #ff6600; text-decoration: underline overline; font-size:10pt; text-decoration: none; font-weight: bold; font-size:10pt;}
a:active.carrito {color: #ff6600; text-decoration: underline overline; font-size:10pt; font-size:10pt;}

a:link.butano {color: #FF3C00; font-weight: bold; font-size:10pt;}
a:visited.butano {color: #FF3C00; font-size:10pt; font-weight: bold; font-size:10pt;}
a:hover.butano {color: #FF3C00; font-size:10pt; text-decoration: underline overline; font-size:9pt;}
a:active.butano {color: #FF3C00; font-size:10pt; font-size:10pt;}

a:link.naranjafuerte {color: #ff6600; font-weight: bold; font-size:10pt;}
a:visited.naranjafuerte {color: #ff6600; font-size:10pt; font-weight: bold; font-size:10pt;}
a:hover.naranjafuerte {color: #ff6600; font-size:10pt; text-decoration: none; font-weight: bold; font-size:10pt;}
a:active.naranjafuerte {color: #ff6600; font-size:10pt; font-size:10pt;}

a:link.menu {color: #009966; font-weight: bold; font-size:10pt;}
a:visited.menu {color: #009966; font-size:10pt; font-weight: bold; font-size:10pt;}
a:hover.menu {color: #009966; font-size:10pt; text-decoration: none; font-weight: bold; font-size:10pt;}
a:active.menu {color: #009966; font-size:10pt; font-size:10pt;}

a:link.panel {color: #009966; font-weight: bold; }
a:visited.panel {color: #009966; font-weight: bold; }
a:hover.panel {color: orange; text-decoration: none; font-weight: bold; }
a:active.panel {color: #009966;}

a:link.orden {color: #ffff66; font-weight: bold; }
a:visited.orden {color: #ffff66; font-weight: bold; }
a:hover.orden {color:  #ffff66; text-decoration: none; font-weight: bold; }
a:active.orden {color: #ffff66; }

/* VITAL PARA TABLAS QUE NO TENGAN class pq no heredan la size del body*/
table {font-size: 10pt;}

table.tabMenu {margin: 0 auto; border: solid 1px #000066; background-color: #fffff;}


table.panel {text-align: center; }
td.panel {width: 100px; }

/* height:400; quitado para que a 800x600 no salga barra vert. cuando no hay casi registros listados!! */
/* width: 98%; quitado pq firefox hace que no se centre la tabla; sale left!! */
div.listado {color: black; margin-left: 10px; margin-right: 10px; overflow: auto; background-color: #ffffff;  }
/* border-collapse: separate y border-spacing: 0 son los valores por defecto
si border-collapse: collapse entonces no aplica border-spacing (para poner borde, usar border-width)
si border-collapse: collapse entonces puedo poner borde a la FILA!!! (sino no) */
table.listado {margin: 0 auto; width: 98%; border-collapse: collapse; border-spacing: 0; font-size: 11px; border: solid 1px #009966; background-color: #009966; }
tr.listado {height:20; font-size: 12px;}
/* MOZILLA NO AGAFA ALÇADES NI A div NI A table:  height=400;  */
th.listado {padding:3px; border solid 1px; #009966; color: #ffffff; background-color: #009966;}
td.listado {padding: 3px; text-align:left;}
/* font-size: 10px; enfluye sobre links de la celda */
td.listadocen {padding: 3px; text-align:center; }
td.listadoright {padding: 3px; text-align:right; }
td.listado a img {border:0;}
td.listadocen a img {border:0;}
td.listadoright a img {border:0;}

th.error {padding:1; border: solid 1px #009966; color: white; background-color: red;}
.error_msg {padding:1; border: solid 1px #009966; color: white; background-color: red;}

/* FILAS PAR IMPAR LISTADOS */
tr.impar {background-color: #EEEEEE;}
tr.par {background-color: #CCCCCC;}

/* FILAS PAR IMPAR LISTADOS */
tr.impardetalle {background-color: white;}
tr.pardetalle {background-color: #00cccc;}

/* TABLAS FORMULARIOS */
/* no hay que poner width: 100%, sino en mensajero no se ve centrado
Ademas no hace falta */
table.tablaform {border: solid 1px #009966; border-collapse: separate; border-spacing: 5px; font-size: 12px; border-style: none; border-width: 0; }
/* sino pongo background-color: rgb(132,158,181); hereda el del th general y queda mal */
th.tablaform {border: solid 1px #009966; text-align:right; border-style: none; border-width: 0; color: #009966; }
td.tablaform {border: solid 1px #009966; text-align:left; border-style: none; border-width: 0; font-size: 11px; color: #009966;}

td.labelinfo {background-color: #dddddd; border-style: groove; border-width: 0; font-size: 11px; color: #009966;}
td.labelinfopar {background-color: #cccccc; border-style: groove; border-width: 0; font-size: 11px; color: #009966;}

/* INTERIOR FORMULARIOS */
td.esquina1 {background-image: url('imagenes/esquina1.gif'); background-repeat: no-repeat; height: 21px;}
td.esquina2 {background-image: url('imagenes/esquina2.gif'); background-repeat: no-repeat; height: 21px;}
td.lineaformsup {background-color: #009966; background-image: url('imagenes/fondotitularform.gif');
padding-left: 10px; color: white; font-size: 12pt; font-weight: bold; height: 20px;}
td.lineaforminf {background-image: url('imagenes/lineapuntos.gif'); height: 4px;}
td.lineaformizq {background-color: #009966;}
td.lineaformder {background-color: #009966;}
/* border-style: dashed; border-width: 1; border-color: #009966; */
td.contenido {font-size: 11px; vertical-align:top; width:100%; padding: 4px; background-color: silver;}
/* contenido de form */

/* pie de pagina */
td.lineapie {background-image: url('imagenes/h4_titulo.gif'); }

tr.carrito_resumen {height:20; font-size: 12px;}
/* MOZILLA NO AGAFA ALÇADES NI A div NI A table:  height=400;  */
td.carrito_resumen {text-align: left; padding:1; border: dashed 1px #009966; color: #ffffff; background-color: #00cccc;}

/* CONtrOLES FORMULARIOS */
.boton {color: #009966; background-color: #ffffff; font-weight: bold; cursor: hand;
padding:10px; border: solid 1px #009966; }
.textbox {color: #009966; border: solid 1px; border-color: #009966;}
.combo {color: white;  background-color: #009966; border: solid 1px; border-color: #009966;}
.lista {color: white;  background-color: #009966; border: solid 1px; border-color: #009966;}

p.parrafo {color: #666666;}

/* UL.flecha_anim {list-style-image: url("imagenes/flechas_anim.gif"); margin-left:17; align: middle; } */
ul.flecha_red {list-style-image: url("imagenes/flecha_red.gif"); margin-left:17; align: middle; }

/* calendario */
/* centra la tabla del calendario: solo IE => <center>*/
/* #cal {text-align: center; color:white; } */
td.fechacal {font-family: Verdana; font-size: 10px; border-style:none; font-weight:bold; 
background-color: #009966; text-align: center; color: white; }
td.dias {font-family: Verdana; font-size: 10px; border-style:none; text-align: center; color:white; 
background-color: #660000;}
td.numdias {text-align: right; font-family: Verdana; font-size: 9px; border-width:0;}
td.diaactual {text-align: right; font-family: Verdana; background-color: #666666; font-size:8px; font-weight:bold; color:white;}