/* CSS Document */
:root {
	--evaluaciones_body-bg: #fffcf1;
	/*#fefefd*/
	--evaluaciones_txt_ve: #000000;
	--evaluaciones-header-table: #7aebe3;
	--evaluaciones-blanco: #fff;
	--evaluaciones-header-table-conocimiento: #A4A1C9;
}

body {
	/*background:#006FC5;*/
	background: var(--evaluaciones-blanco);
	font-size: 14;
	margin: 0;
	display: grid;
	min-height: 100vh;
	grid-template-rows: auto 1fr auto;
	background-image: url(https://evaluaciones.mx/assets/img/ui/img/Triangulo_aqua.svg), url(https://evaluaciones.mx/assets/img/ui/img/Mancha_degrada_lateral.svg) !important;
	background-repeat: no-repeat;
}

.footer {
	background-color: lightcoral;
	padding: 1em 0;
	text-align: center;
}



.timer {
	width: 65px;
	height: 15px;
	float: right;
	margin-right: 100px;
	margin-top: -25px;
}

.clear {
	clear: both;
}

.title-ve {
	color: var(--evaluaciones_txt_ve);
	font-weight: 700;
}

.btn {
	font-family: Arial;
	font-size: 12px;
	float: left;
	width: 120px !important;
	margin: 20px 20px 0 0;
	/* height: 30px; */
	border: #333 solid 1px;
	border-radius: 20px !important;
	background: #EBEBEB;
}

.btn:hover {
	background: #b0a5ce;
	color: #FFF;
	border: #b0a5ce solid 1px;
	cursor: pointer;
}

.next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 10px 150px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.next_demo_inceval {
	margin: 0px 0px 0px 590px !important;
}

.next_demo_ciesman {
	margin: 65px 130px 10px !important;
}

.next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}


.cont_gen {
	position: relative;
	/* width: 960px; */
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px;
	background: #FFF !important;
	min-height: 575px;
	padding-bottom: 41px;
	box-shadow: 0px 0px 13px 7px #e3dfdf;
	border-radius: 5px;
	/* background-image:  url(https://evaluaciones.psicotestqa.com/assets/img/ui/img/Triangulo_aqua.svg), url(https://evaluaciones.psicotestqa.com/assets/img/ui/img/Mancha_degrada_lateral.svg) !important;
    background-repeat: no-repeat;
    background-color: #fff; */

}

.bg-cont_gen {
	background-position: 5em 7em, 58em 20em !important;
	background-size: 18rem, 14rem !important;
}

.cont_gen .header {
	width: 100%;
	height: 80px;
	border-bottom: #fff solid 1px;
}

.cont_gen .header img {
	margin: 25px;
	float: left;
}

.cont_gen .header .info {
	width: 400px;
	height: 80px;
	float: right;
}

.cont_gen .header .info a {
	float: right;
	margin: 5px 15px 0;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #6795f4;
	text-decoration: underline;
}

.cont_gen .header .info a:hover {
	color: #6795f4;
}

.cont_gen .header .info label {
	float: right;
	margin-right: 15px;
	margin-top: 20px;
	color: #999;
	font-family: Arial;
	font-size: 14px;
	/*font-weight:bold;*/
}


.cont_gen .info_cand {
	width: 80%;
	height: 500px;
	margin-left: 10%;
	margin-top: 15px;
}

.cont_gen .info_cand h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #666;
}

.cont_gen .info_cand p {
	font-family: Arial;
	font-size: 14px;
	color: #333;
}

.cont_gen .info_cand label {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	float: left;
	margin: 15px 10px 0 0;
}

.cont_gen .info_cand input {
	width: 230px;
	border-top: #666 solid 1px;
	margin: 12px 10px 0 0;
}

.cont_gen .info_cand select {
	width: 126%;
	border-top: #666 solid 1px;
	margin: 24px 0 0 -1px;
}

.cont_gen .info_cand .date {
	width: 50px;
	float: left;
}

.cont_gen .info_cand .btn {
	float: right;
	margin: 10px 400px 0;
}


.cont_gen .conten {
	width: 85%;
	min-height: 230px;
	margin: 0 auto;
	_margin-top: 15px;
	_margin-left: 20%;
}

