/* Capas principales de la página */

#pagina {
	margin: 0 auto 0 auto;
	width: 998px;
	text-align: left;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        border-top: 0px;
        background-color: #F6F2F3;
        padding: 0px;
        border-collapse: collapse;
        
}
#pagina td {
        vertical-align: top; 
}
#cabecera {
	text-align: center;
	background-color: #F6F2F3;
}
#pie {
        /* background-image: url('../images/pie.jpg');
        background-repeat: no-repeat; */
}
#pietexto {
        color: #666666;
        font-size: 10px;
        padding-left: 10px;
        padding-top: 56px;
        padding-bottom: 6px;
        text-align: left;
}
#menu {
	background-color: #ffffff;
	width: 180px;
        border: 1px solid #999999;
        padding-top: 10px;
        padding-bottom: 10px;
}
#contenidos{
	width: 800px;
	padding: 6px;
        /* border: 1px solid #999999; */
}
#contenidospagina{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    padding-top:20px;
}
#toolsSuperior{
    float:right;
    text-align: right;
}
/* Mensaje del docente */
#mensajeDocente{
    padding: 15px;
    margin: 10px;
    background-color: #fefedd;
    border: 1px solid #999999;
}   
#titMensajeDocente{
    font-size:12px;
    font-weight:bold;
}
/* Capas principales de los popup */

#paginaPopUp {
	margin: 0 auto 0 auto;
	text-align: left;
        background-color: #F6F2F3;
        height: 100%;
}
#cabeceraPopUp {
	margin-bottom: 20px;
}
#contenidosPopUp{
	margin-left: 10px;
	margin-right: 10px;
	padding: 6px;
	width: 554px;
	border: 1px solid #999999;
}
#logout {
	width: inherit;
	text-indent: 30px;
        background-color: #F6F2F3;
        text-align: right;
        padding: 3px;
        padding-right: 5px;
}

/* Estilo tabla listados popup */

#listadopop{
	margin: 5px;
	border: 3px solid #CCCCCC;
	padding: 5px;
	text-align: left;
	width: 560px;
}
#listadopop #cabeceraLista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CA1011;
	color: #ffffff;
}

#listadopop td, #listadopop th {
	padding: 4px;
	vertical-align: top;
}
#listadopop #datosLista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        background-color: #FDD78F;
}
#listadopop #datosListaAlt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}

/* Estilo tabla listados */

#listado{
	/* margin: 5px; */
	border: 3px solid #CCCCCC;
	padding: 5px;
	text-align: left;
	width: 100%;
}
#listado #cabeceraLista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CA1011;
	color: #ffffff;
}

#listado td, #listado th {
	padding: 4px;
	vertical-align: top;
}
#listado #datosLista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        background-color: #FDD78F;
}
#listado #datosListaAlt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
/* Estilo foro */
#foroMensaje{
	background-color: #FEFEEF;
	border: 1px solid #CCCCCC;
	padding: 3px;
        margin-bottom: 5px;
}
#foroMensajeOff{
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	padding: 3px;
        margin-bottom: 5px;
}
#foroCabecera{
	background-color: #eeeeee;
	padding: 3px;
}
#foroTituloM{
	background-color: #CA1011;
	color: #ffffff;
	padding: 3px;
}
#foroTituloLeido{
	background-color: #CCCCCC;
	color: #000000;
	padding: 3px;
}
#foroTextoM{
	padding: 3px;
}
#foroBotResp{
	padding: 3px;
}
/* Estilo tabla sublistados */

#subListado{
	background-color: #FEFEEF;
	text-align: left;
	width: 100%;
}
#subListado #cabeceraSubListado{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #cccccc;
	color: #333333;
}

#datosSubLista td, #datosSubLista th {
	padding: 3px;
        margin: 0px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}
#subListado #datosSubLista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Lista unidades, contenidos Campus */
#bloqueUnidad{
    background-color: #FEFEEF;
    border: 1px solid #CCCCCC;
    margin: 20px;
    padding: 10px;
    text-align: left;
    width: 90%;
}
#contenidosCurso{
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
    width: 100%;
    overflow:visible; 
    display:none;
    width: 90%;
    margin: 20px;
    padding: 10px; 
}
#itemUnidad{
    text-indent: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
}
#item2Nivel{
    text-indent: 40px;
    font-weight: bold;
}
#item3Nivel{
    text-indent: 70px;
    padding: 3px;
}

/* Lista unidades, contenidos */

#tablaUnidadesListado{
	background-color: #FEFEEF;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}
#tablaUnidadesListado td{
   vertical-align: top;
   
}
#tablaUnidadesListado #filaUnidad {
    background-color: #E1E1D2;
    border: 1px solid #CCCCCC;
    font-weight: bold;
}
#tablaUnidadesListado #filaContenido {
    text-indent: 20px;
    border-bottom: 1px solid #CCCCCC;
}
#tablaSubtemasListado{
	background-color: #FEFEEF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}
