
.separadorH{
	clear: both;
	height: 0px;
	overflow: hidden;
}
.espaciador{
	height: 30px;
	clear: both;
}
span.resalta{
	color: #E4E6E7;
}
.cajaLateralDerecha  .halfLeft{
	float: left;
	width: 49%;	
	padding-right: 0px;
}
.cajaLateralDerecha  .halfRight{
	float: right;
	width:49%;
	padding-left: 0px;
}
/*** Titular azul tipico ***/
.titularAzul{
		font: bold 9px verdana,arial,sans-serif;
		text-transform: uppercase;
		color:#2886C0;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
/***************/
/* precabecera */
/***************/
#preCabecera{
    position: relative;		
	width: 100%;
	margin: 0px 0px 0px 0px;			
	padding: 0px 0px 1px 0px;	
	display: block;
	float: left;
	background-color: #f4f4f4;
}
#preCabecera .azul,
#preCabecera .amarillo{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#preCabeceraContent{
	padding: 0px 0px 0px 6px;
}
#preCabecera h1 a{
    position:absolute;
    left:0px;
    top:0px;
    display:block;
    cursor:pointer;    
    width:225px;
    height:39px;    
}
#preCabecera h1{
   position:relative;
	float: left;
	background: url(../img/nuevas/elems/bio_titulo.gif) left top no-repeat;		
	width: 221px;
	height:41px;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
#preCabecera span{
	display: none;		
}
#preCabecera ul{	
    position: absolute;   
	list-style:none;
	text-transform:uppercase;	
	font:normal 10px verdana,arial,sans-serif;
    margin:0;	
    top: 39px;
    right: 5px;	
	padding:0px;
}
#preCabecera ul a{
	text-decoration:none;	
	line-height:normal;
}
#preCabecera li{		
	float: left;
	display: block;	
	text-align:center;	
	margin-left: 1px;	
}
#preCabecera li a{
	display: block;	
	color:#818B96;	
}
#preCabecera li a:hover{
	display: block;
	color:black;	
	border-bottom: 8px solid #1B242B;
}
#preCabecera .rect1{	
	width:68px;
	border-bottom: 8px solid #D6DDE3;
}
#preCabecera .rect2{	
	width:82px;		
	border-bottom: 8px solid #ADBCC7;
}
#preCabecera .rect3{	
	width:94px;	
	border-bottom: 8px solid #839AAB;
}
#preCabecera .rect4{	
	width:80px;	
	border-bottom: 8px solid #5A798F;
}
#preCabecera .rect5{	
	width:118px;
	border-bottom: 8px solid #315773;
}
#preCabecera .rect6{
    width:74px;
    border-bottom: 8px solid #264459;
}
#preCabecera .rect1.on,
#preCabecera .rect2.on,
#preCabecera .rect3.on,
#preCabecera .rect4.on{
	border-color: #2886C0;
}
#preCabecera .rect4.on{
	border-color: #FFBE24;
}
#preCabecera .rect5.on,
#preCabecera .rect6.on{
	border-color: #315773;
}
	
#preCabecera .rect1_on{
	width: 68px;
}

#preCabecera .rect2_on{
	width: 82px;
}
#preCabecera .rect3_on{
	width: 129px;
}
#preCabecera .rect4_on{
	width: 82px;
}

