/*******************************************/
/**** Portada ******************************/
#contenidoIzquierdoPortada{
	padding: 0px 0px 0px 6px;
	display: block;
	float: left;
	/* width total = 566px*/
	width: 560px;
}
#cursosDisponibles{
	padding: 30px 0px 30px 0px;
}
#cursosDisponibles ul{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#cursosDisponibles ul li{
	margin: 0px;
	padding: 0px 0px 9px 38px;
	line-height: 15px;
}
#cursosDisponibles ul li.nuevo{
	background-image: none;
	padding: 0px;
}
#cursosDisponibles ul li.nuevo span{
	background-color: #A82000;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #fff;
	padding: 0px 3px 0px 10px;
}
#cursosDisponibles ul li a{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #59636C;
	text-decoration: none;
	background: url(../img/nuevas/elems/bullet_listacursos.gif) 0px 5px no-repeat;
	padding: 0px 0px 0px 10px;
}
#cursosDisponibles ul li.nuevo a{
	padding: 0px 0px 0px 6px;
	background-image: none;
}
#cursosDisponibles .link a{
	display: block;
	float: right;
}
#cursosDisponibles a:hover{
	color: #000;
	background-color: #FFBE24;
}
.avisoImportante{
	width: 500px;
	display: block;
	float: left;
	padding: 10px 0px 0px 40px;
}
.avisoImportante .titulo h3{
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 3px;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #778088;
	text-transform: lowercase;
}
.avisoImportante .contenido{
	background-color: #E4E6E7;
	display: block;
	float: left;
	padding: 13px 17px 13px 17px;
}
.avisoImportante .contenido .texto{
	display: block;
	float: right;
	width: 368px;
}
.avisoImportante .sinImagen .contenido   .texto{
    width: 463px;
}
.avisoImportante .contenido h4{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #3F3F3F;
	margin: 0px;
	padding: 0px;
}
.avisoImportante .contenido p{
	font: normal 10px Arial, Verdana, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
}
.avisoImportante .contenido .links{
	padding: 15px 0px 0px 0px;
}
.avisoImportante .contenido .links a{
	display: block;
	float: right;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
.avisoImportante .contenido .links a:hover{
	background-color: #FFBE24;
	color: #000;
}
.avisoImportante .contenido .imgWrapper{
	display: block;
	float: left;
}
.avisoImportante .contenido .imgWrapper img{
	border: 1px solid #fff;
}

#patrocinadores{
	display: block;
	float: left;
	padding: 30px 0px 0px 40px;
}
#cursosDisponibles h3,
#patrocinadores h3{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	text-transform: uppercase;
}
#cursosDisponibles h3{
	padding-left: 40px;
}
#patrocinadores .nLeft,
#patrocinadores .left{ 
	display: block;
	float: left;
	padding-right: 10px;
}
#patrocinadores img{
	border: 1px solid #CAD5DC;
}
	
#cajaModuloLogin,
#cajaMisCursos{
	margin: 0px;
	padding: 35px 0px 0px 0px;
	width: 165px;
	display: block;
	float: left;
}
cajaMisCursos{
	width: 163px;
}

#cajaModuloLogin #titulo,
#cajaMisCursos #titulo{
	margin: 0px;
	padding: 0px;
	background: url(../img/nuevas/elems/identificacion.jpg) top left no-repeat;
	position: relative; 
	height: 53px;
	/*width: 165px;*/
	border: 1px solid #B6C5CF;
	border-bottom: none;
	width: 100%;
}
#cajaMisCursos #titulo{
	background: url(../img/nuevas/elems/portada_miscursos.jpg) top left no-repeat;
	height: 51px;
	width: 163px;
}
#cajaModuloLogin #titulo h3,
#cajaMisCursos #titulo h3{
	margin: 0px;
	padding: 0px;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 15px;
}
#cajaModuloLogin .content,
#cajaMisCursos .content{
	margin: 0px;
	padding: 4px 10px 10px 10px;
	background-color: #E4E6E7;
	display: block;
	float: left;
	/* 135 + 15 + 15 = 165 */
	width: 145px;
	border: 1px solid #B6C5CF;
	border-top: none;
}
#cajaMisCursos .content{
/*	width: 133px;*/
	padding-top: 10px;
	padding-right: 8px;
}
#cajaMisCursos .content p{
	line-height: 11px;
	padding: 0px;
	padding-bottom: 10px;
	
}
#cajaMisCursos .content p strong{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #59636C;
}
#cajaMisCursos .content p a{
	font: normal 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#cajaMisCursos .content p span{
	font: normal 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#cajaMisCursos .content p a:hover{
	background-color: #FFBE24; 
	color: #000;
}
#cajaModuloLogin .content p{
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#cajaModuloLogin .content p a{
	display: block;
	float: left;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #2886C0;
}
#cajaModuloLogin .content p#cajaRecuerdame{
	clear: both;
	padding: 10px 5px 0px 0px;
}
#cajaModuloLogin .content p#cajaRecuerdame input{
	display: block;
	float: left;
/*	width: auto;*/
/*	height: 21px;*/
}
#cajaModuloLogin .content p#cajaRecuerdame span{
	display: block;
	float: right;
	padding-top: 3px;
	width: 110px;
	font: normal 9px Arial, Verdana, sans-serif;
	color: #59636C;
}
#cajaModuloLogin .content strong{
	margin: 0px;
	padding: 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#cajaModuloLogin .content p input.text{
	/* width total 131px */
	width: 125px;
	padding: 0px 0px 0px 3px;
	height: 18px;
	font: normal 11px/21px Arial, Verdana, sans-serif;
}
#cajaModuloLogin .content form#login{
	margin: 0px;
	padding: 0px;
}
#cajaModuloLogin .content .cajaBotonEnviar{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
#cajaModuloLogin .content .cajaBotonEnviar a{
	display: block;
	float: right;
	width: 56px;
	height: 21px;
	background: url(../img/nuevas/botones/grises/pequenyo.gif) top left no-repeat;
	text-align: center;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636C;
	text-decoration: none;
}
#cajaModuloLogin .content .cajaBotonEnviar a:hover{
	background: url(../img/nuevas/botones/grises/pequenyo_over.gif) top left no-repeat;
}

/*************************************/
/*******Listado Mis cursos************/
/*************************************/

#cajaListaMisCursos{
	padding: 36px 50px 0px 0px; /*No estoy seguro del right*/
	margin:0px;
}
#cajaListaMisCursos .sinCursos{
	display: block;
	float: left;
}
#cajaListaMisCursos .sinCursos h3.aviso{
	background: url(../img/nuevas/elems/admiracion.gif) 0px 2px no-repeat;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #A82000;
	padding: 0px 0px 10px 10px;
}
#cajaListaMisCursos .sinCursos p{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px 0px 20px 0px;
}
#cajaListaMisCursos .sinCursos a{
	display: block;
	float: right;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#cajaListaMisCursos .sinCursos a:hover{
	background-color: #FFBE24;
	color: #000;
}

#cajaListaMisCursos ul{
	margin:0px;
	padding:0px;
	list-style: none;		
}
#cajaListaMisCursos li{
	font: bold 9px verdana,arial,sans-serif;
}
#cajaListaMisCursos li.suspendido span{
	background: #a82000 url(../img/nuevas/cursos/suspendido.gif) left top no-repeat;
	padding: 0px 17px 0px 40px;
	color: white;
}
#cajaListaMisCursos li.aprobado span{
	background: #63b432 url(../img/nuevas/cursos/aprobado.gif) left top no-repeat;
	padding: 0px 17px 0px 40px;
	color: white;
}
#cajaListaMisCursos li.enCurso span{
	background-color: #2886C0;
	padding: 0px 17px 0px 40px;
	color: white;
}

#cajaListaMisCursos .cajaNotas .cajaBotonesNotas{
	/* 20 px de separacion, pero 10 los aporta la caja con imagen de estado del curso*/
	padding: 10px 0px 0px 0px;
	text-decoration: none;
	text-align: left;
}
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonEntrar,
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonRecuperacion,
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonDiploma{
	text-decoration: none;
	font: bold 11px/18px Arial, Verdana, sans-serif;
	color: #59636c;
}
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas .cajaBoton{
	display: block;
	padding-right: 12px;
	float: left;
}
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonEntrar{
	background: url(../img/nuevas/botones/amarillos/estrecho.gif) left top no-repeat;
	/*padding: 3px 13px 3px 13px;*/
	width: 57px;
	height: 18px;
	margin: 0px 12px 0px 0px;
	text-align: center;
	display: block;
}

#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonEntrar:hover{
	background: url(../img/nuevas/botones/amarillos/estrecho_over.gif) left top no-repeat;
}

#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonRecuperacion{
	background: url(../img/nuevas/botones/amarillos/recuperar.gif) left top no-repeat;
	display: block;
	float: left;
	width: 148px;
	height: 23px;
	text-align: center;
	padding-left: 9px;
}
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonRecuperacion:hover{
	background: url(../img/nuevas/botones/amarillos/recuperar_over.gif) left top no-repeat;
}

#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonDiploma{
	background: url(../img/nuevas/botones/amarillos/diploma.gif) left top no-repeat;
	display: block;
	float: left;
	width: 119px;
	height: 23px;
	text-align: center;
	padding-left: 7px;
}
#cajaListaMisCursos .cajaNotas .cajaBotonesNotas a.botonDiploma:hover{
	background: url(../img/nuevas/botones/amarillos/diploma_over.gif) left top no-repeat;
}

.cajaNotas h3{
	font: bold 12px arial,verdana,sans-serif;		
	color:#2886C0;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.cajaNotas{ 
	margin: 0px 0px 0px 40px;
	padding: 0px;
	padding: 7px 0px 45px 0px;
}
/*.cajaNotas .cajaBotonConsultar a{
	text-decoration:none;
	background: url('../img/nuevas/botones/amarillos/grande2.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 8px 4px 8px;
	height: 56px;
	width: 21px;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636c;
	border: 1px solid red;
}*/
/*#cajaNotas #cajaBotonesNotas a.botonRecuperacion{
	background: url(../img/nuevas/botones/amarillos/recuperar.gif) left top no-repeat;
} 
#cajaNotas #cajaBotonesNotas a.botonRecuperacion:hover{
	background: url(../img/nuevas/botones/amarillos/recuperar_over.gif) left top no-repeat;
} 
#cajaNotas #cajaBotonesNotas a.botonEntrar{
	background: url(../img/nuevas/botones/amarillos/mini.gif) left top no-repeat;
	height: 21px;
	width: 56px;
	text-align: center;
	padding: 2px 2px 2px 1px;
} 
#cajaNotas #cajaBotonesNotas a.botonEntrar:hover{
	background: url(../img/nuevas/botones/amarillos/mini_over.gif) left top no-repeat;
} */
.cajaNotas p{
	clear: both;
	margin:0px;
	padding: 0px;
	font: bold 9px verdana,arial,sans-serif;
	color:#2886C0;
}
.cajaProgreso{
   /* 280 * 9 */
	width: 280px;
	height: 9px;
	overflow: hidden;
	float: left;
	margin: 6px 0px 17px 0px;	
	background: yellow url(../img/nuevas/cursos/barra_gris_claro.gif) top left no-repeat;
	
}
.cajaProgresoEvaluacion{
	/* 280 * 17 px */
	width: 280px;
	height: 17px;
	display: block;
	float: left;
	padding: 0px;	
	margin: 8px 0px 17px 0px;	
	background: url(../img/nuevas/cursos/barra_gris_claro_doble.gif) top repeat-y;
}

.cajaBarraAmarilla{
	background: green url(../img/nuevas/cursos/barra_amarilla.gif) 1px 1px no-repeat;	
	display: block;
	float:left;
	height: 8px;	
	padding: 0px;
/*	padding: 1px 0px 0px 1px;*/
	overflow: hidden;
}
.cajaBarraGris{
	background: /*yellow */url(../img/nuevas/cursos/barra_gris_oscuro.gif) 1px 1px no-repeat;
	display: block;
	float:left;
/*	clear:left;	*/
	height: 8px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}
