/* CSS Document */
p,h1,h2,h3,img{ margin:0px; border:0px; padding:0px;}
body {width:100%;text-align:center;margin-left:auto;margin-right:auto; margin-top:0px; margin-bottom:0px; font-family: 'Asap', sans-serif; font-size:15px; color:#5C5B5E; line-height:20px;}
body a{ text-decoration:none; color:#333333;}
body a:hover{ text-decoration:none; color:#900;}
#contenedor{margin:0 auto;max-width:920px;font-size: 0;}
.contenedor_txt{max-width:920px; background-color:#FFFFFF; font-size:16px; padding-top:100px; text-align:left;}
#regresar_salesforce{ 
	display:none;
	padding: 3%;
	background-color:#E7E6E6;
	width:60%;margin:auto;
	-webkit-box-shadow: 3px 12px 28px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 3px 12px 28px 0px rgba(0,0,0,0.31);
    box-shadow: 3px 12px 28px 0px rgba(0,0,0,0.31);
}
#regresar_salesforce p{color: #000;text-align: start;}
#regresar_salesforce a{color: #00457C;}
#regresar_salesforce_flex{display: flex;flex-wrap: nowrap;justify-content: space-evenly;align-items: center;}
#regresar_salesforce_button {
	background-color: #ED7D31;
	border-radius: 10px;
	color: #fff !important;
	padding: 1em 1.5em;
	text-decoration: none;
	font-weight: bold;
}
#regresar_salesforce_button:hover {background-color: #da6d25;}
#regresar_salesforce_button:active {background-color: #da6d25;}
.contener_realizar_test {position: relative; float: left;}
#contenedor_loader {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
    display: none;
    align-items: center;
    background-color: #000;
    z-index: 999;
    opacity: 0.5;
}
.loader_pregunta{ 
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }  

#contenedor2{margin:0 auto;max-width:1150px;font-size: 0;}
.contenedor2_txt{max-width:1150px; background-color:#FFFFFF; font-size:16px; padding-top:220px; text-align:left;}

#head{height:143px; width:100%;background:#FFF; z-index:99999;}
#top{height:29px; width:100%;background:#00457C; text-align:right; color:#fff; padding-top:10px;}
#top a{ text-decoration:none; color:#fff;}
#top a:hover{ text-decoration:none; color:#fff;}
#top_content{max-width:1000px; margin:0 auto;}
.top_content_current{ font-weight:600;}
#head_content{max-width:1000px; margin:0 auto;}
.head1{width:233px;display:inline-block;text-align:left;}
.head2{width:760px; display:inline-block; padding-top:0px;vertical-align:top; text-align:right;}
.logo{position:absolute; width:323px; height:109px; z-index:999; top:12px;}
#logo{margin-top: 20px;}
.logo_uax{position:absolute; width:200px; z-index:999; top:50px; margin-left: 10px;}
.menu{text-align:right; width:760px; font-size:10px; margin-top:35px; }
nav ul{font-size:0;padding:0; height:20px; text-align:right;}
nav ul li{display:inline-block;font-size:16px; text-align:center; font-weight:100;height:20px;line-height:20px;padding:10px; margin-left:10px; }
nav li:hover a{color:#FFFFFF;}
nav ul li a{color:#000F47;display:block;text-align:center; text-decoration:none; padding:10px;}
nav ul li a:hover{color:#FFF; background:#000F47;display:block; }
nav ul li .current{color:#FFF; background:#000F47; padding:10px;height:20px;line-height:20px;}
nav ul li:last-child{border-right:0px;}
.requiered{ background:url(../img/icons/requiered.gif) no-repeat; padding-right:15px; padding-top:4px; visibility;}

.menu_responsive{width:200px; padding:5px; background:#F2F2F2; border:1px solid #DFDFDF; position:fixed; display:block; top:45px; display:none; right:0; z-index:999999}
.menu_responsive ul{font-size:0;padding:0!important; text-align:left;}
.menu_responsive ul li{display:block!important;font-size:14px;height:30px; line-height:30px;padding:0px 0;width:auto; border-bottom:1px solid #E1E1E1; padding-top:10px; }
.menu_responsive ul li a{color:#5C5B5E!important;text-align:left; text-decoration:none; padding-left:5px; display:block!important; line-height:15px!important; border-bottom:0px;!important;}
.menu_responsive ul li a:hover{color:#2C86C4;border-bottom:0px;!important;}
.menu_responsive ul li:last-child{border-bottom:0px; }
.img_responsive{max-width:100%!important;height:auto;}

.line{height:15px; border-bottom:1px dotted #D8D8D8; margin-bottom:15px;}
#menu2{ display:none;}

input[type='text']{-moz-border-radius:4px;border-radius:4px; padding:9px;border:1px solid #C3C3C3; display:block; width:100%; font-family:'Asap',Verdana, Arial, Helvetica, sans-serif;color:#666666; font-size:15px;}
textarea{-moz-border-radius:4px;border-radius:4px; padding:9px;border:1px solid #C3C3C3; display:block; width:100%; font-family:'Asap',,Verdana, Arial, Helvetica, sans-serif;color:#666666; font-size:15px;}
input[type='password']{-moz-border-radius:4px;border-radius:4px; padding:9px;border:1px solid #C3C3C3; width:100%; font-family:'Asap',Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#333333;}

input[type='button']{-moz-border-radius:4px;border-radius:4px; padding:6px;border:1px solid #293F76;  font-family:'Cantarell', sans-serif; font-size:16px; color:#333333; background:#036;color:#FFF; cursor:pointer; }
.boton{-moz-border-radius:4px;border-radius:4px; padding:6px;border:1px solid #293F76;  font-family:'Cantarell', sans-serif; font-size:16px; color:#333333; background:#036;color:#FFF; cursor:pointer;}

.boton a:hover{-moz-border-radius:4px;border-radius:4px; padding:6px;border:1px solid #2B5031;  font-family:'Cantarell', sans-serif; font-size:16px; color:#FFF!important; background:#293F76;color:#FFFFFF; cursor:pointer;}

input[type='button']:hover {-moz-border-radius:4px;border-radius:4px; padding:6px;border:1px solid #2B5031;  font-family:'Cantarell', sans-serif; font-size:16px; color:#333333; background:#293F76;color:#FFFFFF; cursor:pointer;}
.c1{width:400px; display:inline-block; margin:0px; vertical-align:top; text-align:left; }
.c2{width:410px; display:inline-block; margin:0px; margin-left:80px; vertical-align:top; text-align:left;}
.c1_index{width:660px; display:inline-block; margin:0px; vertical-align:top; text-align:left; }
.c2_index{width:150px; display:inline-block; margin:0px; margin-left:80px; margin-top:100px; vertical-align:top; text-align:left;}
.novedad_1{ display:inline-block; width:100px;  vertical-align:top; }
.novedad_2{ display:inline-block; margin-left:5px; width:300px; line-height:16px;vertical-align:top;}
.novedad_2 h2{ margin-top:0px;!important}
.tbltext div{ display:inline-block; margin:5px; border:1px solid #EEE; padding:5px; vertical-align:top;}
.tblimg div{ margin:5px; border:1px solid #EEE; padding:5px; vertical-align:top;}

.scrollToTop{
	width:38px; 
	height:38px;
	padding:5px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:575px;
	right:0px;
	display:none;
	background:url(../img/top.png) no-repeat ;
}
.scrollToTop:hover{
	text-decoration:none;
}

.icono_perfil{width: 30px; margin-right: 10px;}

.form-container {
	display: inline-block;
	height:540px;
	position: relative;
	width:100%;
	z-index: 1;
}
h1{color:#58595D; font-size:28px; margin-bottom:20px; font-weight:400;}
h2{color:#333; font-size:22px; margin-bottom:10px; font-weight:400; margin-top:30px;}
h3{color:#333; font-size:24px; margin-bottom:10px; font-weight:400; margin-top:30px; background-color:#F5F5F5; padding:15px;}
.separador{ height:20px; margin-bottom:10px;}
.lopd{font-size: 0.85em; text-align: justify; line-height: 1.4em;}





#table_resultados {background: #fff;border-right:0;clear: both;color: #333;width: 100%; font-size:13px;}
#table_resultados th {border:0;text-align: left;padding:4px; background:#ADADAD; color:#FFF;}
#table_resultados th a {display: block;padding: 2px 4px;text-decoration: none;}
#table_resultados tr td {background: #fff;padding: 6px;	text-align: left;}
#table_resultados tr:nth-child(2n) td {background: #F1F1ED;}
#table_resultados .altrow td {background: #f5f5f5;}


.col1{ width:500px; display:inline-block; vertical-align: top; margin:0px;}
.col2{ width:400px; display:inline-block; vertical-align: top; margin:0px; margin-left:80px;}


.copyright{margin: 0px;}
#footer{background:#00478E;  height:auto; width:100%; padding-top:30px; padding-bottom:10px; clear:both; color:#7A7A7A; margin-top:50px;}
.footer_content{margin:0 auto;max-width:1000px;font-size:0; text-align:left; }
.footer_columns{width:180px; margin:10px; display:inline-block; font-size:12px; text-align:left; line-height:16px; vertical-align:top;}
.separa_footer{margin-top:10px;}


.footer_columns ul{font-size:0;padding:0; text-align:left;}
.footer_columns ul li{display:block;font-size:12px;height:25px; line-height:20px;padding:0px 0;width:auto; background:url(../img/viniet.gif) no-repeat  left; }
.footer_columns ul li a{color:#7A7A7A;text-align:left; text-decoration:none; padding-left:12px;}
.footer_columns ul li a:hover{color:#FFF; }
.footer_columns h1{ font-size:14px; margin-bottom:10px; color:#FFFFFF;}
.footer_columns p{ color:#FFFFFF;}
 

.responsive_img{
    width:100% !important;
    height:100% !important;
    display:block;
}

.galeria{width:180px; height:120px; display:inline-block; margin:1%;}
.mensaje{width:auto; margin-bottom:20px; padding:8px; background:#D2FFD2; border:1px solid #88FF88; color:#333333; font-size:15px; display:none;}
.mensaje_err{width:auto; margin-bottom:20px; padding:8px; background:#FFCCCC; border:1px solid #FF9595; color:#333333; font-size:15px; display:none;}

.faltan{font-size: 18px; color:#ccc; padding-top:5px;}
#clock {text-align:right; }
#clock div{ display:inline-block; font-size:24px;}
#clock a{ text-decoration:none; color:#ccc;}
#clock a:hover{ text-decoration:none; color:#900;}

#clock2 {text-align:right; margin-top:20px; font-size:12px;}
#clock2 div{ display:inline-block; font-size:12px;}
#clock2 a{ text-decoration:none; color:#ccc;}
#clock2 a:hover{ text-decoration:none; color:#900;}
.cantidad{ font-size:10px; text-align:center;}

.seccionImgPregunta { width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start;}
.seccionImgPregunta div { border: none !important;}
.contImgNum { width: 40px; font-weight: bold;}
.contImgPregunta { width: calc(100% - 45px);}
.imgPregunta { width: 95%;}
.contImgRespuestas { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}

@media screen and (max-width:800px)
	{
	.col1_uni{display:none; position:absolute;}
	.col2_uni{width:100%;}
	#top{display:none;}
	#head{height:90px; background:#F3F3F3; border-bottom:1px solid #E0E0E0;}
	#logo{height:50px;top:15px;}
	.logo_uax{position:absolute; width:150px; height: 45px !important; z-index:999;}
	.menu{display:none;}
	.head1{width:100%; padding:0px; text-align:left; height:50px; padding-left:5px; padding-top:5px;}
	.head2{display:none;}
	#menu2{display:block; position:absolute; top:20px; left:380px;}	
	#menu3{display:block; position:absolute; top:140px; left:10px;}	
	.contenedor_index2_txt{padding-top:100px;}
	.contenedor_index_txt{ padding-top:100px;}
	.unidades img{ width:200px;}
	.div_tiempo{overflow-y: hidden;overflow-x: visible;}
	.col2{ padding-top:30px;}
	h1{ font-size:25px;}
	.footer_columns{width:32%; font-size:12px;}
	.footer_columns2{width:100%;}
	.c1_contact{ width:95%; margin:0px;}
	.c2_contact{ width:95%;margin:0px;}
	
	.top_content{ font-size:11px;}
	.top1 div{ display:block; margin-bottom:5px; margin-right:0px;}
	#top{height:50px;}
	.footer_columns{width:24%;}
	.c1{width:95%; margin:0;}
	.c2{width:95%; margin:0; margin-top:30px;}
	.c1_index{width:95%; margin:0;}
	.c2_index{width:95%; margin:0; margin-top:30px;}
	.col1{ width:95%; margin:0px;}
	.col2{ width:95%; margin:0px;}
	.contenedor_txt{ padding:10px; padding-top:130px;}
	.col1_bloques1{ width:95%; margin:0px;}
	.col1_bloques2{ width:95%; margin:0px;}
	.col1_neg{width:95%; margin:0px;}
	.col2_neg{width:95%; margin:0px; margin-top:50px;}
	input[type='text']{ width:88%;}
	input[type='password']{width:88%;}
	textarea{ width:88%;}
	.content_home_img1{width:40%;}
	.content_home_img2{width:40%;}
	.disp{ margin:10px;}
	.cuadro_colores{ width:90%;}
	.novedades_content{ text-align:center;}
	.novedad1{width:280px; display:inline-block; margin-right:30px;}
	.novedad_1{width:30%;}
	.novedad_2{width:60%;}
	
	}
@media screen and (max-width:450px)
	{
	#menu2{display:block; position:absolute; top:0px; left:320px;}	
	.carac{width:400px; }
	.carac_img{ width:153px;}
	.carac_txt{ width:220px; margin-left:10px; float:left;}
	.footer_columns{width:100%;}
	.footer_columns2{width:100%;}
	.footer_columns ul li{ font-size:11px;}
	.novedad1{ width:100%;}
	.novedad2{ width:100%;}
	.top_content{ font-size:11px;}
	.footer_columns{width:24%;}
	.footer_columns2{width:96%;margin:0; padding:2%;}
	}
	
	
	/* CSS para test de personalidad sin imagenes*/
	
[data-tipo="per"] {
  height: 13em;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:20px; 
  color:#1F1F1F;
  width: 100%;
}

[data-tipo="per"]  input[type="radio"] {
    width:25px;
    height:25px;
}