﻿/*********************************************************************************/
/* ESTILOS PROPIOS DE LA APLICACI�N DEFINIDA                                     */
/*********************************************************************************/

/***********************************************************************************/
/* Es recomendable (sobre todo para cumplir la especificaci�n de accesibilidad AA) */
/* el uso de elementos de encabezamiento para transmitir la estructura l�gica      */
/* y se deben utilizar de acuerdo con la especificaci�n                            */
/***********************************************************************************/
/* CSS Document */

/* Inicio estilos */
body{
	background-color: #FFFFFF;
	margin: 0px;
}

html{
	overflow-y: scroll;
}

.arial11normalnegroderecha{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: right;
	position:relative;
	left:45%;
}

.ocultarBorde {
	padding:0px;
	border:0px solid;
}

.heightTablaPrincipal{
	height:97%;
	width: 100%;
}
.heightTablaSecundaria{
	height:765px;
	width: 1003px;
}
.heightTablaSecundaria1000{
	height:765px;
	width: 1000px;
}
.heightTablaIdioma{
	height:43px;
}
.height100{
	height:100px;
}

.width8{
	width:8px;
}

.widthHeight8{
	height:8px;
	width:8px;
}
.widthHeight50{
	height:55px;
	width:58px;
}
.width50{
	width:50px;
}
.height1{
	height:1px;
}
.height405{
	height:405px;
}

.height515{
	height:515px;
}
.height70{
	height:70px;
}
.height62{
	height:62px;
}
.height449{
	height:449px;
}
.height238{
	height:238px;
}
.width1{
	width:1px;
}
.width1yBgColor{
	width:1px;
	background-color:#E3E3E3;
}

.width1yBgColorE2E2E2{
	width:1px;
	background-color:#E2E2E2;
}
.width2yBgColorE2E2E2{
	width:2px;
	background-color:#E2E2E2;
}

.width980{
	width:980px;
}

.width980Height60{
	width:980px;
	height:60px;
}

.width215{
	width:215px;
}

#imgSupIzq{
        width:264px;
        height:68px;
        border-bottom:none;
		border-top:none;
        border-left:none;
		border-right:none;
}

#imgSupIzq img{
	width:100%;
	height:auto;
}

.height26{
	height:26px;
}
.height2{
	height:2px;
}
.height4{
	height:4px;
}
.height2width2{
	height:2px;
	width:2px;
}

.height35width315{
	height:35px;
	width:315px;
}

.height35width497{
	height:35px;
	width:497px;
}

.bgColor_F1F1F1{
	background-color:#F1F1F1;
}

.bgColor_F1F1F1height142{
	background-color:#F1F1F1;
	height:142px;
}

.bgColor_F1F1F1height144{
	background-color:#F1F1F1;
	height:135px;
}
.bgColor_F1F1F1height254{
	background-color:#F1F1F1;
	height:254px;
}

.bgColor_F9F9F9{
	background-color:#F9F9F9;
}
.height2bgColor_FFFFFF{
	height:2px;
	background-color:#FFFFFF;
}

.height1bgColor_CFCFCF{
	height:1px;
	background-color:#CFCFCF;
}

.width863{
	width:863px;
}
.width220{
	width:220px;
}

.height20{
	height:20px;
}
.width6{
	width:6px;
}
.height26ybold16{
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}
.height35ybold16{
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.height35ybold16{
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
	padding-left: 10px;
}

.arial16boldgrisHeight26{
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.arial16boldgrisHeight35{
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}


.height35{
height:35px;
}


.bgcolorE3E3E3{
	background-color:#E3E3E3;
}



.heightTablaNumDoc{
	height:57px;
	width:248px;
}

.heightTablaLogoTipo{
	height:60px;
}

.heightTablaFinal{
	height:190px;
}

.heightTablaEsquinasWidth130{
	height:43px;
	width:130px;
}


.heightTablaEsquinas{
	height:43px;
}

.arial20boldazulDocumento{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
	padding-left:120px;
	text-align:right;  
}

.estiloFondoDatos{
	background-image: url(../img/fondo_datos.gif);
	border:0px;
	width: 100%;
}

.arial14boldazulRespuestasheight35width315{
	height:35px;
	width:315px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #134D7D;
	text-decoration: none;
	background-image: url(../img/fondo_datos.gif);
}

.arial14boldazulRespuestas{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #134D7D;
	text-decoration: none;
	background-image: url(../img/fondo_datos.gif);
}

.arial20boldgrisConBackgroundLnSup{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
	background-image: url(../img/err_ln_sup.gif);	
}

.arial20boldgrisConBackgroundLnIzq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
	background-image: url(../img/err_ln_izq.gif);	
}

.arial20boldgrisConBackgroundLnDch{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
	background-image: url(../img/err_ln_dch.gif);	
}

.arial20boldazulConBackgroundLnInf{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
	background-image: url(../img/err_ln_inf.gif);
}

.boton_fondo{	
	background-image: url(../img/boton_fondo.gif);
}




.fondoIzq{	
	background-image: url(../img/linea_fondo_izq.gif);
	border: 0px !important;
    background-repeat: repeat-y;
}
.fondoDer{
	background-image: url(../img/linea_fondo_der.gif);
	border:0px !important;
	background-repeat: repeat-y;
}
.fondoSup{
	width:100%; 
	background-image: url(../img/linea_fondo_sup.gif);
	/*background: img/linea_fondo_sup.gif;*/
}
.fondoInf{
	background-image: url(../img/linea_fondo_inf.gif);
}

.fondoDatos{	
	background-image: url(../img/fondo_datos.gif);
}

.fondoDatos1{	
	background-image: url(../img/fondo_datos1.gif);
}

.fondoDatos1height35{	
	background-image: url(../img/fondo_datos1.gif);
	height:35px;
	width:100%;
}


.heightTablaRespuestas{
	height:100%;
}



.arial12boldazulclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0063A6;
	text-decoration: none;
}

.arial12boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #141414;
}

.arial12boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #696969;
}

.arial14boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #134D7D;
	text-decoration: none;
}


.arial16boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #134D7D;
	text-decoration: none;
}


.arial18boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #134D7D;
	text-decoration: none;
}


.arial16normalazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #134D7D;
}


.arial16boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.arial16boldgrisoscuro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #464646;
}

.arial18boldgrisoscuro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #464646;
}

.arial20boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
}

.arial24boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: bold;
	color: #696969;
}

.arial24boldamarillo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFD600;
}

.arial24boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0063A6;
}

.arial30boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0864A4;
}

.arial43boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-weight: bold;
	color: #134D7D;
}


.arial20boldrojo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
}
.arial20boldgrisclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D0D0D0;
}
.arial20boldgrisWidth44{
	width:44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
}
.arial20boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
}