.mensajeDerecha{
	font: normal 11px arial,verdana,sans-serif;
	color: #59636C;
/*	background-color:green;*/
	margin: 0px 0px 0px 290px; /*despues de la barra*/
	padding: 5px 0px 0px 0px;
}
.mensajeDerecha.bajo{
	padding: 13px 0px 0px 0px;
}
.mensajeAbajo{
	font: normal 11px arial,verdana,sans-serif;
	color: #59636C;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;
}
.botonConsultar{/*consultar resultados*/
	/* 138 * 21 */
	display: block;
	font: bold 11px arial,verdana,sans-serif;
	background-image: url(../img/nuevas/botones/boton_consultar.gif);	
	text-decoration: none;
	padding: 3px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #59636C;
	width: 128px;
	height: 18px;
}
/*************************************/
/*****Fin Cursos en realización*******/
/*************************************/
/*************************************************************************/
/*****P55 Formulario de contacto******************************************/
/*************************************************************************/
.cajaLateralDerecha #cajaFormularioContacto{
	padding: 0px 0px 50px 0px;
}
.cajaLateralDerecha #cajaFormularioContacto p{
	margin: 0px 0px 0px 0px;
	padding: 33px 0px 33px 0px; 
	font: normal 11px Arial, Verdana, sans-serif;	
}

.cajaLateralDerecha #cajaFormularioContacto strong{
	color: #a82000;
}

.cajaLateralDerecha #cajaFormularioContacto strong.azul{
	color: #2886c0;
	
}

.cajaLateralDerecha #cajaFormularioContacto span{
	background-color: #e3f1f9;
	color: #2886c0;
}

.cajaLateralDerecha #cajaFormularioContacto .filaInput{
	/* Distancia total 17 */
	/* Padding Adicional 3*/
	padding: 0px 0px 14px 0px;
}

.cajaLateralDerecha #cajaFormularioContacto #dobleLabel{
	margin: 0px;
	padding: 0px;
}

.cajaLateralDerecha #cajaFormularioContacto .filaInput label{
	font: bold 9px Verdana, Arial, sans-serif; 	
	display: block;	
	padding: 0px 0px 2px 0px;
}	
.cajaLateralDerecha #cajaFormularioContacto .filaInput label.obligatorio{
	font: bold 9px Verdana, Arial, sans-serif; 	
	display: block;	
	padding: 0px 0px 2px 0px;
}
.cajaLateralDerecha #cajaFormularioContacto .filaTextArea #dobleLabel label.flotanteIzq{
	font: bold 9px Verdana, Arial, sans-serif; 	
	display: block;	
	padding: 0px 0px 2px 0px;	
}
.cajaLateralDerecha #cajaFormularioContacto .filaInput label.obligatorio{
	color: #a82000;	
} 
.cajaLateralDerecha #cajaFormularioContacto .filaTextArea #dobleLabel label.flotanteIzq{
	display: inline;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	color: #a82000;
	float: left;	
	width: 50%;
} 

.cajaLateralDerecha #cajaFormularioContacto .filaTextArea #dobleLabel p.flotanteDcha{
	display: inline;
	margin: 0px;
	padding: 0px;
	font: bold 9px Arial, Verdana, sans-serif;
	color: #2886c0;
	float: right;
	width: 49%;	
	text-align: right;
	
} 

.cajaLateralDerecha #cajaFormularioContacto .filaInput input{
	/*width: 280px;
	border: 1px solid black;	*/
	width: 270px;
	height: 17px;
	font: normal 11px/21px Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px 0px 0px 5px;
}


.cajaLateralDerecha #cajaFormularioContacto .filaInput select{
/*	padding: 0px;*/
	width: 280px;
	
}

.cajaLateralDerecha #cajaFormularioContacto .filaTextArea textArea{
	width: 271px;
	height: 150px;
	padding: 0px 0px 0px 5px;
} 

.cajaLateralDerecha #cajaFormularioContacto .filaInput label {
	padding: 0px 0px 2px 0px;
	color: #2886c0;
}

.cajaLateralDerecha  #cajaFormularioContacto #cajaBotonAceptar {
	margin: 20px 0px 0px 0px;
	padding: 0px;	
}

.cajaLateralDerecha  #cajaFormularioContacto #cajaBotonAceptar a {
	text-decoration:none;
	background: url('../img/nuevas/botones/amarillos/mini.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 8px 4px 8px;
	height: 56px;
	width: 21px;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636c;
}
.cajaLateralDerecha  #cajaFormularioContacto #cajaBotonAceptar a:hover {
	background: url('../img/nuevas/botones/amarillos/mini_over.gif') no-repeat;
}

#cajaInferiorInfo{
	margin: 0px 40px 0px 40px;
	padding: 0px 0px 0px 0px;
}
#cajaInferiorInfo .tituloBig h3{
	font: bold 18px Arial, Verdana, sans-serif;
	color: #778088;
	position: relative;
	top: 3px;
}
#cajaInferiorInfo #cajaInferiorInfoContenido {
	background-color: #E4E6E7;
	padding: 24px;
	position: relative;
}

#cajaInferiorInfo #cajaInferiorInfoContenido ul.opciones{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

#cajaInferiorInfo #cajaInferiorInfoContenido p{
	margin:0;
	padding:0;
	font: normal 10px Arial, Verdana, sans-serif;
	text-align: justify;
}
span.resalta{
	background-color: #e3f1f9;
	color: #2886c0;
}
strong.rojo {
	color: #a82000;
}
strong.azul{
	font-family: Verdana, Arial, sans-serif;
	color: #2886C0;
	font-weight: bold;
}
/***********************************************************************/
/*P36 - Usuario registrado - Mis Facturas  *****************************/
/***********************************************************************/
#contenedorFacturas{
	margin:0px 0px 0px 0px;
	padding: 34px 40px 0px 1px;
	display: block;
	float: left;
}
#contenedorFacturas .sinFacturas h3.aviso{
	background: url(../img/nuevas/elems/admiracion.gif) 0px 2px no-repeat;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #A82000;
	padding: 0px 0px 10px 10px;
}
#contenedorFacturas .sinFacturas{
	display: block;
	float: left;
}
#contenedorFacturas .sinFacturas h3.aviso{
	background: url(../img/nuevas/elems/admiracion.gif) 0px 2px no-repeat;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #A82000;
	padding: 0px 0px 10px 10px;
}
#contenedorFacturas .sinFacturas p{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px 0px 20px 0px;
}
#contenedorFacturas .sinFacturas a{
	display: block;
	float: right;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#contenedorFacturas .sinFacturas a:hover{
	background-color: #FFBE24;
	color: #000;
}

#contenedorFacturas p{
    font: 11px Arial, Helvetica, sans-serif;
    color: #551A8B;    
    padding-left:40px;
}
#contenedorFacturas h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	padding-left:40px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0;
	text-transform: uppercase;
}

#contenedorFacturas table{
	width: 100%;
	margin-top: 22px;
	font: 11px Arial, Verdana, sans-serif;
}

/* Formateo de la cabecera de la tabla */
#contenedorFacturas table thead tr th{
	background-color: transparent;
}
#contenedorFacturas thead th.fechaFact{
	text-align: left;
	padding-left: 15px;
}

#contenedorFacturas thead th{
	background-color: transparent;
	color: #2886c0;
	font:bold 9px Verdana, Arial, sans-serif;
	text-align: left;
	padding-left: 15px;
	padding-bottom:3px;
}

#contenedorFacturas thead th.first{
	padding-left: 40px;
}

#contenedorFacturas thead th.total{
	text-align: right;
	padding-right: 15px;
}

/* Los margenes y paddings de las celdas son distintos en funcion del tipo de datos que guardan*/

#contenedorFacturas td.numero, td.fecha{
	width: 93px;
	padding-left: 40px;
	padding-top: 5px;	
	padding-bottom: 5px;
}

#contenedorFacturas td.fechaFact{
	width: 67px;
	text-align: center;
}

#contenedorFacturas td.descripcion, td.descripcionFact{
	padding-left: 5px;
}


#contenedorFacturas td.descripcionFact{
	width: 403px;
	padding-left: 15px;
	height: 24px;
}

#contenedorFacturas td.descripcion{
	width: 475px;	
	padding-left: 15px;
}

/* Borde blanco general de la tabla */

#contenedorFacturas tbody td{
	border: 1px solid white;
}

#contenedorFacturas p.leyenda{
	margin: 0px;
	border:none;
	background-color: transparent;
	font: 9px Arial, Verdana, sans-serif;
	color: #2886c0;
	padding: 12px 0px 0px 40px;
}

/* las filas impares llevan color de fondo más oscuro*/
#contenedorFacturas tr.impar{
	background-color: #eeeeee;
}

#contenedorFacturas tr{
	background-color: #f4f4f4;
}
#contenedorFacturas tr.titulos{
	background-color: transparent;
}
#contenedorFacturas td.total{
	color: #a82000;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	width:80px;
}

#contenedorFacturas td.accion{
	text-align: center;
	width: 82px;
}

/*Anchor de "ver facturas"*/

#contenedorFacturas a{
	font: 9px Arial, Verdana, sans-serif;
	color: #2886c0;
}
#contenedorFacturas .tablaFacturas{
    padding-bottom:35px;
}
#contenedorFacturas .tablaFacturas thead tr{
	background-color: transparent;
}
/***********************************************************************/
/*P30, P30a - Usuario registrado - Mis datos ficha1, ficha 2 ***********/
/***********************************************************************/

.cajaLateralDerecha .cajaCambioLogin{
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
}

#contenedorFormulario{
	margin:0px 0px 0px 0px;
	padding: 30px 0px 0px 40px;
	width: 691px;
	height: auto;
	text-align:center;
	display: block;
	float: left;
}

#contenedorFormulario span{
	background-color: #e4e6e7;
	color: #2886c0;
}

#contenedorFormulario span.estadoCampo{
	font: normal 10px Arial, Helvetica, sans-serif;
    color: #2886C0;
    background-color: transparent;
}


/*parrafo de inicio de las columnas del formulario*/
/*dentro de un div para no descolocar el contenido de debajo*/

#contenedorFormulario .introForm {
	height: 90px;
}

#contenedorFormulario h3 {
	margin: 0px 0px 13px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0;
	text-transform: uppercase;	
}

#contenedorFormulario p {
	margin:0;
	padding:0;
	font: 11px  Arial, Verdana, sans-serif;
}

#contenedorFormulario label{
	margin:0px;
	padding:0px 0px 3px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 	
}

/*contenedores de las partes izquierda y derecha*/

#contenedorFormularioLeft, 
#contenedorFormularioRight{
	width: 338px;
	text-align: left;
/*	height: 390px;*/
	display: block;
}

#contenedorFormularioLeft{
	float: left;
}

#contenedorFormularioRight{
	float: right;	
}

/*cada elemento input del formulario se encierra en un contenedor*/ 
#contenedorFormulario .filaFormulario,
#contenedorFormulario .filaFormularioValidar{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	float:left;
	clear: both;
	height: 40px;
}
#contenedorFormulario .filaFormulario #botonValidar{
	display: none;
}

#contenedorFormulario form #contenedorFormularioRight .introForm p.enLinea,
#contenedorFormulario form #contenedorFormularioRight .introForm input.enLinea{
display: inline;
}

#contenedorFormulario .filaFormulario input,
#contenedorFormulario .filaFormularioValidar input, 
#contenedorFormulario .filaFormulario select{
	/* ancho 338 */
	width: 325px;
	height: 16px;
	margin:0px;
	padding: 1px 5px 1px 5px;
	font:normal 11px Arial, Verdana, sans-serif;
}

#contenedorFormulario .filaFormulario select{
	padding: 0px;
	width: 338px;
	padding: 1px 0px 1px 0px;
	height: 21px;
}
/* corregimos el padding en el select y ajustamos su anchura al maximo*/
#contenedorFormulario .filaFormulario select {

}
/* la unica diferencia entre las paginas P30 y P30a consiste en un input de validacion de email */
#contenedorFormulario .filaFormularioValidar {
	float:left;
	margin: 0px;
}
#contenedorFormulario .filaFormularioValidar input{
	background-color: #ffa0a0;
	width:258px;
	font-weight: bold;
	float:left;
	margin-right:5px;
	height: 21px;
} 
#contenedorFormulario .filaFormulario input#cpPersonal,
#contenedorFormulario .filaFormulario input#cpFacturacion{
	width: 125px;
	height: 21px;
}

