/********************************************************/
/* valores genéricos*/
table{font-family: arial,verdana, helvetica, sans-serif;padding:0px;border-collapse: collapse;}

td{margin:0px;padding:0px;}

body {background-color: #eeeeee;
color: #000000;margin-top: 3px;padding: 0;font-size:9pt;  font-family: verdana,arial, helvetica, sans-serif;}

/*Para que salga por defecto la barra de scroll*/
html { min-height: 100%;height: 100%; margin-bottom: 1pt;margin-right:5pt; } 

p {  padding: 2px;  margin: 0;} 


h2,h3,h4,h5 {  padding: 2px;   margin: 0;}

h1{  padding: 2px;   margin: 0;  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  font-size: 25pt;}

img{border: 0px solid #FFFFFF;  /*Quita el borde que pone IE por defecto a una imagen*/}

form{ font-family: Verdana, Arial, Helvetica, sans-serif;  background-color:  #FFFFff;    text-align: left;font-size:12px;}


input{border:1px solid #a1a1a1;margin:5px; background-color:white;}
input:disabled{border:1px solid #000000;margin:5px; background-color:#a2a2a2;color:#f2f2f2}
select{border:1px solid #000000;margin:5px; background-color:white;}

textarea { margin:5px; width:400px;height:100px;border:1px solid #a1a1a1; background-color:white;
 overflow:auto; font-family: verdana,arial, helvetica, sans-serif; font-size: 10pt;}

ul {  padding: 4px;  margin: 4px;  list-style: none;  }
ol {  padding: 5px;  margin-left: 25px;  list-style: decimal;  }

li ul {  background-image:none;  padding-left: 14px;  list-style: none;  border-bottom: none; /*punteado de 1px*/  }

a{font-size:12px;color: #222222;text-align:left;}
/********************************************************/
/******** fin valores genericos *************************/
/********************************************************/




ul.estandar {
 padding-left: 18px;
 list-style: square;
}

.estandar li{ margin-top:10px;font-family: Arial, Tahoma, Sans-serif, Helvetica, Verdana;
font-size: 10pt;}
.estandar a{ font-weight:bolder;color:blue;}

li.separacion{ padding-bottom:5px;}

#navigation {text-align: left;height:600px;min-height:630px;width: 150px;float: left;overflow: hidden;color: inherit;background: url(../images/barraSeparacionInv.gif);}

#navigation li{text-indent:0px;color:inherit;margin-top:10px;color: #222222;}

/* Estilo para los enlaces de la columna izquierda*/
/*Link no visitado*/
#navigation a{  text-indent:5px;padding-top:3px;padding-bottom:3px;
  background-color: inherit;  font-size:9pt;  font-family: verdana,arial, helvetica, sans-serif;  text-decoration: none;
  font-weight: bold;} 

#navigation a:hover{  color: #4F0000;}

.enlaces_izqda_sel {  color: #a2a2a2; } 

/*
.enlaces_izqda:visited {  color: #222222;  background-color: inherit;
  font-size:10pt;  font-family: verdana,arial, helvetica, sans-serif; text-decoration: none;  font-weight: bold;
}

.enlaces_izqda:hover {  display:inline;  font-weight: bold;  text-decoration: none;  color: #CC0000;
  background-color: inherit;  font-size:10pt;  font-family: verdana,arial, helvetica, sans-serif;}



.enlaces_izqda_sel:visited { color: #f2f2f2;
  background-color: inherit;  font-size:10pt;  font-family: verdana,arial, helvetica, sans-serif;  text-decoration: none;  font-weight: bold;}


.enlaces_izqda_sel:hover {text-decoration:none;  font-weight: bold;  color: #6F6F6F;  font-size:10pt;  font-family: verdana,arial, helvetica, sans-serif;}
*/
/*page settings*/
#page {width: 750px;border: 1px solid #888888;background-color: #FFFFFF;color: inherit;text-align: left;
overflow: hidden;  /*contenido desbordado*/margin: auto;}

/* Header */
#header {
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;width: 750px;height: 50px;padding: 5px;overflow: hidden;color: #FFFFFF;background-color: #000000;}

/* Top Settings */
#topmenu {
width: 750px;background: #CCCCCC;color: inherit;padding-top: 4px;overflow: hidden;border-bottom: 1px solid #888888;}

/*Capa donde se aloja la fecha*/
#topmenu_left {float:left;text-indent: 4px;}

/*Capa donde se aloja los menus de la parte superior*/
#topmenu_right {text-align: right;}

#topmenu a {color: #000000;background-color: #CCCCCC;padding: 5px; text-decoration: none; 
border-left: 1px solid #888888; font-weight: bold;font-size:10pt;}

#topmenu a:hover {
color: #000000; 
background: #eeeeee;}

#cbody{
/*background-color: #FFFFCC;*/
}

#content {
width: 585px;
padding: 0px;
background-color: #FFFFFF;
color: inherit;
overflow: hidden;
}

content_help{
width: 500px;
margin: 15px;
padding: 50px;
background-color: #FFFFFF;
color: inherit;
text-align: justify;
text-indent: 50px;
}

/* Footer */

#footer {
background-color: #CCCCCC;
color: inherit;
float:left;
width: 740px;
text-align: center;
border-top: 1px solid #888888;
padding: 5px;
}

/*Capa en la que se alojaran todos los formularios de registro que aparezcan*/
#capaLogin {
width: 100%;
}
div.centrarCapa{
text-align: center;
}

/*Capa en la que se alojaran todos los formularios de nuevo registro*/
#capaBusquedaNormal {
width: 100%;
}

/*Capa en la que se alojaran todos los formularios de nuevo registro*/
#capaInsercionDatos {
padding-left:5px;
padding-right:5px;
width: 100%;
}