.arial20boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}


.fondoboton{
	background-image: url(../img/botonoff.gif);
	cursor:pointer;
}

.fondobotonOn{
	background-image: url(../img/botonon.gif);
	cursor:pointer;
}

.fondobotonOnRespuesta{
	background-image: url(../img/botononResp.gif);
	cursor:pointer;
}

.fondobotonRespuesta{
	background-image: url(../img/boton_contestado.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}


.f175
{
	border-right: #CACACA 1px solid;
    border-top: #CACACA 1px solid;
    border-left: #CACACA 1px solid;
    border-bottom: #CACACA 1px solid;
	background-color:#F5F5F5;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    width: 175px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
}

.f140
{
	border-right: #7F9DB9 1px solid;
    border-top: #7F9DB9 1px solid;
    border-left: #7F9DB9 1px solid;
    border-bottom: #7F9DB9 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana;
    width: 140px;
    color: #2F7EAB;
    background-color: #FFFFFF;
    text-decoration: none;
}

input.check{
	border:0px;
	background-color:transparent;
}

.boton_leido{
	background-image: url(../img/boton_contestado.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
.boton_correcto{background-image: url(../img/boton_correcto.gif);background-repeat: no-repeat;cursor:pointer;}
.boton_correcto_sel{background-image: url(../img/boton_correcto_selec.gif);background-repeat: no-repeat;cursor:pointer;}
.boton_incorrecto{background-image: url(../img/boton_incorrecto.gif);background-repeat: no-repeat;cursor:pointer;}
.boton_incorrecto_sel{background-image: url(../img/boton_incorrecto_selec.gif);background-repeat: no-repeat;cursor:pointer;}

/*MLS: CAMBIOS USABILIDAD: 07/08/2008*/
/* CSS Document */


.contenedor {
    position: absolute;
    left: 10px;
    top: 96px;
    width: 983px;
    height: 58%;
    z-index: 6;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}

/*Especifico para Lectura facil*/
.contenedorlf{
    position: absolute;
    left: 10px;
    top: 96px;
    width: 983px;
    height: 58%;
    z-index: 6;
	overflow:hidden;
}

.capaPresentarPregunta {
	position:absolute; 
	left:38px; 
	top:575px; 
	width:945px; 
	height:148px; 
	z-index:100; 
	visibility: hidden;
}


.contenido{
	position:absolute; 
	left:0px; 
	height:100%; 
	top:0px; 
	z-index:7; 
	visibility: visible; 
}

.pregunta { 
	padding:8px 0 0 16px; vertical-align:top;
}

.pregunta_num{ vertical-align:top;
}

.pregunta_txt{
padding-left:23px;
}


.opciones { 
	padding:0 0 0 36px
}



.arial12boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #134D7D;
}


.arial12boldazulclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0063A6;
	text-decoration: none;
}

.arial12azulclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0063A6;
	text-decoration: none; 
}

.arial12azulclaroWidth180{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0063A6;
	text-decoration: none;
	width:180px; 	
}

.arial12azulclaroHeigth35{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0063A6;
	text-decoration: none; 
	height:35px;
}

.arial12azulclaroHeigth26Width630{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0063A6;
	text-decoration: none; 
	width:630px; 
	height:26px; 
}



.arial12boldnegroWidth90{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #141414;
	width:90px; 
}

.arial12boldgrisWidth60Heigth20{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #696969;
	width:60px; 
	height:20px;
}



.arial16boldazulclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0063A6;
	text-decoration: none;
}





.arial16boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.arial16negro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000; 
	text-decoration:none;
}


.arial16boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


.arial16boldgrisoscuro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #464646;
}

.arial18boldgrisoscuro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #464646;
}
.arial18boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.arial18negro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-decoration:none;

}

.arial20boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
}

.arial21boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}


.arial24boldamarillo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFD600;
}

.arial24boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0063A6;
}

.arial30boldazul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #0864a4;
}



.arial20boldrojo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
}
.arial20boldgrisclaro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D0D0D0;
}
.arial20boldgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
}

.arial20boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}


table.alfa { 
	width:584px; 
	float:left; 
	margin-top:31px; 
}
table.alfa td{
	text-align:center;
}
table.numerico { 
	width:248px;
	float:right;
	margin-top:31px;
}
table.numerico  td{ 
	margin-right:4px; 
	text-align:center;
}


/*botones login normal*/
.fdboton_log{ 
	width:84px; 
	height:68px; 
}

.fdboton_log a{ 
	display:block; 
	padding-top:11px;
	width:84px;
	height:58px; 
	background: url(../img/boton_off.gif) no-repeat;
	cursor:pointer;
}

.fdboton_log_on a{ 
	display:block; 
	width:84px;
	height:46px; 
	padding-top:11px;
	background: url(../img/boton_on.gif) no-repeat;
	color:#000;
}

/*boton login borrar*/
.fdboton_borrar{ 
	width:168px; height:58px; 
}

.fdboton_borrar a{
	display:block; 
	width:168px; 
	height:58px;
	padding-top:11px;
	background: url(../img/boton_borrar_off.gif) no-repeat;	
	cursor:pointer;
}

.fdboton_borrar_on a{ 
	display:block; 
	width:168px; 
	height:46px;
	padding-top:11px;
	background: url(../img/boton_borrar_on.gif) no-repeat;	color:#000;
}


.f175
{
	border-right: #CACACA 1px solid;
    border-top: #CACACA 1px solid;
    border-left: #CACACA 1px solid;
    border-bottom: #CACACA 1px solid;
	background-color:#F5F5F5;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    width: 175px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
}

.f175_fd
{
	border:none; 
	padding-bottom: 10px;
    padding-left: 210px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    width: 210px; height:44px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;	
	background-image: url(../img/fd_textbox.gif);
}


.f140
{
	border-right: #7F9DB9 1px solid;
    border-top: #7F9DB9 1px solid;
    border-left: #7F9DB9 1px solid;
    border-bottom: #7F9DB9 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana;
    width: 140px;
    color: #2F7EAB;
    background-color: #FFFFFF;
    text-decoration: none;
}

input.check{
	border:0px;
	background-color:transparent;
}


/*Test ----------------*/
.area_imagen{  
	width:440px;
	background-color:#F4F4F4; 
	border-left:1px solid #fff;
	min-width: 385px;
 }
.area_contenido{  
	 background-color:#fff; 
	 border-left:1px solid #d9d9d9;
	 
 }

div.foto_test { 
	position: absolute;
    top: 180px;
    left: 57px;
    width: 418px;
    height: 229px;
    background: url(../img/fondo_foto.gif) no-repeat;
}
/*Especifico para Lectura facil*/
div.foto_testlf {
	width:326px; height:229px;
}
/*Especifico para Lectura facil*/
.tablaRespuestaslf{
	height: 100%;
    width: 100%;
}
div.foto_test img{ 
	position:absolute; 
	left:7px;top:7px; 
}