/*formateo del boton de validar email*/
#contenedorFormulario .filaFormularioValidar a {
	/* 60 x 22 */
	float: left;
	display:block;
	width:60px;
	height:22px;
	margin:0px;
	padding:0px;
	background: url('../img/nuevas/botones/botonValidar.gif') no-repeat;
	font:bold 11px/19px arial,verdana,sans-serif;
	color:#ffffff;
	text-decoration: none;
	text-align: center;
}

/*caja final del formulario que contiene dos botones*/
#cajaDosBotones{
	/*margin:57px 0px 0px 0px;*/
	padding: 68px 0px 0px 0px;

}

/*cada boton, a su vez, dentro de un contenedor*/
#cajaDosBotones .contenedorBoton {
	float: left;
	margin-right: 15px;
}

/*propuedades comunes de los botones*/
#cajaDosBotones .contenedorBoton a.guardar, 
#cajaDosBotones .contenedorBoton a.cancelar{
	font: bold 11px arial,verdana,sans-serif;
	color:#ffffff;
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
}

#cajaDosBotones .contenedorBoton a.guardar {
	background: url('../img/nuevas/botones/botonbigaceptar.gif') no-repeat;	
	padding: 3px 8px 5px 10px;
}

#cajaDosBotones .contenedorBoton a.cancelar{
	background: url('../img/nuevas/botones/amarillos/normal2.gif') no-repeat;
	color: #59636c;
	padding: 3px 8px 5px 8px; 
}

#cajaDosBotones .contenedorBoton a.cancelar:hover{
	background: url('../img/nuevas/botones/amarillos/normal2_over.gif') no-repeat;
}
/*******************************************************************/
/****P32 USUARIO REGISTRADO CAMBIAR CONTRASEÑA**********************/
/*******************************************************************/

.cajaLateralDerecha .cajaCambioLogin{
	margin: 0px;
	padding: 0px;
}
.cajaCambioLogin .tituloBig h3{
	font: bold 18px Arial, Verdana, sans-serif;
	color:#778088;
	position: relative;
	top: 3px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.cajaLateralDerecha .cajaCambioLogin  #cajaCambiarUser,
.cajaLateralDerecha .cajaCambioLogin  #cajaCambiarClaves{
	margin:0px 0px 0px 0px; 
	padding: 0px;
	background-color: #E4E6E7;
	display: block;
	float: left;
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarUser{
	padding: 0px 0px 20px 0px;
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarUser #cajaCambiarUserContent, 
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves #cajaCambiarClavesContent{
	margin: 0px;
	padding: 20px 15px 12px 15px;	
}

.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves p.explanation{
	padding: 0px 15px 24px 15px;
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClavesContent #cajaFormularioLogin{
	padding: 0px;
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarUser  p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Arial, Verdana, sans-serif;
}
.cajaLateralDerecha .cajaCambioLogin .tituloBig{
	display: block;
	float: left;
	width: 100%;
}

.cajaLateralDerecha .cajaCambioLogin #cajaCambiarUser .filaInput input{
	width: 100%;
	font: normal 11px/21px Arial, Verdana, sans-serif;
	padding: 0px;
	height: 18px;
	padding: 0px;
}

.cajaLateralDerecha .cajaCambioLogin #cajaCambiarUser label,
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves label{
	margin:0px;
	padding:15px 0px 3px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 
	display: block;	
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves label.primera{
	padding-top: 0px;
}
.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves input{
	font: normal 11px Arial, Verdana, sans-serif;
	width: 116px;
	height: 15px;
}

.cajaLateralDerecha .cajaCambioLogin #cajaCambiarClaves  p.explanation{
	margin: 0px 10px 0px 0px;
	font: normal 10px Arial, Verdana,  sans-serif;
}

/*aplicamos un padding superior para separar del contenido de encima*/
/*.cajaLateralDerecha #cajaCambiarClaves #cajaFormularioLogin {
	padding: 15px 0px 10px 0px;
}*/

.cajaLateralDerecha .cajaCambioLogin #cajaDosBotonesExtremos {
	margin: 0px;
	padding: 26px 0px 0px 0px;
	width: 100%;
}

.cajaLateralDerecha #cajaDosBotonesExtremos #cajaBotonLeftExtremo,
.cajaLateralDerecha #cajaDosBotonesExtremos #cajaBotonRightExtremo{
	width: 49%;
}

#cajaDosBotonesExtremos #cajaBotonLeftExtremo,
#cajaDosBotonesExtremos #cajaBotonLeftExtremo a{
	float: left;
}

#cajaDosBotonesExtremos #cajaBotonRightExtremo,
#cajaDosBotonesExtremos #cajaBotonRightExtremo a{
	float: right;
}

#cajaDosBotonesExtremos #cajaBotonLeftExtremo a,
#cajaDosBotonesExtremos #cajaBotonRightExtremo a{
	font: bold 11px arial,verdana,sans-serif;
	text-decoration: none;
	display: block;
	padding:4px 10px 3px 10px;
	margin: 0px;
}
#cajaDosBotonesExtremos #cajaBotonLeftExtremo a{
	float: left;	
	color:#59636c;
	background: url('../img/nuevas/botones/amarillos/ancho.gif') no-repeat;
	padding:4px 10px 3px 7px;
}
#cajaDosBotonesExtremos #cajaBotonLeftExtremo a:hover{	
	background: url('../img/nuevas/botones/amarillos/ancho_over.gif') no-repeat;
}

#cajaDosBotonesExtremos #cajaBotonRightExtremo a{
	float: right;	
	color:#ffffff;
	background: url('../img/nuevas/botones/botonbigaceptar.gif') no-repeat;
}
/********************************************************************/
/***P45 Bibliografia y enlaces***************************************/
/********************************************************************/

#cajaBibliografiaCurso {
	padding: 35px 20px 0px 40px;
    font: 11px Arial, Helvetica, sans-serif;
    color: Black;
}

#cajaBibliografiaCurso h3, #cajaEnlacesCurso h3{
	font: bold 9px verdana,arial,sans-serif;
	text-transform: uppercase;
	color:#2886C0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#cajaBibliografiaCurso dl{
	margin:12px 0px 0px 0px;
	padding: 0px;
    list-style: none;
}

#cajaBibliografiaCurso dl dd,
#cajaBibliografiaCurso dl dt{
    font: 11px Arial, Verdana, sans-serif;
    color: black;
    margin: 0;
}

#cajaBibliografiaCurso dl dt{	
    font-weight: bold;
	color: #59636c; 	
    margin: 0;    
}

#cajaBibliografiaCurso dl dd{
    padding: 0 0 10px 0;    
}

#cajaEnlacesCurso .enlace p.descripcion span{
	color: #2886C0;
}
#cajaEnlacesCurso{
	padding: 35px 0px 0px 40px;
}
#cajaEnlacesCurso .enlace p{
    font: 10px Arial, Helvetica, sans-serif;
}
#cajaEnlacesCurso .enlace p.titulo{
    font-size:11px;
    font-weight: bold;   
	background: url(/img/nuevas/iconos/enlace.gif) top left no-repeat;
	padding: 5px 0px 0px 25px;
	margin: 7px 0px 0px 0px;
    color: #59636C;
    position: relative;
}
/*ajustamos el padding para que concuerde con el de los titulos*/
#cajaEnlacesCurso .enlace a{
	margin: 0px;
	padding: 0px 0px 0px 25px;
	font: normal 11px/11px Arial, Verdana, sans-serif;
	color: #2886c0;
	display:block;
	float:left;
}
#cajaEnlacesCurso .enlace p.descripcion{
	padding: 7px 20px 0px 25px;	
	clear: left;
}
#cajaEnlacesCurso .enlace span.idioma{
	color: #2886c0;
}

/* P17 Curso Comprar ****************************/

#cajaCondiciones{
	margin: 100px 0px 0px 0px;
}

#cajaCondiciones .contenido{
	padding: 0px 60px 0px 60px;
}

#cajaCondiciones .contenido p{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000000;	
}

#cajaCondiciones .contenido strong{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #A82000;	
}
/*********************************/
/**Diseño del modulo de pago******/
/*********************************/
#cajaDatosPago form{
	margin: 0px;
	padding: 0px;
}
#cajaDatosPago form select{
	font: normal 11px arial,verdana,sans-serif;	
	width: 280px;
}
#cajaDatosPago h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cajaDatosPago p.rojo{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 12px arial,verdana,sans-serif;
	color:#A82000;
}
#cajaDatosPago p{
	margin:0px;
	padding:0px;
}
#cajaDatosPago #cajaBotonEnviar{
	/*clear: both;	*/	
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cajaDatosPago #cajaBotonEnviar a{ 
	font: bold 11px arial,verdana,sans-serif;
	color:#ffffff;
	text-decoration: none;
	display: block;
	width: 68px;
	height: 18px;
	text-align: center;
	padding:3px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	background: url(../img/nuevas/botones/botonrojo_deg.gif) no-repeat;		
}
/*************** Fin modulo pago ********************/
/****************************************************************/
/* P18 PASARELA DE PAGO TRANSFERENCIA****************************/
/****************************************************************/
.pagoTransferencia .cajaLateralDerecha  #cajaPago,
.pagoTarjeta .cajaLateralDerecha  #cajaPago{
	margin: 40px 0px 60px 0px;
	padding: 0px;
}
.pagoTransferencia .cajaLateralDerecha  #cajaPago p,
.pagoTarjeta .cajaLateralDerecha  #cajaPago p{
	margin: 0px 0px 0px 0px;
	padding:0px;
	font: normal 11px Arial, Verdana, sans-serif;
}

.pagoTransferencia .cajaLateralDerecha #cajaDatosPago,
.pagoTarjeta .cajaLateralDerecha #cajaDatosPago{
	padding: 20px 0px 0px 0px;
}

.pagoTransferencia #cajaPago #cajaDatosPago ul,
.pagoTarjeta #cajaPago #cajaDatosPago ul{
	margin:0px;
	padding:0px;
}
.pagoTransferencia #cajaPago #cajaDatosPago strong,
.pagoTarjeta #cajaPago #cajaDatosPago strong{
	color: #2886c0;
	font: bold 9px/13px Verdana, Arial, sans-serif;
}

.pagoTransferencia #cajaPago #cajaDatosPago li,
.pagoTarjeta #cajaPago #cajaDatosPago li{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	font: normal 11px Verdana, Arial, sans-serif;
	color: #59636c; 
	line-height: 12px;
}

.pagoTransferencia #cajaPago span,
.pagoTarjeta #cajaPago span{
	background-color: #E4E6E7;
	color: #2886C0;
}

.pagoTransferencia #cajaPago strong,
.pagoTarjeta #cajaPago strong{
	color: #2886c0;
}

.pagoTransferencia #cajaPago #cajaDatosPago span,
.pagoTarjeta #cajaPago #cajaDatosPago span{
	color: #a82000;
}

/*eliminamos el background resaltado en los span que vayan dentro de la lista de las opciones de pago*/
.pagoTransferencia #cajaPago #cajaDatosPago ul span,
.pagoTarjeta #cajaPago #cajaDatosPago ul span{
	background-color: transparent;
	
}
.pagoTransferencia #cajaInferiorInfo #cajaInferiorInfoContenido,
.pagoTarjeta #cajaInferiorInfo #cajaInferiorInfoContenido{
	padding-bottom: 5px;
}
.pagoTransferencia #cajaInferiorInfo #cajaInferiorInfoContenido h3,
.pagoTarjeta #cajaInferiorInfo #cajaInferiorInfoContenido h3{
	margin: 0px;
	padding: 0px 0px 3px 0px;
	text-transform: uppercase;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #59636c;
}

.pagoTransferencia #cajaInferiorInfo #cajaInferiorInfoContenido ul.acciones,
.pagoTarjeta #cajaInferiorInfo #cajaInferiorInfoContenido ul.acciones{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.pagoTransferencia #cajaInferiorInfo #cajaInferiorInfoContenido li,
.pagoTarjeta #cajaInferiorInfo #cajaInferiorInfoContenido li{
	/*ha de cambiarse el list style type por un square azul*/
	/*list-style-type: square;*/
	margin-left: 13px;
	list-style-image: url(../img/nuevas/elems/cuadradolistas.gif);		
}

.pagoTransferencia #cajaInferiorInfo #cajaInferiorInfoContenido a,
.pagoTarjeta #cajaInferiorInfo #cajaInferiorInfoContenido a{
	color: #2886c0;
	font: 11px Arial, Verdana, sans-serif;
}

/* P19 solo añade un boton distinto, luego podemos hacer uso de los estilos de la pagina 18 añadiendo el boton */

