/*
butano: #FF3C00, naranja: #ff6600; verde: #bdb000; antiguofondo: rgb(132,158,181) ,el otro azul: rgb(189,203,222)
azul anterior: #1A4D80
*/
/* background-image: url('imagenes/fondo.bmp'); */
/* background-color: #f0f4fb; quitado para que funcione gradiente*/

body {text-align: center; padding: 0px; margin: 0px; font-family: verdana;
    color: #1A4D80; font-size: 11px; /* background-color: #f0f4fb; */
    scrollbar-3dlight-color: #2B393B;
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: #2B393B;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: #2B393B; /* IMPORTANTE */
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #000000;
}

body.ventana {margin-top:0; font-family: verdana; font-size: 11px; background-color: white;
    background-image: none;
    scrollbar-3dlight-color: rgb(132,158,181);
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: rgb(132,158,181);
    scrollbar-darkshadow-color: rgb(132,158,181);
    scrollbar-face-color:  rgb(132,158,181); /* IMPORTANTE */
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
}

body.dialogo {margin-top:0; font-family: verdana; font-size: 11px; background-color: white;
    background-image: none;
    scrollbar-3dlight-color: rgb(132,158,181);
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: rgb(132,158,181);
    scrollbar-darkshadow-color: rgb(132,158,181);
    scrollbar-face-color: rgb(132,158,181); /* IMPORTANTE */
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
}

/* background-image: url('/imagenes/titular2.jpg'); */
body.bodysuperior {margin:0; color: white; font-family: verdana; font-size: 12px;
background-color: white; }