/*navegador*/
td.navegador { 
	 vertical-align:bottom;
	 padding-bottom:7px; 
	 padding-left:10px;
 }
/*Especifico para Lectura facil*/
 td.navegadorlf { 
	 vertical-align:bottom;
	 padding-bottom:7px; 
	 padding-left:10px;
	 text-align: center;
 }
 
.btn_anterior { 
	width:93px; 
	height:56px;
	background: url(../img/boton_anterior.gif) no-repeat; 
	cursor:pointer; 
	border:none;
}
.btn_siguiente { 
	width:321px; 
	height:56px;
	background: url(../img/boton_siguiente.gif) no-repeat;
	cursor:pointer; 
	border:none;
}

td.btn_finalizar{
	width:165px;
	height:56px;
	text-align:right; 
	vertical-align:top; padding-right:0px;
	
}

.btn_finalizar a{ 
	float:right; 
	width:151px; 
	height:56px;
	background: url(../img/boton_final_test.gif) no-repeat; 
	margin-right:0px;
}

/*botones numero test*/

table.num_test td{ 
	width:60px; 
	height:57px;
	min-width: 55px;
	text-align:center;
}

table.num_test td span{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #6a93b7;
}

.fondoboton{
	background: url(../img/botonoff.gif) no-repeat;
	cursor:pointer;
}



.bt_respuesta { 
	width:70px; 
	height:50px; 
	vertical-align:top;
}

/*Especifico para Lectura facil*/
.bt_respuestalf { 
	width:22%; 
	height:60px; 
	text-align:center;
	border-left:1px solid grey;
	line-height: 150%;
}
.respuesta {
	vertical-align:top; 
	padding-top:16px; 
	padding-bottom:12px;
}
.respuesta a{ 
	display:block; 
	width:470px;
}

/*Especifico para Lectura facil*/
.respuestalf {
	line-height: 150%;
	height:100%;
	width:70px;
	border-left:1px solid grey;
	padding-top:10px;
	padding-left:10px;
	vertical-align: top;
}
/*Especifico para Lectura facil*/
.enunciadolf{
	height:100%;
	width: 35%;
	padding-top:10px;
	padding-left:5px;
}

/*pie leyenda*/
.reloj_inf{ 
	background-color:#e9e9e9; 
	color:#696969;
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
 }
td.pie_leyenda { 
	text-align:center; 
	background-color:#E9E9E9; 
	height:28px; 
	padding-left:12px;
}



/*cabecera*/
.pL1 { 
	padding-left:5px;
}
.pL2 {
	padding-left:4px;
	padding-right:8px
}

.pL5px { 
	padding-left:5px;
}

/* Clases para accesibilidad */
	
	.hidden 
	{visibility:hidden !important}
	
	.displayNone 
	{display:none !important}



.alignCenter{
	text-align: center;
}

/* Fin estilos */
/* Inicio DGTestilosIE */

#trazabilidad{ background-position:0px 5px;}

/* Fin DGTestilosIE */
/* Inicio DGTestilos */

/*
body{ background-color:#F5F3F3;padding:15px; margin:0px;text-align:left;}
*/