.pagoTarjeta #cajaPago #cajaBotonBig{
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

.pagoTarjeta #cajaPago #cajaBotonBig a{
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/sist_pago.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 20px;
	height: 78px;
	width: 21px;
	font: bold 11px/22px Arial, Verdana, sans-serif;
	/*line-height: 22px;*/
	color: #59636c;
	padding: 4px 11px 4px 11px;
}
.pagoTarjeta #cajaPago #cajaBotonBig a:hover{
	background: url('../img/nuevas/botones/amarillos/sist_pago_over.gif') no-repeat;
}
/*****************************************************************/
/*******P43 : Unidad didactica realizar test**********************/
/*****************************************************************/

#cajaTest{
	padding: 35px 0px 0px 1px;

}

#cajaTest h3{
	font: bold 9px verdana,arial,sans-serif;
	text-transform: uppercase;
	color:#2886C0;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}
#cajaTest h3.suspenso,
#cajaTest h3.aprobado{
	margin: 0px;
	color: #fff;
	display: inline;
	text-transform: uppercase;
	padding: 0px 3px 0px 40px;
}

#cajaTest h3.suspenso{
	background: url(../img/nuevas/cursos/suspendido.gif) left top no-repeat;	
	background-color: #A82000;
}

#cajaTest h3.aprobado{
	background: url(../img/nuevas/cursos/aprobado.gif) left top no-repeat;	
	background-color: #63B432;
}
#cajaTest .errorForm{
	padding: 20px 0px 0px 0px;
}
#cajaTest h3.avisoError{
	background: url(../img/nuevas/elems/admiracion.gif) 0px 2px no-repeat;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #A82000;
	padding: 0px 0px 10px 10px;
	
}
#cajaTest #cajaPreguntas{
	margin: 25px 0px 0px 0px;
}



#cajaTest ul{
	margin: 0px;
	padding: 0px;		
}

#cajaTest li{
	list-style-type: none;
	position: relative;
	top: -3px;
}

#cajaTest li{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #59636c;
}


/*aqui debe colocar php el numero de pregunta */

#cajaTest span.fondo{
		/* ancho: 35px */
	display:block;
	width: 31px;
	background-color: #ffbe21;
	color: white; 
	float: left;
	text-align: right;
	margin: 0px 5px 0px 0px;
	padding: 0px 4px 0px 0px;
	line-height: 12px;
	font: bold 11px Arial, Verdana, sans-serif;
}

	
#cajaTest #cajaBotonCentrado {
	text-align: center;
}
#cajaTest #cajaBotonCentrado .botonTest{
	width: 109px;
	margin-left: auto;
	margin-right: auto;
}

#cajaBotonCentrado .botonTest a{
	font: bold 11px/21px arial,verdana,sans-serif;
	color:#59636c;
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 21px;
	background: url('../img/nuevas/botones/amarillos/ancho.gif') no-repeat;		
}
#cajaBotonCentrado .botonTest a:hover{
	background: url('../img/nuevas/botones/amarillos/ancho_over.gif') no-repeat;		
}

/* span.cajaRespuestas y span.filainput se utiliza para que la pagina valide*/
/* ya que si utilizamos contenedores dentro de una lista, la pagina no valida*/
#cajaTest .cajaRespuestas{
	margin: 0px 0px 0px 40px;
	font: normal 11px Arial, Verdana, sans-serif;
	padding: 15px 0px 24px 0px;
	display: block;
}

#cajaTest .filaInput{
	display:block;
}

#cajaTest #cajaPreguntas .cajaRespuestas .filaInput label{
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	position: relative;
	top: -3px;
}

#cajaTest #cajaPreguntas .cajaRespuestas .filaInput input{
	padding: 3px 0px 0px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	height: 18px;

}
/*no olvidar marcar la opcion correcta (value=on") con php */
#cajaTest #cajaPreguntas .cajaRespuestas .filaInput label.correcta{
	background-color: #a8de87;	
}


#cajaTest #cajaPreguntas .cajaRespuestas .filaInput label.incorrecta{
	color: #a82000;
	text-decoration: line-through;
}
/***************************************/
/********* CURSO_EVALUACION3 ***********/
/***************************************/
#cajaResultadoEvaluacion{
	margin:0px;
	padding: 0px;
}
#cajaResultadoEvaluacion #cajaMensajeRojo{
	color: #A82000;
	clear: left;
	background: url(../img/nuevas/elems/admiracion.gif) top left no-repeat;
	font: bold 11px arial,verdana,sans-serif;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	line-height: 9px;
}
.botonConsultar{
	margin: 35px 0px 0px 0px;
}
#cajaResultadoEvaluacion h3{
	background: #a82000 url(../img/nuevas/cursos/suspendido.gif) top left no-repeat;
	font: bold 9px verdana,arial,sans-serif;
	color: white;
	float:left;
	padding: 0px 3px 0px 43px;
	margin:0px 0px 14px 0px;
}
#cajaResultadoEvaluacion  .cajaNotas{
	margin:0px;
 	padding-bottom: 15px;
}
#cajaResultadoEvaluacion .cajaProgreso{
	float: none;
	margin: 5px 0px 0px 0px;
}
#cajaResultadoEvaluacion .cajaProgresoEvaluacion.nFloat{
	float: none;
	margin: 5px 0px 0px 0px;
}
#cajaResultadoEvaluacion .cajaEval{
	margin: 0px 0px 37px 43px;
	padding: 0px;
}

#cajaResultadoEvaluacion .cajaEval a.botonConsultar{
	background: url(../img/nuevas/botones/amarillos/grande.gif) top left no-repeat;	
}
#cajaResultadoEvaluacion .cajaEval a.botonConsultar:hover{
	background: url(../img/nuevas/botones/amarillos/grande_over.gif) top left no-repeat;	
}
#cajaLateralDerechaAncha{ /* Las notas emplean una más ancha */
	width: 330px;	
	margin: 0px 0px 0px 332px;	
	padding: 0px;
}
/***************************************/
/*********FIN CURSO_EVALUACION3 ********/
/***************************************/
.finCursoSuperado,
.finCursoSuspendido{
	padding: 30px 40px 0px 40px;
	background: url(../img/nuevas/iconos/curso_superado.gif) 40px 30px no-repeat;	
}
.finCursoSuspendido{
	background: url(../img/nuevas/iconos/curso_suspendido.gif) 40px 30px no-repeat;		
}
.finCursoSuperado p,
.finCursoSuspendido p{
	font: bold 12px/15px Arial, Verdana, sans-serif;
	color: #59636C;
	padding: 8px 0px 0px 40px;
}
.finCursoSuperado p strong{
	color: #63B432;
}
.finCursoSuspendido p strong{
	color: #A82000;
}
/***********************************/
/*********CURSO_INFORMACION ********/
/***********************************/

/* modulo caja diploma */
/*#cajaDiploma{ el diseño aún es temporal 
	background: url(../img/nuevas/iconos/diploma.gif) left top no-repeat;
	width: 310px;
	margin: 16px 0px 0px 308px;
	padding: 0px 0px 0px 0px ;
}*/
#cajaDiploma{ /*el diseño aún es temporal */
	background: url(../img/nuevas/iconos/diploma.gif) left top no-repeat;
	width: 310px;
	height:85px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px ;
}

#cajaDiploma p{
	font: normal 11px arial,verdana,sans-serif;
	padding: 0px 0px 30px 80px;
}
#cajaDiploma p{
	font: normal 11px arial,verdana,sans-serif;
	padding: 0px 0px 30px 80px;
}
/* fin modulo diploma */
/********************************************************************************/
/****cogido del css anterior****************************************************/

#fichaCursoDescripcion{
	margin:0px;
	padding:35px 0px 0px 0px;
}

#fichaCursoDescripcion h4{
	display:inline;
	margin:0px;
	border-left:40px solid #2886c0;
	font:bold 12px Verdana, Arial, sans-serif;
	text-transform: lowercase;	
	color:#fff;
	background-color:#2886c0;
}

#fichaCursoDescripcion ul.palabrasClave{
	margin:0px;
	color: #87939c;
	padding: 0px 0px 0px 40px;
}

#fichaCursoDescripcion ul.palabrasClave li{
	margin:0px;
	padding:0px;
	display:inline;
	font: normal 12px Arial, Helvetica, sans-serif;
    padding-right: 10px;
}

#fichaCursoDescripcion .descripcion{	
	padding: 34px 40px 30px 40px;
	width:auto;
}

#fichaCursoDescripcion .descripcion ul{
    list-style: none;
    padding-top: 5px;
}

#fichaCursoDescripcion .descripcion ul li{
    background: url(/img/nuevas/elems/punto_lista.gif) 0 2px no-repeat;
    padding-left:8px;    
    line-height: 16px;
}

#fichaCursoDescripcion .descripcion .apartado {    
    font: 11px Arial, Helvetica, sans-serif;
    color: Black;
    padding-bottom:32px;
}

#fichaCursoDescripcion .descripcion .apartado h3{
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-transform: uppercase;    
    color: #2886C0;        
    padding-bottom:10px;
}

#fichaCursoDescripcion .descripcion .apartado strong{
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #A82000;
}
#fichaCursoDescripcion .descripcion .apartado em{
    font-style: normal;
    color: #2886C0;
    background-color: #E4E6E7;
}

#fichaCursoDescripcion .descripcion .apartado a{
    color: #2886C0;    
}

#cajaListaTemario{
	padding: 40px 0px 0px 0px;
}
#cajaListaTemario ul{
	list-style: none;
}
#cajaListaTemario h3{
	margin:0px;
	padding:0px 0px 15px 40px;
	font:bold 9px Verdana, Arial, sans-serif;
	text-transform:uppercase;
	color: #2886c0;
}
#cajaListaTemario ul.listaPrincipal li strong.principal{
	display: inline;
	background-color: #2886C0;
	color: #fff;
	font: bold 11px Arial, Verdana, sans-serif;
	padding: 0px 3px 0px 25px; 
	margin-right: 4px;
}
#cajaListaTemario ul.listaPrincipal li{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #2886C0;
	clear: both;
}
#cajaListaTemario ul.listaPrincipal li .descripcion{
    padding: 15px 25px 25px 40px;
    font: 11px Arial, Helvetica, sans-serif;
    color: black;
}
#cajaListaTemario ul.listaPrincipal ul li strong{
	color: #2886C0;
	font: bold 11px Arial, Verdana, sans-serif;
	margin-right: 4px;
}
#cajaListaTemario ul.listaPrincipal ul li{
	font-weight: normal;
	color: #000;
}

/*****************************************************************************/
/**********P15A, P15B REGISTRO COMPLETADO*************************************/
/*****************************************************************************/

.cajaLateralDerecha #cajaRegistroCompletado{
	margin:0px;
	padding: 24px 0px 25px 0px;
}

.cajaLateralDerecha #cajaRegistroCompletado p,
.cajaLateralDerecha #cajaRegistroCompletado p.conPadding{
	margin:0px;
	padding:0px;
	font: normal 11px Arial, Verdana, sans-serif;
}
/*introducimos una nueva clase para p*/

.cajaLateralDerecha #cajaRegistroCompletado p.conPadding{
	margin:0px;
	padding:0px;
	padding:0px 0px 25px 0px;
}


.cajaLateralDerecha #cajaRegistroCompletado strong {
	color: #2886c0;
}

.cajaLateralDerecha #cajaRegistroCompletado .cajaBotonContinuar {
	margin: 25px 0px 0px 0px;
	padding: 0px;	
}

.cajaLateralDerecha #cajaRegistroCompletado .cajaBotonContinuar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/normal.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 4px 15px;
	height: 78px;
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	line-height: 21px;
	color: #59636c;
}
.cajaLateralDerecha #cajaRegistroCompletado .cajaBotonContinuar a:hover{
	background: url('../img/nuevas/botones/amarillos/normal_over.gif') no-repeat;
}
/*************************************************************/
/*********P23: pasarela de pago error*************************/
/*************************************************************/

.cajaLateralDerecha #cajaErrorPago {
	padding: 24px 0px 0px 0px;
	margin: 0px;
}

.cajaLateralDerecha #cajaErrorPago h4{
	margin:0px;
	padding: 0px;
	color: #a82000;
	font: bold 11px Arial, Verdana, sans-serif;
}