/*BIENVENIDO - INI */
.cont_gen .bienvenido {
	width: 90%;
	min-height: 350px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.cont_gen .bienvenido h1 {
	color: #333;
	font-family: Arial;
	font-size: 16px;
	margin: 30px 0;
}

/* 03/JUL/19
.cont_gen .bienvenido p{
	color:#333;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
}
*/
.cont_gen .bienvenido p {
	color: #333;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
}


.cont_gen .bienvenido a {
	text-decoration: none;
	text-align: center;
	color: #000;
	line-height: 20px;
	float: right;
	font-weight: bold;
}

/*BIENVENIDO - FIN */


/*BIENVENIDO - INI */
.cont_gen .list_prueba {
	min-height: 500px;
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.cont_gen .list_prueba h1 {
	color: #333;
	font-family: Arial;
	font-size: 16px;
	margin: 30px 0;
}

.cont_gen .list_prueba ul li {
	color: #333;
	font-family: Arial;
	font-size: 12px;
	margin: 0 0 5px 0;
}

.cont_gen .list_prueba p {
	color: #333;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.cont_gen .list_prueba a {
	text-decoration: none;
	text-align: center;
	color: #000;
	line-height: 30px;
	float: right;
}

.cont_gen .list_prueba table {
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	border: #fff solid 1px;
}

.cont_gen .list_prueba table .encabezado {
	background: #dbdbdb;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
}

.cont_gen .list_prueba table .encabezado:hover {
	background: #dbdbdb;
}

.cont_gen .list_prueba table tr {
	height: 30px;
}

.cont_gen .list_prueba table tr td {
	min-width: 110px;
}

.cont_gen .list_prueba table tr td a {
	float: none;
	color: #428bca;
}

.cont_gen .list_prueba table tr td a:hover {
	color: #428bca;
	text-decoration: none;
}

.cont_gen .list_prueba table tr:hover {
	background: #E8EEE8;
	cursor: default;
}

.cont_gen .list_prueba table tr td form {
	float: left;
	height: 30px !important;
	padding: 0;
	margin: 0;
	width: 100px;
}

.cont_gen .list_prueba table tr td form input {
	background: none;
	border: none;
	padding: 7px 0;
	color: #006;
	font-family: Arial;
	cursor: pointer;
}

.cont_gen .list_prueba table tr td form input:hover {
	text-decoration: underline;
	color: #00F;
}

/*BIENVENIDO - FIN */



/*DEMO DE PRUEBA - INI*/
.cont_gen .info_test {
	width: 80%;
	min-height: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.cont_gen .info_test h1 {
	color: #666;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

.cont_gen .info_test p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*Arial*/
	font-size: 14px;
	/* font-size:12px;*/
	line-height: 20px;

}

.btns {
	width: 100%;
	background: #FFF;
	float: left;
	padding: 10px 0 10px 0;
	margin: 20px 0;
}

.btns .btn {
	float: right;
	/*margin:0 200px 0;*/
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	color: #000;
}

.btns .btn:hover {
	color: #FFF;
}

/*DEMO DE PRUEBA - FIN*/

/*DEMO - INI*/

.cont_gen .demo {
	width: 100%;
	min-height: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.cont_gen .demo p {
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
}

.cont_gen .demo form {
	width: 100%;
	min-height: 250px;
	font-family: Arial;
	font-size: 12px;
	/*margin-top:10px;*/
}

.cont_gen .demo form table {
	border: #CCC solid 1px;
	width: 200px;
	font-family: Arial;
	font-size: 12px;
	margin: 0 auto;

}

.table_inceval_demo table {
	border: none;
}

.cont_gen .demo form table tr td {}

.cont_gen .demo form table tr th {
	background: #E8E8E8;
}

.cont_gen .demo form .styled {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	/*background: url(../img/radio.png) no-repeat;*/
	display: block;
	clear: left;
	float: left;
}

.cont_gen .demo form .pag {
	display: none;
	width: 200px;
	font-family: Arial;
	font-size: 12px;
	margin: 0 auto;
	_margin-left: 7%;
}

.cont_gen .demo form .show_pag .conten_respuesta {
	width: 200px !important;
}

.cont_gen .demo form .show_pag {
	width: 400px;
	display: block;
}

.cont_gen .demo form .show_pag_demo_inceval {
	width: 730px;
	display: block;
}

.cont_gen .demo form .show_pag2 {
	width: 100%;
	height: 350px;
	display: block;
}

.show_pag_cibain {
	width: 100%;
	height: 0px !important;
	display: block;
}

.cont_gen .demo form .paginacion {
	background: #FFF;
	width: 100%;
	margin-top: 30px;
	float: left;
}

.cont_gen .demo form .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 7px 197px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.cont_gen .demo form .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}



.cont_gen .conten .instrucciones h1 {
	font-family: Arial;
	font-size: 24px;
}

.cont_gen .conten .instrucciones p {
	font-family: Arial;
	font-size: 12px;
}


.cont_gen .demo form span {
	/*float:left;*/
	text-align: center;
	/*margin:5px;*/
	font-weight: bold;
}

.cont_gen .demo form .question {
	width: 100%;
	min-height: 250px;
	_height: 250px;
	display: block;
	margin-top: 30px;
}

.cont_gen .text_serie {
	border: #CCC solid 1px;
	width: 55px;
}


/*DEMO - FIN*/




/*PRUEBAS - INI*/
/* cacter -INI */
.cont_gen .conten #cacter {
	width: 100%;
	_width: 600px;
	_margin-left: 30px;
	/* margin-top: 20px; */
	min-height: 200px;
}

.cont_gen .conten #cacter table {
	border: #CCC solid 1px;
	width: 200px;
	font-family: Arial;
	font-size: 12px;
	margin: 0 auto;
	_margin-left: 200px;
}

.cont_gen .conten #cacter table tr th {
	background: #CCC;
}