center{padding:0px; margin:0px;}
#cabecera{width:937px; padding:0; margin:0;}
#contenedorPrincipal{width:937px; padding:0; margin:auto;}
#menu{width:215px; vertical-align:top; background:url(../images/menuFnd.gif) repeat-y;}
#pantallaPrincipal{width:720px;background:url(../images/fnd_pntPrincipal.gif) repeat-y;padding:12px 12px 20px 8px; background-position: top left; left:200px; top:0px; vertical-align:top;}
#trazabilidad{ background: url(../images/marcadorTrazabilidad.gif) 0px 1px no-repeat; padding-left:15px;height:15px;text-align: left;}
#tituloDestacado{padding-left:15px; padding-top:10px}
.divTituloSeccion{clear:both; margin-left:15px; padding-bottom:5px; padding-top:5px; background:url(../images/subrayadoTtlSeccion.gif) repeat-x bottom; margin-right:15px;text-align: left;}
.divGeneral{clear:both; margin-left:15px; padding-bottom:5px; padding-top:5px; margin-right:15px; padding-right:15px;}
.divGeneralTipoExamenes{clear:both; margin-left:15px; padding-bottom:5px; padding-top:5px; margin-right:15px; padding-right:15px; width: 980px;}
.tdDerecho{background:url(../images/sep_linea.gif) right repeat-y ; width:50%; vertical-align:top; }
.divSeccion{ width:auto; margin-bottom:10px;}
.divSeccionIzq{ margin-right:16px; width:auto; margin-bottom:10px;}
.divSeccionMed{ margin-left:16px; margin-right:16px; width: 280px; margin-bottom:10px;}
.divSeccionDch{ margin-left:16px; width: 280px; margin-bottom:10px;}
.divEnlaces{border-bottom:1px solid #A9BAD8; clear:both;height:20px; vertical-align:middle; line-height:20px;}
.divParrafo{clear:both; margin-bottom:10px; width:100%; margin-top:10px;}
.flcSeccion{float:left; margin-top:4px; margin-right:4px; }
.flcMarcador{float:left; margin-top:2px; margin-right:4px; }
#pie{width:937px; padding:0; margin:0;}
.botonAceptar{border:0px; background:transparent url(../images/aceptar.gif) no-repeat; float:right; width:70px;}

/*textos*/
.textoTraza{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003D56; text-align: left;}
.textoActualizacion{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; float:right; padding-right:15px; }
.tituloSeccion{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #496597;}
.selectTtl{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:2px;
	height:17px;
	border:1px solid #7F9DB9;
}
.txtConsultar{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: black; text-align:right;float:right; padding-left:15px; background:url(../images/lnk_consultar.gif) 0 7px no-repeat; }
.txtSeccion{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: black;float:left;text-align: left;}
.txtNormal{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color: black;float:left;text-align: left;}

/* Fin DGTestilos */

/* Inicio portal/dgt_estilos */

/* Elementos Generales (tama�o fuente general ~11px) */
/*
body {
	
	background : #f5f3f3;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	font-size : 68.75%;
	
	
}
*/
body.imprimir{
	background : #ffffff;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	font-size : 68.75%;
	text-align: left;
	width: 650px;
}

#contenedorImp{
	background : #ffffff;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	text-align: left;
	width: 645px;
}

/*Cabecera Impresi�n*/
.cursorPointer{cursor:pointer}

.cabeceraImp{
width:650px;
background: url(/imagenes/general/versionimprimible.png) top no-repeat;
height:100px;
float:left;
margin-bottom:1em;

}


a {
	text-decoration: none;
	color:#ffffff;
	background-color: transparent;
	cursor:pointer;
}
/*
img {
	display: block;
	margin: auto; 
}
*/

a img {
	border: 0;
}

form{
	margin: 0;
}
input{
	margin: 0;
}


/* Formatos Generales */
UL.nolist{margin:0; padding:0; list-style:none}
UL.nolist LI{margin:0; padding:0; list-style:none}
UL.nolist2{list-style:none; padding-left:0;}
UL.nolist2 LI{list-style:none; padding-left:0;}
A.azul{color:#2D4E86; text-decoration:underline}

.letraAmarilla{
	color:#fed404;
	margin-left:0.45em;
	background-color: transparent;
	float:left;
}

.letraAmarilla a{
	color:#fed404;
	background-color: transparent;
}
.letraAmarilla a:hover{
	color:#fed404;
	text-decoration:underline;
	background-color: transparent;
}

.letraBlanca{
	color:#ffffff;
	margin-left:0.45em;
	background-color: transparent;
	float:left;
}

.letraBlanca a:hover{
	color:#ffffff;
	text-decoration:underline;
	background-color: transparent;
}

.letraBlancaBold{
	font-weight:bold;
	color:#ffffff;
	background-color: transparent;
}

.letraBlancaAmr{
	color:#ffffff;
	margin-left:0.45em;
	background-color: transparent;
}

.letraBlancaAmr a:hover{
	color:#FCE04E;
	background-color: transparent;
}

.letraNegra{
	color:#000000;
	background-color: transparent;
}
.letraNegraJus{
	color:#000000;
	background-color: transparent;
	text-align:justify;
}
.letraNegra a{
	color:#000000;
	background-color: transparent;
}

.letraNegra a:hover{
	text-decoration:underline;
	color:#000000;
	background-color: transparent;
}

.letraAzulBoldBig{
	font-size:1.3em;
	color:#2D4E86;
	font-weight:bold;
}

/*.letraAzul{
#	float:left;
#	color: #2D4E86;
#	background-color: transparent;
	
	color:#2D4E86;
	font-weight:bold;
	background-color: transparent;
	display: inline
	
}
*/
.letraAzul a{
	color: #2D4E86;
	background-color: transparent;
}

.letraAzul a:hover{
	text-decoration:underline;
	color: #2D4E86;
	background-color: transparent;
}

.letraAzulBold{
	float:left;
	color: #2D4E86;
	font-weight:bold;
	background-color: transparent;

}
.letraAzulBold a{
	color: #2D4E86;
	font-weight:bold;
	background-color: transparent;
}

.letraAzulBold a:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #2D4E86;
	background-color: transparent;
}

/* Iconos */
.icoFlechAmaCabecera{
	margin-top:0.15em;
}

.icoCruz{
	width:1.1em;
	height:1.1em;
	background:url(../imagenes/general/ico_cruz_blanca.jpg); 
}


/*Listas UL LI*/

.ulMenuHome{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.liMenuHome{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
}

.icoCruzAbierta{
	width:1.1em;
	height:1.1em;
	background:url(../imagenes/general/ico_guion_blanco.jpg);
}

.icoHomeFlecha{
	width:1.1em;
	height:1.1em;
	background:url(../imagenes/general/icon_flecha_menu.png) no-repeat;
}

.icoFlechBla{
	width:0.81em;
	height:0.81em;
	background:url(../imagenes/general/ico_flecha_blanca.gif) no-repeat;
}

.icoSobre{
	width:0.81em;
	height:0.81em;
	background:url(../imagenes/general/ico_sobre.gif) no-repeat;
}

.icoFlechNeg{
	width:0.54em;
	height:1em;
	margin-top:0.1em;
	background:url(../imagenes/general/ico_flecha_negra.png) no-repeat;
}

.icoFlechAzul{
	width:1em;
	height:1em;
}

.exclIco{
	width:0.81em;
	height:0.81em;
	background: url(../imagenes/general/ico_aviso.jpg) no-repeat;
}
/*#buscBoton{
	background:url(../imagenes/comun/ico_lupa.gif) no-repeat;		
	background-position: center;
	border: 0;
	width: 1.35em;
	height: 1.35em;	
	margin-left:0.45em;
	margin-right: 1.35em;
	float:right;	
}*/

/* Separaciones */

.separadorSeccion{
	width:95%;
	height:0px;
	border:solid white 0.1em;
	clear:both; 
}

.separacion15em{
	width: 100%;
	height:1.5em;
	clear:both;
}

.separacion10em{
	width: 100%;
	height:1em;
	clear:both;
}

.separacion7em{
	width: 100%;
	height:0.7em;
	clear:both;
}
.separacion5em{
	width: 100%;
	height:0.5em;
	clear:both;
}
.separacion2em{
	width: 100%;
	height:0.2em;
	clear:both;
}
.separacion1em{
	width: 100%;
	height:0.1em;
	clear:both;
}

.separacionPuntos{
	width: 100%;
	height:1em;
	clear:both;
	margin-bottom:1em;
	border-bottom:0.1em dashed #2D4E86;
}

/* Para incluir los enlaces */
.enlaceBtn{
	width:99.6%;
	height:1.36em;
	float:left;
	background:url(../imagenes/general/relleno_enlace.jpg) center repeat-x;
}

.enlaceLetra{
	margin-left:0.2em;
	font-weight: bold;
	float:left;
}

.enlaceFlecha{
	float:right;
	margin-top: 0.15em;
	margin-right: 0.2em;
}

.enlaceFlechaTit{
	float:left;
	margin-top: 0.15em;
	margin-left: 0.2em;
}

.cajaEnlacesBienvenida{
	width:93%;
	float:left;
	padding:0.5em;
	margin-top:0.5em;
	/*margin-left:0.95em;*/
	margin-bottom:1em;
	padding-left:0.5em;
	background-color:#CCD8DD;
}

.cajaEnlaces{
	width:97.5%;
	float:left;
	padding:0.5em;
	margin-top:0.5em;
	/*margin-left:0.95em;*/
	margin-bottom:1em;
	padding-left:0.5em;
	border:0.1em #999999 dashed;
}

.cajaEnlacesMitad{
	width:/*23.2%;*/96.5%;
	float:left;
	padding:0.5em;
	margin-top:0.5em;
	margin-bottom:1em;
	padding-left:0.5em;
	border:0.1em #999999 dashed;
}

.iconoEnlacesDoc{
	float:left;
	margin-top:0.1em;
	background:url(../imagenes/general/icoSeccion.gif) left  no-repeat;
	background-color: inherit;
	padding-right:0.3em;
	clear:both;
	margin-bottom:0.3em;
	width:1em;
	height:1.1em;
}

.letraEnlacesDoc{
	margin-bottom:0.5em;
}


/*Para los titulos*/

/*titulo principal*/
.tituloPpal{
	width: 100%;
	float: left;
	background:url(../imagenes/home/rellenoTitulo.gif) top center repeat-x;

}

.tituloPpalIconos{
	float: left;
	background:url(../imagenes/home/rellenoTitulo.gif) top center repeat-x;
	margin-right:9em;
	/*margin-left:0.3em;*/
	width:88%;
}

.tituloPpalIconos2{
	float: left;
	background:url(../imagenes/home/rellenoTitulo.gif) top center repeat-x;
	width:92.5%;
}
.textoTitIzq{
	font-size: 1.3em;
	font-weight: bold;
	padding-left:0.4em;
	height:2.1em;
	padding-top:0.3em;
	float: left;
	background:transparent url(../imagenes/home/bordeTitulo.gif) top left no-repeat;
}
.textoTitDch{
	height:2.1em;
	padding-top:0.5em;
	padding-right:0.7em;
	float: right;
	font-size: 1em;
	font-weight: bold;
	background:transparent url(../imagenes/home/bordeTitulo.gif) top right no-repeat;
}

/*Titulo de puntos e iconos*/

.tituloPuntos{
	margin-bottom:1.5em;
	/*margin-left:0.1em;*/
	margin-right:0.5em;
	border:0.1em solid #ffffff;
}


.iconoTitulo{
	width:1.5em;
	height:1.5em;
	/*margin-right:0.5em;*/
	float:left;
	background:url(../imagenes/general/icoTitulo.gif) left  no-repeat;

}
.left{
	border-bottom:0.1em dashed #2D4E86;
	margin-right:5.3em;
	height:1.4em;
	margin-left:1.7em;
}

.leftFinal{
	border-bottom:0.1em dashed #2D4E86;
	height:1.4em;
	margin-left:1.7em;
}


.left2{
	border-bottom:0.1em dashed #2D4E86;
	margin-right:3em;
	height:1.4em;
	margin-left:1.7em;
}

.letraTituloPuntos{
	float:left;
	color:#2D4E86;
	background-color: inherit;
	font-weight:bold;
	font-size:1.1em;
}

.right{
	float:right;
}
.iconosSeccion{
	width:10%;
	float:right;
	margin-top:-1.5em;

}

.iconosPrincipal{
	width:13%;
	float:right;
	margin-top:-3.2em;
}

.icono{
	width:2.25em;
	float:right;
	margin-left:0.5em !important;
}

.iconoFin{
	width:1.15em;
	float:right;
	margin-left:0.5em;
}
.iconoFin2{width:1.15em; height:2em; float:right; margin-left:0.5em !important; background:red url(/imagenes/general/finTitulo.gif) no-repeat;}

/*titulo secundario para secciones*/

.tituloSecundario{
	float:left;
	color:#2D4E86;
	font-size:1.1em;

}

.leftMedia{
	border-bottom:0.1em dashed #2D4E86;
	height:1.4em;
}

/*Clase para las fotos de secciones y descripciones*/

.fotoSeccion{
	float:left;
	padding-right:0.5em;
	width:/*12em;*/19.5%;
}

.fotoSeccionBib{
	float:left;
	padding-right:0.5em;
	width:6em;
}

.fotoSeccionMedia{
	float:left;
	padding-right:0.5em;
	width:9em;
}

.fotoSeccionDch{
	float:right;
	padding-left:0.5em;
	/*width:14%;*/
	width:/*9em;*/19%;
}

.fotoSeccionMediaDch{
	float:right;
	padding-left:0.5em;
	/*width:29.6%;*/width:9em;
}

.fotoDescripcion{
	float:left;
	padding-right:1em;
	width:15em;
}
.fotoDescripcionIzq{
	float:left;
	padding-right:0.5em;
	width:/*15em;*/22%;
}

.fotoDescripcionDch{
	float:right;
	padding-left:0.5em;
	width:/*26%;*/19%;
}

.pieFoto{
	background-color:#2D4E86;
	margin-right:0.1em;
	/*margin-left:0.09em;*/
	padding-bottom:0.1em;
	margin-top:0.1em;
	height:1.5em;
}

.fotoSeccionMediaDer{
	float:right;
	padding-right:0.5em;
	padding-top:0.2em;
	width:29.6%;
}


/*Para el contenido relacionado del menu de la derecha*/

.centralRelacionado{
	width: 66.6%;
	float:left;
}
.contRelacionado{
	width:29.7%;
	float:right;
	border:0.1em solid #2D4E86;
}

.cajaRelacionado{
	/*float:left;*/
	padding:0.7em 0.3em 0.7em 0.3em;
}

.cajaEnlacesRel{
	float:left;
	padding-bottom:0.4em;
}

.fondoAzulRelacionado{
	width:100%;
	background-color:#2D4E86;
	height:1.3em;
	/*float:left;*/
	margin-bottom:0.4em;
	clear:both;
	color: white;
}


.fotoRelacionado{
	float:left;
	border:0.1em solid #2D4E86;
	width:27%;
	margin-bottom:1em;

}

.campanyaRel{
	/*padding-left:3.1em;
	width:70%;
	float:left;*/
	text-align:center;
	padding-bottom:0.7em;
	clear:both;
}

.flotaIzq{
	float:left;
	padding-right:0.5em;
}

video{ 
	border: 1px solid #ccc; 
	padding: 10px; 
	margin: 10px; 
	border-radius: 2px; 
	width:300px;
	height: 210px;
	/*-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	-ms-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;*/ 
}
/*
div
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; 
}
*/

	/* Clases para accesibilidad */
	
	.hidden 
	{visibility:hidden !important}

/* Fin portal/dgt_estilos */
/* Inicio portal/dgt */

/* Capas Generales*/
/*
#contenedor{
	margin: auto;
	text-align: left;
	width: 94.1%;
	padding: 0em;
	clear: both;
}
*/
#cabecera{
	width: 100%;
	margin:0;
	padding:0;
	clear:both;
}

#fondoMenu{
	width: 100%;
	float:left;
}