#preCabecera .rect5_on{
	width: 76px;
}
#preCabecera .azul li a:hover{
	border-bottom: 8px solid #2886C0;
}
#preCabecera .amarillo li a:hover{
	border-bottom: 8px solid #FFBE24;
}
#preCabecera a.rect1_on:hover{
	color: #818b96;
	border-bottom: 8px solid #2886C0;
}
#preCabecera a.rect2_on:hover{
	color: #818b96;
	border-bottom: 8px solid #2886C0;
}
#preCabecera a.rect3_on:hover{
	color: #818b96;
	border-bottom: 8px solid #2886C0;
}
#preCabecera a.rect4_on:hover{
	color: #818b96;
	border-bottom: 8px solid #FFBE24;
}
#preCabecera a.rect5_on:hover{
	color: #818b96;
	border-bottom: 8px solid #315773;

}
/******************/
/*fin precabecera */
/******************/
/*****************************/
/*Barra de login y del idioma*/
/*****************************/
#cajaLoginIdioma{
	float: right;
	padding: 0px 0px 0px 332px;
	height: 14px;
	width: 445px;
	font: normal 10px arial,verdana,sans-serif;
	margin: 0px 0px 4px 0px;
}
#cajaLoginIdioma a{
	color:white;
	text-decoration: none;
	display:block;
	padding: 0px 0px 0px 0px; 
}
/*Barra de login*/
#cajaLoginIdioma #login{
	padding: 0px 0px 0px 0px;	
	float: left;
	margin: 0px 0px 0px 0px;
	height: 18px;		
}
#cajaLoginIdioma #login a{
	/*93 x 18*/
	background: url(../img/nuevas/elems/usuario_no.gif) left top no-repeat;
	padding: 0px 9px 9px 18px;
	margin: 0px 0px 0px 0px;
	display:block;
	width:66px;
	height:9px;
}
#cajaLoginIdioma #login a:hover{
	background: url(../img/nuevas/elems/usuario_no_rollover.gif) left top no-repeat;
	color: #000;
}
/* Barra de login con el usuario identificado */
#cajaLoginIdioma #loginOn{
	padding: 0px 0px 0px 0px;	
	float: left;
	margin: 0px 0px 0px 0px;
	height: 14px;
}
#cajaLoginIdioma #loginOn .usuario{
	/*ancho : 150 px*/
	width: 141px;
	padding: 0px 0px 0px 9px;	
	background-color: #63B432;
	color: white;
	float:left;
}
#cajaLoginIdioma #loginOn a{
	color: #437922;
	margin: 0px 0px 0px 7px;		
	text-decoration: underline;
	float:left;
}
#cajaLoginIdioma #loginOn a:hover{
	color: #000;
	background-color: #FFBE24;
}
/*barra de idioma*/
#cajaLoginIdioma #idioma{	
	float:right;	
	height: 13px;		
}
#cajaLoginIdioma #idioma a{
	/*57 * 13 px*/
	display:block;	
	background: #30353A url(../img/nuevas/elems/flecha.gif) right no-repeat;	
	margin: 0px 0px 0px 0px;	
	padding: 0px 15px 0px 9px;
	text-decoration: none;
}
#cajaLoginIdioma #idioma a:hover{
	color: #000;
	background: #FFBE24 url(../img/nuevas/elems/flecha_rollover.gif) right no-repeat;	
}
/*********************************/
/*fin Barra de login y del idioma*/
/*********************************/
#cajaCabecera{
	margin: 0px 0px 0px 0px;		
	padding: 0px 0px 0px 0px;	
	width: 100%;
	position: relative;
}
#cajaCabecera ul{
	margin: 0px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	list-style: none;
	font: normal 11px arial,verdana,sans-serif;
	color: #244055;
	display: block;
	height: 23px;
	position: absolute;	
	bottom: 0px;
}
#cajaCabecera.cursos ul{
	height: 23px;
}
#cajaCabecera a{
	display:block;
	height:16px;
	margin:4px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-decoration: none;
   /*color: #244055;*/
}
#cajaCabecera li{
	margin: 0px 3px 0px 0px;
	text-align:center;
	display: block;
	float: left;	
	padding:0px 0px 0px 0px;
	position: relative;
}
#cajaCabecera li .textoDoble{
	text-align: center;
	position: absolute;
	left: 1px;
}
#cajaCabecera li em{
	display: block;	
	color:red;	
	font-style: normal;
	color:#C0C4C8;
	padding:0px 0px 0px 0px;
	margin: 7px 3px 0px 0px;
}
#cajaCabecera li strong{
	font: bold 16px arial,verdana,sans-serif;	
	display: block;
	margin: 3px 0px 0px 0px;
	color: #2886C0;
}

/********************************/
/* Cabecera portada */
.portada{
	background:url(../img/nuevas/cabeceras/cabe_portada.jpg) no-repeat left top;
	height: 201px;	
	display: block;
	float:left;
}
.portada p#intro{
	margin: 0px;
	padding: 0px;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #fff;
	width: 290px;
	margin-left: 334px;
	padding-top: 104px;
}
/********************************/
/* Cabecera empresa */
.empresa{
	background:url(../img/nuevas/cabeceras/cabecera_corporativo.jpg) no-repeat left top;
	height: 123px;	
	display: block;
	float:left;
}
.empresa p#intro{
	margin: 0px;
	padding: 0px;
	font: bold 22px Arial, Verdana, sans-serif;
	color: #fff;
	width: 290px;
	margin-left: 334px;
	padding-top: 79px;
}
/********************************/
/* Cabecera Cursos (Azul pequeña) */
.cursos{
	background:url(../img/nuevas/cabeceras/cabe_azul_peq.jpg) no-repeat left top;
	height: 122px;
}
/********************************/

