@charset "utf-8";

/*
input[type="text"][disabled]{
	background-color: #8080804d;
}
*/

input[disabled]{
	background-color: #8080804d;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */	
}

.contenedor{
	width:90%;
	margin: 20px 60px 0px 60px;
	min-height:400px;
	overflow: hidden;
}

@media screen and (max-width: 800px) {
	.contenedor{
	width:90%;
	margin: 20px 20px 0px 20px;
	min-height:400px;
	overflow: hidden;
	}
}

.flechas{
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}

.flecha_izq{
	float:left;
	position: relative;
	top:50%;
	width:50%;
	height:auto;
	z-index:9999;
	
}

.flecha_der{
	float:right;
	position: relative;
	top:50%;
	width:50%;
	height:auto;
	z-index:9999;
	
}

.flechaizquierda{
	width: 2%;
    float: left;
    position: fixed;
	top: 400px;
}

@media screen and (max-width: 800px) {
	.flechaizquierda{
	display:none;
	}
}

.flechaderecha{
	width: 2%;
    float: right;
    position: fixed;
	top:400px;
	right: 0px;
}

@media screen and (max-width: 800px) {
	.flechaderecha{
	display:none;
	}
}

header{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-image: url("../img/header.jpg");
	min-height: 140px;
	background-repeat: no-repeat;
  background-size: cover;
}


@media screen and (max-width: 800px) {
	header{
	flex-wrap: nowrap;
	}
}


.titulo{
font-family:Arial, "Gobcl";
font-size:42px;
font-weight:700;
color:#4d4d4f;	
margin-top: 30px !important;
margin-bottom: 0px !important;
margin-left: 60px;
width: 100%;
}

@media screen and (max-width: 800px) {
	.titulo {
		font-size:24px;
		font-family:Arial, "Gobcl";
		font-weight:700;
		color:#4d4d4f;	
		margin-top: 10px !important;
		margin-bottom: 0px !important;
		margin-left: 20px;
		width: 80%;
		/* width: 60%; */
	}
}


.infousuario{
font-family:Arial, "Gobcl";
font-size:18px;
font-weight:300;
color:#4d4d4f;	
margin-top: 30px !important;
margin-bottom: 10px !important;
margin-left: 60px;
}

@media screen and (max-width: 800px) {
	.infousuario {
		font-size:12px;
		font-family:Arial, "Gobcl";
		font-weight:300;
		color:#4d4d4f;	
		margin-top: 10px !important;
		margin-bottom: 3px !important;
		margin-left: 20px;
		/* width: 60%; */
	}
}	

.logomin img{
margin-right: 60px;
}

@media screen and (max-width: 800px) {
	.logomin img{
		margin-right: 10px !important;
		float:right;
		}
}

@media screen and (max-width: 800px) {
	.logomin{
		width: 100%;

		}
}

.boton_salir{
	display: inline-block;
	background: #ffffff;
	color: #4d4d4f;
	border: 1px solid #4d4d4f;
	border-radius: 4px;
	padding: 8px 18px;
	font-family: Arial, "Gobcl";
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	margin-right: 15px;
}
.boton_salir:hover{
	background: #f0f0f0;
}

.footer_bottom{
	width: 100%;
	/* width:65% !important; */
	color: white;
	background-image:url("../img/footer.jpg");
	background-repeat: no-repeat;
  	background-size: cover;
	min-height: 250px;
	margin-top: auto;
}

@media screen and (max-width: 800px) {
	.footer_bottom{
		width: 100%;
		background-image:url("../img/footer.jpg");
		/* background-repeat: no-repeat; */
  	background-size: cover;
		min-height: 650px !important;
		margin-top: auto;
	}
}


.footer_top{
	background-color:#f2f2f2;
	min-height: 200px;
	padding-top: 20px;
	width: 100%;
	margin-top: auto;
	
}

@media screen and (max-width: 800px) {
	.footer_top{
	background-color:#f2f2f2;
	min-height: 140px;
	padding-top: 20px;
	width: 100%;
	margin-top: auto;
	display: flex;
	justify-content: space-between;
			
		}
}



.footer_top2{
	background-color:#f2f2f2;
	/* min-height: 200px; */
	padding-top: 20px;
	width: 100%;
	margin-top: auto;
	display: flex;
}