#menu{
	width:23%;
	height:100%;
	float:left;
	background:#EBE7E6 url(../imagenes/comun/rellenoIzq.gif) left repeat-y;
	border-right:0.1em dashed #999999;
}

#pie{
	width: 100%;
	clear: both;
	background:#014e6e url(../imagenes/comun/relleno_pie.jpg) bottom left repeat-x;
	height:3em;	
}


/**************************/
/* CAPAS PARA LA CABECERA */
/**************************/

#cabSuperior{
	width: 100%;
	height: 2.75em;
	text-align:center;
	background: #014e6e url(../imagenes/comun/relleno_cabecera.jpg) left repeat;
	border-bottom:0.1em solid #ffffff;
}

h1, h2, h3, h4, h5, h6, fieldset, legend{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline}

h1#encabezado{
	display: none;
}
.encabezado{display: none}

#inicio{
	width: 20%;
	float: left;
	margin-top:0.6em;
	text-align: left;
	font-size: 0.9em;
}

#inicioTexto{
	margin: 0 0 0 0.4em;
	float:left;
}

#inicioFlecha{
	margin-right:0.5em;
	margin-left:0.5em;
	float:left;
}

#inicioUrl{
	float: left;
}

#idiomas{
	width:40%;
	text-align:center;
	padding-top: 0.6em;
	float: left;
	padding-left: 5%;
	font-size: 0.9em;
}