.cont_gen .conten #cacter .styled {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	/*background: url(../img/radio.png) no-repeat;*/
	display: block;
	clear: left;
	float: left;
}

.cont_gen .conten #cacter .pag {
	display: none;
}

.cont_gen .conten #cacter .show_pag {
	width: 200px !important;
	display: table !important;
	_display: block !important;
}

.cont_gen .conten #cacter .show_pag2 {
	width: 100%;
	display: block;
}

.cont_gen .conten #cacter .paginacion {
	background: #FFF;
	width: 100%;
	margin-top: 30px;
	float: left;
}

.cont_gen .conten #cacter .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 14px 301px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.cont_gen .conten #cacter .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}


/*COEFIV*/
#coefiv .check_coefiv {
	float: left;
	/*margin-left:40px;*/
}

.cont_gen .conten #coefiv {
	width: 100%;
	_width: 600px;
	margin-top: 20px;
	min-height: 200px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	margin-left: 0;
}

.cont_gen .conten #coefiv span {
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
	width: 85%;
	text-align: left;
	margin-left: 50px;
	_margin-left: -0px;
	clear: both;
}

.cont_gen .conten #coefiv table {
	width: 200px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 100px;
	_margin-left: -100px;
}

.cont_gen .conten #coefiv .pag {
	display: none;
}

.cont_gen .conten #coefiv .show_pag {
	display: table !important;
	_display: block !important;
	margin-left: 100px;
	_margin-left: 0;
}

.cont_gen .conten #coefiv .show_pag2 {
	width: 100%;
	min-height: 250px;
	display: block;
}

.cont_gen .conten #coefiv .paginacion {
	background: #FFF;
	width: 100%;
	_width: 500px;
	margin-top: 30px;
	float: left;
}

.cont_gen .conten #coefiv .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 10px 150px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.cont_gen .conten #coefiv .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}

/*COEFIV*/


/*COMPETIAN*/
.cont_gen .conten #competian {
	width: 80%;
	_width: 600px;
	_margin-left: 0px;
	margin-top: 20px;
	min-height: 200px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.cont_gen .conten #competian span {
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 500px;
	float: left;
	text-align: left;
	clear: both;

}

.cont_gen .conten #competian table {
	width: 240px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 150px;
	_margin-left: 50px;

}

.cont_gen .conten #competian .pag {
	display: none;
}

.cont_gen .conten #competian .show_pag {
	display: table !important;
	_display: block !important;
}

.cont_gen .conten #competian .show_pag2 {
	width: 100%;
	min-height: 250px;
	display: block;
}

.cont_gen .conten #competian .paginacion {
	background: #FFF;
	width: 80%;
	_width: 450px;
	margin-top: 10px;
	float: left;
}

.cont_gen .conten #competian .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 10px 150px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.cont_gen .conten #competian .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}



/* INCEVAL */
.cont_gen .conten #inceval_1,
.cont_gen .conten #inceval_3 {
	width: 100%;
	_width: 600px;
	margin-top: 20px;
	min-height: 200px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.cont_gen .conten #inceval_1 span,