/* Cabecera Registro usuario */
.datosUsuario,
.registroUsuario{	
	background:url(../img/nuevas/cabeceras/cabe_gris.jpg) no-repeat left top;
	height: 96px;
	border-bottom: 8px solid #92A5B4;
}
.identificacionUsuario{
	background:url(../img/nuevas/cabeceras/cabe_candado_gris.gif) no-repeat left top;
	height: 200px;
	border-bottom: none;
}
.identificacionUsuario #parrafoAbajo{
	padding: 160px 0px 0px 332px;
}
.formRegistro{
	margin: 0px;
	padding: 0px;
	background:url(../img/nuevas/cabeceras/cabe_candado_gris_grande.jpg) no-repeat left top;
	height: 123px;
}
.formRegistro #parrafoAbajo{
	padding: 80px 0px 0px 332px;
}
.registroUsuario #parrafoAbajo{
	padding: 165px 0px 0px 332px;	
}
.okRegistro{
	background:yellow url(../img/nuevas/cabeceras/cabe_admiracion.gif) no-repeat left top;
	height: 202px;
}	
.okClaves{
	background:url(../img/nuevas/cabeceras/cabe_candado_verde.gif) no-repeat left top;
	height: 202px;	
}
.koPago{
	background:url(../img/nuevas/cabeceras/cabe_error.gif) no-repeat left top;
	height: 202px;
}
/* usado en las cabeceras verdes, rojas y grises */
#titularDerecha{ 
	font: bold 22px arial,verdana,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 166px 0px 0px 334px;
	color: white;
}
.koLogin{
	background:url(../img/nuevas/cabeceras/cabe_error_id.gif) no-repeat left top;
	height: 202px;
}
.contacto{
	background: url(../img/nuevas/cabeceras/cabe_contacto.jpg) no-repeat left top;
	height: 123px;
}

#cajaCabecera #parrafoGrande{
	height: 136px;
	padding:43px 150px 0px 332px;
	margin:0px 0px 0px 0px;
	color:#ffffff;	
	line-height: 26px;
}
#parrafoGrande p{
	margin: 0px;
	padding: 0px;
	font: bold 22px arial,verdana,sans-serif;
}
#parrafoAbajo{
	font: bold 22px arial,verdana,sans-serif;
	color: white;
	margin: 0px;
	padding: 82px 0px 0px 332px;	
}
#parrafoMed{
	height: 100px;
}
#parrafoMed p{ 	
	margin: 0px;
	padding: 13px 20px 0px 330px;
	color:white;
	font: bold 22px/23px arial,verdana,sans-serif;
}
.cursos #parrafoMed p{
	padding: 50px 20px 0px 330px;
}

#parrafoPeq{
	height: 74px;	
}	
#parrafoPeq p{
	font: bold 12px arial,verdana,sans-serif;
	color: white;
	margin: 0px;
	padding: 26px 0px 0px 332px;	
}
#parrafoPeq p strong{
	font: bold 18px arial,verdana,sans-serif;
}

/*************************************************************/
/********************* Cabeceras y tabs **********************************/
/*************************************************************/
/* Cabecera datos de usuario (Ficha usuario, Cambio contraseña, facturas usuario) */
.datosUsuario{
	border-bottom: none;
}
.datosUsuario a{
	font: normal 11px Arial, Verdana, sans-serif;
	color: #244055;
}
/*tabs para la zona datos del usuario*/
.tabFicha{
	width: 56px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_mificha.gif) left bottom no-repeat;	
}
.tabClaves{
	width: 146px;
	height:23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_claves.gif) left bottom no-repeat;	
}
.tabFacturas{
	width: 80px;
	height:23px;	
	background: url(../img/nuevas/cabeceras/tabs/tab_facturas.gif) left bottom no-repeat;
}
.tabFichaGrande{
	width: 90px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_mificha_big.gif) left bottom no-repeat;
}
.tabClavesGrande{
	width: 226px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_claves_big.gif) left bottom no-repeat;	
}
.tabFacturasGrande{
	width: 123px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_facturas_big.gif) left bottom no-repeat;
}
.tabActivos,
.tabPreparacion{
	width: 131px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_cursos.gif) left bottom no-repeat;
}
.tabActivosOn,
.tabPreparacionOn{
	width: 142px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_cursos_big.gif) left bottom no-repeat;
}
.tabPreparacionOn{
	width: 192px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/tab_preparacion_big.gif) left bottom no-repeat;
}
.tabActivos a,
.tabPreparacion a,
.tab a{
	color: #244055;
}