.cajaLateralDerecha #cajaErrorPago #cajaFormulario form{
	padding: 24px 0px 0px 0px;
}

.cajaLateralDerecha #cajaErrorPago p{
	margin:0px;
	padding: 0px;
	font: normal 11px Arial, Verdana, sans-serif;
}
.cajaLateralDerecha #cajaErrorPago #cajaFormulario .filaInput{
	margin: 0px 0px 10px 0px;
	font: normal 11px Arial, Verdana, sans-serif;	
}
.cajaLateralDerecha #cajaErrorPago #cajaFormulario .filaInput label{
	position: relative;
	top: -2px;
}

.cajaLateralDerecha #cajaErrorPago #cajaBotonContinuar {
	padding: 18px 0px 0px 0px;
	margin: 0px;
	height: 22px;
}

.cajaLateralDerecha #cajaErrorPago #cajaBotonContinuar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/normal.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px;
	/*height: 78px;*/
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	/*line-height: 22px;*/
	color: #59636c;
}

.cajaLateralDerecha #cajaErrorPago #cajaBotonContinuar a:hover {
	background: url('../img/nuevas/botones/amarillos/normal_over.gif') no-repeat;	
}
/******************************************************************/
/***P26 usuario registrado identificacion incorrecta***************/
/******************************************************************/


#cajaErrorLogin {
	margin: 24px 0px 0px 0px;
	padding: 0px;
}

.cajaLateralDerecha #cajaErrorLogin p {
	margin:0px;
	padding:0px 0px 0px 0px;
	font: normal 11px Arial, Verdana, sans-serif;
	
}

.cajaLateralDerecha #cajaErrorLogin strong {
	color: #2886c0;
	font-weight: bold;
}

.cajaLateralDerecha #cajaErrorLogin #cajaErrorLoginContenido{
	margin: 0px;
	padding: 24px 15px 24px 15px;
	background-color: #E4E6E7;
}

/*eliminamos el margen que introduce h3.titulobig */
.cajaLateralDerecha #cajaErrorLogin .tituloBig h3{
	margin:0px;
 	color: #778088;
	position: relative;
	top: 4px;
}


.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin {
	margin:0px;
	padding: 0px;
}

.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin .halfLeft{
	float: left;
	width: 48%;	
	/*padding-right: 5px;*/
}

.cajaLateralDerecha #cajaErrorLogin  #cajaFormularioLogin .halfRight{
	float: right;
	width: 48%;
	/*padding-left: 5px;*/
}

.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin .halfLeft input,
.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin .halfRight input {
	width: 116px;
	font: bold 9px Verdana, Arial, sans-serif;
	height: 21px;
}

.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin .halfRight .filaInput {
	float: right;
}

.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin .halfLeft .filaInput {
	float: left;
}

#cajaErrorLogin .filaInput label{
	margin:0px;
	padding:0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 	
	display: block;
}

.cajaLateralDerecha #cajaErrorLogin #cajaRecordarLogin {
	line-height: 10px;
	margin: 17px 0px 0px 0px;
}

.cajaLateralDerecha #cajaErrorLogin #cajaRecordarLogin p {
	margin: 0px;
	padding: 0px; 
	display: inline;
	font: 10px Arial, Verdana, sans-serif;
	color: #315773;
}
.cajaLateralDerecha #cajaErrorLogin #cajaRecordarLogin p strong{
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}

.cajaLateralDerecha #cajaErrorLogin #cajaFormularioLogin a{
	margin: 0px;
	padding: 0px;
	font: 10px Arial, Verdana, sans-serif;
	color: #2886c0;
}

/*#cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaRecordarLogin strong {
	font-family: Verdana, Arial, sans-serif;
}*/

.cajaLateralDerecha #cajaErrorLogin #cajaBotonContinuar {
	margin: 18px 0px 0px 0px;
	height: 22px;
}

.cajaLateralDerecha #cajaErrorLogin #cajaBotonContinuar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/grises/normal.gif') left top no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px;
	height: 78px;
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	/*line-height: 22px;*/
	color: #59636c;
}
.cajaLateralDerecha #cajaErrorLogin #cajaBotonContinuar a:hover{
	background: url('../img/nuevas/botones/grises/normal_over.gif') left top no-repeat;	
}/***********************************************************************/
/********* P14 registro de usuario******************/
/***********************************************************************/
/*muchas propiedades y clases son identicas a las de P25 (usuario registrado login)*/
.cajaLateralDerecha #cajaRegistro{
	margin: 0px 0px 50px 0px;
	padding: 13px 0px 0px 0px;
}
.cajaLateralDerecha #parrafoIntroRegistro{
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

/* formateamos el parrafo de intro */
.cajaLateralDerecha #parrafoIntroRegistro p, #cajaLateralDerecha #cajaRegistro p{
	margin:  0px 0px 0px 0px;
	padding: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
}

/*sobreescribimos propiedades del parrafo de explicacion de campos del formulario de registro*/
.cajaLateralDerecha #cajaRegistro p.explanation {
	font: 11px Arial, Verdana, sans-serif;
	color: #000;
	padding: 8px 0px 0px 0px;
	text-align: justify;
}

/*caja superior (formulario de login)*/

/*cambia el modo de resaltado en el párrafo de inicion*/

.cajaLateralDerecha #parrafoIntroRegistro span{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #2886c0;
	background-color: #e3f1f9;
}

.cajaLateralDerecha #cajaRegistro .filaInput{
	margin:15px 0px 0px 0px;
	padding:0px;
	/*font: bold 9px Verdana, Arial, sans-serif;*/
	color: #2886c0; 	
	display: block;
}

.cajaLateralDerecha #cajaRegistro label {
	margin:0px;
	padding:0px 0px 3px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 	
	display: block;
}

.cajaLateralDerecha #cajaRegistro input, 
.cajaLateralDerecha #cajaRegistro select{ 
	margin:0px;
	padding: 0px;
	width: 100%;
	line-height: 18px;
	/*font: bold 9px Verdana, Arial, sans-serif;*/
}

.cajaLateralDerecha #cajaRegistro #cajaFormularioLogin {
	margin:0px;
	padding: 0px;
}

.cajaLateralDerecha #cajaRegistro #cajaFormularioLogin .halfLeft{
	float: left;
	width: 49%;	
	/*padding-right: 5px;*/
	
}

.cajaLateralDerecha #cajaRegistro  #cajaFormularioLogin .halfRight{
	float: right;
	width:49%;
	/*padding-left: 5px;*/
}

.cajaLateralDerecha #cajaRegistro #cajaFormularioLogin .halfLeft input,
.cajaLateralDerecha #cajaRegistro #cajaFormularioLogin .halfRight input {
	width: 125px;
}

.cajaLateralDerecha #cajaRegistro, #cajaFormularioLogin .halfRight .filaInput {
	float: right;
}

cajaLateralDerecha #cajaRegistro, #cajaFormularioLogin .halfLeft .filaInput {
	float: left;
}

#cajaRecordarPorUserContenido .cajaBotonContinuar, 
#cajaRecordarPorMailContenido .cajaBotonContinuar {
	margin: 20px 0px 0px 0px;
	padding: 0px;	
}

#cajaRegistro .cajaBotonContinuar {
	margin: 31px 0px 0px 0px;
	padding: 0px;	
}


#cajaRegistro .cajaBotonContinuar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/normal.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 14px 4px 14px;
	height: 78px;
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	line-height: 21px;
	color: #59636c;
}
#cajaRegistro .cajaBotonContinuar a:hover{
	background: url('../img/nuevas/botones/amarillos/normal_over.gif') no-repeat;
}
/*******************/
/*************************************************************************/
/*** P27 USUARIO REGISTRADO OLVIDO SU CONTRASEÑA**************************/
/*************************************************************************/


.cajaLateralDerecha #cajaRecordarPorUser, 
.cajaLateralDerecha #cajaRecordarPorMail{
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color: #E4E6E7;
	display: block;
	float: left;
}
.cajaLateralDerecha .formularioSolicitud{
	padding: 0px 0px 0px 0px;
}

.cajaLateralDerecha #cajaRecordarPorUser strong{
	color: #2886c0;
}

/*separamos las cajas */
.cajaLateralDerecha #cajaRecordarPorMail{
	margin-top: 20px;
}

/*contenedores internos*/
.cajaLateralDerecha #cajaRecordarPorUser #cajaRecordarPorUserContenido , 
.cajaLateralDerecha #cajaRecordarPorMail #cajaRecordarPorMailContenido{
	margin: 0px;
	padding: 15px 15px 26px 15px;
	display: block;
}
.cajaLateralDerecha #cajaRecordarPorMail #cajaRecordarPorMailContenido{
	padding-bottom: 26px;
}

/*formateo de los parrafos*/
.cajaLateralDerecha #cajaRecordarPorUser p, 
.cajaLateralDerecha #cajaRecordarPorMail p{
	font: normal 11px Arial, Verdana, sans-serif;
}
.cajaLateralDerecha .tituloBig h3{
	font: bold 18px Arial, Verdana, sans-serif;
	color: #778088;
	position: relative;
	top: 3px;
}
#cajaRecordarPorUserContenido .filaInput,
#cajaRecordarPorMailContenido .filaInput{
	padding-bottom: 20px;
}
#cajaRecordarPorUserContenido .filaInput label,
#cajaRecordarPorMailContenido .filaInput label{
	margin:0px;
	padding:10px 0px 3px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 	
	display: block;
}

#cajaRecordarPorUserContenido .filaInput input, 
#cajaRecordarPorMailContenido .filaInput input{
	width: 100%;
	height: 17px;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px;
	display: block;
	float: left;
	width: 243px;
	padding: 0px 0px 0px 5px;
	/*font: bold 9px Verdana, Arial, sans-serif;*/
}

#cajaRecordarPorUserContenido .cajaBotonContinuar, 
#cajaRecordarPorMailContenido .cajaBotonContinuar {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px; 	
}

#cajaRecordarPorUserContenido .cajaBotonContinuar a, 
#cajaRecordarPorMailContenido .cajaBotonContinuar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/grises/normal.gif') left top no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px;
	height: 78px;
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	/*line-height: 22px;*/
	color: #59636c;
}

/*pequeño contenedor de más ayuda. Podría ser util en otras paginas...*/

.cajaLateralDerecha .masAyuda {
	line-height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
	display: block;
	float: left;

} 

.cajaLateralDerecha .masAyuda p{
	margin: 0px;
	padding: 0px 0px 0px 8px;
	display: inline;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #59636c;
	background: url(../img/nuevas/elems/admiracion.gif) top left no-repeat;
}

.cajaLateralDerecha .masAyuda a{
	color: #2883c0;
}
/*********************** Usuario Registrado Login ***************************/
.cajaLateralDerecha #parrafoIntro p{
	margin:  30px 0px 0px 0px;
	padding: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
}

/*span para resaltar en el parrafo de intro*/
.cajaLateralDerecha #parrafoIntro span{
	text-transform: uppercase;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0;
}

/*caja que contiene el titulo de las cajas y se "monta" en ellas*/
.cajaLateralDerecha .tituloBig {
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
/*caja superior (formulario de login)*/
.cajaLateralDerecha #cajaLogin, 
.cajaLateralDerecha #cajaNuevoUsuario{
	margin:0px;
	padding:0px;
	background-color: #E4E6E7;
}

/*todo el contenido de cajaLogin va dentro de otro contenedor (cajaLoginContenido)*/
/*facilitaria cambios en margenes o paddings*/

/*gracias a esta caja puedo olvidarme de los margenes y paddings de lo que contenga*/
.cajaLateralDerecha #cajaLogin #cajaLoginContenido, 
.cajaLateralDerecha #cajaNuevoUsuario #cajaNuevoUsuarioContenido {
	margin: 0px;
	padding: 24px 15px 24px 15px;
}

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaFormularioLogin {
	margin:0px;
	padding: 0px;
}

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaFormularioLogin .halfLeft{
	float: left;
	width: 49%;	
	/*padding-right: 5px;*/
	
}

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaFormularioLogin .halfRight{
	float: right;
	width:49%;
	/*padding-left: 5px;*/
}

/*formateo de los label de los formularios*/
/*dejamos el selector en #cajaLogin...por si se añade mas tarde mas elementos*/
.cajaLateralDerecha #cajaLogin label, #cajaLateralDerecha #cajaLogin label  {
	margin:0px;
	padding:0px 0px 3px 0px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0; 	
	display: block;
}