.cont_gen .conten #inceval_3 label.numeracion_inceval_3 {
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 50px;
	width: 500px;
	float: left;
	text-align: left;
	clear: both;
}

/*Estilos para barra de rangos en prueba de inceval3 */

.showcase {
	width: 340px;
	margin-left: 5px;
}

.range-max {
	/*display:none;*/
}

.range-min {
	/*display:none;*/
}

.tam_slider_range {
	width: 300px;
}

.tam_slider_concepto_1 {
	margin: 0 auto;
}

.tam_slider_concepto_2 {
	margin: 0 auto;
	margin-left: 5px;
}

.cont_gen .conten #inceval_1 table {
	width: 450px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 100px;
	/*margin-top: 30px;*/
}

.cont_gen .conten #inceval_3 table {
	width: 450px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 120px;
	margin-top: 33px !important;
	float: left;
}

.cont_gen .conten .inceval_3_demo table {
	margin-left: 15px !important;
	margin-top: 40px !important;
}

.cont_gen .conten #inceval_demo table {
	width: 450px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 15px;
	/*margin-top: 30px;*/
}

.cont_gen .conten #inceval_1 .pag,
.cont_gen .conten #inceval_3 .pag {
	display: none;
}

.cont_gen .conten #inceval_1 .show_pag,
.cont_gen .conten #inceval_3 .show_pag {
	display: table !important;
	_display: block !important;
	margin-left: 0;
}

.cont_gen .conten #inceval_1 .show_pag2,
.cont_gen .conten #inceval_3 .show_pag2 {
	width: 100%;
	min-height: 250px;
	display: block;
}

.cont_gen .conten #inceval_1 .paginacion,
.cont_gen .conten #inceval_3 .paginacion {
	background: #FFF;
	width: 90%;
	_width: 500px;
	margin-top: 10px;
	float: left;
}

.cont_gen .conten #inceval_3 .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 0px -83px 0px 0px;
	border: #666 double 3px;
}

.cont_gen .conten #inceval_1 .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 0px -83px 0px 0px !important;
	border: #666 double 3px;

}


.cont_gen .conten #inceval_1 .paginacion .next:hover,
.cont_gen .conten #inceval_3 .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}


.next_inceval2 {
	margin: none;
}


/* GENLIDER */
.cont_gen .conten #genlider {
	width: 100%;
	_width: 700px;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 50px;
	_margin-left: 0;
	min-height: 300px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.cont_gen .conten #genlider select {
	float: left;
	font-size: 12px;
	font-family: Verdana;
}

.cont_gen .conten #genlider span {
	font-weight: bold;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 500px;
	text-align: left;
	clear: both;
	margin-left: 0;
	float: left;
}

.cont_gen .conten #genlider ul {
	float: left;
	width: 500px;
	margin-left: 0;
	list-style: none;
}

.cont_gen .conten #genlider ul li {
	float: left;
	width: 470px;
	margin-bottom: 10px;
}

.cont_gen .conten #genlider ul li p {
	margin: 0;
	text-align: left
}

.cont_gen .conten #genlider table {
	font-family: Arial;
	font-size: 12px;
}

.cont_gen .conten #genlider table td {}

.cont_gen .conten #genlider label {
	min-width: 100px;
}

.cont_gen .conten #genlider .pag {
	display: none;
}

.cont_gen .conten #genlider .show_pag {
	display: table !important;
	_display: block !important;
	clear: both;
	margin: 0;
	width: 500px;
}

.cont_gen .conten #genlider .show_pag2 {
	width: 100%;
	min-height: 250px;
	display: block;
	margin: 0;
}

.cont_gen .conten #genlider .paginacion {
	background: #FFF;
	width: 90%;
	_width: 100%;
	margin-top: 30px;
	float: left;
}

.cont_gen .conten #genlider .paginacion .next {
	background: #ebebeb;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-family: Arial;
	float: right;
	margin: 10px 150px 10px;
	cursor: pointer;
	border: #666 double 3px;
}

.cont_gen .conten #genlider .paginacion .next:hover {
	background: #066FC7;
	color: #FFF;
	border: #FFF double 3px;
}

label {
	text-align: left;
}