/* Tabs genéricos */

.tab{
    width: 131px;
    height: 23px;
    background: url(../img/nuevas/cabeceras/tabs/tab.gif) left bottom no-repeat;
}
.tab.on{
    width: 142px;    
    background-image: url(../img/nuevas/cabeceras/tabs/tab_on.gif);
}
.tab.peq{
    width: 56px;    
    background-image: url(../img/nuevas/cabeceras/tabs/tab.gif);
}
.tab.peq.on{
    width: 90px;    
    background-image: url(../img/nuevas/cabeceras/tabs/tab_on.gif);
}
.tab.xl{
    width: 146px;    
    background-image: url(../img/nuevas/cabeceras/tabs/tab_extra_grande.gif);
}
.tab.xl.on{
    width: 226px;
    background-image: url(../img/nuevas/cabeceras/tabs/tab_extra_grande_on.gif);
}


/* Pestañas informacion de cursos */
.datosCurso{
	background:url(../img/nuevas/cabeceras/cabe_azul.jpg) left top no-repeat;
	height: 202px;	
}
.misCursos,
.misCursos2{
	background:url(../img/nuevas/cabeceras/cabe_amarilla_fichas.jpg) no-repeat left top;
	height: 116px;	
}
.misCursos a{
	color: #244055;
}
.misCursos2{
	/*border-bottom: 8px solid #FFBE24;*/
	width: 100%;
	height:123px;
}
/* Pestaña inactiva para cada item */
.misCursos .tabInfo,
.datosCurso .tabInfo{
	width: 75px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/informacion_am.gif) left bottom no-repeat;

}
.datosCurso .tabInfo{
	background: url(../img/nuevas/cabeceras/tabs/informacion_az.gif) left bottom no-repeat;
}
.misCursos .tabTemario,
.datosCurso .tabTemario{
	width: 55px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/temario_am.gif) left bottom no-repeat;
}
.datosCurso .tabTemario{
	background: url(../img/nuevas/cabeceras/tabs/temario_az.gif) left bottom no-repeat;	
}
.misCursos .tabComprar,
.datosCurso .tabComprar{
	width: 59px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/comprar_am.gif) left bottom no-repeat;	
}

.datosCurso .tabComprar{
	background: url(../img/nuevas/cabeceras/tabs/comprar_az.gif) left bottom no-repeat;	
}
.misCursos .tabEvaluacion,
.datosCurso .tabEvaluacion{
	width: 70px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/evaluacion_am.gif) left bottom no-repeat;
}
.datosCurso .tabEvaluacion{
	background: url(../img/nuevas/cabeceras/tabs/evaluacion_az.gif) left bottom no-repeat;	
}
.datosCurso .tabEvaluacion a{
 	color: #DBBC7A;
}
.misCursos .tabBibliografia,
.datosCurso .tabBibliografia{
	width: 71px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/bibliografia_am.gif) left bottom no-repeat;
}
.datosCurso .tabBibliografia{
	background: url(../img/nuevas/cabeceras/tabs/bibliografia_az.gif) left bottom no-repeat;
	color: #DBBC7A;
}
.misCursos .tabProfesorOnline,
.datosCurso .tabProfesorOnline{
	width: 92px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/profonline_am.gif) left bottom no-repeat;	
}
.datosCurso .tabProfesorOnline{
	background: url(../img/nuevas/cabeceras/tabs/profonline_az.gif) left bottom no-repeat;		
	color: #DBBC7A;
}
/* Pestaña activa para cada item */
.misCursos .tabInfoOn,
.datosCurso .tabInfoOn{
	width: 121px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/informacion_am_big.gif) left bottom no-repeat;
}
.datosCurso .tabInfoOn{
	background: url(../img/nuevas/cabeceras/tabs/informacion_az_big.gif) left bottom no-repeat;	
}
.misCursos .tabTemarioOn,
.datosCurso .tabTemarioOn{
	width: 86px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/temario_am_big.gif) left bottom no-repeat;
}
.datosCurso .tabTemarioOn{
	background: url(../img/nuevas/cabeceras/tabs/temario_az_big.gif) left bottom no-repeat;	
}
.misCursos .tabComprarOn,
.datosCurso .tabComprarOn{
	width: 95px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/comprar_am_big.gif) left bottom no-repeat;
}
.datosCurso .tabComprarOn{
	background: url(../img/nuevas/cabeceras/tabs/comprar_az_big.gif) left bottom no-repeat;	
}
.misCursos a{
	margin: 0px;
	padding: 0px;
}