body.bodyinferior {margin:0; color: white; font-family: verdana; font-size: 10px;
background-color: #2B393B;}

hr.linea_punteada {border:1px dotted #85bdc8; width:100%}

.redondeado:before {
   background: transparent url(/imagenes/arr-der.png) scroll no-repeat top right;
   margin-bottom: -10px;
   height: 14px;
   display: block;
   border: none;
   content: url(/imagenes/arr-izq.png);
   padding: 0;
   line-height: 0.1;
   font-size: 1px;
}

.redondeado:after {
   display: block;
   content: url(/imagenes/aba-izq.png);
   margin: 2px 0 0 0;
   height: 14px;
   background: transparent url(/imagenes/aba-der.png) scroll no-repeat bottom right;
   padding: 0;
   line-height: 0.1;
   font-size: 1px;
}

/*
.redondeado * {
   padding-left: 25px;
   padding-right: 25px;
}
*/

.redondeado {
   padding: 0;
   margin-right: -1px;
   background: #F0FAFE;
   color: black;
   font-size: 11px;
}

.curso_contenido
{
   padding:0 0 5px 40px; border-left: solid 0px #FF9933;
}

.curso_contenido ul li 
{
   background-image: url(/imagenes/ico_lista_ul.png);
   background-repeat:no-repeat;
   padding-left:20px;
}

.curso_contenido ol li 
{
   background-image: none;
   background-repeat:no-repeat;
   padding-left:20px;
}

.comentario {
   background:transparent url(/imagenes/abajo.png) repeat-x scroll left bottom;
   border-color:#3D3D3D;
   border-style:solid;
   border-width:1px 1px 0;
   color:#666666;
   font-size:0.8em;
   margin:15px 10px 0 10px;
   padding:5px 10px 10px 10px;
}

div.main {margin: 0 auto; width: 1000px; border: solid 1px #1A4D80;}

form { display: inline; }
img { border-style:none; }

div#capa_centrada {
   color: black; background-color: white;
   height: 50%; width: 100%;
   position: absolute; left: 10px; top: 10px;
   border: 0px solid #000;
   background: url("/imagenes/cargando.gif") no-repeat top center;
}

#breadcrumb {border-bottom: solid 0px;}
#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

h1.pagetitle {margin:0 4px 0.4em 4px; padding:0 0 2px 0; text-align: left; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
h2.pagetitle {margin:0 5px 0.4em 5px; padding:0 0 2px 0; text-align: left; border-bottom:solid 3px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:180%;}
h3.pagetitle {margin:0 5px 0.4em 5px; padding:0 0 2px 0; text-align: left; border-bottom:solid 1px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
h3 {margin: 5px auto; width: 98%; color: #666666;}

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

tr.menu_superior {border-bottom: solid 0px #1A4D80; background-color: #4a8ce6; height: 30px;}
/* SIN td.menu_superior FALLA COLOR DE LINK DE MENU SUPERIOR */
/*
td.menu_superior a:link {color: white; font-weight: bold; font-size: 10px; }
td.menu_superior a:visited {color: white; font-weight: bold; font-size: 10px; }
td.menu_superior a:hover {color: white; text-decoration: none; font-weight: bold; font-size: 10px; }
td.menu_superior a:active {color: white; font-size: 10px; }
*/

tr.breadcrumb {border-bottom: solid 0px #1A4D80; background-color: #ffffff;}

.menu_principal_td a:link {color: #1A4D80; font-weight: bold; font-size: 11px; }
.menu_principal_td a:visited {color: #1A4D80; font-weight: bold; font-size: 11px; }
.menu_principal_td a:hover {color: #1A4D80; text-decoration: none; font-weight: bold; font-size: 11px; }
.menu_principal_td a:active {color: #1A4D80; font-size: 11px; }

a:link.logo {font-size: 10px; color: #1A4D80;; font-weight: bold; }
a:visited.logo {font-size: 10px; color: #1A4D80; font-weight: bold; }
a:hover.logo {font-size: 10px; color:  #1A4D80; text-decoration: none; font-weight: bold; }
a:active.logo {font-size: 10px; color: #1A4D80; }

a:link.menu {display:block; font-size: 10px; color: #1A4D80; font-weight: bold; text-decoration: none;}
a:visited.menu {display:block; font-size: 10px; color: #1A4D80; font-weight: bold; text-decoration: none;}
a:hover.menu {display:block; font-size: 10px; color: white; font-weight: bold; text-decoration: none; 
background-image: none; background-color: #1A4D80;  }
a:active.menu {display:block; font-size: 10px; color: #1A4D80; text-decoration: none;}

a:link.barra { text-decoration: none; font-size: 12px; color: #1A4D80; font-weight: bold; }
a:visited.barra { text-decoration: none; font-size: 12px; color: #1A4D80; font-weight: bold; }
a:hover.barra { text-decoration: underline overline; font-size: 12px; color: #1A4D80; font-weight: bold; background-color: #fefefe }
a:active.barra { text-decoration: underline overline; font-size: 12px; color: #1A4D80; font-weight: bold; background-color: #fefefe }

a:link.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; font-weight: bold; }
a:visited.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; font-weight: bold; }
a:hover.menu_lateral { text-decoration: underline overline; font-size: 11px; color: #2B393B; font-weight: bold; background-color: white}
a:active.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; }

a:link.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; font-weight: bold; }
a:visited.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; font-weight: bold; }
a:hover.menu_lateral_selec { text-decoration: none; font-size: 12px; color: white; font-weight: bold; background-color: #2B393B}
a:active.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; }

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

a:link.temas {padding:1px 1px; font-size: 11px; color: #333333; font-weight: bold; }
a:visited.temas {font-size: 11px; color: #333333; font-weight: bold; }
a:hover.temas {font-size: 11px; color: #333333; text-decoration: none; font-weight: bold; background-color: #999999;}
a:active.temas {font-size: 11px; color: #333333; }

span.temas {padding:1px 1px; font-size: 11px; color: #333333; font-weight: bold; }

table {text-align: left;}

table.menu {border-style: solid; border-width: 1px; border-color: #1A4D80;
   width: 100%; border-collapse: collapse; border-spacing: 0; }
   /* font-size: 11px; no lo coge de bodysuperior !!! */
td.menu {text-align: center; width:120px; font-size: 10px; border-width: 1px; border-color: #1A4D80;}

td {font-size: 11px;}
td.sinborde {font-size: 11px; border: none;}

table.header {margin: 0 auto; width: 100%; background-color: #f0f4fb; background-image: none;
text-align: left; border-spacing: 0; border-collapse: collapse;}
td.header {padding: 5px; background-color: #FFFFFF; text-align: right;}
td.logo {background-color: #FFFFFF;}

.header a:link {font-size: 10px; color: #1A4D80;; font-weight: bold;}
.header a:visited {font-size: 10px; color: #1A4D80; font-weight: bold;}
.header a:hover {font-size: 10px; color: #1A4D80; text-decoration: none; font-weight: bold;}
.header a:active {font-size: 10px; color: #1A4D80;}

td.menu_izquierda {margin: 0 auto; width: 180px; text-align: left; vertical-align: top;
background-color: #dddddd; background-image: none; border: solid 0px #1A4D80;}
td.menu_izquierda_titulo {color: white; border: solid 0px #1A4D80;
padding-left: 20px; background: #1A4D80 no-repeat url('/imagenes/ico_menu.gif');}
td.menu_principal_td {padding: 5px; line-height: 160%;}

/* td.menu_general {width: 100px; border: groove 1px #666666; background-image: none; } */

table.cuerpo {width: 100%; background-color: white; background-image: none; border: none;}

td.principal {padding: 10px 0 10px 0; text-align: center; vertical-align: top; background-image: none;
background-color: white; border: 0px solid;}

/* 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; text-align: left; font-size: 11px; border-collapse: collapse; border-spacing: 0;
border: solid 1px #ffffff; background-color: rgb(200,200,200); width: 98%;}
tr.listado {height:20px; font-size: 12px; background-image: none;}
/* #1A4D80 */
th.listado {padding:1px; text-align: center; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B;}
th.listadocen {padding:1px; text-align: center; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B;}
th.listadoright {padding:1px; text-align: right; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B;}
/*  border-right-style: dashed; border-right-color: #1A4D80; */
td.listado {padding: 3px; border-color: #1A4D80; border-bottom-style: solid; border-bottom-width: 1px;
line-height:1.5em;}
td.listadocen {padding: 3px; text-align:center; border-color: #1A4D80; border-bottom-style: solid;
border-bottom-width: 1px; line-height:1.5em;}
td.listadoright {padding: 3px; text-align:right; border-color: #1A4D80; border-bottom-style: solid;
border-bottom-width: 1px; line-height:1.5em;}
td.listado_grueso {padding: 3px; border-color: #1A4D80; border-bottom-style: solid; border-bottom-width: 2px;
line-height:1.5em;}

table.listado_carrito {margin: 0 auto; font-size: 11px; border-style: solid; border-width: 2px; border-color: #1A4D80;
width: 99%; border-collapse: collapse; border-spacing: 0; background-color: rgb(200,200,200); }
tr.listado_carrito {height:20px; font-size: 12px;}
th.listado_carrito {padding:1px; border-style: solid; border-width: 1px; border-color: #1A4D80; color: #ffffff;
    background-color: #2B393B;}
td.listado_carrito {padding: 3px; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80; }
/* font-size: 10px; enfluye sobre links de la celda */
td.listado_carrito_cen {padding: 3px; text-align:center; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80; }
td.listado_carrito_right {padding: 3px; text-align:right; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80;}

/* FILAS LISTADOS */
tr.impar {background-color: #DDDDDD;}
tr.par {background-color: #FFFFFF;}
/* FILAS LISTADO PREGUNTAS SIN RESPUESTA*/
tr.sinrespuesta {background-color: yellow;}

table.barra_ {margin: 5px auto; text-align: left; font-size: 11px; width: 98%;
background-color: #FFFFFF; border: dashed 1px #2B393B;}
table.barra {margin: 5px auto; text-align: left; width: 100%; color:#8a6f5c; background-color:#F0FAFE;
border-top:3px solid #D8F1FB; border-bottom:1px solid #D8F1FB;}
/* 17 para que sea igual a la altura de menu */
tr.barra {height: 15px; vertical-align: middle; color: white;}
td.barra {padding: 5px; border: 0; font-weight: bold; color: #666666; }

table.barra_1 {margin: 5px auto; text-align: left; font-size: 11px; width: 98%;
background-color: #2B393B; border: solid 1px #1A4D80;}
/* 17 para que sea igual a la altura de menu */
tr.barra_1 {height: 15px; vertical-align: middle; color: white;}
td.barra_1 {padding: 0; border-width: 0; font-weight: bold; }

.pie {margin: 0 auto; padding: 5px 0 5px 0; width: 100%; color: white; background-color: #1A4D80;}
.pie a:link {font-size: 10px; color: white; font-weight: bold; }
.pie a:visited {font-size: 10px; color: white; font-weight: bold; }
.pie a:hover {font-size: 10px; color: white; text-decoration: none; font-weight: bold; }
.pie a:active {font-size: 10px; color: white; }

/* en GRAELLA resultados */
tr.suspendido {text-align: left; background-color: red; color: white;}
tr.aprovado {text-align: left; background-color: #999999; }
/* COLOR NOTA */
td.aprovado {color: blue; text-align: left; }
td.suspendido {color: red; text-align: left; }
/* LINKS DE PREGUNTAS */
td span.incorrecta { color: red; text-decoration: underline;}
td span.correcta { text-decoration: underline;}
/* display:none; queda mal visualmente => hice que saliera pero sin link */
td span.no_contestada {color:black; font-weight: bold;}

/* TABLAS formULARIOS */
/* no hay que poner width: 100%, sino en mensajero no se ve centrado
Ademas no hace falta */
table.tablaform {margin: 5px auto; font-size: 11px; border-collapse: collapse;}
/* sino pongo background-color: rgb(132,158,181); hereda el del TH general y queda mal */
th.tablaform_left {padding: 3px; text-align: left; color: #666666; border: 0;}
th.tablaform {padding: 3px; text-align: right; color: #666666; border: 0;}
td.tablaform {padding: 3px; font-size: 11px; color: rgb(80,80,80); border: 0;white-space: nowrap;}

/*
table.tabla_mensaje {margin: 5px auto; font-size: 11px; border-collapse: collapse; background-color: #dddddd;
width: 98%;}
th.tabla_mensaje {padding: 3px; text-align: left; color: #1A4D80; border: 0; width: 50px;}
td.tabla_mensaje {padding: 3px; font-size: 11px; color: #1A4D80; border: 0;}
td.tabla_mensaje_texto {padding: 3px; font-size: 11px; color: #1A4D80; border: 0; background-color: white;}
*/

table.tabla_pestanya {margin: 5px auto; font-size: 11px; border-collapse: collapse; border: solid 1px;
background-color: rgb(240,240,240);}
tr.tabla_pestanya {padding-bottom: 5px;}
th.tabla_pestanya {padding: 3px; text-align: left; color: #666666; border: 0;}
td.tabla_pestanya {padding: 3px; font-size: 11px; color: rgb(80,80,80); border: 0;}

/* div.pestanyas {margin: 5px; padding: 3px; font-size: 11px; background-color: #2B393B; border: solid 1px #1A4D80;} */
div.pestanyas {margin: 5px; padding: 5px; text-align: center; font-size: 11px; background-color: transparent; border: solid 1px #ffffff;}
.pestanyas span {padding: 3px; font-size: 11px; font-weight: bold; background-color: #333333; color: #ffffff;}
.pestanyas a:link {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}
.pestanyas a:visited {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}
.pestanyas a:hover {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #333333;}
.pestanyas a:active {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}

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

/* 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-image: url('/imagenes/fondobarra.gif');
padding-left: 10px; color: white; font-size: 12px; font-weight: bold; height: 20px;}
td.lineaforminf {background-image: url('/imagenes/fondobarra.gif'); height: 4px;}
td.lineaformizq {background-color: #1A4D80;}
td.lineaformder {background-color: #1A4D80;}
/* border-style: dashed; border-width: 1px; border-color: #1A4D80; background-color: #EBEBEB*/
td.contenido {padding: 5px; font-size: 11px; vertical-align:top; width:100%; background-color: #EEEEEE;
text-align: center;}

.seccion_ficha {color: #ffffff; border: solid 1px #000000; background-color: #4a8ce6;}
/* contenido de form */

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


/* PARA textarea de preguntas y respuestas */
p.enunciado {font-size: 11px; margin-left: 5%; margin-right: 5%} 
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:17px; vertical-align: middle; }
ul.curso {list-style-image: url("/imagenes/editar.gif") }

/* height:400; quitado para que a 800x600 no salga barra vert. cuando no hay casi registros listados!! */
div.listado {margin: 5px auto; text-align: center; overflow-x: scroll ; overflow-y: hidden;
background-color: #ffffff; }

.mensaje_titulo {float:left; margin-top: 15px; padding: 2px; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
div#listado_mensajes {margin: 0 auto; text-align: center; overflow-x: none; overflow-y: auto; height:550px;
background-color: #ffffff; }
div.mensaje_detalle {padding: 5px; text-align: left; background-color: #ffffff; }
.mensaje_detalle_cabecera {text-align: left; margin: 2px; background-color: #eeeeee; }
.mensaje_detalle_pie {text-align: left; background-color: #eeeeee; }
.mensaje_detalle_texto {padding-top: 5px; text-align: left; overflow-x: scroll; overflow-y: auto; height:200px;
background-color: #ffffff; }
.mensaje_detalle_texto_ampliado {text-align: left; background-color: #ffffff; }
/* div.barra_mensaje {text-align: right; margin: 2px; padding: 2px; color:#8a6f5c; background-color:#F0FAFE; border-top:1px solid #3F5864; border-bottom:1px solid #3F5864;} */
div.barra_mensaje_ver {text-align: right; color:#8a6f5c; background-color:#F0FAFE;
border-top:3px solid #3F5864; border-bottom:1px solid #3F5864;}
.boton_mensaje {margin:0px; padding: 2px; color: #333333; background-color: #ffffff; font-weight: bold;
border: solid 1px #1A4D80; cursor: hand; }

div.barra_ {margin: 5px; padding: 3px; text-align: right; font-size: 11px; color: #1A4D80;
background-color: #2B393B; border: solid 1px #1A4D80;}
div.barra {padding: 5px; text-align: right; color:#8a6f5c; background-color:#F0FAFE;
border-top:3px solid #D8F1FB; border-bottom:1px solid #D8F1FB;}

div.barra_navegacion {margin: 0 auto; margin-top: 5px; padding: 2px; text-align: left; font-size: 11px;
color: #1A4D80; background-color: #FFFFFF; border: solid 1px #FFFFFF;}

div.paginacion {margin: 5px; padding: 1px; border: 1px solid black; text-align: center;
font-weight: bold; font-size: 11px; color: #1A4D80; background-color: #eeeeee; }
.combo_paginacion {color: white; background-color: #333333; border: solid 1px #333333;}

p.info,div.info {margin: 10px; padding:3px; border: solid 1px #333333; font-size: 12px; color: white; background-color: green;}
p.error,div.error {margin: 10px; padding:3px; border: solid 1px #333333; color: white; font-size: 12px; background-color: red;}
p.warning,div.warning {margin: 10px; padding:3px; border: solid 1px #333333; color: white; font-size: 12px; background-color: black;}

p.info,div.info li {color: white;}
p.error,div.error {color: white;}
p.warning,div.warning {color: white;}

div.aviso {margin: 2px 10px 2px 10px; padding:3px; text-align: left; border: solid 1px #333333; color: white; font-size: 12px; background-color: #FF3C00;}
td.aviso {padding: 3px; border: solid 0px #333333; font-size: 12px; color: white; background-color: #FF3C00;}

.aviso a:link, .info a:link,.error a:link,.warning a:link {font-size: 12px; color: white;; font-weight: bold; }
.aviso a:visited, .info a:visited,.error a:visited,.warning a:visited {font-size: 12px; color: white; font-weight: bold; }
.aviso a:hover, .info a:hover,.error a:hover,.warning a:hover {font-size: 12px; color: white; text-decoration: none; font-weight: bold; }
.aviso a:hover, .info a:active,.error a:active,.warning a:active {font-size: 12px; color: white; }

div.ayuda {margin: 10px; background: url(/imagenes/banner-ayuda.png) no-repeat; padding: 0 10px 0 40px;
min-height: 35px; border: solid 1px #333333; text-align: justify; font-size: 12px; color: white;}
td.ayuda {background: url(/imagenes/banner-ayuda.png) no-repeat; padding: 0 10px 0 40px; border: solid 1px #333333;
text-align: justify; font-size: 10px; color: white;}

.ayuda a:link {font-size: 10px; color: white;; font-weight: bold; }
.ayuda a:visited {font-size: 10px; color: white; font-weight: bold; }
.ayuda a:hover {font-size: 10px; color: white; text-decoration: none; font-weight: bold; }
.ayuda a:active {font-size: 10px; color: white; }

div.acceso_directo {padding:2px; text-align: left; margin: 10px; border: solid 1px #2B393B; color: white;
background-color: brown;}
div.acceso_directo a {color: white;}
div.acceso_directo a:hover {color: white;}

/* realizar_exam.php */
div.paginas {margin: 5px; padding: 5px; text-align: center; font-weight: bold; font-size: 11px; color: #1A4D80; background-color: #cccccc;}
/* realizar_exam.php,resultados.php y email.php*/
div.pregunta, p.pregunta {margin: 3px; padding: 10px; text-align: left; color: #1A4D80; border: 1px dashed #1A4D80;}
/* NO USADO: PARPADEO Y NO FUNCIONA onmouseover, ETC */
div.resultado {overflow: auto; height:380px; width: 100%; background-color: rgb(120,120,120); }

/* en resultados.php -- CORRECCION */
div.incorrecta,p.incorrecta {border: solid 1px red; background-color: #eeeeee; } /* web safe */
span.radiocorrecta {color: #666666; font-weight: bold; }
span.preguntanum {font-weight: bold; color: #1A4D80;}
span.enunciado {font-weight: bold; color: #666666}
span.enunciadoventana {font-weight: bold; color: #1A4D80}
.sec_resp {font-size: 10px; font-weight: bold; color: #666666; }


/* calendario */
/* centra la tabla del calendario: solo IE => <center>*/
/* #cal {text-align: center; color:white; } */
table.calendario_agenda {width: 170px; text-align: center; background-color: #cccccc; color: #000000;
border: solid 1px #000000; padding: 4px 0px 4px 0px; }
td.fechacal {padding: 10px; font-family: Verdana; font-size: 10px; border-style:none; font-weight:bold; 
background-color: #1A4D80; text-align: center; color: white; }
td.dias {padding: 10px; font-family: Verdana; font-size: 10px; border-style:none; text-align: center; color:white; 
background-color: #660000;}
td.numdias {padding: 10px; text-align: center; font-family: Verdana; font-size: 10px; border-width:0;}
td.diaactual {padding: 10px; font-family: Verdana; background-color: #666666; font-size:12px; 
    font-weight:bold; color:white;}

.ok_grande{
    background:url(/imagenes/icon_hecho_big.gif) no-repeat left top;
    padding: 8px 0px 18px  40px;
    font-size:1.2em;
    color:#666;
    line-height:1.1em;
    font-family:Arial;
}

p.ejemplo {font-size: 12px; font-family: Verdana,Helvetica; color: #1A4D80; margin-left: 10%; margin-right:10%;
padding: 4px; background-color: #DDDDDD; border-style: dashed; border-width: 1px; border-color: #333333;}
.etiqueta {font-size: 12px; font-family: Verdana,Helvetica; color: #1A4D80; }
.sintaxis {color: black; }
.defecto {font-weight: bold; }
dt {font-weight: bold; color: #2B393B;}

/* MENU GLIDE */
/* NO PUEDE ESTAR EN EL BODY DE NINGUN DOCUMENTO (IE fallaba)*/
#menuShow{
border: 1px solid #666666;
background-color: #2B393B;
padding: 1px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}

#menuSelect{
border: 1px solid #666666;
background-color: #2B393B;
padding: 1px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}
/* FIN MENU GLIDE */

/* MENU IMPORTAR */
.cabMenu {color:white; font-weight:bold; text-decoration: underline; cursor: hand;}
div.menu {
  padding: 0px;
  background-color: white;
  border-color:  #2B393B;
  border-style: solid;
  border-width: 2px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  text-align: left;
  color: #1A4D80;
  overflow: auto;
}

a.menuItem  {
  padding: 4px;
  color:  #1A4D80;
  display: block;
  font-family: Verdana, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  /*padding: 0px 12px 0px 12px;*/
  border-width: 1px; 
  text-decoration: underline;
}

a.menuItem:hover {
  padding: 2px;
  border-color: #1A4D80;
  border-style: solid;
  /*border-width: 1px; ERROR NETSCAPE */
  background-color: #999999;
  color: #1A4D80;
}
/*  FIN MENU IMPORTAR */

/* CONTROLES FORMULARIOS */
.boton {margin:5px; padding: 6px; color: #1A4D80; background-color: #ffffff; font-weight: bold;
border: solid 1px #1A4D80; cursor: hand; }
.textbox {color: rgb(80,80,80); border: solid 1px rgb(200,200,200);}
.valor_heredado {border: solid 1px orange;}
.combo {font-size: 12px; color: white; background-color: rgb(150,150,150); border: solid 1px #1A4D80;}
.lista {font-size: 12px; color: white; background-color: rgb(150,150,150); border: solid 1px #1A4D80;}
.botones {padding: 5px; border-top: dotted 1px; text-align: right;}
.required {color: red;}

.enlaceboton {font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding: 4px;
   background-color: #dddddd;
   color: #666666;
   text-decoration: none;
}
.enlaceboton:link,
.enlaceboton:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlaceboton:hover {  
   border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 


.form_peque {width:480px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.form_peque fieldset {padding:10px 5px 10px 5px !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.form_peque fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.form_peque label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%; color: #666666;}
/* .form_peque select.combo {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;} */
.form_peque input.field {width:330px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_peque textarea {width:330px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_peque input.button {margin-right:10px; padding:10px !important /*Non-IE6*/; padding:4px /*IE6*/; background:rgb(230,230,230) url('/imagenes/ok.gif') no-repeat center left; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(60,60,60); font-size:110%;}
.form_peque input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220) url('/imagenes/ok.gif') no-repeat center left; color:rgb(80,80,80);}
.form_peque input.button_cancelar {margin-right:10px; padding:10px !important /*Non-IE6*/; padding:4px /*IE6*/; background:rgb(230,230,230) url('/imagenes/ko.gif') no-repeat center left; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(60,60,60); font-size:110%;}
.form_peque input.button_cancelar:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220) url('/imagenes/ko.gif') no-repeat center left; color:rgb(80,80,80);}

.form_grande {width:780px; margin:2.0em 0 0 0; padding:2px 5px 0 5px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.form_grande fieldset {padding:10px 5px 10px 5px !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.form_grande fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.form_grande label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%; color: #666666;}
/* .form_grande select.combo {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;} */
.form_grande input.field {width:330px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_grande textarea {width:600px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_grande input.button {margin-right:10px; padding:10px !important /*Non-IE6*/; padding:4px /*IE6*/; background:rgb(230,230,230) url('/imagenes/ok.gif') no-repeat center left; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(60,60,60); font-size:110%;}
.form_grande input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220) url('/imagenes/ok.gif') no-repeat center left; color:rgb(80,80,80);}
.form_grande input.button_cancelar {margin-right:10px; padding:10px !important /*Non-IE6*/; padding:4px /*IE6*/; background:rgb(230,230,230) url('/imagenes/ko.gif') no-repeat center left; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(60,60,60); font-size:110%;}
.form_grande input.button_cancelar:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220) url('/imagenes/ko.gif') no-repeat center left; color:rgb(80,80,80);}

input.button {padding: 3px 15px !important /*Non-IE6*/; padding:4px /*IE6*/; background: inherit url('/imagenes/ok.gif') no-repeat center left; }
input.button:hover {cursor: pointer; background: inherit url('/imagenes/ok.gif') no-repeat center left; color:rgb(80,80,80);}
input.button_cancelar {padding: 3px 15px !important /*Non-IE6*/; padding:4px /*IE6*/; background: inherit url('/imagenes/ko.gif') no-repeat center left; }
input.button_cancelar:hover {cursor: pointer; background: inherit url('/imagenes/ko.gif') no-repeat center left; color:rgb(80,80,80);}


/* Elementos para compartir
-------------------------------------------------------------------- */

.estructura_2col_1zq .borde_sup { margin:0 0 10px;}
/* UTILIDADES ARTICULO */
.votos { padding:8px 0 8px; margin:0; border-top:1px solid #D1D1D1;}
#votosC { float:left;}
#votosC, .votos_estrellas { width:355px;}
#votosC #cargando { width:355px;}
.votos_votar { background:url(/im/ico_separador_horizontal.gif) no-repeat right center; }
.votos .comentarios_s { float:left; padding:0; background:url(/im/ico_separador_horizontal.gif) no-repeat left center; }

.rec { float:right; padding:0 0 0 6px; background:url(/imagenes/ico_separador_horizontal.gif) no-repeat right center;}
.rec p { display:inline;}
.rec iframe { height:22px; overflow:hidden;}
.rec-fbook { padding:0 6px;}
.rec-fbook iframe { width:90px;}
.rec-twitter { padding:0 6px;}
.rec-twitter iframe { width:65px;}
.rec-list { padding:0 6px; }
.rec-list ul { display:inline;}
.rec-list li { display:inline;}

.IndicadorCarga {width:175px;height:50px;border:solid 1px #B2B2B2;background-color:#FFFFFF;padding-top:10px;}

#capa_contenido {padding: 10px 0px 10px 5px; min-height: 250px;}