.footer_top3{
	background-color:#f2f2f2;
	min-height: 200px;
	padding-top: 20px;
	width: 100%;
	margin-top: auto;
	text-align: center;
}

.footer_listadepreguntas{
	background-color:#f2f2f2;
	padding-top: 20px;
	width: 100%;
	margin-top: auto;
	display: flex;
}

.siguiente{
	margin:40px 60px 10px 60px;
	display:flex;
	border: solid #0c69b2 6px;
	border-radius:10px;
	justify-content: space-between;
}

.siguiente a{
	font-family:Arial, "Gobcl";
	font-size:28px;
	font-weight:600;
	color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 25px 5px 25px;
	border-radius:10px;
	text-align: right !important;
	text-decoration:none;
}

.siguiente3 a{
	font-family:Arial, "Gobcl";
	font-size:28px;
	font-weight:600;
	color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 25px 5px 25px;
	margin-top:20px;
	border-radius:10px;
	text-decoration:none;
}

@media screen and (max-width: 800px) {
	.siguiente3{
	width: 80% !important;
		}
}

@media screen and (max-width: 800px) {
	.siguiente{
	display:none;
		}
}


.siguiente1{
	margin:40px 60px 10px 60px;
	display:flex;
	border: solid #0c69b2 6px;
	border-radius:10px;
	justify-content: space-between;
	width: 90%;
    height: 70px;
}

.siguiente3{
	margin:40px 60px 10px 60px;
	border: solid #0c69b2 6px;
	border-radius:10px;
	width: 92%;
    height: 70px;
}

@media screen and (max-width: 800px) {
	.siguiente3{
	margin:40px 60px 10px 30px;
	border: solid #0c69b2 6px;
	border-radius:10px;
	width: 92%;
    height: 70px;
		}
}


@media screen and (max-width: 800px) {
	.siguiente1{
	display:block;
	margin:40px 40px 10px 20px;
	justify-content: center;
	text-align: center !important;
	height: auto;
		}
}


@media screen and (max-width: 800px) {
	.paginas{
	display:none !important;
		}
}

.menumov{
	margin-top:20px;
}

.menumov .flechasmov{
	margin-left: 20px;
}

@media screen and (min-width: 800px) and (max-width: 9400px) {
	.menumov{
	display:none !important;
			}
}

.progreso{
	height: 40px;
	padding-bottom: 20px;
}

.barraavanza{
	background: red;
	width: 0%;
	height: 20px;
	float: left;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px
}