.misCursos .tabComprar a {
	color: #DBBC7A;
}

.misCursos .tabEvaluacionOn{
	width: 113px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/evaluacion_am_big.gif) left bottom no-repeat;
}
.misCursos .tabEvaluacionOn a{
	font: bold 16px/16px arial,verdana,sans-serif;	
	display: block;
	/*margin: 3px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	color: #2886C0;
	position:relative;
	top:-3px;
}

.misCursos .tabEvaluacionOn a strong {
	height:16px;
	border:1px solid red;
}

.datosCurso .tabInfo a,
.datosCurso .tabTemario a,
.datosCurso .tabComprar a{
	color: #244055;
}

.datosCurso .tabEvaluacion  a,
.datosCurso .tabBibliografia  a,
.datosCurso .tabProfesorOnline a{
	color: #DBBC7A;
}
.misCursos .tabBibliografiaOn{
	width: 115px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/bibliografia_am_big.gif) left bottom no-repeat;
}
.misCursos .tabProfesorOnlineOn{
	width: 143px;
	height: 23px;
	background: url(../img/nuevas/cabeceras/tabs/profonline_am_big.gif) left bottom no-repeat;	
}
/*****************/
/* pie de pagina */
/*****************/
/*tiene las mismas propiedades de posicionamiento que caja lateral derecha*/
#contenedorPie{
	/*margin: 150px 0px 0px 332px;*/
	/*width: 280px;*/
	margin-top: 150px;
	display: block;
	float: left;
}
#contenedorPie .interiorPie{
	padding-left: 254px;
}
#contenedorPie .infoPie,
#contenedorPie .certificacion{
	display: block;
	float: left;
}
#contenedorPie .certificacion a{
	display: block;
	height: 78px;
	width: 83px;
	background: url(../img/nuevas/elems/certificacion_iso.gif) left bottom no-repeat;	
}
#contenedorPie .infoPie{
	border-bottom: 8px solid #2886C0;
}
#contenedorPie p{	
	font: normal 10px arial,verdana,sans-serif;
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 0px 0px;
	color: #315773;
}
#contenedorPie a{	
	font: normal 10px arial,verdana,sans-serif;
	color: #2886C0;	
}
#contenedorPie strong{
	font: bold 11px arial,verdana,sans-serif;	
	color:#2886C0;	
} 

/*********************/
/* fin pie de pagina */
/*********************/
.cajaLateralDerecha{
	margin-left: 327px;	
}
/*** Empresa ***/

#empresa{
}
#empresa .cajaLateralDerecha .cajaLateralDerechaContent{
	padding: 25px 0px 28px 5px;
}
#empresa .cajaLateralDerecha .cajaLateralDerechaContent p{
	font: bold 12px Arial, Verdana, sans-serif;
	color: #2886C0;
}
#empresa .datosEmpresa{
	padding: 0px 40px 0px 40px;
}
#empresa .datosEmpresa h3{
	font: bold 9px Verdana, Arial, sans-serif;
	color: #2886C0;
	text-transform: uppercase;
	padding: 0px 0px 3px 0px;
}
#empresa .datosEmpresa p{
	font: normal 11px Arial, Verdana, sans-serif;
	color: black;
	padding: 0px 0px 15px 0px;
}
#empresa .datosEmpresa p strong{
	font-weight: normal;
	color: #2886C0;
	background-color: #E4E6E7;
}

