/* CSS Document */

/* General*/

br {clear: left;}
body { font-family: verdana,arial,helvetica,sans-serif; font-size:11px; background-color:#CCCCCC;}
img { border:none; margin-left:3px; margin-right:3px;}
a {text-decoration:none;}
a:hover {text-decoration:underline; color:#000000;}
hr {width:95%;}
label.texto {text-align: left; padding:0px; vertical-align:top; width:auto; margin-left:1px; padding-left:1px;}
#boton { color: #FFFFFF; background:#0099FF; border: 2px outset #d7b9c9;}
#eserror { color:red; font-size:11px; }

/* cab_cuerpo_pie */
#cab_cuerpo_pie {background-color:#FFFFFF; width:100%; font-size:11px;}

/* tituloaplicacion */
#tituloaplicacion {background-color:#FFFFFF; background-color:#009900;  color:#FFFFFF; padding:2px; width:100%; font-size:11px;}

/* Cuerpo */
#cuerpo { background-color:#FFFFFF; font-size:11px;}

/* Cabecera */

#cabecera { width:100%; background-color:#FFFFFF; font-size:11px;}
#login { background-color:#000000; color:#FFFFFF; padding:2px; font-size:11px;}
#login a { background-color:#000000; color:#FFFFFF;}
.cabecera {background-image:url(../../imagenes/televesbanner.jpg);}

/* pie */

#pie div {width:100%; background-color:#FFFFFF;}
#pie a {color:grey; }

/* Menu horizontal */
#menuhoriz ul li { color:#00FFFF;  display:inline; margin:3px; }
#menuhoriz a{color:#006633; background-color:#FDEA02; padding: 2px 7px;}
#menuhoriz a:hover {background-color:#FFCC00; }
#menuhoriz ul { margin-left: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E4E4E4; text-align:right;}


/* Menu vertical */

#menuvertical {font-size:11px;}
#menuvertical a { color:#006633; }
#menuvertical ul li { list-style:none; padding: 2px 7px; margin:5px; background-color:#E4E4E4; vertical-align:top; font-size:11px;}
#menuvertical li.titulo { background-color:#FFA800; color:#006633;}
#menuvertical ul li:hover { background-color:#CCCCCC; cursor: pointer; }
#menuvertical ul { margin-left: 0; padding-left: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E4E4E4;}


/* Formularios */

#formulario {font-size:11px;}
#formulario fieldset {/*background-color: #DEE7F7;*/}
#formulario legend {margin-bottom:5px; color:#000099; border-style:solid; border-width:1px;; padding:2px; border-color:#999999; }
#formulario label,input[type=text],input[type=password] {float:left; margin-bottom:10px; display:block;}
#formulario label {text-align: right; padding-right: 20px; width:200px; min-width: 50px; max-width:200px; color:#0033CC; vertical-align:top;}
#formulario label.mini {width:50px; min-width: 50px; max-width:150px; color:#0033CC; vertical-align:top;}
#formulario input,select,textarea {background-color: #EBF1FA;color: #222222;font-size:11px;}
#formulario input[type=submit], input[type=reset], input[type=button], button, input[type=file]{   background-color: #B2B9C6; color: #000000; padding:2px;}
#formulario input:focus,  select:focus,  textarea:focus { background-color: #ffffff;}
#formulario .notaRoja {color:#FF0033;}


#formulario .controlAcceso { width:30%; background-image:url(../imagenes/logoT1.gif); background-position:center; background-repeat:no-repeat;}
#formulario label.controlAcceso {width:100px;}
#formulario label.largo {width:500px; text-align:left; }
#formulario label.tabla {width:250px;}
#formulario ul.tabla {list-style:none; }

#formulario .datoennegro { color:#000000; /*background-color:#D5D5AA;*/text-align:left}
#formulario .datoennegrolargo { width:500px; color:#000000; /*background-color:#D5D5AA;*/ text-align:left}

#formularioup {font-size:11px;}
#formularioup fieldset {/*background-color: #DEE7F7;*/}
#formularioup legend {margin-bottom:5px; color:#000099; border-style:solid; border-width:1px;; padding:2px; border-color:#999999;}
#formularioup label,input[type=text],input[type=password] {float:none; margin-bottom:10px; display:inline;}
#formularioup label {text-align: right; padding-right: 20px; width:150px; min-width: 50px; max-width:150px; color:#0033CC; vertical-align:top;}
#formularioup label.mini {width:50px; min-width: 50px; max-width:150px; color:#0033CC; vertical-align:top;}
#formularioup input,select,textarea {background-color: #EBF1FA;color: #222222; font-size:11px;}
#formularioup input[type=submit], input[type=reset], input[type=button], button, input[type=file]{   background-color: #B2B9C6; color: #000000; padding:2px;}
#formularioup input:focus,  select:focus,  textarea:focus { background-color: #ffffff;}
#formularioup .notaRoja {color:#FF0033;}
#menuHeader {font-weight:bold;}

#formularioup .controlAcceso { width:30%; background-image:url(../imagenes/logoT1.gif); background-position:center; background-repeat:no-repeat;}
#formularioup label.controlAcceso {width:100px;}
#formularioup label.largo {width:500px; text-align:left; }
#formularioup label.tabla {width:250px;}
#formularioup ul.tabla {list-style:none; }

#formularioup .datoennegro { color:#000000; /*background-color:#D5D5AA;*/text-align:left}
#formularioup .datoennegrolargo { width:500px; color:#000000; /*background-color:#D5D5AA;*/ text-align:left}


form{display:inline;}

/* Tabla centrada */
#tablacentrada  {width:100%;}
#tablacentrada table{text-align: center;  padding:2px; font-size: 11px;}
#tablacentrada td {padding: 4px 4px;}
#tablacentrada tr.primerafila {font-weight:bold; background-color:#FFCC00; color:green; font-size:11px; padding:2px; text-align:center;}
#tablacentrada tr.subfila {font-weight:bold; background-color:#cccccc;  font-size:11px; padding:2px; text-align:center; }
#tablacentrada td.subfilafija {font-weight:bold; background-color:#cccccc;  font-size:10px; padding:2px; text-align:left;width:450px; }
#tablacentrada td.subfilafija2 {font-weight:bold; background-color:#cccccc;  font-size:10px; padding:2px; text-align:center;width:200px; }
#tablacentrada tr.subfila2 {font-weight:bold; background-color:#cccccc;  padding:2px; text-align:center; font-size:9px;}
#tablacentrada tr.subfila3 {font-weight:bold; background-color:#848484;  padding:2px; text-align:center; font-size:11px;}
#tablacentrada tr.fila {font-size:11px; padding:2px; text-align:center; font-size:11px;}
#tablacentrada tr.filae { background-color:red; font-size:11px; padding:2px; text-align:center; font-size:11px;}
#tablacentrada td.fila {font-size:11px; padding:0px; text-align:center; font-size:11px;}
#tablacentrada td.fila2 {font-size:11px; text-align:left;}
#tablacentrada td.fila2c {font-size:10px; font-style:italic; font-weight:bold; text-align:left;}

#tablacentrada td.columnafija {font-size:11px; padding:2px; text-align:center;  width:500px;}
#tablacentrada tr.fila2 { padding:2px; text-align:center; font-size:9px;}
#tablacentrada tr.fila3 { padding:2px; ; background-color:#F0E68C; text-align:center; font-size:11px;}
#tablacentrada tr.fila:hover { background-color:#CCCCCC; font-size:11px;}


#botonecent { background:#696969; left:60px; position:relative;}
#botoneizq {left:30px; position:relative;}

/* Tabla plantilla */

div.index  {border:0; width:100%; font-size:11px;}
div.indice {width:12%; vertical-align:top;}
div.plantillaMedio {background-image:url(../imagenes/logoT1.gif); background-position:center; background-repeat:no-repeat;}

/* Mensajes de error */
#error fieldset {background-color: #DE70F7; border-color:#FF0000;}
#error legend {margin-bottom:5px; color:#FFFFFF; border-style:solid; border-width:1px;; padding:2px; border-color:#FF0000; background-color:#FF0000;}

/* Calendario */
table.calendar {font-size:11px; border-style:dotted;}

/* Tabla certificado TDF */
#tablatdf  {width:100%;}
#tablatdf table{text-align: center;  padding:1px; font-size: 11px; background-color:#000000;}
#tablatdf td {padding: 2px 2px;}
#tablatdf tr.primerafila {font-weight:bold; background-color:#FFCC00; color:green; font-size:11px; padding:2px; text-align:center;}
#tablatdf tr.subfila {font-weight:bold; background-color:#cccccc;  font-size:11px; padding:2px; text-align:center; font-size:11px;}
#tablatdf tr.fila {font-size:11px; padding:2px; text-align:center; font-size:11px;}
#tablatdf tr.fila:hover { background-color:#CCCCCC; font-size:11px;}

/*
PopUp

Important style definition is 'position:absolute'. Means the element can
be placed at an arbitrary position without affecting the flow of surrounding
elements*/
div.popup
{
display:none;
position:absolute;
padding:10px;
background-color:#FFCC00;
border:dotted 1px black;
}
a.popup:hover + div.popup
{
display:block;
}
div.popup:hover
{
display:block;
}
a.popup {text-decoration:none; color:#000000;}
a.popup:hover {text-decoration:none;  color:#000000;}