.idioma{
	float: left;
}

#buscador{
	height:2.27em;
	width:34%;
	float:right;
	background:url(../imagenes/comun/buscador.gif) top right no-repeat;
}

#buscForm{
	margin:auto;
	margin-top:0.20em;
	text-align:right;
	width: 100%;
}

#buscBoton{
	background:url(../../images/ico_lupa.gif) no-repeat;		
	background-position: center;
	border: 0;
	width: 1.35em;
	height: 1.35em;	
	margin-left:0.45em;
	margin-right: 1.35em;
}

#buscInput{
	font-family: Verdana, Arial;
	font-size: 0.9em;
	width: 10em;
	height: 1.1em;
	color: #003c55;
}

#buscTexto{
	float:right;
	padding-right:0.9em;
	margin-top:0.1em;
	font-size: 0.9em;
}

#cabLogo{
	width: 100%;
	height: 5.45em;
	background:#014e6e /*url(../imagenes/comun/cab1.jpg)*/ no-repeat;
	
}

/***************************/
/* ESTILOS GENERALES*/
.floatLeft{float:left !important}
.floatRight{float:right !important}
.marginCero{margin:0 !important}
.paddingCero{padding:0 !important}
.borderCero {border:0 !important}
.alignLeft{text-align:left !important}
.alignRight{text-align:right !important}
.alignCenter{text-align:center !important}
.alignJustify{text-align:justify !important}
.cero{padding:0; margin:0 !important}
.normalFont{font-weight:normal !important}
.colorAzul{color:#2D4E86 !important}
.width100{width:100% !important}
/*.height100{height:100% !important}*/
.backWhite{background:#FFFFFF !important}
.displayBlock{display:block !important}
.clearBoth{clear:both !important}
.borderCollapse{border-collapse:collapse}

.width2em{width:2em !important} 
.width5em{width:5em !important}
.width12em{width:12em !important}
.width14em{width:14em !important}
.width15em{width:15em !important}
.width18em{width:18em !important}
.width22em{width:22em !important}
.width5{width:5% !important}
/*.width8{width:8% !important}*/
.width11{width:11% !important}
.width15{width:15% !important}
.width20{width:20% !important}
.width30{width:30% !important}
.width33{width:33% !important}
.width40{width:40% !important}
.width45{width:45% !important}
/*.width50{width:50% !important}*/
.width55{width:55% !important}
.width70{width:70% !important}
.width80{width:80% !important}
.width95{width:95% !important}
.width97{width:97% !important}

.paddingTop03{padding-top:.3em}
.paddingTop15{padding-top:1.5em !important}
.paddingTop50{padding-top:5em}

.paddingLeft05{padding-left:0.5em}
.paddingLeft10{padding-left:1em}
.paddingLeft20{padding-left:2em}

.paddingRight20{padding-right:2em}

.padding1{padding:1em}

.marginLeft03{margin-left:0.3em}
.marginLeft06{margin-left:0.6em}
.marginLeft16{margin-left:1.6em}
.marginLeft20{margin-left:2em}
.marginLeft07{margin-left:0.7em}
.marginLeft20{margin-left:2em}
.marginRight15{margin-right:1.5em}
.marginTop04{margin-top:0.4em}
.marginTop08{margin-top:0.8em}
.marginBottom0{margin-bottom:0 !important}

.lineHeight15{line-height:1.5em}

.displayTableCell{display:table-cell}

/**************************/
/* CAPAS PARA EL CUERPO */
/**************************/

/* Men� */

.menulist, UL.menulist{margin:0; padding:0; list-style:none}
/*.menulist{width:92%; padding-top:0.45em;}*/
.menulist li{background: url(../imagenes/general/ico_cruz_blanca.png) left center no-repeat; margin:0; padding:0.35em 0 0.35em 0;list-style:none; height:100%}
.menulist li a{display:block; padding-left:2.15em; color:#000000; text-decoration:none}
.menulist li a:hover{text-decoration:underline}
.menulist ul{margin:0; padding:0; list-style:none; background:#FFFFFF; margin:0 0 0 2.1em;}
.menulist ul li{background:#FFFFFF url(../imagenes/general/ico_flecha_menu.png) left center no-repeat !important;  padding:.35em 0 .35em 0; margin:0; list-style:none}
.menulist ul li a{display:block; padding-left:2.5em; color:#000000; text-decoration:none}
.menulist ul li a:hover{text-decoration:underline}
.selected{background:#FFFFFF url(../imagenes/general/ico_guion_blanco.png) left center no-repeat !important; border-top:0.1em solid #999999; border-bottom:0.1em solid #999999}
.selectedSub{background-image:none !important; border-bottom:0.1em solid #999999; padding:0 !important; margin:0 !important}
*:first-child+html .selectedSub{margin:-.2em 0 0 0 !important}
* html .selectedSub{margin:-.2em 0 0 0 !important}
.selectedSub .selected{background-color:#cdd8de !important; border:0}

.menuN1Linea{
    height:auto;
    width:92%;
    float:left;
    padding-top:0.45em;
}

.menuN1Selec{
    float:left;
    width:99.8%;
    background-color: #ffffff;
    border-top:0.1em solid #999999;
    border-bottom:0.1em solid #999999;
}

.menuN1SelecCierre{
    float:left;
    width:100%;
    border-top:0.1em solid #999999;
}


.menuN1Ico{
    padding:0 0.54em 0.27em 0.45em;
    margin-left:0.1em;
    margin-top:0.2em;
    float:left;
}

.menuN1Texto{
    float:left;
    padding-top:0.1em;
}


.menuN2Linea{
    height:auto;
    width:87.2%;
    float:right;
    padding-left:0.45em;
    padding-top:0.2em;
    background-color: #ffffff;
}

.menuN2Selec{
    height:auto;
    width:87.2%;
    float:right;
    padding-left:0.45em;
    padding-top:0.2em;
    background-color: #cdd8de;
}


.menuN2Ico{
    padding:0 0.54em 0.27em 0.2em;
    margin-left:0.18em;
    margin-top:0.2em;
    float:left;
}

.menuN2Texto{
    float:left;
    width: 85%;
}

.menuN3Linea{
    height:auto;
    width:75%;
    float:right;
    padding-left:0.60em;
    padding-top:0.2em;
    background-color: #ffffff;
}

.menuN3Selec{
    height:auto;
    width:75%;
    float:right;
    padding-left:0.60em;
    padding-top:0.2em;
    background-color: #5A9ADE;
}


.menuN3Ico{
    padding:0 0.54em 0.27em 0.2em;
    margin-left:0.18em;
    margin-top:0.2em;
    float:left;
}
.menuN3Texto{
    float:left;
}


#separacionBanner{

	height:18.66em;
	width:100%;
	clear:both;
}

#separacionBanner2{

	height:10.66em;
	width:100%;
	clear:both;
}

#banner{
	width:100%;
	clear:both;
}
#banner IMG{
	width:100%;
	margin-bottom:1.5em;
}


/* Centro */

#centro{
	width:76.81%;
	float:right;
}

#herramientas{
	height:1.5em;
	background:#000000 url(../imagenes/comun/herramientas.jpg) left no-repeat;
	width:99.9%;
	float:right;
	border-top:0.1em solid #ECE8E8;
	border-left:0.13em solid #000000;
	color: #ffffff;
}

.herrOpcion{
	float:left;
}

.herrFecha{
	float:right;
	margin-right:0.6em;
	margin-top:0.1em;
	color:#FFFFFF;
}

UL.herrOpcion{margin:0.1em 0 0 0.45em; padding:0; list-style:none; display:inline}
UL.herrOpcion LI{margin:0; padding:0; list-style:none; display:inline}



/*********************/
/* CAPAS PARA EL PIE */
/*********************/


#pieImgIzq{
	width: 100%;
	clear: both;
	background:url(../images/pie.jpg) bottom left  no-repeat;
	height:3em;
}

#pieBloque{
	float:left;
	margin-right:0.54em;
}

#margenPie{
	margin-right:0.54em;
	clear:both;
}