/*formateo de los input del formulario*/

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaFormularioLogin input  {
	margin:0px;
	padding: 0px;
	width: 112px;
	font: normal 11px/16px Arial, Verdana, sans-serif;
	color: #000;
	height: 16px;
	padding: 0px 0px 0px 5px;
	
}

/*Formateamos los anchor del formulario de Login */


.cajaLateralDerecha #cajaLogin #cajaLoginContenido a {
	margin: 0px;
	padding: 0px;
	font: 10px Arial, Verdana, sans-serif;
	color: #2886c0;
}

/*caja que contiene el boton de continuar*/

.cajaLateralDerecha  #cajaLogin #cajaLoginContenido .cajaBotonContinuar {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;	
}


.cajaLateralDerecha #cajaLogin #cajaLoginContenido .cajaBotonContinuar a {
	text-decoration:none;
	display: block;
	float: left;
	background: url('../img/nuevas/botones/grises/normal.gif') left top no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	width: 78px;
	height: 21px;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636c;
}
.cajaLateralDerecha #cajaLogin #cajaLoginContenido .cajaBotonContinuar a:hover {
	background: url('../img/nuevas/botones/grises/normal_over.gif') no-repeat;
}
/*caja que contiene el boton de registrarse*/

.cajaLateralDerecha  #cajaNuevoUsuario #cajaNuevoUsuarioContenido .cajaBotonRegistrarse {
	margin: 20px 0px 0px 0px;
	padding: 0px;	
}

.cajaLateralDerecha #cajaNuevoUsuario #cajaNuevoUsuarioContenido .cajaBotonRegistrarse a {
	text-decoration:none;
	background: url('../img/nuevas/botones/grises/normal.gif') left top no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 5px 10px;
	height: 78px;
	width: 21px;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636c;
}
.cajaLateralDerecha #cajaNuevoUsuario #cajaNuevoUsuarioContenido .cajaBotonRegistrarse a:hover {
	background: url('../img/nuevas/botones/grises/normal_over.gif') no-repeat;
}


/*caja que contiene el input checkbox para recordar los datos del login*/

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaRecordarLogin{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	line-height: 10px;
}


/* formato de la tipografia de cajaRecordarLogin */
.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaRecordarLogin input{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font: bold 11px Verdana, Arial, sans-serif;
}

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaRecordarLogin p {
	margin: 0px;
	padding: 0px; 
	display: inline;
	font: 10px Arial, Verdana, sans-serif;
	color: #315773;
}

.cajaLateralDerecha #cajaLogin #cajaLoginContenido #cajaRecordarLogin strong {
	font-family: Verdana, Arial, sans-serif;
}

.cajaLateralDerecha #cajaNuevoUsuario #cajaNuevoUsuarioContenido {
	line-height: 13px;	
}


.cajaLateralDerecha #cajaNuevoUsuario #cajaNuevoUsuarioContenido p{
	margin: 0px;
	padding: 0px;
	font: 10px Arial, Verdana, sans-serif;	
}
/********************************************************************************/
/********** Listado cursos online ***********************************************/
/********************************************************************************/
#listadoCursos #listadoCursosContent{
}
#listadoCursos .sinCursos{
	display: block;
	float: left;
	padding: 30px 0px 0px 0px;
}
#listadoCursos .sinCursos h3.aviso{
	background: url(../img/nuevas/elems/admiracion.gif) 0px 2px no-repeat;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #A82000;
	padding: 0px 0px 10px 10px;
}
#listadoCursos .sinCursos p{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
	padding: 0px 0px 20px 0px;
}
#listadoCursos #listadoCursosContent #cursosActivos{
	padding: 35px 0px 40px 0px;
	display: block;
	float: left;
	width: 100%;
}
#listadoCursos #listadoCursosContent #cursosActivos p.noHayCursos{
	font: bold 11px/11px Arial, Verdana, sans-serif;
	background: url(../img/nuevas/elems/admiracion.gif) 0px 0px no-repeat;
	color: #A82000;
	padding: 0px 0px 0px 8px;
	margin: 10px 0px 0px 40px;
}

#listadoCursos #listadoCursosContent #cursosActivos h3{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	text-transform: uppercase;
	padding: 0px 0px 20px 40px;	
}

#listadoCursos #listadoCursosContent #cursosActivos ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li{
	clear: both;
	padding: 0px 0px 35px 0px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso span.nuevo{
	display: inline;
	background-color: #A82000;
	font: bold 9px/11px Verdana, Arial, sans-serif;
	color: #fff;
	padding: 0px 3px 0px 40px;
	text-transform: lowercase;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .imagenCurso{
	display: block;
	float: left;
	width: 130px;
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
	position: relative;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .imagenCurso .foto{
	position: absolute;
	z-index: 100;
	display: block;
	float: left;
	top: 10px;
	left: 40px;
	width: 89px;
	height: 89px;
	background-color: black;
	margin: 0px;
	padding: 2px 0 0 2px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .imagenCurso .foto img{
	width: 87px;
	height: 87px;
	padding:0px;
	display: block;
	float: left;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .imagenCurso .marco{
	position: absolute;
	background: url(../img/nuevas/elems/marco_cursos.gif) top left no-repeat;
	z-index: 110;
	top: 10px;
	left: 40px;
	width: 91px;
	height: 91px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso{
/*	padding: 10px 0px 0px 16px;*/
	padding-top: 10px;
	display: block;
	float: left;
	width: 580px;
}
.descripcionCurso.noImg{
	padding-left: 40px;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .content{
	padding: 0px 0px 0px 15px;
}
#listadoCursos #listadoCursosContent #masCursos{
	font: normal 11px/11px Arial, Verdana, sans-serif;
	width: 691px;
	height: 338px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	display: block;
	float: left;
}
#listadoCursos #listadoCursosContent #masCursos .tituloBig h3{
	font: bold 18px Arial, Verdana, sans-serif;
	color: #778088;
	position: relative;
	top: 4px;
}
#listadoCursos #listadoCursosContent #masCursos .abrirCaja{
	background: url('../img/nuevas/elems/back_mascursos_abrir.gif') left top no-repeat;	
	height: 22px;
	width: 691px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#listadoCursos #listadoCursosContent #masCursos .cerrarCaja{
	background: url('../img/nuevas/elems/back_mascursos_cerrar.gif') left top no-repeat;	
	height: 22px;
	width: 691px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#listadoCursos #listadoCursosContent #masCursos .contenido{
	display: block;
	float: left;
}

#listadoCursos #listadoCursosContent #masCursos ul{
	list-style: none;
	padding: 0px;
	background: url('../img/nuevas/elems/back_mascursos.gif') left top repeat-y;
	margin: 0px;
	padding: 0px 0 0 10px;
	display: block;
/*	float: left;*/
	width: 681px;
}

#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li{
	line-height: 15px;
	padding: 0px 0px 0px 18px;
	clear: both;
	background: url('../img/nuevas/elems/bullet_mascursos.gif') 0px 3px no-repeat;

}
#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li .curso{
	padding-bottom: 0px;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso h5.titulo,
#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li .curso h5.titulo{
	margin: 0px;
	padding: 0px;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #3F3F3F; 
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso h5.titulo{
	background-image: none;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso ul.listaPalabras,
#listadoCursos #listadoCursosContent #masCursos ul.listaPalabras{
	background-image: none;
	padding: 3px 0px 8px 0px;
}
/*
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso ul.listaPalabras{
	padding: 0px;
}
*/
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso ul.listaPalabras li,
#listadoCursos #listadoCursosContent #masCursos ul.listaPalabras li{
	background-image: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso ul.listaPalabras{
	padding: 0px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso ul.listaPalabras strong,
#listadoCursos #listadoCursosContent #masCursos ul.listaPalabras strong{
	font: bold 9px Verdana, Arial, sans-serif;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.infoCurso,
#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li .curso p.infoCurso{
	padding: 0px 18px 18px 0px;
	text-align: justify;
	font: normal 11px Arial, Verdana, sans-serif;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.infoCurso{
	padding: 10px 40px 10px 0px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.infoCurso a,
#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li .curso p.infoCurso a{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #2886C0; 
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.precioCurso{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	display: block;
	float: left;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.precioCurso span{
	color: #A82000;
	font: bold 12px Arial, Verdana, sans-serif;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso p.precioCurso span strong{
	font-size: 18px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso a.masInfo{
	display: inline;
	padding: 0px 0px 0px 5px;

}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprar{
	display: block;
	float: left;
	padding: 0px 0px 0px 10px;	
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprar span{
	display: block;
	float: left;
	background: url(../img/nuevas/elems/admiracion.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 10px;
	font: bold 11px/11px Arial, Verdana, sans-serif; 
	color: #A82000;
	height: 11px;
	position: relative;
	top: 7px;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprar a {
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/normal.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 8px 10px;
	height: 78px;
	width: 21px;
	font: bold 11px Arial, Verdana, sans-serif;
	line-height: 23px;
	color: #59636c;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprar a:hover{
	background: url(../img/nuevas/botones/amarillos/normal_over.gif) top left no-repeat;	
}
#listadoCursos #listadoCursosContent #masCursos ul.otrosCursos li .curso p.infoCurso.ultimo{
	padding-bottom: 0px;
}

/************************/
/* inicio boton comprar */
/************************/
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew {
	display: block;
	float: left;
	margin:0px;
	padding:0px;			
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a {
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 8px 10px;
	font: bold 11px/23px Arial, Verdana, sans-serif;
	color: #59636c;	
	text-decoration:none;
	text-align: center;
	float: left;
}

#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a span {
	display:block;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a span.esquerra {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_esq.gif') left top no-repeat;	
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a span.centre {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_cen.gif') left top repeat-x;	
	margin:0px 9px 0px 9px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a span.dreta {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_dre.gif') right top no-repeat;	
}

/* over */
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a:hover span.esquerra {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_esq_over.gif') left top no-repeat;	
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a:hover span.centre {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_cen_over.gif') left top repeat-x;	
	margin:0px 9px 0px 9px;
}
#listadoCursos #listadoCursosContent #cursosActivos ul li .curso .descripcionCurso .cajaBotonComprarNew a:hover span.dreta {
	background: url('../img/nuevas/botones/amarillos/botoncomprar/border_dre_over.gif') right top no-repeat;	
}
/*********************/
/* fin boton comprar */
/*********************/

#evaluacionUnidades{
	display: block;

}
#evaluacionUnidades .cajaLateralDerecha{
	display: block;
/*	float: left;*/
}
#evaluacionUnidades .cajaLateralDerecha .cajaNotas,
#temarioUnidad .cajaNotas{
	margin: 0px;
}
#evaluacionUnidades .cajaLateralDerecha .cajaNotas .barraAmarilla,
#evaluacionUnidades .cajaLateralDerecha .cajaNotas .mensajeAbajo,
#evaluacionUnidades .cajaLateralDerecha .cajaNotas .cajaProgreso,
#evaluacionUnidades .cajaLateralDerecha .cajaNotas .cajaProgresoEvaluacion,
#temarioUnidad .cajaNotas .barraAmarilla,
#temarioUnidad .cajaNotas .mensajeAbajo,
#temarioUnidad .cajaNotas .cajaProgreso,
#temarioUnidad .cajaNotas .cajaProgresoEvaluacion,
#doEval .cajaNotas .barraAmarilla,
#doEval .cajaNotas .mensajeAbajo,
#doEval .cajaNotas .cajaProgreso,
#doEval .cajaNotas .cajaProgresoEvaluacion{
	margin: 0px;
	padding: 0px;
}
#doEval .cajaNotas .cajaBotonConsultar a{
	background: url(../img/nuevas/botones/amarillos/grande2.gif) top left no-repeat;	
}
#doEval .cajaNotas .cajaBotonConsultar a:hover{
	background: url(../img/nuevas/botones/amarillos/grande2_over.gif) top left no-repeat;	
}
#doEval .cajaNotas .mensajeDerecha{
	padding: 0px;
	padding-top: 5px;
}

#evaluacionUnidades .cajaLateralDerecha .cajaNotas .mensajeAbajo,
#temarioUnidad .cajaNotas.mensajeAbajo,
#doEval .cajaLateralDerecha .cajaNotas .mensajeAbajo{
	padding-bottom: 20px;
}
#evaluacionUnidades ul.listaUnidades{
	display: block;
	float: left;
	list-style: none;
}
#evaluacionUnidades ul.listaUnidades li{ 
	line-height: 9px;
	padding: 0px 0px 10px 0px;
}
#evaluacionUnidades ul.listaUnidades li.aprobado span,
#evaluacionUnidades ul.listaUnidades li.suspendido span{ 
	display: block;
	float: left;
	background: url(../img/nuevas/cursos/aprobado.gif) left top no-repeat;
	width: 40px;
	height: 12px;
}
#evaluacionUnidades ul.listaUnidades li.noEvaluado strong,
#evaluacionUnidades ul.listaUnidades li.aprobado strong,
#evaluacionUnidades ul.listaUnidades li.suspendido strong{
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #63B432;
	padding: 0px 3px 0px 3px;
}
#evaluacionUnidades ul.listaUnidades li.noEvaluado strong{
	color: #59636C;
	/*padding left: 40 imagen + 3 separacion*/
	padding: 0px 3px 0px 43px;
}
#evaluacionUnidades ul.listaUnidades li.suspendido strong{
	color: #A82000;
}
#evaluacionUnidades ul.listaUnidades li.suspendido span{ 
	background: url(../img/nuevas/cursos/suspendido.gif) top left no-repeat;
}
#evaluacionUnidades ul.listaUnidades li a{
	font: bold 11px/12px Arial, Verdana, sans-serif;
	color: #59636C;
	text-decoration: none;
}
#evaluacionUnidades ul.listaUnidades li a:hover{
	color: #000;
	background-color: #FFBE24;
}