.barrafalta{
	background: lightgray;
	width: 100%;
	height: 20px;
	float: left;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;

	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

@media screen and (min-width: 800px) and (max-width: 9400px) {
	.progreso{
	display:none !important;
		}
}

@media screen and (min-width: 800px) and (max-width: 9400px) {
	.responsivo_tabla{
	display:none !important;
		}
}

@media screen and (min-width: 800px) and (max-width: 9400px) {
	.responsivo_tabla2{
	display:none !important;
		}
}


.siguiente_texto{
font-family:Arial, "Gobcl";
font-size:32px;
font-weight:600;
color:#0c69b2;	
margin:10px 30px 10px 30px;
}


.siguiente_texto2{
font-family:Arial, "Gobcl";
font-size:20px;
font-weight:400;
color:#0c69b2;	
margin:10px 30px 10px 30px;
}

@media screen and (max-width: 800px) {
	.siguiente_texto{
	font-family:Arial, "Gobcl";
	font-size:26px;
	font-weight:600;
	text-align:center;
	color:#0c69b2;	
	margin:10px 30px 10px 30px;
		}
}

@media screen and (max-width: 800px) {
	.siguiente_texto2{
	font-family:Arial, "Gobcl";
	font-size:16px;
	font-weight:400;
	text-align:center;
	color:#0c69b2;	
	margin:10px 30px 10px 30px;
		}
}


.siguiente_boton{
font-family:Arial, "Gobcl";
font-size:32px;
font-weight:600;
color:#ffffff;
background-color:#0c69b2 !important;
padding:5px 10px 5px 10px;
margin:5px 20px 5px 10px;
float: right;
border-radius:10px;
display: flex;
align-items: center;
justify-content: center;
}

@media screen and (max-width: 800px) {
.siguiente_boton{
font-family:Arial, "Gobcl";
font-size:28px;
font-weight:600;
color:#ffffff;	
background-color:#0c69b2 !important;
padding:5px 10px 5px 10px;
border-radius:10px;
text-align: center !important;
}
}

.siguiente_boton a{
	text-decoration:none;
	color:#ffffff;
}

.siguiente1 a{
	font-family:Arial, "Gobcl";
	font-size:28px;
	font-weight:600;
	color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 25px 5px 25px;
	margin:10px 20px 5px 10px;
	border-radius:10px;
	float:right;
    text-align: right !important;
	text-decoration:none;
}


@media screen and (max-width: 800px) {
.siguiente1 a{
	font-family:Arial, "Gobcl";
	font-size:20px;
	font-weight:600;
	float: none;
		color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 10px 5px 10px;

	border-radius:10px;
	text-align: center !important;
}
}

.siguiente_solo_boton{
	font-family:Arial, "Gobcl";
	font-size:28px;
	font-weight:600;
	color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 25px 5px 25px;
	margin:10px 20px 5px 10px;
	border-radius:10px;
	float:right;
    text-align: right !important;
	text-decoration:none;
}


@media screen and (max-width: 800px) {
.siguiente_solo_boton{
	font-family:Arial, "Gobcl";
	font-size:20px;
	font-weight:600;
	float: none;
		color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 10px 5px 10px;

	border-radius:10px;
	text-align: center !important;
}
}


.boton_menu{
	font-family:Arial, "Gobcl";
	font-size:28px;
	/*font-weight:600;*/
	color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 25px 5px 25px;
	margin:10px 20px 5px 10px;
	border-radius:10px;
	float:right;
    text-align: center !important;
	text-decoration:none;
	width: 690px;
	height: 50px;
	vertical-align: bottom;
}


@media screen and (max-width: 1100px) {
.boton_menu{
	font-family:Arial, "Gobcl";
	font-size:20px;
	/*font-weight:600;*/
	float: none;
		color:#ffffff;	
	background-color:#0c69b2 !important;
	padding:5px 10px 5px 10px;

	border-radius:10px;
	text-align: center !important;
}
}

.paginas {
/*	display:flex; */
  margin-right: 60px; /* nuevo */
	min-height: 100px;
	margin-left:60px;
	}

.pag_activa{
	background: #22b573;
}

.pag_inactiva{
	background: #b3b3b3;
}

.pag_roja{
	background: #ff9e8f;
}
	
.pag_comun{
	border-radius: 50%;
	margin-right:5px;
	margin-bottom:5px;
  width: 24px;
  height: 24px;
  padding: 7px;
  color: #fff;
  text-align: center;
  font-family:Arial, "Gobcl";
	font-size:18px;
	font-weight: 600;
}

.pag_comunModal{
	border-radius: 50%;
	margin-right: 25px;
	margin-bottom: 25px;
  width: 24px;
  height: 24px;
  padding: 17px;
  color: #fff;
  text-align: center;
  font-family:Arial, "Gobcl";
	font-size:18px;
	font-weight: 600;
}

.column{
	float: left;
  	}

.left, .right {
  width: 35%;
}

/* Pie de pagina: saltos de linea extra solo en movil */
.prov-mov { display: none; }



.left{
	padding-left:15px;
	margin-left: 60px;
}

@media screen and (max-width: 800px) {
	.left{
	padding-left:15px;
	margin-left: 5px;
	width: 35%;
		}

	/* Footer movil: un dato por linea, sin guion y dos lineas entre proveedores */
	.prov-nombre, .prov-item { display: block; }
	.prov-sep, .prov-desk { display: none; }
	.prov-mov { display: inline; }
}



.middle{
	width:50%;
}

.right{
	float:right;
	text-align:right;
}


.column h1{
	color:white;
	font-size:30px;
	font-weight: 600;
	
}

.redes{
	list-style: none;
	margin: 40px 0 0 0;
	display: flex;
	padding-inline-start:0px !important;
}

ul.redes{
	padding-inline-start:0px !important;
	margin-top: 10px;
	width: auto;
	}

.link_red a{
	font-family:Arial, "Gobcl";
	color:#ffffff !important;
	font-size: 14px;
	text-decoration:none;
}

@media screen and (max-width: 400px) {
	.link_red a{
		font-size: 10px;
	}
	.siganos h1{
    font-size: 12px !important;
	}
}

h1{
font-family:Arial, "Gobcl";
font-size:38px;
font-weight:700;
color:#0c69b2;
}

h2{
font-family:Arial, "Gobcl";
font-size:28px;
font-weight:500;
color:#0c69b2;	
margin-top: 0px !important;
margin-bottom: 0px !important;
}

h3{
font-family:Arial, "Gobcl";
font-size:25px;
font-weight:700;
color:#fff;	
}

h5{
font-family:Arial, "Gobcl";
font-size:20px;
font-weight:300;
color:#0c69b2;	
}

p{
font-family:Arial, "Gobcl";
font-size:20px;
font-weight:500;
color:#0c69b2;	
margin-top: 0px !important;
margin-bottom: 0px !important;
}

a{}

@media screen and (max-width: 800px) {
	h1 {
	font-family:Arial, "Gobcl";
	font-size:22px !important;
	line-height: 33px;
	font-weight:700;
	color:#0c69b2;
		}
}


.pregunta{
	list-style: none;
	margin: 40px 0 0 0;
	display: flex;
	padding-inline-start:0px !important;
}

ul.Pregunta{
	padding-inline-start:0px !important;
	margin-top: 40px;
	width: auto;
}

.pregunta2{
	list-style: none;
	margin: 40px 0 0 0;
	display: flex;
	padding-inline-start:0px !important;
}

ul.Pregunta2{
	padding-inline-start:0px !important;
	margin-top: 40px;
	width: 100%;
	}

.numero{
display: inline-block;
	border-radius: 2px;
	width: 40px;
	height: 40px;
	line-height: 20px;
	text-align:center;
	background-color: #0c69b2;
	vertical-align: top;
}

.numero h3{
font-family:Arial, "Gobcl";
font-size:20px;
line-height: 5px;
font-weight:700;
color:#fff;	
vertical-align: top;
}

.letra{
	display: inline-block;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align:center;
/*	background-color:none; */
  background-color:transparent; 
	vertical-align: top;
	
}

.letra h3{
font-family:Arial, "Gobcl";
font-size:20px;
line-height: 5px;
font-weight:700;
color:#0c69b2;	
vertical-align: top;
display: inline;
line-height: 30px;
}

@media screen and (max-width: 800px) {
	.tabla {
	display: none;
		}
}

@media screen and (max-width: 800px) {
	.tabla2 {
	display: none;
		}
}


.detalle{
	display: inline-block;
	width:90%;
	line-height: 30px;
	text-align: left;
	margin-left: 20px !important;
}

@media screen and (max-width: 800px) {
	.detalle {
	display: inline-block;
	width:70%;
	line-height: 30px;
	text-align: left;
	margin-left: 10px !important;
		}
}


@media screen and (max-width: 800px) {
	.detalle h2{
	font-family:Arial, "Gobcl";
	font-size:20px;
	font-weight:500;
	color:#0c69b2;	
	margin-top: 0px !important;
	margin-bottom: 0px !important;
		}
}


.checkbox{
	font-family:Arial, "Gobcl";
font-size:20px;
font-weight:500;
color:#0c69b2;	
margin-top: 0px !important;
margin-bottom: 0px !important;

}

.checkbox2{
	font-family:Arial, "Gobcl";
font-size:20px;
font-weight:500;
color:#0c69b2;	
margin-top: 0px !important;
margin-bottom: 0px !important;
	margin-left: 55px;

}

@media screen and (max-width: 800px) {
	.checkbox2{
	font-family:Arial, "Gobcl";
	
	font-size:18px;
	font-weight:500;
	color:#0c69b2;	
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left:55px;
	margin-right:10px;
		}
}

@media screen and (max-width: 800px) {
	.checkbox{
		
	margin-bottom: 10px !important;
		justify-content: left;
	
		}
}



th, td {
	 border:0.1px solid lightgray;
	line-height: 40px;
	font-family:Arial, "Gobcl";
	color:#0c69b2;
	padding: 10px 20px 10px 20px;

	
	}

.selec_numeros{
	border:0.1px solid lightgray;
	line-height: 30px;
	font-family:Arial, "Gobcl";
	color:#0c69b2;
	padding: 10px 20px 10px 20px;
	width: 70%;
}

.selec_numeros2{
	border:0.1px solid lightgray;
	line-height: 30px;
	font-family:Arial, "Gobcl";
	color:#0c69b2;
	padding: 10px 20px 10px 20px;
	width: 70%;
	margin-left: 30px;
}

ul{
	list-style: none!important;
}


td{
	text-align: center;
	width:290px;
	
}

th{
	font-weight: 400;
	margin-left: 5px;
	line-height: 20px;
	
}


.preguntas{
text-align:left !important;
font-family:Arial, "Gobcl";
font-weight:500;
color:#0c69b2;	
padding-right:50px;
padding-left:10px;
	line-height: 20px;
}



#vacio{
	border:0px !important;
	
}