.pieIcono{
	margin-top:0.3em;
	margin-left:0.7em;
	float:right;
}
.pieIcono img{float:left; margin-left:0.7em}
.pieTexto{
	margin-top:0.55em;
	float:right;
}

.pieTexto UL{margin:0; padding:0; list-style:none; display:inline; color:#FFFFFF}
.pieTexto UL LI{margin:0; padding:0; list-style:none; display:inline}
.pieTexto UL LI a:hover{text-decoration:underline}

/* Fin portal/dgt */

.labelCopyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: right;
	position:relative;
	left:45%;
}

.labelPruebaControl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0063A6;
    text-decoration: none;
    height: 26px;
}

#copyright {
	margin-top: 5px;
}

.respuestalf textarea,
.enunciadolf textarea {
    resize: none;
    display: block;
    line-height: 30px;
    width: 100%;
    border: none;
}
 
.respuestalf textarea:focus,
.enunciadolf textarea:focus {
    outline: none;
}

.height50{
	height:50px;
}

.loaderDiv {
    background-color: #FFFFFF;
    display:none;
    height: 100%;
    left: 0;
    opacity: 0.4;
    filter:alpha(opacity=40);
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.arial19boldnegro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

.paddingBottom5{
	padding-bottom: 5px;
}

.arial20boldazullabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
    width: 140px;
}

.arial20boldazulcorto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
	padding-right: 20px;
    padding-left: 68px;
    width: 109px;
}

.f175normal_fd
{
	border:none;
	padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    width: 198px;
    height: 21px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
	background: url(../img/fd_textbox.png) no-repeat;
}

.f175largo_fd
{
	border:none;
	padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    width: 1108px;
    height: 21px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
	background: url(../img/fd_textbox_largo.png) no-repeat;
}

.f175medio_fd
{
	border:none;
	padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    width: 450px;
    height: 21px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
	background: url(../img/fd_textbox_medio.png) no-repeat;
}

.f175corto_fd
{
	border:none;
	padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    width: 93px;
    height: 21px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
	background: url(../img/fd_textbox_corto.png) no-repeat;
}

.arial30botonComenzar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #0864a4;
	padding-right: 43px;
    padding-bottom: 13px;
}

.fdbotoncomenzar_log {
	display:block;
	padding-top:9px;
	width: 236px;
	height:58px;
	padding-left: 24px;
	background: url(../img/boton_comenzar.png) no-repeat;
	cursor:pointer;
	border:none;
}

.wrapper {
	height: 100%;
    background: white;
}

.container {
    /* Firefox */
    height: -moz-calc(100% - 80px);
    /* WebKit */
    height: -webkit-calc(100% - 80px);
    /* Opera */
    height: -o-calc(100% - 80px);
    /* Standard */
    height: calc(100% - 80px);

    width:95%;
    border: 7px solid #efefef;
    border-radius:7px;
    margin:10px auto;
    -webkit-box-shadow: -1px 1px 5px 4px rgba(184,182,184,1);
    -moz-box-shadow: -1px 1px 5px 4px rgba(184,182,184,1);
    box-shadow: -1px 1px 5px 4px rgba(184,182,184,1);
    overflow-y:hidden;
}

#copyrightPlantilla {
    min-height:100px;
    height:70px;
    width: 100%;
}

#copyrightPlantilla p {
	text-align:center;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin:5px auto 10px;
}

#contenido {
	position:relative;
    /* Firefox */
    height: -moz-calc(100% - 60px);
    /* WebKit */
    height: -webkit-calc(100% - 60px);
    /* Opera */
    height: -o-calc(100% - 60px);
    /* Standard */
    height: calc(100% - 60px);
    position:relative;
    background-color:#f9f9f9;
}

#contenido form {
	position:relative;
	height:100%;
}

.numeroPagina {
    width: 40px;
    text-align: right;
}

h2.h2AltaClave {
    margin: 1rem 0;
    width: inherit;
	padding-bottom: 0;
    font-size: 34px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.paddingTopBottom20px {
    padding: 20px 0;
}

.puntoListaOk {
    vertical-align: middle;
    margin-right: 10px;
}

.altaBeneficios {
	margin: 0;
    padding-left: 30px;
    list-style: none;
}

.altaBeneficios li {
    padding: 3px 0;
}

.fdbotonAhoraSi2 {
    margin: 16px 0 6px;
    text-decoration: none;
    text-align: left;
    display: block;
    height: 56px;
    padding-left: 20px;
    padding-right: 65px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #575757;
    border: 3px solid white;
    outline: 3px solid #ff5a00;
    background-image: url(../images/bg-bt-clave.png), linear-gradient(0deg, rgba(217,225,229,1) 0%, rgba(255,255,255,1) 100%);
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 5px;
}

.fdbotonAhoraNo2 {
    margin: 16px 0 6px;
    text-decoration: none;
    text-align: left;
    display: block;
    height: 56px;
    padding-left: 20px;
    padding-right: 55px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    border: 3px solid white;
    outline: 3px solid #0864a4;
    background-image: url(../images/bg-bt-comenzar.png), linear-gradient(0deg, rgba(217,225,229,1) 0%, rgba(255,255,255,1) 100%);
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 5px;
}

.colorAzulClave {
	color: #0063a6;
}

#htmlPlantillaClave {
    height: 100%;
    overflow-y: hidden;
}