#temarioUnidad{
    font: 11px Arial, Helvetica, sans-serif;
    color: #59636C;
}

#temarioUnidad h5.estado{
	display: block;
	clear: both;
	height: 12px;
	font: bold 9px/12px verdana,arial,sans-serif;
}
#temarioUnidad h5.estado span.aprobado{
	background: #63b432 url(../img/nuevas/cursos/aprobado.gif) left top no-repeat;
	padding: 0px 17px 0px 40px;
	color: white;
}
#temarioUnidad h5.estado span.suspendido{
	background: #a82000 url(../img/nuevas/cursos/suspendido.gif) left top no-repeat;
	padding: 0px 17px 0px 40px;
	color: white;
}
#temarioUnidad h5.estado span.enCurso{
	text-transform: uppercase;
	padding: 0px 17px 0px 40px;
	color: Gray;
}

#temarioUnidad .datosUnidad{
	padding: 0px 0px 0px 40px;
}
#temarioUnidad ul{
	list-style: none;
	padding-left: 0px;
}
#temarioUnidad ul li{
	display: block;
	font: normal 11px/11px Arial, Verdana, sans-serif;
	color: #59636C;
	line-height: 20px;
	clear: both;
}
#temarioUnidad ul li strong{
	color: #2886C0;
	padding-right: 5px;
	font-size: 12px;
}
#temarioUnidad ul.documentosUnidad{
	list-style: none; 		
	padding-left: 40px;
	padding-top: 20px;
}
#temarioUnidad ul.documentosUnidad li{
    display: block;
	font: normal 11px/24px Arial, Verdana, sans-serif;
 	color: #2886C0;
    height:24px;
	line-height: 24px;
	padding-left: 21px;
    position: relative;
}
#temarioUnidad ul.documentosUnidad li.pdf{
 	background: url(../img/nuevas/iconos/pdf.gif) left top no-repeat;    
}
#temarioUnidad ul.documentosUnidad li.xls{
 	background: url(../img/nuevas/iconos/xls.gif) left top no-repeat; 		
}
#temarioUnidad ul.documentosUnidad li.doc{
  	background: url(../img/nuevas/iconos/doc.gif) left top no-repeat;		
}
#temarioUnidad ul.documentosUnidad li.txt{
  	background: url(../img/nuevas/iconos/txt.gif) left top no-repeat;		
}
#temarioUnidad ul.documentosUnidad li.ppt{
  	background: url(../img/nuevas/iconos/ppt.gif) left top no-repeat;		
}
#temarioUnidad ul.documentosUnidad li.html{
  	background: url(../img/nuevas/iconos/html.gif) left top no-repeat;		
}
#temarioUnidad ul.documentosUnidad li a{
	font: normal 11px/11px Arial, Verdana, sans-serif;
	color: #2886C0;
}
#temarioUnidad .cajaLateralDerecha p{
	padding-top: 20px;
}
#temarioUnidad .mensajeAbajo{
	margin-bottom: 20px;
	display: block;
}
#temarioUnidad .cajaBotonConsultar,
#temarioUnidad .cajaBotonTest,
#doEval .cajaBotonConsultar{
	margin: 25px 0px 0px 0px;
	padding: 0px;	
}
#temarioUnidad .cajaBotonConsultar a,
#temarioUnidad .cajaBotonTest a,
#doEval .cajaBotonConsultar a { 
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/consultar.gif') no-repeat;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 4px 12px;
	font: bold 11px Arial, Verdana, sans-serif;
	line-height: 21px;
	color: #59636c;
}
#temarioUnidad .cajaBotonTest a{
	padding-right: 18px;
	padding-left: 20px;
}
#temarioUnidad .cajaBotonConsultar a:hover,
#temarioUnidad .cajaBotonTest a:hover,
#doEval .cajaBotonConsultar a:hover{
	background: url('../img/nuevas/botones/amarillos/consultar_over.gif') no-repeat;
}

#doEval{
	padding: 35px 0px 0px 0px;
	margin: 0px;
}
#doEval h3{
	font: bold 9px/12px Verdana, Arial, sans-serif;
	color: #fff;
	padding: 0px 3px 0px 40px;
	display: inline;

}
#doEval h3.aprobado{
	background: url(../img/nuevas/cursos/aprobado.gif) 0px 0px no-repeat;	
	background-color: #63B432;
}
#doEval h3.suspendido{
	background: url(../img/nuevas/cursos/suspendido.gif) 0px 0px no-repeat;
	background-color: #A82000;
}
#doEval h3 span{
	
}
#doEval p.suspendido{
	font: bold 11px/11px Arial, Verdana, sans-serif;
	background: url(../img/nuevas/elems/admiracion.gif) 0px 0px no-repeat;
	color: #A82000;
	padding: 0px 0px 0px 8px;
	margin: 10px 0px 0px 0px;
}

#doEval p.aprobado{
	font: bold 11px/11px Arial, Verdana, sans-serif;
	color: #63B432;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#doEval .cajaLateralDerecha{
	padding: 0px;
	margin: 0px;
	margin-left: 331px;
}
#doEval .cajaLateralDerecha .cajaNotas{
	padding: 0px;
	margin: 0px;
}
/******************************************************************/
/******** P59 CREDITOS*********************************************/
/******************************************************************/


#cajaCabeceraCreditos,
#cajaCabeceraAvisoLegal{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	/*Ancho total del pop up*/
	height: 50px;
	background-color: #2886C0;
	width: 100%;
	background: #2886C0 url(../img/nuevas/elems/creditos_logo.gif) 25px 20px no-repeat;
}
#cajaCabeceraCreditos h1,
#cajaCabeceraAvisoLegal h1{
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	font: bold 14px Arial, Verdana, sans-serif;
	color: #FFCC33;
	text-transform: uppercase;
	padding-top: 30px;
	padding-right: 25px;
}

#contenedorPagina,
#contenidoPrincipal,
#contenedorPrincipal{
	margin: 0px;
	padding: 0px;
}
#contenedorCreditos{
	width: 460px;
	margin: 0px; 
	padding: 30px 20px 0px 20px;
	text-align: justify;
	display: block;
	float: left;
}
#contenedorCreditos #cajaNombres{	
	margin: 0px 0px 0px 162px;
	padding: 0px;
}

#contenedorCreditos #cajaNombres ul{
	margin: 0px;
	padding: 0px;
}

#contenedorCreditos #cajaNombres li{
	font: normal 10px Verdana, Arial, sans-serif;
	color: #59636c;
	padding: 7px 0px 0px 0px;
	list-style-type: none;
}
#contenedorCreditos span{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #2883c0;
}

#contenedorCreditos #cajaNombres li.enlace {
	padding: 30px 0px 50px 0px;
	font: bold 9px Verdana,  Arial, sans-serif;
	
}

#contenedorCreditos #cajaNombres li.enlace a{
	color: #2886c0;	
}

#contenedorCreditos p.intro, #contenedorCreditos p.outro{
	color: #59636c; 
}


#contenedorCreditos p.intro {
	font: bold 11px Arial, Verdana, sans-serif;
}

#contenedorCreditos p.outro{
	font: normal 11px Arial, Verdana, sans-serif;
}

#contenedorCreditos a.outro{
	font-weight: bold;
	text-decoration: none;
	color: #2883c0;
}

#contenedorCreditos #cajaSofaDMS{
	
	background: url('../img/nuevas/logos/logosofadms.gif') top left no-repeat;
}

#contenedorCreditos #cajaSofaDMS #cajaTexto {
	padding: 58px 34px 34px 31px; 
	font: normal 10px Arial, Verdana, sans-serif;	
}

#contenedorCreditos #cajaSofaDMS #cajaTexto p{
	margin: 0px;
	padding: 0px;
}

#contenedorCreditos #cajaSofaDMS #cajaTexto a.correo{
	font: bold 9px Verdana, Arial, sans-serif;	
	color: #2886c0;
}
/******************************************************************/
/*********P 58 AVISO LEGAL*****************************************/
/******************************************************************/
#cajaCabeceraAvisoLegal{
	width: 552px;
}
#cajaAvisoLegalContenido{
	margin: 0px;
	width: 504px;
	padding: 0px 25px 0px 25px;
	display: block;
	float: left;
	clear: both;
}
#cajaAvisoLegalContenido h2{
	font: bold 16px Arial, Verdana, sans-serif;
	color: #2886c0;
	padding: 25px 0px 0px 0px;
}
#cajaAvisoLegalContenido ul{
	margin: 0px;
	padding: 0px 25px 72px 25px;
	padding: 0px;
}

#cajaAvisoLegalContenido li .explanation{
	margin: 0px;
	padding: 0px;
}

#cajaAvisoLegalContenido li .explanation p{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000000;	
}

#cajaAvisoLegalContenido li .explanation a{
	font: bold 9px Verdana, Arial, sans-serif;	
}

#cajaAvisoLegalContenido li .explanation em,
#cajaAvisoLegalContenido li .explanation strong.azul, 
#cajaAvisoLegalContenido li .explanation a {
	color: #2886c0;
}

#cajaAvisoLegalContenido li .explanation img{
	
}

#cajaAvisoLegalContenido li{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #2886c0; 
	list-style-type: none;
	padding: 15px 0px 10px 0px;
}

#cajaAvisoLegalContenido span{
	color: #2886c0;
	font-weight: bold;
}


#cajaAvisoLegalContenido a{
	
}


/**********************************************************************************/
/************P49 (profesor online), P50Profesor Online (consulta + contestar)******/
/**********************************************************************************/


.profonline{
	display: block;
	float: left;
	padding: 35px 0px 0px 0px;
	width: 731px;
}

#contenedorConsultas {
	margin: 0px;
	padding: 24px 0px 0px 1px;
	display: block;
	float: left;
}

#cajaSuperiorLeft{
	display: block;
	float: left;
	width: 30%;
}

#cajaSuperiorRight,
#cajaSuperiorRight2{
	display: block;
	float: right;
	/*padding: 5px 35px 0px 0px;*/
	text-align: right;
	width: 50%;
}
#cajaSuperiorRight2{
	width: 69%;
}
 #cajaSuperiorLeft h3{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886c0;
	text-transform: uppercase;
}

/*#cajaSuperiorRight a.contraer{
	background: url('../img/nuevas/iconos/contraer.gif') center left no-repeat;
	padding: 0px 20px 0px 20px;
}
 #cajaSuperiorRight a.expandir{
	background: url('../img/nuevas/iconos/expandir.gif') center left no-repeat;	
	padding: 0px 20px 0px 20px;
}*/
/*
#cajaSuperiorRight .contraer,
#cajaSuperiorRight .expandir {
	display: block;
	text-decoration: underline;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #2886C0;	
}
*/