.deco{
	margin-top:25px;
	float: right;
	margin-right: 160px;
}
@media screen and (max-width: 800px) {
	.deco{
	margin-top:25px;
	float: right;
	margin-right: 15px;
		}
}

.url a{
	font-family:Arial, "Gobcl";
	color: #ffffff;
	font-size:18px;
	font-weight: 400;
	text-decoration: none;
	float: right;
	margin-right: 160px;
	}

@media screen and (max-width: 800px) {
	.url a{
	font-family:Arial, "Gobcl";
	color: #ffffff;
	font-size:12px;
	font-weight: 400;
	text-decoration: none;
	margin-right: 15px;
	margin-top:10px;
	
		}
}

.explicacion h6{
	font-family:Arial, "Gobcl";
	color: #707070;
	font-size:18px;
	font-weight: 200;
	font-style: oblique;
	margin-left: 65px;
	margin-top: 10px;
	line-height: 18px;
	margin-bottom: 5px;
}

@media screen and (max-width: 800px) {
	.explicacion h6{
	font-family:Arial, "Gobcl";
	color: #707070;
	font-size:16px;
	font-weight: 200;
	font-style: oblique;
	margin-left: 55px;
	margin-top: 10px;
	line-height: 18px;
		}
}

@media screen and (max-width: 400px) {
	.explicacion h6{
		font-weight: 600;
    margin-left: 0px;
  }
}