/*Capa en la que se alojaran los datos para crear o modificar un artículo*/
div.capaArticulo {
width: 100%;
}

/*Capa donde se alojan los webquest*/
div.resultadosWQ{width:100%;margin-top: 6px;padding: 1px;}

p.agrupacionDatos {background-color:  #FFCC66;color: #000000;font-size:10pt;font-family: arial, helvetica, sans-serif;font-weight: bold;}

td.titulosTablas{
 background-color:  #FFFFCC; color: #000000; font-size:10pt; font-family: verdana,arial, helvetica, sans-serif; font-weight: bold; text-align:center;}

td.centrado{ font-size:10pt; font-family: verdana,arial, helvetica, sans-serif; text-align:center;}

h3.letraError
{padding-left: 40px; padding-top: 8px;  font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 10pt;
 color: #FF0000; background-color: #FFFFFF; }

.letraError
{  font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 10pt;
 color: #FF0000; background-color: #FFFFFF; font-weight:bolder}

.letraInformacionOK
{ font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 10pt; color: #000080; background-color: #FFFFFF; }


/*Capa en la que se aloja el icono de error*/
#errorIzqda {float: left;float: left;width:100%;text-align:left;margin:12px;text-indent: 12px;}
#errorIzqda img{margin-right:8px;padding:1px;}

/*Capa en la que se aloja el icono de información OK*/
#informacionIzqda {float: left;width:100%;text-align:left;margin:12px;text-indent: 12px;}
#informacionIzqda img{margin-right:8px;padding:1px;}

/*CAPAS PARA MOSTRAR EL MENU DE SESION*/
/*Capa en la que se aloja el icono del usuario*/
div.izqda1{
float: left;
padding-left:10px;
}

div.izqda2{
float: right;
padding-right:10px;
}

div.sesionIzqda{
width: 360px;
float:left;
}

div.sesion{
background-color: #B0C4DE;color: inherit;width: 100%;border-top: 3px solid #888888;border-bottom: 1px solid #888888;padding: 3px;height:19px;font-weight: bold;font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 10pt;margin-right:5px;}

div.sesion a{text-decoration:none;font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 10pt;}

.letraDatosSesion a{text-decoration:none}

/*Enlace para cerrar la sesion*/
a.cerrarSesion{ text-decoration: none; color: #000000; background-color: inherit;}

/*Enlace para la sindicacion*/
a.sindicacion{ text-indent: 6px; font-family: verdana, arial, tahoma, helvetica, sans-serif;font-size: 8pt; font-weight: bold;}

/*Texto para mostrar la fecha*/
.fecha{ font-family: tahoma, verdana, arial,  helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align:right; }

/*Texto para mostrar el título del portal*/
.tituloPortal{ font-family: tahoma, verdana, arial,  helvetica, sans-serif; font-size: 25pt; font-weight: bold; text-align:left; }

/*Estilos para mostrar los Webquest*/
td.tbDatosWQ{background-color: #FFFFCC;color:inherit;font-family: verdana, arial, tahoma, helvetica, sans-serif;font-size: 10pt;}

tr.tbDescripcionWQ{background-color: #EEEEEE;color:inherit;font-family: arial, tahoma, helvetica, sans-serif;font-size: 9pt;text-align:justify;}

tr.tbTituloWQ{background-color: #E0C8A3;color:inherit;text-indent: 6px; font-family: verdana, arial, tahoma, helvetica, sans-serif;
 font-size: 10pt; font-weight: bold;}

/*Estilos para mostrar las Anotaciones */
td.cabeceraAnotacion{
background-color: #E0DEBC;
color:inherit;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
font-size: 10pt;
height:9px;
}

td.datosAnotacion{
background-color: #FFFFCC;
color:inherit;
}

td.enunciado_evaluacion{font-family: verdana, arial, tahoma, helvetica, sans-serif;font-size: 10pt;
background-color: #EFC695;color:inherit;padding:6pt;border: #000000 1px solid;width:75%;}

td.enunciado_eval{
font-family: verdana, arial, tahoma, helvetica, sans-serif;font-size: 10pt;background-color: white;color:inherit;
width:70%;padding:10px;border-bottom: gray 1px solid;border-right: #000000 2px solid;}

td.respuesta_eval{
font-family: verdana, arial, tahoma, helvetica, sans-serif;font-size: 10pt;background-color: white;color:inherit;
padding:10px;border-bottom: gray 1px solid;border-right: #000000 2px solid;}


/*INFORMACIÓN PARA MOSTRAR LOGOS EN LA PRESENTACION DE WQ*/

div.presentacionLogosWQIzqda{width: 200px;float:left;}

div.presentacionLogosWQ{padding: 3px;margin:auto;border-top: 3px solid #E0DEBC;border-bottom: 3px solid #E0DEBC;}

.letraPaginas
{margin: 0;  padding: 5px;  text-indent: 8px; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif; font-size: 10pt; }

 p.letraInformativa
{margin: 0;  padding: 5px; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif; font-size: 9pt; font-weight: bold; }


#capaOpciones{visibility:hidden;}

div.botonIzqdo{float:left;border: 1px solid #3F3F3F;background-color:#B0C4DE;color:inherit;
height:16px;width: 150px;padding: 2px;font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 10pt;
text-align:center;margin-left:70px;margin-bottom:10px;}



div.botonDrcho{margin-bottom:10px;border: 1px solid #3F3F3F;background-color:#B0C4DE;color:inherit;
height:16px;width: 150px;padding: 2px;font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 10pt;
text-align:center;margin-left:300px;}

/*Capa en la que se alojara el formulario para enviar mensajes a usuarios*/
.capaComentario {width:90%;margin:15px;}

/*Link para el enlace del titulo*/
a.tituloheader{  background-color:inherit;  color:#FFFFFF;  text-decoration: none;font-size:25px;}

div.listas{  font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10pt;width: 100%;
border-top: 3px solid #3F3F3F;border-bottom: 1px solid #3F3F3F;
}

div.articulos{width: 100%;border-top: 3px solid #3F3F3F;border-bottom: 1px solid #3F3F3F;}

div.enlaces{width: 100%;border-top: 3px solid #3F3F3F;}

div.modificarAnotaRecurso{width: 100%;border-top: 3px solid #3F3F3F;border-bottom: 1px solid #3F3F3F;padding-top: 8px;padding-bottom: 8px;}

div.mensajes{width: 100%;border-top: 3px solid #3F3F3F;border-bottom: 1px solid #3F3F3F;padding-top: 6px;padding-bottom: 6px;}

div.listaWQ{width: 100%;border-bottom:#888888 2px solid;border-right:#888888 2px solid;margin-bottom:15px;padding-bottom:5px;}
.listaWQ table{width: 100%;}
.listaWQ td{text-indent:5px;padding-top:1px;padding-bottom:1px;}
.cabecera_mensajes{background-color:#B0C4DE;color:inherit;font-weight: bold;margin:4px;}



tr.cabecera_marron{background-color:#FFC45F;color:inherit;font-weight: bold;}

/*Capa en la que se aloja el contenido de una comunicación*/
div.cabeceraComunicacion{background-color:#DFDFDF;color:inherit;padding:2px;width: 490px;border-top: 2px solid #3F3F3F;
border-left: 2px solid #3F3F3F;border-right: 2px solid #3F3F3F;border-bottom: 1px solid #3F3F3F;margin-left: 30px;
}
/*Capa para mensajes enviados (emisor)*/
div.capaEmisor{background-color:#F5DD92;color:inherit;width: 490px;padding:2px;border-left: 2px solid #3F3F3F;
border-right: 2px solid #3F3F3F;border-bottom: 2px solid #3F3F3F;margin-left: 30px;}

/*Capa para mensajes recibidos (receptor)*/
div.capaReceptor{background-color:#D1D9DF;
color:inherit;width: 490px;padding:2px;border-left: 2px solid #3F3F3F;border-right: 2px solid #3F3F3F;
border-bottom: 2px solid #3F3F3F;margin-left: 30px;}

/*Estilos para la búsqueda de usuarios*/
div.busqUsuarios{width: 85%;margin-left:7%;}

p.centrado{text-align: center;}

table.usuarioDatos{width:550px;border:0px; padding:0px;margin:0px;
}

div.opciones{background-color: #B0C4DE;color: inherit;width: 480px;border-top: 4px solid #888888;border-bottom: 1px solid #888888;padding: 2px;
margin-right:1px;margin-top:1px;margin-bottom:1px;margin-left:50px;}

/*Sin estilo para los formularios*/
form.sin_estilo{  font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #FFFFFF;
  color:inherit;  padding : 6px; /*relleno internos*/  margin: 2px; /*margenes exriores*/  border:#888888 1px solid;  text-align: left;}

form.sin_borde{  font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #fffffe;
  color:inherit;  padding : 6px; /*relleno internos*/  margin: 2px; /*margenes exriores*/  border:#ffffff 1px solid;  text-align: left;}

form.fondo_azul{  font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #b0c4dd;
  color:inherit;  padding : 6px; /*relleno internos*/  margin: 2px; /*margenes exriores*/  border:#b0c4de 1px solid;
  text-align: left;}

div.nuevoElemento{text-align: center;padding: 4px;margin:1px;}

/*Estilos de letras para los artículos*/
 p.art_titulo{ padding: 5px; font-family: Arial, Verdana, Tahoma, Helvetica, Sans-serif; font-size: 16pt; background-color: #FFFFFF;
 color:#9F0000; font-weight: bold; }

 p.art_encabezado{ padding: 5px; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif; font-size: 12pt; text-align: justify; }

 p.art_contenido{ padding: 5px; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif; font-size: 9pt; text-align: justify; }

/*Qué es un Webquest*/
 p.tituloTutorial{ padding: 5px; font-family: Verdana, Tahoma, Helvetica, Sans-serif; font-size: 16pt; font-weight: bold; }

/*Evaluación de WQ*/
 p.total_evaluaciones{ padding: 5px; font-family: Verdana, Tahoma, Helvetica, Sans-serif; font-size: 8pt; font-weight: bold; text-align: center; }

div.barra_evaluacion{background-color: #DFDFDF;color:inherit;width: 95%;}

div.criterios_busq {background: #EFEFEF;color:inherit;border: 1px solid #888888;padding:4px;width:560px;margin:10px;}

p.letraAvanzada{ text-align:center; font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif; font-size: 8pt; }

p.justificar{text-align:justify;}

.tabla_wq {width:100%;margin-top:0px;margin-bottom:20px;
background-color:#FFFFFF;vertical-align:middle;border-bottom:#888888 2px solid;border-right:#888888 3px solid;}
/*.tabla_wq {width:100%;padding:0px;margin-top:0px;background-color:#FFFFCC;vertical-align:middle;border:#888888 1px solid;margin-bottom:5px;}*/
.tabla_wq .nombre_campo{font-weight:bolder;text-align:left;width:25%;padding-left:5px;text-decoration:underline}
.tabla_wq th {background-color:#e0e0e0;text-align:center;padding:5px;vertical-align:top;}
.tabla_wq .titulo{background-color: #E0C8A3;color:inherit;text-indent: 6px; font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 11pt;
 font-weight: bolder;padding:3pt;}
.tabla_wq .titulo a{color:blue;font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 11pt;
 font-weight: bold;text-decoration:none;}
.tabla_wq .cabecera_wq{background-color:white; border-top:2px solid white;border-bottom:2px solid white;padding-top:3px; padding-bottom:3px; }
.tabla_wq .cabecera_wq div{border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;padding-top:3px; padding-bottom:3px; }
.tabla_wq td{border-bottom:1px #f1f1f1 solid;padding-left:10px;vertical-align:middle;padding:5px;font-weight:normal}
.tabla_wq .texto_ayuda{font-weight:normal;text-decoration: none;}

.info{font-size:8pt;}


.ejemplo{margin-left:10px;font-size:8pt;font-weight:normal}
.titulo_pagina{font-weight:bolder;margin-bottom:8px;
margin-top:4px; 
 padding: 2px; 
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 17pt;
}
.titulo_pagina a{font-weight:bolder;margin-bottom:8px;
  padding: 2px; 
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 17pt;
}


.texto_ayuda{font-size:12px;  font-family: Verdana, Arial, Helvetica, sans-serif;  margin:10px;letter-spacing: 0.12mm;
text-align:justify;
}
.letra_figura{padding-left:30px;margin-bottom:10px;font-size:10pt;}
.letra_enumeracion{font-weight:bolder;margin-left:10px;}
.centrada{margin-left:20px;}

.options{border:1px solid #f2f2f2;  font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #b0c4dd;  color:inherit;  padding : 1px; /*relleno internos*/  margin-top: 10px; /*margenes exriores*/
font-weight:bolder;
  }
.options_form{border:1px solid #f2f2f2;  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #b0c4dd;
  color:inherit;
  padding : 1px; /*relleno internos*/
  margin: 1px; /*margenes exriores*/
  text-align: left;}
.options_submit{background-color:red}

.texto_error{background-color:#9F0909;padding:5px;font-weight:bolder;}


div.botonAzul{border: 1px solid #3F3F3F;background-color:#B0C4DE;color:inherit;
height:16px;width: 130px;padding: 5px;font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 10pt;
text-align:center;}

div.botonNovedad{border: 2px solid #AF0A0A;background-color:#B0C4DE;color:inherit;
height:16px;width: 130px;padding: 5px;font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 10pt;
text-align:center;vertical-align:middle}
.explicacionNovedad{border: 1px solid #AF0A0A;padding:5px;text-align:justify;font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 10pt;}
.novedad{font-weight:bolder}
.explicacion_novedad{font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;font-size: 9pt;}
.explicacionNovedad li{text-indent:5px;list-style-position: outside;list-style-type: square;
margin-bottom: 5px;}

/************************************************************************/
/*Formularios*/
/************************************************************************/

/*Estilo para los botones de los formularios*/
.boton{border: #000000 1px solid;  font-size: 8pt;  color: white;  font-style: normal;  font-family:verdana,arial, helvetica, sans-serif;
  background-color: #000080;  text-align: center;  font-variant: normal;  height:16pt;  margin:5px;min-width:70px;text-align:center}

.negrita{font-weight:bolder}
.explicacion{font-style:italic; font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;}
strong{font-weight:bolder; font-size: 11px;   font-family: Verdana, Arial, Helvetica, sans-serif;}

.toda_ayuda img{border:5px solid #a2a2a2;padding:5px;}
.toda_ayuda2 img{border:5px dotted #a2a2a2}