/*#cajaSuperiorRight a.contraer a,
#cajaSuperiorRight a.expandir a{
	display: block;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #818B96;	
}*/
#cajaSuperiorRight .menuNavSup{
    float: right;
    width:400px;
}
#cajaSuperiorRight .menuNavSup div{    
    float:right;
}
#cajaSuperiorRight .menuNavSup div a{
    float:left;
    font: 10px/17px Arial, Helvetica, sans-serif;
    color: #2886C0;
    display:block;
    height: 17px;    
    text-decoration:none;
    cursor: pointer;
}

#cajaSuperiorRight .menuNavSup div a:hover span{
    text-decoration: underline;
	color: Black;
	background-color: #FFBE24;
}

#cajaSuperiorRight .menuNavSup .inicio a{
	background: url('../img/nuevas/iconos/inicio.gif') center left no-repeat;	
	padding: 0px 20px 0px 20px;    
}
#cajaSuperiorRight .menuNavSup .mensAnterior a{	
	background: url('../img/nuevas/iconos/mensajeanterior.gif') bottom left no-repeat;		
	padding: 0px 20px 0px 20px;
}
#cajaSuperiorRight .menuNavSup .mensSiguiente a{
	padding-right: 20px;
	padding-left: 0px;
	margin-right: 0px;
	background: url('../img/nuevas/iconos/mensajesiguiente.gif') center right no-repeat;
}
#cajaSuperiorRight .menuNavSup .nuevo a{
	background: url('../img/nuevas/iconos/nuevo.gif') bottom left no-repeat;		
	padding: 0px 20px 0px 20px;
}
/*
#cajaSuperiorRight .menuNavSup .inicio span,
#cajaSuperiorRight .menuNavSup .mensAnterior span,
#cajaSuperiorRight .menuNavSup .nuevo span, 
#cajaSuperiorRight .menuNavSup .mensSiguiente span{
	display: block;
	text-decoration: underline;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #2886C0;	
}
#cajaSuperiorRight .menuNavSup .inicio a,
#cajaSuperiorRight .menuNavSup .mensAnterior a,
#cajaSuperiorRight .menuNavSup .nuevo a,
#cajaSuperiorRight .menuNavSup .mensSiguiente a{
	display: block;
	font: normal 10px Arial, Verdana, sans-serif;
	color: #818B96;	
}
#cajaSuperiorRight .menuNavSup a:hover span{
	text-decoration: underline;
	color: #000;
	background-color: #FFBE24;
}*/

#contenedorConsultas .tablaConsultas,
#contenedorConsultas .tablaConsultas2{
	border-collapse: collapse;
	border-spacing: 0;
}
#contenedorConsultas .tablaConsultas td{
	padding: 3px;
}

/**********************************************/
/**** P50 (estilos especificos)****************/
/**********************************************/

#contenedorConsultas h2{
	margin: 0px;
	padding: 0px 0px 0px 40px;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #59636c;
}

#contenedorConsultas p{
	margin: 0px;
	padding: 13px 0px 34px 40px;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
	text-align: justify;
}

#contenedorConsultas #tablaConsultas2 td .arbol,
#contenedorConsultas #tablaConsultas2 td .arbol div{
    display:block;
    float:left;
}
#contenedorConsultas #tablaConsultas2 td .arbol .m,
#contenedorConsultas #tablaConsultas2 td .arbol .t,
#contenedorConsultas #tablaConsultas2 td .arbol .i,
#contenedorConsultas #tablaConsultas2 td .arbol .l,
#contenedorConsultas #tablaConsultas2 td .arbol .c,
#contenedorConsultas #tablaConsultas2 td .arbol .p,
#contenedorConsultas #tablaConsultas2 td .arbol .n,
#contenedorConsultas #tablaConsultas2 td .arbol .trans,
#contenedorConsultas #tablaConsultas2 td .arbol .space{
    display:block;
    float:left;
    height: 26px;
    background-position: left top;
}
#contenedorConsultas #tablaConsultas2 td .arbol .m{
    width:9px;
    background-image: url(/img/members/thr/m.gif);
}
#contenedorConsultas #tablaConsultas2 .actual td .arbol .m{
    background-image: url(/img/members/thr/m_on.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .t{
    width:12px;
    background-image: url(/img/members/thr/t.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .i{
    width:12px;
    background-image: url(/img/members/thr/i.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .c{
    width:9px;
    background-image: url(/img/members/thr/c.gif);
}
#contenedorConsultas #tablaConsultas2 .actual td .arbol .c{
    background-image: url(/img/members/thr/c_on.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .l{
    width:12px;
    background-image: url(/img/members/thr/l.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .p{
    width:9px;
    background-image: url(/img/members/thr/p.gif);
}
#contenedorConsultas #tablaConsultas2 .actual td .arbol .p{
    background-image: url(/img/members/thr/p_on.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .n{
    width:9px;
    background-image: url(/img/members/thr/n.gif);
}
#contenedorConsultas #tablaConsultas2 .actual td .arbol .n{
    background-image: url(/img/members/thr/n_on.gif);
}
#contenedorConsultas #tablaConsultas2 td .arbol .trans{
    width: 12px;
    background-image: transparent;
}
#contenedorConsultas #tablaConsultas2 td .arbol .space{
    width:5px;
    background-image: transparent;
}

#contenedorConsultas #tablaConsultas2 td{
	border: 0px;
	background-color: #eeeeee;
    height: 26px;
}
#contenedorConsultas #tablaConsultas2 a{
    font: normal 11px/26px Arial, Verdana, sans-serif;
    height:26px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;	
	padding: 0px 0px 0px 10px;    
    display:block;
    float:left;
    color: Black;
}
#contenedorConsultas #tablaConsultas2 a:hover{
    text-decoration: underline;
}
#contenedorConsultas #tablaConsultas2 .actual a{
    font: bold 11px/26px Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #59636C;
    text-decoration: none;
}

/*#contenedorConsultas #tablaConsultas2 .hijoActual a,
#contenedorConsultas #tablaConsultas2 .hermanoActual a,
#contenedorConsultas #tablaConsultas2 .hijoUltimoActual a,
#contenedorConsultas #tablaConsultas2 .padreActual a,
#contenedorConsultas #tablaConsultas2 .vacioActual a{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #59636C;
}
*/
#contenedorConsultas #tablaConsultas2 td.asunto .hijo a:hover,
#contenedorConsultas #tablaConsultas2 td.asunto .hermano a:hover,
#contenedorConsultas #tablaConsultas2 td.asunto .padre a:hover,
#contenedorConsultas #tablaConsultas2 td.asunto .vacio a:hover,
#contenedorConsultas #tablaConsultas2 td.asunto .hijoUltimo a:hover{
    text-decoration: underline;
}

#contenedorConsultas #tablaConsultas2 td.persona{
	text-align: right;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 0px 7px 0px 0px;
}
#contenedorConsultas #tablaConsultas2 td.fecha{
	text-align: center;
}

/******************************************************/
/***************FIN ESTILOS ESPECIFICOS p50************/
/******************************************************/

#contenedorConsultas table{
	width: 731px;
	margin: 0px;
	font: 11px Arial, Verdana, sans-serif;
	table-layout: fixed;
}
#contenedorConsultas #tablaConsultas table td{
	padding: 3px 0px 0px 3px;
}
#contenedorConsultas #tablaConsultas2 table td{
	padding: 0px 0px 0px 3px;
}

#contenedorConsultas thead th{
	color: #2886c0;
	font: bold 9px Verdana, Arial, sans-serif;
	border-bottom: 1px solid #98aab8;
	text-align: center;
}

#contenedorConsultas th.first{
/*ancho total= 575*/
	padding-left:40px;
	width: 530px;
}

#contenedorConsultas th.respuesta{
	width: 75px;
}

#contenedorConsultas th.ultimo{
	width: 75px;
}


#contenedorConsultas thead th.first{
	text-align: left;
	/*padding-left: 15px;*/
}


#contenedorConsultas  td.respuestas{
	text-align: center;
	font-weight: bold;
	color: #2886c0;
}

/*las filas impares llevan color de fondo más oscuro*/

#contenedorConsultas tr.impar{
	background-color: #eeeeee;
}

#contenedorConsultas tr{
	background-color: #f4f4f4;
}

#contenedorConsultas tbody td{
	border: 1px solid white;
}

#contenedorConsultas #tablaConsultas td.asunto{
	text-align: left;
	padding-left: 40px;
}
#contenedorConsultas .tablaConsultas td.asunto{
    text-align: left;
    padding-left: 40px;
}
#contenedorConsultas #tablaConsultas2 td.asunto{
	text-align: left;
	padding-left: 36px;
}

#contenedorConsultas td.asunto a{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #59636C;
	text-decoration: none;
}

#contenedorConsultas td.respuestas{
	font-weight: bold;
	text-align: center;
}

#contenedorConsultas td.ultimo{
	text-align: center;
}

#contenedorConsultas thead tr{
	background-color: transparent;
}
#cajaLateralDerechaBig{
	display: block;
	float: left;
	padding: 0px 0px 0px 328px;
	margin: 0px;
}

/**********************************************************/
/***Botones de navegación "anterior" y "siguiente" */
/**********************************************************/
#cajaBotonesNavegacion {
/* width: 100%;*/
 margin: 0px 0px 0px 0px;
 padding: 25px 0px 25px 0px;
 display: block;
 float: left;
 clear: both;
}

#cajaBotonesNavegacion .anterior,
#cajaBotonesNavegacion .siguiente{
	float: left;
/*	width:75px;*/
}

#cajaBotonesNavegacion .centro {
	float: left;
	line-height: 16px;
	padding: 0px 10px 0px 10px;
	position: relative;
	top: -4px;
}

#cajaBotonesNavegacion .anterior a,
#cajaBotonesNavegacion .siguiente a{
	text-decoration:none;
	background: url('../img/nuevas/botones/amarillos/anterior.gif') left top no-repeat;
/*	text-align: center;*/
	margin: 0px 0px 0px 0px;
	font: bold 11px/16px Arial, Verdana, sans-serif;
	color: #59636c;
	display: block;
	float: left;
	width: 48px;
	height: 16px;
	padding: 0px 0px 0px 20px;
}

#cajaBotonesNavegacion .siguiente a{
	background: url('../img/nuevas/botones/amarillos/siguiente.gif') left top no-repeat;
	width: 75px;
	padding: 0px 0px 0px 5px;
}
#cajaBotonesNavegacion .centro a{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #59636c;

}
#cajaBotonesNavegacion .centro a.here{
	font: bold 18px/21px Verdana, Arial, sans-serif;
	color: #2886C0;
	text-decoration: none;
}

#cajaFormularioConsulta{
	width: 400px;
	padding: 40px 0px 0px 0px;
	clear: both;
}
#cajaFormularioConsulta h3.titular{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
}
#cajaFormularioConsulta .filaInput{
	width: 100%;
	display: block;
	float: left;
	clear: both;
	padding: 0px 0px 17px 0px;
}

#cajaFormularioConsulta .filaInput label,
#cajaFormularioConsulta #filaTextArea label{
	display: block;
	float: left;
	width: 100%;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	padding: 0px 0px 3px 0px;
}
#cajaFormularioConsulta #filaTextArea label{
	width: 50%;
}
#cajaFormularioConsulta .filaInput input,
#cajaFormularioConsulta #filaTextArea textarea{
	width: 398px; 
	font: normal 11px Arial, Verdana, sans-serif;
	color: #000;
}
#cajaFormularioConsulta #filaTextArea textarea{
	overflow: scroll;
	height: 150px;
}
#cajaFormularioConsulta #filaTextArea p{
	display: block;
	float: right;
	font: normal 9px Verdana, Arial, sans-serif;
	color: #2886C0;
}
#cajaFormularioConsulta a.textoOriginal{
	font: 10px Arial, Verdana, sans-serif;
	color: #2886C0;
	text-decoration: underline;
	margin-top: 5px;
	display: block;
	float: left;
}
#cajaFormularioConsulta a:hover.textoOriginal{
	color: #000;
	background-color: #FFBE24;
}
#cajaFormularioConsulta .cajaBotonContinuar{
	padding-top: 34px;
	display: block;
	float: left;
	width: 100%;
}
#cajaFormularioConsulta .cajaBotonContinuar a{
	text-decoration:none;
	color: #59636c;
	background: url('../img/nuevas/botones/amarillos/normal.gif') no-repeat;
	text-align: center;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	font: bold 11px/21px Arial, Verdana, sans-serif;
	color: #59636c;
	height: 21px;
	width: 68px;
}