.cabecera h6{
	font-family:Arial, "Gobcl";
	color: #707070;
	font-size:18px;
	font-weight: 200;
	margin-top: 10px;
}

table{
	border-spacing: 0px !important;
}
.espacio20{
	height: 20px;
}

.espacio50{
	height: 50px;
}

.espacio100{
	height: 100px;
}

.separador2{
	display:flex;
}

.tabla{
	margin-top: 40px;
}

.tabla2{
	margin-top: 40px;
	text-align: left;
}

.destacado{
	font-weight: 700;
	font-size: 20px;
}

.intro{
	color:#707070;
	font-family:Arial, "Gobcl";
	font-size:18px;
}

#instrucciones{
	display: flex;
	justify-content: space-between;
	column-gap:50px;
}

.intro1{
	color:#707070;
	font-family:Arial, "Gobcl";
	font-size:18px;
	width:33%;
}

@media screen and (max-width: 800px) {
	#instrucciones{
	display: block;
		}
}

@media screen and (max-width: 800px) {
	.intro1{
	width:80%;
		margin-bottom: 20px;
		}
}

.cabecera2{
	text-align: center;
}

.claveunica{
display: block;
 text-align: center;
}



.modalAvanza {
  background: #0c69b2 !important;
	font-family:Arial, "Gobcl";
	color:#fff;
	padding-left: 40px;
}

.modalAvanzaTexto {
	font-family:Arial, "Gobcl";
	font-size:20px;
	/* line-height: 5px; */
	font-weight:700;
	color:#fff;
	height: 50px;
	margin-right: 30px;
}

.modal {
  width: 90% !important;
}


@media screen and (min-width: 800px) {
	.centrado{
	margin: 50px 20px 0px 100px;
	min-height:200px;
	overflow: hidden;
	}
}

/* Resetea el div principal */
.reset-total {
	/*all: initial;*/
	color: #000;
	font-size: 16px;
	text-align: justify;
	list-style-type: disc;
	font-family: Arial, "Gobcl";
}
  
/* Fuerza a TODOS los elementos hijos (y nietos) a heredar el reseteo */
.reset-total * {
	/*all: inherit;*/
	color: #000;
	font-size: 16px;
	text-align: justify;
	list-style-type: disc;
	font-family: Arial, "Gobcl";
}


body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Estándar */
}