/*
#genlider .jsorted {
	font-family:Arial;
	font-size:12px;
    margin: 0;
	margin-top:15px;
	margin-left:100px;
    padding: 0;
	position:relative;
	float:left;
	min-width:650px;
	text-align:left;
	height:210px !important;
	width:750px !important;
}
#genlider .jsorted-item {
    list-style-type: none;
	margin:0 0 15px 0 !important;
    width: 700px;
	float:left;
}
#genlider .jsorted-item p{
	width:100%;
	margin:0;
}
#genlider .jsorted-item .up_img{
	background:url(../img/core/dw.jpg) no-repeat;
}
#genlider .jsorted-item .dw_img{
	background:url(../img/core/up.jpg) no-repeat;
}
#genlider .jsorted-item .up{
	width:20px;
	height:20px;
	float:left;
	margin:0 2px 0 0;
}
#genlider .jsorted-item .up_img:hover{
	background:url(../img/core/dw.jpg) no-repeat;
	cursor:pointer;
}
#genlider .jsorted-item .dw{
	width:20px;
	height:20px;
	float:left;
	margin:0 2px 0 0;
}
#genlider .jsorted-item .dw_img:hover{
	background:url(../img/core/up.jpg) no-repeat;
	cursor:pointer;
}

/* GENLIDER */

.example_question_1 {
	width: 250px;
	height: 115px;
	float: left;
	overflow: hidden;
	margin-left: 145px;
}

.example_question_a {
	overflow: hidden;
	margin-left: 220px;
}

.example_question_2 {
	width: 250px;
	height: 115px;
	float: left;
	overflow: hidden;
}


/*PRUEBAS - FIN*/

.demo_mensaje {
	border: 2px solid #FFCC00;
	background-color: #FFFFCC;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 5px;
}

/*.divImgInceval{
	 height: 280px;
}*/


.instrucciones_ciesman_test,
.instrucciones_cibain_demo,
.instrucciones_ciesman_demo {
	margin: 15px;
}

.instrucciones_inceval_test2 {
	margin-top: 30px;
	margin-bottom: 25px;
}

.divImg {
	/* height: 260px;*/
	margin-top: 10px;

}

.inceval_label label {
	font-weight: normal;
}

.tabla_demo_inceval label {
	font-weight: normal;
}


/*
 table#table1 tr td a:link {
    color: #428bca;
    text-decoration: none;
}
 table#table1 tr td a:visited {
    color: #999;


}
 table#table1 tr td a:active {/*
    text-decoration: underline overline;
}
 table#table1 tr td a:hover {
    color: #2a6496;
    text-decoration: underline;

}

*/


table#table1 tr td a:link {
	color: #428bca;
	text-decoration: none;
}





table.practice tr td a:link {
	color: #666;

}

.nText {

	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: bold;


}


.jumbotron {
	border-radius: 6px;
}

/**
  *	 Estilos Inceval
  */

.inceval_env_imagen {
	overflow: hidden;
	/*border: 1px solid rgb(214, 214, 214);
	border-radius: 5px;
	cursor: pointer;*/
}

.btn_radio {
	width: 30px;
	height: 215px;
	float: left;
	background: #EDEDED;
}


.radio_imagen {
	margin-top: 90px !important;
	margin-right: 5px !important;
}

#progressbar .ui-progressbar-value {
	background-color: rgb(90, 174, 236);

}

.cronometro {
	color: #444;
	font-family: Arial;
	font-size: 12px;
}

.color {
	background-color: #c0c0c0;
}

/*Para prueba Inceval imagenes */
.choice_img {
	width: 799px;
	height: 235px;
	background: #F8F8F8;
}

.choice_img_demo {
	width: 799px;
	height: 255px;
	background: #F7F6F6;
}

.choice_img_demo input {
	display: none;
}

.choice_img_2 {
	width: 799px;
	height: 12px;
	background: #F7F6F6;
}

.line_gray {
	border-bottom: #999 solid 1px;
}

.choice_img input {
	display: none;
}

.ex1 img:hover {
	border: 5px solid #9AB6CC;
}


.img_tam {
	float: left;
	margin: 15px;
	-webkit-transition: margin 0.5s ease-out;
	-moz-transition: margin 0.5s ease-out;
	-ms-transition: margin 0.5s ease-out;
	transition: margin 0.5s ease-out;
	max-width: 200px !important;
}

.shadow {
	border: 5px solid #9AB6CC;
}

/* Barra de progreso */

.avance {
	font-weight: normal;
	font-size: 12px !important;
}

.ui-progressbar {
	position: relative;
}