#bodyPlantillaClave {
    height: 100%;
}

.arial20Negro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
}

.paddingTop20 {
	padding-top: 20px;
}

.arial20boldazulwidth210{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0063A6;
	text-decoration:none;
    width: 210px;
}

.finputlargo {
    border: none;
    padding-bottom: 1px;
    padding-left: 9px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    width: 1109px;
    height: 34px;
    color: #939393;
    background-color: #FFFFFF;
    text-decoration: none;
    background-image: url(../img/fd_textbox_largo.png);
}

.finputDocumento {
    border: none;
    padding-bottom: 6px;
    padding-left: 9px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    width: 129px;
    height: 29px;
    color: #939393;
    text-decoration: none;
    background-image: url(../img/fd_textbox_140.png);
    background-repeat: no-repeat;
}

.finputKeyboard {
    border: none;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    height: 31px;
    color: #939393;
    text-decoration: none;
    background-image: url(../img/fd_textbox_keyboard.png);
    background-repeat: no-repeat;
}

.finputKeyboardExpedicion {
    width: 96px;
}

.finputKeyboardSoporte {
    width: 103px;
}

.finputKeyboardTelefono {
    width: 103px;
}

.finputKeyboardMail {
    width: 661px;
}

.campoKeyboard *{
	vertical-align: middle;
}

.fdbotonAhoraSi {
    margin: 16px 0 6px;
    text-decoration: none;
    text-align: initial;
    display: block;
    padding-top: 4px;
	padding-bottom: 5px;
    width: 430px;
    height: 63px;
    padding-left: 24px;
    background: url(../img/boton_clave_si.png) no-repeat;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #575757;
    border: none;
}

.fdbotonComenzarExamen {
    margin: 10px 0;
    text-decoration: none;
    display: block;
    padding-top: 0px;
    padding-right: 44px;
    width: 351px;
    height: 55px;
    padding-left: 24px;
    background: url(../img/boton_comenzar_examen.png) no-repeat;
    cursor: pointer;
    border: none;
}

.height43{
	height:43px;
}

.paddingBottom20 {
	padding-bottom: 20px;
}

.iconoTecladoTexto {
	vertical-align: middle;
	margin: 0 2px 0 4px;
    background-repeat: no-repeat;
}

.arial26BoldNegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

.paddingLeft10px {
    padding-Left: 10px;
}

.paddingRight10px {
    padding-right: 10px;
}

.paddingBottom15 {
	padding-bottom: 15px;
}

.paddingBottom25 {
	padding-bottom: 25px;
}

.fdbotonsinicono_log a{
	display:block;
	padding-top:9px;
	width:179px;
	height:58px;
	background: url(../img/boton.png) no-repeat;
	cursor:pointer;
}

@media only screen and (min-width: 1025px) and (max-width: 1279px)  {
  .textoPreguntaLF {
	font-size: 18px;
	}
	.arial18boldnegro {
	font-size: 20px;
	}
	.respuestaLFTexto {
	font-size: 18px;
	}
	.arial16negro{
	font-size: 20px;
	}
   .fondoGeneralLF{
	width:36px;
	height:36px;
	}
	.imagenLFP {
	width:100%;
	}
	.arial20boldazulLF{
	font-size: 22px;
	}
	.arial20boldazulClaroLF{
	font-size: 22px;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
   .textoPreguntaLF {
	font-size: 19px;
	}
	.arial18boldnegro {
	font-size: 22px;
	}
   .respuestaLFTexto {
	font-size: 20px;
	}
	.arial16negro{
	font-size: 22px;
	}
   .fondoGeneralLF{
	width:45px;
	height:45px;
	}
	.imagenLFP {
	width:90%;
	}
	.arial20boldazulLF{
	font-size: 30px;
	}
	.arial20boldazulClaroLF{
	font-size: 30px;
	}
	.btnFinalizarLF {
	width:20%;
	}
	.btnAnteriorLF{
	padding-left:10px;
	width:12%;
	}
	.btnSiguienteLF{
	width:42%;
	padding-left:0.003%;
	}
}

@media only screen and (min-width: 1920px) {
   .textoPreguntaLF {
	font-size: 28px;
	}
	.arial18boldnegro {
	font-size: 28px;
	}
   .respuestaLFTexto {
	font-size: 28px;
    }
	.arial16negro{
	font-size: 28px;
	}
    .fondoGeneralLF{
	width:72px;
	height:72px;
	}
	.imagenLFP {
	width:83%;
	}
   .arial20boldazulLF{
	font-size: 40px;
	}
	.arial20boldazulClaroLF{
	font-size: 40px;
	}
	.btnFinalizarLF {
	width:20%;
	}
	.btnAnteriorLF{
	padding-left:10px;
	width:12%;
	}
	.btnSiguienteLF{
	width:42%;
	padding-left:0.003%;
	}
	.boton1LF{
	width:19%;
	}
	.boton2LF{
	width:19%;
	}
	.arial12azulclaro{
	font-size: 18px;
	}
	.arial12boldazul{
	font-size: 18px;
	}
	.arial12azulclaroWidth180 {
	width:300px;
	}
	.arial12boldgrisWidth60Heigth20{
	font-size:18px;
	}
	.arial12boldnegroWidth90{
	font-size:18px;
	}
	.arial12boldnegro{
	font-size:18px;
	}
	#copyrightPlantilla p{
	font-size:18px;
	}
	.arial20boldazulClaro{
		font-size:30px;
		text-align:center;

	}
	.arial20boldazul{
		font-size:30px;
		text-align:center;

	}
	.botonesClasicoAnterior{
		width:7.3%;
	}
	.botonesClasicoSiguiente{
		width:25%;
	}
	.botonesClasicoFin{
		width:12%;
	}
	.boton1{
		width:75%;
	}
	.boton2{
		width:75%;
	}
	.arial21boldnegro{
		font-size:28px;
	}
	.arial16boldnegro{
		font-size:22px;
	}
	.arial20boldazulDocumento{
		font-size:30px;
	}
	.tablaAcceso{
		width:1100px;
	}
}

.watermark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}

.watermark-text {
    font-family: Arial;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 10rem;
    font-weight: bold;
    color: rgb(150 150 150 / 15%);
    transform: rotate(-30deg);
    white-space: nowrap;
}
