/* background-image: url('imagenes/fondo.bmp'); */
body {margin:0; text-align: center; font-family: verdana; font-size: 11px; background-color: white;
        scrollbar-3dlight-color: #FF9933;
        scrollbar-arrow-color: white; /* IMPORTANTE */
        scrollbar-base-color: #FF9933;
        scrollbar-darkshadow-color: white;
        scrollbar-face-color:  #FF9933; /* IMPORTANTE */
        scrollbar-highlight-color:#ffffff;
        scrollbar-shadow-color:#000000;
        background-color: orange;
}

div.main {margin: 0 auto; width: 980px;}

/* butano: #FF3C00, naranja: #ff6600; */
img {border-style:none; }

hr {width: 100%; border-style: solid; border-color: blue; border-width: 1px}
hr.lineaHorizontal {width: 100%; border-style: solid; border-color: blue; border-width: 1px}

H1 {text-align: center; font-size: 30px; color: #FF9933;}

H2 {text-align: center; font-size: 22px; color: #000066;}
H2.titulo {text-align: center; font-size: 22px; color: #000066;}

H3 {text-align: center; font-size: 18px; color: #000066;}
H3.titulo {text-align: center; font-size: 18px; color: #000066;}

H4 {text-align: center; font-size: 14px; color: #000066; background-color: orange;}
H4.titulo {text-align: center; font-size: 14px; color: #ffffff; background-color: #000066;}

/* 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: none; background-repeat: no-repeat; }
TD.celdatitularizq {font-size: 12px; color: #666666; font-weight: bold;
background-image: none; }
TD.celdatitular2 {font-size: 12px; color: white; font-weight: bold;
background-image: none; background-repeat: no-repeat; }
TH.celdatitularprin {font-size: 14px; color: #666666; font-weight: bold;
background-image: none; background-repeat: no-repeat; }
TD.celdatitularfondo {font-size: 12px; color: white; font-weight: bold;
background-image: none; 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: #000066;}
TD.contenidoder {font-size: 12px; vertical-align:top; width:100%; padding: 4px;
border-style: dashed; border-width: 1; border-color: #000066; 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 */
*/

td a {color: #000066; font-weight: bold;}

a:link {color: blue; font-weight: bold;}
a:visited {color: blue; font-weight: bold;}
a:hover {color: blue; text-decoration: none; font-weight: bold;}
a:active {color: blue; }

a:link.butano {color: #FF3C00; font-weight: bold; font-family: 'comic sans ms'; font-size:10pt;}
a:visited.butano {color: #FF3C00; font-size:10pt; font-weight: bold; font-family: 'comic sans ms';font-size:10pt;}
a:hover.butano {color: #FF3C00; font-size:10pt; text-decoration: none; font-weight: bold; font-family: 'comic sans ms';font-size:10pt;}
a:active.butano {color: #FF3C00; font-size:10pt; font-family: 'comic sans ms';font-size:10pt;}

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

a:link.menu {color: #000066; font-weight: bold; font-family: 'comic sans ms'; font-size:10pt;}
a:visited.menu {color: #000066; font-size:10pt; font-weight: bold; font-family: 'comic sans ms';font-size:10pt;}
a:hover.menu {color:white; font-size:10pt; text-decoration: none; font-weight: bold; font-family: 'comic sans ms';font-size:10pt;}
a:active.menu {color: #000066; font-size:10pt; font-family: 'comic sans ms';font-size:10pt;}

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

/*
a:link {color: orange; font-weight: bold; }
a:visited {color: orange; font-weight: bold; }
a:hover {color: #000066; text-decoration: none; font-weight: bold; }
a:active {color: orange; }
*/

a:link.barra { text-decoration: none; font-size: 11px; color: white; font-weight: bold; }
a:visited.barra { text-decoration: none; font-size: 11px; color: white; font-weight: bold; }
a:hover.barra { text-decoration: underline; font-size: 11px; color: white; font-weight: bold; background-color: blue}
a:active.barra { text-decoration: none; font-size: 11px; color: white; }

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; }

TD {font-size: 11px; }
TD.sinborde {font-size: 11px; border-style: solid; border-width: 0;}

// height:400; quitado para que a 800x600 no salga barra vert. cuando no hay casi registros listados!!
DIV.listado {overflow: auto; width: 100%; background-color: rgb(120,120,120);  }

table.cabecera {background-image: none; border-color: orange; text-align:center;
border-style: double; border-left-width:1px; border-right-width:1px; border-top-width:4px; border-bottom-width: 4px;
}

table.contenido {width:980; background-image: none; border-color: orange;
border-style: double; border-left-width:1px; border-right-width:1px; border-top-width:4px; border-bottom-width: 4px;
}

table.contenido2 {width:100%; background-image: none; border-color: #000066;
border-style: double; border-left-width:1px; border-right-width:1px; border-top-width:4px; border-bottom-width: 4px;
}

td.contenido2 {background-image: none; background-color: #ffbb00; color: #000066; text-align: center; font-weight: bold;
  border-color: black; border-style: double; border-left-width:1px; border-right-width:1px; border-top-width:2px; border-bottom-width: 2px;  
}

/* 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 {font-size: 11px; border-style: solid; border-width: 2; border-color: #000066;
        width: 98%;  border-collapse: collapse; border-spacing: 0; background-color: rgb(200,200,200); }
TR.listado {height:20; font-size: 12px; background-image: none;}
/* MOZILLA NO AGAFA ALÇADES NI A DIV NI A TABLE:  height=400;  */
TH.listado {padding:1; border-style: solid; border-width: 1; border-color: #000066; color: #ffffff;
        background-color: #000066;}
TD.listado {padding: 3px; border-bottom-style: solid; border-width: 1; border-right-style: dashed; border-right-color: #000066; }
/* font-size: 10px; enfluye sobre links de la celda */
TD.listadocen {padding: 3px; text-align:center; border-bottom-style: solid; border-width: 1; border-right-style: dashed; border-right-color: #000066; }
TD.listadoright {padding: 3px; text-align:right; border-bottom-style: solid; border-width: 1; border-right-style: dashed; border-right-color: #000066; }

TH.error {padding:1; border-style: solid; border-width: 1; border-color: #000066; color: white; background-color: red;}
.error_msg {padding:1; border-style: solid; border-width: 1; border-color: #006699; 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;}

/* ant fondo barra: rgb(120,120,120) , #FF9933*/
TABLE.barra {font-size: 11px; border-width: 0; width: 100%; border-collapse: collapse; border-spacing: 0;
background-color: blue; }
/* 17 para que sea igual a la altura de menu */
TR.barra {height: 17; vertical-align: middle; border-style: solid; border-width: 0; border-color: #FF9933;
color: white;}
TD.barra {padding:0; border-width: 0; font-weight: bold; }


/* TABLAS FORMULARIOS */
/* no hay que poner width: 100%, sino en mensajero no se ve centrado
Ademas no hace falta */
TABLE.tablaform {border-collapse: collapse; font-size: 11px; 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-style: none; border-width: 0; text-align: left; color: #000066; }
TD.tablaform {border-style: none; border-width: 0; font-size: 11px; color: #000066;}

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

/* INTERIOR FORMULARIOS */
TD.esquina1 {background-image: none; background-repeat: no-repeat; height: 21px;}
TD.esquina2 {background-image: none; background-repeat: no-repeat; height: 21px;}
TD.lineaformsup {background-color: #000066; background-image: none;
padding-left: 10px; color: white; font-size: 12px; font-weight: bold; height: 20px;}
TD.lineaforminf {background-image: none; height: 4px;}
TD.lineaformizq {background-color: #000066;}
TD.lineaformder {background-color: #000066;}
/* border-style: dashed; border-width: 1; border-color: #000066; */
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: none; }

/* CONTROLES FORMULARIOS */
.boton {color: #000066; background-color: #999999; font-weight: bold; padding-left:15;
        padding-right:15; border-style: solid; border-width: 2; border-color: #000066; cursor: hand; }
.textbox {color: #000066; border-style: solid; border-width: 2; border-color: #000066;}
.combo {color: white;  background-color: #000066; border-style: solid; border-width: 1; border-color: #000066;}
.lista {color: white;  background-color: #000066; border-style: solid; border-width: 1; border-color: #000066;}


/* para letra que se mueve y cambia de color: 
#contenedor {font-family: monospace; text-align: center}
.letra {font-size: 20px; font-family:Verdana,Helvetica; font-weight: bold; color: #849EB5; }
.texto {font-size: 20px; font-family:Verdana,Helvetica; font-weight: bold; color: #BDCBDE; }
*/

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; }
UL.curso {list-style-image: url("imagenes/editar.gif") }

/* 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: #000066; 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;}