.progress-label {
	position: absolute;
	left: 50%;
	top: -5px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

.porcentaje {
	width: 800px;
}

.por_a {
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #FFF;
	width: 24px;
	float: left;
	margin-left: 63px;
}

.por_b {
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
	width: 30px;
	margin-left: 5px;
	margin-right: 30px;
	float: left;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.por_b {
		margin-right: 30px;
	}
}

/* Firefox 3.0+ */
.por_b,
x:-moz-any-link,
x:default {
	margin-right: 95px;
}


.tiempo_restante {
	font-size: 12px;
	width: 120px;
	height: 15px;
	float: right;
	margin-right: -28px;
	margin-top: 0px;
	font-weight: normal;
}

.timer_inceval {
	width: 52px;
	height: 15px;
	float: right;
	margin-right: -75px;
	margin-top: 20px;
}

.textos-1 {
	font-size: 12px;
	line-height: 1.0em;
}

.textos-2 {
	font-size: 17px;
}


/* Cacter */
.question_cacter_n {
	width: 800px !important;
	height: 180px !important;
	background: #F7F6F6;
}

.capa_superior {
	background: #F7F6F6;
	width: 800px;
	height: 30px;
}

.timer_cacter_n {
	width: 52px;
	height: 15px;
	float: right;
	margin-right: -75px;
	margin-top: 17px;
}

.tiempo_restante_cacter {
	width: 120px;
	height: 15px;
	float: right;
	margin-right: -28px;
	margin-top: 0px;
	font-weight: normal;
}

.header_tabla{
	width: 960;
}

.fa-plus {
	padding: 0px 100px;
}

/* Estilos inceval 1*/
.sing_plus {
	background-image: url("../img/ui/css/images/plus.png");
	background-repeat: no-repeat;
	background-position: 37px 7px;
	/* width: 46%; */
	height: 30px;
}

.container_concepto {
	width: 92px;
	height: 60px;
	text-align: center;
	margin-top: -34px;
	/* margin: 0 auto; */
}

.next_inceval {
	margin: 0px 68px 0px 0px !important;
}

.choice_img_test_inceval {
	width: 800px;
	height: 200px;
	background: #F7F6F6;
}

.question_genlider_ejemplo {
	width: 800px;
	height: 480px;
	background: #F7F6F6;
	margin-top: 10px;
}

.margin_genlider {
	margin-top: 10px;
}

.instruc_genlider input[type=radio] {
	margin: 9px 5px 0px;
	float: left;
}

.list_example {
	list-style: none;
	margin-top: 18px;
}

.text_question {}

.instruc_genlider {
	margin-top: 20px;
}

.text_general14 {

	font-size: 14px;
}
.padding15{
	padding: 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 370px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 5px !important;
	}
	.cont_gen .header .info {
		width: 150px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 3px;
	}
	.footer {
        position: static !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media screen and (min-width: 1024px) {

	.bg-cont_gen {
		background-position: left 5em, 72em 25em !important;
    background-size: 15rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}
@media screen and (min-width: 1200px) {

	.bg-cont_gen {
		background-position: left 5em, 77em 25em !important;
    background-size: 15rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1300px) {

	.bg-cont_gen {
		background-position: 1em 5em, 84em 20em !important;
		background-size: 20rem, 15rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1400px) {

	.bg-cont_gen {
		background-position: 6em 5em, 90em 20em !important;
    background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1600px) {

	.bg-cont_gen {
		background-position: 13em 5em, 99em 20em !important;
    background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (min-width: 1900px) {


	.bg-cont_gen {
		background-position: 20em 5em, 105em 20em !important;
		background-size: 20rem, 20rem !important;
	}
	.cont_gen {
		position: relative;
		/* width: 100% !important; */
		margin: 0 auto;
		margin-top: 20px;
		padding: 10px;
		background: #FFF !important;
		min-height: 575px;
		padding-bottom: 41px;
		box-shadow: 0px 0px 13px 7px #e3dfdf;
		border-radius: 5px;
	}
	.header_tabla{
		width: 960px !important;
	}
	.info {
		padding-top: 10px;
		padding-right: 10px !important;
	}
	.cont_gen .header .info {
		width: 400px !important;
		height: 80px;
		float: right;
	}
	.padding15{
		padding: 15px;
	}
	.col-xl-8 {
		width:  66.66666667%;
	}
	.footer {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0px;
        text-align: center;
    }
}