#tablaSubtemasListado td{
   vertical-align: top;
}
.contUnidad {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    padding-left: 5px;
    padding-right: 2px;
    width: 300px;
}
#unidadListadoDiv{
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Estilo paginación */

#paginacionpop{
        width: 800px;
  
}
#paginacionpop #botAnterior{
        text-align: left;
	
}
#paginacionpop #pagActual{
	text-align: center;
	
}
#paginacionpop #botSiguiente{ 
	text-align: right;
	
}
#paginacion{
        /*text-align: center;*/
        /*width: 800px;*/
        border-collapse: collapse;
        padding: 0px;
        margin: 0px;
}
#paginacion #botAnterior{
	text-align: left;
}
#paginacion #pagActual{
	text-align: center;
}
#paginacion #botSiguiente{
	text-align: right;
}

/* Estilo filtros */

#filtroBusqueda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#filtroBusqueda td,th {
	padding: 0px;
	padding-right: 20px;
	margin: 0px;
}
#filtroConjunto {
	border: 2px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 3px;
}

/* Estilos elementos */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
}

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        overflow-x: hidden;
	overflow-y: auto;
        margin: 0px;
        padding: 0px;
        height: 100%;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	margin: 1px;
	font-weight: bold;
}
h1 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 18px;
        color: #C20609;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
        font-weight: bold;
	color: #333333;
}
h3 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.texto {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
}
#bloquetexto {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    width: 600px;
}
#cajatexto {
    color: #000000;
    border: 1px solid;
    border-color: #999999;
    background-color: #FEFEEF;
    padding: 10px;
    margin-bottom: 10px;
}
#cargandoPagina {
	color: #9c0909;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	padding-right: 13px;
	width: 120px;
}
.txtformlogin {
	color: #9c0909;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-right: 13px;
	width: 120px;
}
.textoruta {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #656565;
	text-decoration: none;
}
/* Estilos cuestionarios */
#cuestionarioDiv #numeracion {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding: 5px;
}
#cuestionarioDiv #resultadosDiv {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #440000;
    padding-left: 10px;
}
#cuestionarioDiv #grupoPregunta {
    color: #000000;
    border: 1px solid;
    border-color: #999999;
    background-color: #FEFEEF;
    padding: 10px;
    margin-bottom: 10px;
}
#cuestionarioDiv #pregunta {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    border: 1px solid;
    border-color: #999999;
    background-color: #FFFFFF;
    padding: 5px;
}
#cuestionarioDiv #respuesta {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    
}
/* Rollovers */

a:link {
    color: #666666;
    text-decoration: none;
}

a:visited {
    color: #2d4e6d;
    text-decoration: none;
}

a:hover {
    color: #e87719;
    text-decoration: none;
}

a:active {
    color: #666666;
    text-decoration: none;
}

/* Estilo formularios */

#bloqueFormularios{
	border: 1px dotted;
	border-color: #555555;
	padding: 10px;
        margin: 10px;
}
#grupoFormulario{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #999999;
	font-size: 11px;
	background-color: #FEFEEF;
	padding: 3px;
}
#grupoFormularioOff{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #999999;
	font-size: 11px;
	background-color: #fcfcfc;
	padding: 3px;
}
.formCaja {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FEFEEF;
	border: 1px solid #999999;
	font-size: 11px;
	border-color: #999999;
	padding: 3px;
}
.errorForm {
	font-family: Arial, Helvetica, sans-serif;
	color: #FE0000;
	font-size: 11px;
}
.formCajaOff {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
	border: 1px solid #999999;
	font-size: 11px;
	border-color: #999999;
	padding: 3px;
	color: #666666;
}
.formButton {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FDD78F;
	border: 1px solid #999999;
	font-size: 11px;
	border-color: #999999;
	padding: 3px;
	font-weight: bold;
}
.formButtonMini {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FDD78F;
	border: 1px solid #999999;
	font-size: 11px;
	border-color: #999999;
	font-weight: bold;
}

/* Estilo menú lateral izquierdo */
.menutit {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #CA1011;
	cursor: pointer;
	padding: 4px;
}
.prinivel {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
        border-bottom: 1px dotted #999999;
        border-top: 1px dotted #999999;
	list-style-image: url("../images/p1n.gif");
        padding-top: 3px;
	padding-bottom: 3px;
        margin-bottom: 4px;
        margin-top: 4px;
        padding-left: 3px;
}
.segnivel {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
        padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.segnivelsel {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
        padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Draggable layer */

.draggableLayer {
	border: #999999 3px solid; 
        position: absolute;
        padding: 0px;
        visibility: hidden;
        padding: 1px;
        background-color: #ffffff;
}
.barDraggableLayer {
	cursor: move;
	background-color: #003366;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}
.contentDraggableLayer {
        background-color: #ffffff;
        padding: 15px;
}