@charset "utf-8";
/*
GRIS CLARO	#999999
GRIS OSCURO	#686868
GRIS BORDE	#dfdfdf

AZUL: 		#00acf0
VERDE: 		#02c050  // OSCURO #01903b
AMARILLO: 	#f0a900
ROJO: 		#e04521  // OSCURO #a62a0d
*/
body, html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	background-color:#FFF;
}
body[fondo="gris"]{
	background: rgb(247,247,247);
	background: linear-gradient(180deg, rgba(247,247,247,0.9) 0%, rgba(255,255,255,1) 100%);
}
*[margen="top_10"]{
	margin-top:10px !important;
}
*[margen="top_20"]{
	margin-top:20px !important;
}
*[margen="top_30"]{
	margin-top:30px !important;
}
*[margen="bottom_10"]{
	margin-bottom:10px !important;
}
*[margen="bottom_20"]{
	margin-bottom:20px !important;
}
*[margen="bottom_30"]{
	margin-bottom:30px !important;
}
*[margen="left_10"]{
	margin-left:10px !important;
}
*[margen="left_20"]{
	margin-left:20px !important;
}
*[margen="left_30"]{
	margin-left:30px !important;
}
*[margen="right_10"]{
	margin-right:10px !important;
}
*[margen="right_20"]{
	margin-right:20px !important;
}
*[margen="right_30"]{
	margin-right:30px !important;
}
/**/
a{
	color:#00acf0;
	text-decoration:none;
	transition: 0.5s ease;
}
a:hover{
	color:#02c050;
}

/**/
.cont_body_tabla_{
	display: table;
	width: 100%;
	height:100%;
}
.cont_body_tabla_Body {
	display: table-row-group;
}
.cont_body_tabla_Row {
	display: table-row;
}
.cont_body_tabla_Cell_1 {
	border-top: 0px;
	display: table-cell;
	padding: 0px;
	height:auto;
	padding-bottom:30px; 
	box-sizing:border-box;
}
.cont_body_tabla_Cell_2 {
	border-top: 1px solid #dfdfdf;
	display: table-cell;
	padding: 0px;
	height:60px;
}

/**/
.boton{
	width:100%;
	max-width:300px;
	height:40px;
	line-height:44px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	
	background: rgb(0,172,243);
	background: linear-gradient(270deg, #02c04e, #00acf3);
	background-size: 100% 100%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	transition: 0.5s ease;
	
	border-bottom:2px solid rgba(0,0,0,0);

}
.boton:hover, .boton:active{
	background-size: 400% 400%;
	background-position:right center;
	border-bottom:2px solid #0f7c2c;
	letter-spacing:1px;
}
.boton[estilo="rojo"]{
	background: #e04521;
}
.boton[estilo="rojo"]:hover, .boton[estilo="rojo"]:active{
	border-bottom:2px solid #a62a0d;
}

.boton[estilo="gris"]{
	font-weight:normal;
	background: #999999;
}
.boton[estilo="gris"]:hover, .boton[estilo="gris"]:active{
	border-bottom:2px solid #999999;
}

.boton[estilo="verde"]{
	background: #02c050;
}
.boton[estilo="verde"]:hover, .boton[estilo="gris"]:active{
	border-bottom:2px solid #0f7c2c;
}

.boton[estilo="gris_claro"]{
	font-weight:normal;
	background: #f8f8f8;
		color:#686868;
	border:1px solid #dfdfdf;
	font-size:14px;
}
.boton[estilo="gris_claro"]:hover, .boton[estilo="gris"]:active{
	border:1px solid #dfdfdf;
	background:#FFF;
}
.boton[estilo="sin_buro"]{
	width:calc(100% + 2px);
	position:absolute;
	bottom:-35px;
	left:-1px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	height:35px;
	line-height:39px;

}
.boton[estado="cargando"]{
	transition:0s;
	background:#efefef !important;
	border-color:#CCC !important;
	letter-spacing: 1px !important;
	cursor:progress;
	background-image:url(img/loading.gif) !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	font-size:0px;
}


/**/
.linea_separacion{
	width:100%;
	height:1px;
	font-size:1px;
	background-color:#dfdfdf;
}

/**/
.input{
	width:100%;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:45px;
	border:1px solid #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: 0.5s ease;
	font-family:inherit;
	font-size:14px;
	color:#757575;
	height:40px;
	line-height:40px;
	outline:none;
	transition: 0.5s ease;
	
	background-image:url(img/input_mod_icon_azul.png);
	background-size:18px;
	background-position:calc(100% - 10px) center;
	background-repeat:no-repeat;
}
.input:focus{
	border:1px solid #00acf0 !important;
	background-position:calc(100% + 25px) center;
	padding-right:10px;
}
.input:hover{
	border:1px solid #999;
}
.input[disabled="disabled"]{
	background-image:url(img/input_mod_icon_gris.png);
	background-position:calc(100% + 25px) center !important;
	border:1px solid #dfdfdf !important;
	padding-right:10px;
}
.input[estado="error"]{
	border:1px solid #e04521;
	background-image:url(img/input_mod_icon_rojo.png);
}
.input[estado="correcto"]{
	border:1px solid #02c050;
	background-image:url(img/input_mod_icon_verde_ok.png);
}
.input[estilo="fecha"]{
	padding-right:10px;
	background-image:none;
}
select{
	-moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
}
.input_cb_cont{
	position:relative;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding-left:25px;
	height:15px;
	line-height:17px;
	text-align:left;
	font-size:12px;
}
.input_cb{
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	background:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #dfdfdf;
	display:inline-block;
	cursor:pointer;
	transition: 0.5s ease;
}
.input_cb:hover{
	border:1px solid #999;
}
.input_cb_opt{
	position:absolute;
	left:-1px;
	top:-1px;
	width:16px;
	height:17px;
	/*background:#e04521;*/
	box-sizing:border-box;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: 0.5s ease;
}
.input_cb_opt[estado="error"]{
	border:1px solid #e04521;
}
.input_cb_opt[estado="ok"]{
	background-image: url(img/input_cb_tick.png);
	background-size:15px;
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #02c050;
}

/**/


/***************INDEX***************/
.lp_cont{
	position:fixed;
	top:0px;
	bottom:0px;
	transition: 0.5s ease;
}
/**/
.lp_cont[pos="der"]{
	right:0px;
	width:calc(50% + 169px);
	
	background: linear-gradient(270deg, #00acf3, #02c04e);
	background-size: 400% 400%;
	
	-webkit-animation: lp_cont_der 8s ease infinite, lp_cont_pos_der 1s ease;
	-moz-animation: lp_cont_der 8s ease infinite, lp_cont_pos_der 1s ease;
	-o-animation: lp_cont_der 8s ease infinite, lp_cont_pos_der 1s ease;
	animation: lp_cont_der 8s ease infinite, lp_cont_pos_der 1s ease;
}

@keyframes lp_cont_der {
  	0%{	background-position:0% 0%; }
    50%{	background-position:50% 50%; }
    100%{	background-position:0% 25%; }
}

@keyframes lp_cont_pos_der {
  	0%{	right:-20%; opacity:0.2; }
    100%{ right:0px; opacity:1;}

}

.lp_cont_der_diagonal{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:169px;
	background-image:url(img/index_diagonal.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.lp_cont_der_table{
	display: table;
	width: 100%;
	height:100%;
}
.lp_cont_der_table_Row {
	display: table-row;
}
.lp_cont_der_table_Cell{
	border: 0px;
	display: table-cell;
	box-sizing:border-box;
	padding: 50px;
	padding-left:calc(50px + 120px);
	text-align:center;
	vertical-align:middle;
}
.lp_cont_der_table_Cell img{
	transition: 0.5s ease;
	max-width:925px;
	opacity:0.8;
}



.lp_cont[pos="izq"]{
	left:0px;
	width:calc(50% - 169px);
	
	-webkit-animation: lp_cont_pos_izq 1s ease ;
	-moz-animation: lp_cont_pos_izq 1s ease ;
	-o-animation: lp_cont_pos_izq 1s ease ;
	animation: lp_cont_pos_izq 1s ease ;
}
@keyframes lp_cont_pos_izq {
  	0%{	left:-20%; opacity:0.2; }
    100%{ left:0px; opacity:1;}

}



.lp_cont_izq_logo{
	position:absolute;
	top:50px;
	left:50px;
	width:190px;
	height:51px;
	background-image:url(img/logo.png);
	background-size:190px;
	background-repeat:no-repeat;
	transition: 0.5s ease;
}
.lp_cont_izq_contenedor{
	position:absolute;
	left:50px;
	top:calc( 50px + 51px + 50px);
	width:100%;
	max-width:460px;
	transition: 0.5s ease;
}
.lp_cont_izq_contenedor_titulo{
	text-transform: uppercase;
	background: linear-gradient(to right, #00acf3 0%, #02c04e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:40px;
	font-weight:bold;
}
.lp_cont_izq_contenedor_subtitulo{
	color:#686868;
	font-size:22px;
	font-weight:bold;
	box-sizing:border-box;
	padding-top:25px;
	padding-bottom:25px;
}
.lp_cont_izq_contenedor_linea{
	width:100%;
	height:1px;
	font-size:0px;
	background:#dfdfdf;
}
.lp_cont_izq_contenedor_texto{
	font-size:16px;
	line-height:20px;
	color:#999;
	box-sizing:border-box;
	padding-top:25px;
	padding-bottom:25px;
}
.lp_cont_pie{
	position:absolute;
	left:50px;
	bottom:50px;
	transition: 0.5s ease;
}
.lp_cont_pie a{
	color:#00acf0;
	text-decoration:none;
	transition: 0.5s ease;
}
.lp_cont_pie a:hover{
	color:#02c050;
}

.lp_boton_login{
	position:absolute;
	right:50px;
	top:50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	transition: 0.5s ease;
	width:170px;
	height:40px;
	line-height:38px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	border:2px solid #fff;
	box-sizing:border-box;
	transition: 0.5s ease;
}
.lp_boton_login:hover, .lp_boton_login:active{
	background-color:rgba(255,255,255,0.2);
	letter-spacing:1px;
}

.lp_cabecera_mobile{
	position:fixed;
	top:0px;
	right:0px;
	height:60px;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #dfdfdf;
	opacity:0;
	transition: 0.5s ease;
}
.lp_cont_izq_tarjeta_mobile{
	opacity:0;
	height:0px;
	transition: 0.5s ease;
}

.lp_cont_pie_separador{
	display:inline-block;
}


@media (max-width: 1380px) {
	.lp_cont[pos="izq"]{
		width:calc( 460px + 169px);
	}
	.lp_cont[pos="der"]{
		width:calc(100% - 460px - 169px);
	}
	.lp_cont_der_table_Cell{
		position:relative;
		overflow:hidden !important;
	}
	.lp_cont_der_table_Cell img{
		opacity:1;
		width:1000px !important;
	}
}
@media (max-width: 1030px) {
	.lp_cont_der_table_Cell img{
		opacity: 0 !important;
	}
}
@media (max-width: 930px) {
	.lp_cont[pos="der"]{
		width:150px;
	}
	.lp_cont[pos="izq"]{
		width:100%;
	}
	.lp_boton_login[tipo="mobile"]{
		color: transparent;
		overflow:hidden;
		width:40px;
		background-image:url(img/index_user_blanco.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:20px;
	}
	.lp_boton_login[tipo="mobile"]:hover, .lp_boton_login[tipo="mobile"]:active{
		letter-spacing:1px;
	}
	.lp_cont_izq_contenedor{
		text-align:center !important;
		left:calc( 50% - 230px - 50px);
		top:calc( 30px + 41px + 50px);
	}
	.lp_cont_izq_logo{
		top:30px;
		left:30px;
		width:150px;
		height:41px;
		background-size:150px;
	}
	.lp_cont_izq_contenedor .boton{
		margin:auto;
	}
	.lp_cont_pie{
		width:100%;
		max-width:460px;
		left:calc( 50% - 230px);
		text-align:center;
		bottom:30px;
	}
	.lp_boton_login{
		right:30px;
		top:30px;
	}
	
}
@media (max-width: 670px) {
	.lp_cont[pos="der"]{
		opacity:0;
		width:0px;
		overflow:hidden;
	}
	.lp_cont[pos="izq"]{
		overflow:auto;
		width:100%;
		background: rgb(247,247,247);
		background: linear-gradient(180deg, rgba(247,247,247,0.9) 0%, rgba(255,255,255,1) 50%);
	}
	.lp_boton_login[tipo="mobile"]{
		border:2px solid #00acf0;
		background-image:url(img/index_user.png);
	}
	.lp_boton_login[tipo="mobile"]:hover, .lp_boton_login[tipo="mobile"]:active{
		background-color:#00acf0;
		background-image:url(img/index_user_blanco.png);
	}
	.lp_cont_izq_contenedor{
		position:relative;
		top:0;
		left:0;
		margin:auto;
		margin-top:calc(30px + 60px);
	}
	
	.lp_cont_izq_logo{
		top:10px;
		left:10px;
		position:fixed;
	}
	.lp_boton_login{
		right:10px;
		top:10px;
	}
	.lp_cabecera_mobile{
		opacity:1;
	}
	.lp_cont_izq_tarjeta_mobile{
		opacity:1;
		width:100px;
		height:70px;
		background:url(img/tarjeta_azul.png);
		background-repeat:no-repeat;
		background-size:100px;
		margin:auto;
		margin-bottom:30px;
	}
	
}
@media (max-width: 530px) {
	.lp_cont_izq_contenedor{
		box-sizing:border-box;
		padding-left:20px;
		padding-right:20px;
	}

	.lp_cont_izq_contenedor_titulo {
		font-size:32px;
	}
	.lp_cont_izq_contenedor_subtitulo {
		font-size:17px;
	}
	
	.lp_cont_pie{
		position:relative;
		left:0;
		bottom:0;
		box-sizing:border-box;
		padding-bottom:30px;
		padding-top:30px;
		margin:auto;
		margin-top:30px;
		margin-left:20px;
		margin-right:20px;
		width:calc(100% - 40px);
	}
	
	.lp_cont_pie_separador{
		display:inline-block;
		color:#fff;
	}
	.lp_cont_pie{
		border-top:1px solid #dfdfdf;
	}
	.lp_cont_pie a{
		border:1px solid #eee;
		box-sizing:border-box;
		width:100% !important;
		padding:8px;
		line-height:22px;
		display:inline-block;
	}

}


/****************/

.lp_cont_der_textura{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url(img/index_textura.png);
	background-position:0px 0px;	
	
	-webkit-animation: lp_cont_der_textura 25s linear infinite;
	-moz-animation: lp_cont_der_textura 25s linear infinite;
	-o-animation: lp_cont_der_textura 25s linear infinite;
	animation: lp_cont_der_textura 25s linear infinite;
	opacity:0.6;
}

@keyframes lp_cont_der_textura {
  	0%{	background-position:0% 0%; opacity:0.6; }
	25%{ opacity:0.2;}
	50%{	opacity:0.4; }
    100%{ background-position:-200% -200%; opacity:0.2; }
}


/**/
.pie{
	position:relative;
	box-sizing: border-box;
	padding:0px;
	text-align:center;
	font-size:14px;
	line-height:20px;
	background-color:#f8f8f8;
}
.pie_cell{
	background-color:#f8f8f8;
}
.lp_cont_pie[estilo="contenido"]{
	position:relative;
	top:0px; 
	bottom:0px;
	left:0px;
	right:0px;
	border:0px !important;
	padding-top:10px !important;
	margin-top:0px !important;
	max-width:100% !important;
}
@media (max-width: 530px) {
	 .pie{
		position:relative;
		box-sizing: border-box;
		padding:0px;
		text-align:center;
		font-size:14px;
		background-color:#f8f8f8;
		line-height:20px;
	}
	.lp_cont_pie[estilo="contenido"]{
		padding-top:40px !important;
	}
	.lp_cont_pie[estilo="contenido"] a {
		background:#fff;
		margin-top:-10px;
	}
	.pie_copy{
		padding-top:20px;
	}
}




/*************************************************/
.login_cabecera{
	position:relative;
	z-index:5;
    height: 60px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    transition: 0.5s ease;
	box-sizing:border-box;
	padding:10px;
}
.login_logo{
	width:150px;
	height:41px;
	background-image:url(img/logo.png);
	background-size:150px;
	background-repeat:no-repeat;
	transition: 0.5s ease;
	margin:auto;
	cursor:pointer;
}

.login_formumalio{
	width:100%;
	max-width:340px;
	box-sizing:border-box;
	padding:20px;
	padding-top:30px;
	padding-bottom:30px;
	margin:auto;
	text-align:center;
	/*transition: 0.5s ease;*/
}
.login_pasos{
	font-size:12px;
	color:#686868;
	font-weight:bold;
	text-transform:uppercase;
}
.login_pasos_bar_cont{
	position:relative;
	width:100%;
	height:6px;
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fff;
	margin-top:10px;
}
.login_pasos_bar{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	
	background: rgb(0,172,243);
	background: linear-gradient(270deg, #02c04e, #00acf3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	transition: 0.5s ease;
}
.login_icon{
	background-image:url(img/login_icons.png);
	background-repeat:no-repeat;
	background-position:center center;
	margin:auto;
	margin-bottom:30px;
}
.login_icon[tipo="tarjeta_azul"]{
	width:70px;
	height:49px;
	background-position:0px 0px;
	background-size:414px;
}
.login_icon[tipo="tarjeta_gris"]{
	width:70px;
	height:49px;
	background-position:0px -49px;
	background-size:414px;
}
.login_icon[tipo="email_azul"]{
	width:70px;
	height:48px;
	background-position:-70px 0px;
	background-size:406px;
}
.login_icon[tipo="email_gris"]{
	width:70px;
	height:48px;
	background-position:-70px -48px;
	background-size:406px;
}
.login_icon[tipo="sms_azul"]{
	width: 63px;
    height: 59px;
    background-position: -174px 0px;
    background-size: 502px;
}
.login_icon[tipo="sms_gris"]{
	width: 63px;
    height: 59px;
    background-position: -174px -59px;
    background-size: 502px;
}
.login_icon[tipo="sms_ok_azul"]{
	width: 63px;
    height: 59px;
    background-position: -237px 0px;
    background-size: 502px;
}
.login_icon[tipo="sms_ok_gris"]{
	width: 63px;
    height: 59px;
    background-position: -237px -59px;
    background-size: 502px;
}
.login_icon[tipo="email_open_azul"]{
	width:70px;
	height:64px;
	background-position:-329px 0px;
	background-size:549px;
}
.login_icon[tipo="email_open_gris"]{
	width:70px;
	height:64px;
	background-position:-329px -65px;
	background-size:549px;
}
.login_icon[tipo="email_open_ok_azul"]{
	width:70px;
	height:64px;
	background-position:-399px 0px;
	background-size:549px;
}
.login_icon[tipo="email_open_ok_gris"]{
	width:70px;
	height:64px;
	background-position:-399px -65px;
	background-size:549px;
}
.login_icon[tipo="user_azul"]{
	width:70px;
	height:56px;
	background-position:-408px 0px;
	background-size:478px;
}
.login_icon[tipo="user_gris"]{
	width:70px;
	height:56px;
	background-position:-408px -56px;
	background-size:478px;
}

.login_titulo{
	color:#686868;
	font-size:17px;
}
.login_titulo_verde{
	color:#02c050;
	font-weight:bold;
}
.login_titulo_azul{
	color:#00acf0;
	font-weight:bold;
}

.login_sugerencia{
	position:relative;
	width:100%;
	min-height:48px;
	box-sizing:border-box;
	padding:10px;
	padding-left:48px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*transition: 0.5s ease;*/
	text-align:left;
	font-size:12px;
	line-height:16px;
}
.login_sugerencia:hover, .login_sugerencia:active{
	background:#FFF;
	cursor:help;
	color:#686868;
}
.login_sugerencia_icon_cont{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:38px;
}
.login_sugerencia_icon{
	position:absolute;
	top:calc(50% - 12.5px);
	left:calc(50% - 12.5px);
	width:25px;
	height:25px;
	background-image: url(img/sugerencia_icon.png);
	background-size:100px;
	background-repeat:no-repeat;
}
.login_sugerencia[tipo="info"]{
	border:1px solid #02c050;
}
.login_sugerencia[tipo="info"] .login_sugerencia_icon_cont{
	background:#02c050;
}
.login_sugerencia[tipo="info"] .login_sugerencia_icon{
	background-position:0px 0px;
}
.login_sugerencia[tipo="alerta"]{
	border:1px solid #f0a900;
}
.login_sugerencia[tipo="alerta"] .login_sugerencia_icon_cont{
	background:#f0a900;
}
.login_sugerencia[tipo="alerta"] .login_sugerencia_icon{
	background-position:-25px 0px;
}
.login_sugerencia[tipo="error"]{
	border:1px solid #e04521;
}
.login_sugerencia[tipo="error"] .login_sugerencia_icon_cont{
	background:#e04521;
}
.login_sugerencia[tipo="error"] .login_sugerencia_icon{
	background-position:-50px 0px;
}

.login_sugerencia[tipo="sugerencia"]{
	border:1px solid #00acf0;
	color:#686868;
	cursor:pointer;
}
.login_sugerencia[tipo="sugerencia"] .login_sugerencia_icon_cont{
	background:#00acf0;
}
.login_sugerencia[tipo="sugerencia"] .login_sugerencia_icon{
	background-position:-75px 0px;
}
.login_sugerencia .input_cb_cont{ height:auto; }
.login_sugerencia_titulo{
	font-size:16px;
	color:#02c050;
	font-weight:bold;
}




.login_validar_cont{
	position:relative;
	width:100%;
	display:block;
	height:124px;
}
.login_validar{
	position:absolute;
	top:0px;
	bottom:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: 0.5s ease;
	background-color:#FFF;
	cursor:pointer;
	
	border:1px solid #dfdfdf;
	
}
.login_validar[pos="izq"]{
	left:0px;
	right:calc(50% + 5px);
}
.login_validar[pos="der"]{
	right:0px;
	left:calc(50% + 5px);
}
.login_validar:hover, .login_validar:active{
	border:1px solid #00acf0;
}
.login_validar_icon{
	background-image:url(img/login_icons.png);
	background-repeat:no-repeat;
	background-position:center center;
	margin:auto;
	margin-top:30px;
	margin-bottom:15px;
	transition: 0.25s ease;
}
.login_validar[pos="izq"] .login_validar_icon{
	width:50px;
	height:34px;
	background-position:-50px -34px;
	background-size:290px;
}
.login_validar[pos="der"] .login_validar_icon{
	width: 37px;
    height: 34px;
    background-position: -102px -35px;
    background-size: 294px;
}

.login_validar[pos="izq"][estado="activo"]{
	border:1px solid #00acf0;
	color:#00acf0;
}
.login_validar[pos="izq"][estado="activo"] .login_validar_icon{
	background-position: -50px 0px;
}

.login_validar[pos="der"][estado="activo"]{
	border:1px solid #00acf0;
	color:#00acf0;
}
.login_validar[pos="der"][estado="activo"] .login_validar_icon{
	background-position: -102px 0px;
}

/****/

.usuario_cont{
	width:100%;
	max-width:560px;
	margin:auto;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}
.usuario_menu{
	width:100%;
	position:relative;
	display:table;
}

.usuario_menu_select{
	position:relative;
	width:100%;
	border:1px solid #dfdfdf;
	height:40px;
	background-color:#fff;
	line-height:40px;
	font-size:14px;
	color:#686868;
	text-align:center;
	text-transform:uppercase;
	box-sizing:border-box;
	cursor:pointer;
	transition: 0.5s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing:border-box;
	padding-left:20px;
	background-image:url(img/usuario_select.png);
	background-position: calc(100% - 10px) center;
	background-repeat:no-repeat;
	outline:none;
}

.usuario_menu_item{
	position:relative;
	width:calc(33.33% - 6.66px);
	float:left;
	border:1px solid #dfdfdf;
	height:40px;
	background-color:#ededed;
	line-height:40px;
	font-size:14px;
	color:#686868;
	text-align:center;
	text-transform:uppercase;
	box-sizing:border-box;
	cursor:pointer;
	transition: 0.5s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.usuario_menu_item[ pos="izq"]{
	margin-right:6.66px;
}
.usuario_menu_item[ pos="centro"]{
	margin-left:3.34px;
	margin-right:3.34px;
}
.usuario_menu_item[ pos="der"]{
	margin-left:6.66px;
}

.usuario_menu_item[estado=""]:hover, .usuario_menu_item[estado=""]:active{
	background:#FFF;
}

.usuario_menu_item_sel{
	display:none;
}
.usuario_menu_item[estado="seleccionado"]{
	background-color:#fff;
	cursor:default;
	
}
.usuario_menu_item[estado="seleccionado"] .usuario_menu_item_sel{
	display:block;
	width:25px;
	height:13px;
	position:absolute;
	left:calc(50% - 12.5px);
	bottom:-13px;
	background:url(img/usuario_menu_sel.png);
	background-repeat:no-repeat;
	
}
.usuario_buro_cont{
	position:relative;
	border:1px solid #dfdfdf;
	background-color:#fff;
	transition: 0.5s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing:border-box;
	padding:30px;
}
.usuario_buro_cont .login_titulo{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.usuario_buro_img{
	position:relative;
	width:272px;
	height:147px;
	margin:auto;
	overflow:hidden;
	transition:0.5s;
	background-image:url(img/buro.png);
	background-repeat:no-repeat;
}
.usuario_buro_img[tipo="malo"]{
	background-image:url(img/buro_malo.png);
	background-repeat:no-repeat;
}
.usuario_buro_img[tipo="regular"]{
	background-image:url(img/buro_regular.png);
	background-repeat:no-repeat;
}
.usuario_buro_img[tipo="bueno"]{
	background-image:url(img/buro_bueno.png);
	background-repeat:no-repeat;
}
.usuario_buro_img[tipo="excelente"]{
	background-image:url(img/buro_excelente.png);
	background-repeat:no-repeat;
}
.usuario_buro_img_flecha{
	position:absolute;
	top:64px;
	left:calc(50% - 72px);
	transition:0.5s;
	width:144px;
	height:144px;
	background-image:url(img/buro_flecha.png);
	transform:rotate(0deg);
}
.usuario_buro_img[tipo="malo"] .usuario_buro_img_flecha{
	background-image:url(img/buro_flecha_malo.png);
}
.usuario_buro_img[tipo="regular"] .usuario_buro_img_flecha{
	background-image:url(img/buro_flecha_regular.png);
}
.usuario_buro_img[tipo="bueno"] .usuario_buro_img_flecha{
	background-image:url(img/buro_flecha_bueno.png);
}
.usuario_buro_img[tipo="excelente"] .usuario_buro_img_flecha{
	background-image:url(img/buro_flecha_excelente.png);
}
.usuario_buro_desc{
	max-width:360px;
	font-size:14px;
	margin:auto;
	text-align:center;
}

#usuario_menu_desktop{
	display: inline-block;
}
#usuario_menu_mobile{
		display:none;
	}
@media (max-width: 530px) {
	#usuario_menu_desktop{
		display:none;
	}
	#usuario_menu_mobile{
		display: inline-block;
	}
	
}

/*****/


.tarjeta_cont{
	width:100%;
	max-width:968px;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	margin:auto;
}
.tarjeta_item_cont{
	position:relative;
	width:100%;
	max-width:300px;
	margin-left:5px;
	margin-right:5px;
	display:inline-block;
	box-sizing: border-box;
	padding:10px;
	border:1px solid #dfdfdf;
	background-color:#fff;
	transition: 0.5s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:60px;
}
@media (max-width: 310px) {
	.tarjeta_cont{
		padding-left:20px;
		padding-right:20px;
	}
	.tarjeta_item_cont{
		margin-left:0px;
		margin-right:0px;
	}
}
.tarjeta_item_img{
	width:100%;
	height:90px;
	background-size:auto 100%;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
}
.tarjeta_item_titulo{
	font-size:17px;
	font-weight:bold;
	color:#686868;
	min-height:60px;
}
.tarjeta_info_item_cont .tarjeta_item_titulo{
	min-height:auto !important;
}
.tarjeta_item_texto{
	width:100%;
	height:66px;
	overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
	font-size:12px;
	color:#999999;
	text-align:left;
	line-height:15px;
}

.tarjeta_item_texto[estilo="info"]{
	width:100%;
	max-width:400px;
	height:auto;
	overflow:0;
	text-overflow: none;
}
.tarjeta_item_texto ul{
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	padding-left:15px;
}

.tarjeta_item_resultado{
	position:absolute;
	bottom:-35px;
	left:-1px;
	width:100%;
	height:35px;
	line-height:35px;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	
	transition: 0.5s;
}
.tarjeta_item_resultado[estado="pendiente"], .tarjeta_item_resultado[estado="solicitada"]{
	background-color:#999999;
	border:1px solid #7b7b7b;
	color:#fff;
}
.tarjeta_item_resultado[estado="aceptada"]{
	background-color:#02c050;
	border:1px solid #01903b;
	color:#fff;
}
.tarjeta_item_resultado[estado="rechazada"]{
	background-color:#e04521;
	border:1px solid #a62a0d;
	color:#fff;
}
.tarjeta_item_resultado[estado="seleccionado"]{
	background-color:#02c050;
	border:1px solid #01903b;
	color:#fff;
	box-sizing:border-box;
	padding-left:45px;
	width:calc(100% + 2px);
	-webkit-border-radius: 0px 0px 3px 5px;
	-moz-border-radius: 0px 0px 3px 5px;
	border-radius: 0px 0px 3px 5px;
	cursor:pointer;
}
.tarjeta_item_resultado[estado="no_seleccionado"]{
	background-color:#e04521;
	border:1px solid #a62a0d;
	color:#fff;
	box-sizing:border-box;
	padding-left:45px;
	width:calc(100% + 2px);
	-webkit-border-radius: 0px 0px 3px 5px;
	-moz-border-radius: 0px 0px 3px 5px;
	border-radius: 0px 0px 3px 5px;
	cursor:pointer;
}
.tarjeta_item_resultado_cb{
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-1px;
	width:45px;
	background-color:#f8f8f8;
	border:1px solid #dfdfdf;
	
	-webkit-border-radius: 0px 0px 0px 3px;
	-moz-border-radius: 0px 0px 0px 3px;
	border-radius: 0px 0px 0px 3px;
}
.tarjeta_item_resultado_cb .input_cb{
	top: calc(50% - 8.5px);
	left: calc(50% - 8px);

}

.tarjeta_boton_titulo{
	font-size:17px;
	color:#686868;
	text-align:center;
	max-width:300px;
	margin:auto;
}

/****/

.usuario_datos_cont{
	width:100%;
	max-width:600px;
	display:table;
	margin:auto;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	vertical-align:top;
}
.usuario_datos_formulario{
	width:calc(50% - 5px);
	display:inline-block;
	vertical-align:top;
}
.usuario_datos_formulario[pos="izq"]{
	width:calc(50% - 5px);
	margin-right:5px;
}
.usuario_datos_formulario[pos="der"]{
	width:calc(50% - 5px);
	margin-left:5px;
}
@media (max-width: 500px) {
	.usuario_datos_formulario{
		width:100% !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
}
.usuario_datos_formulario_optin{
	width:100%;
	max-width:300px;
	margin:auto;
}

/****/

.tarjeta_info_cont{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1000;
	background: linear-gradient(-160deg, #00acf3, #02c04e);
	box-sizing: border-box;
    padding:20px;
	overflow:auto;
	
}
.tarjeta_info_item_cont {
	position:relative;
    width: 100%;
    max-width: 560px;
    margin: auto;
	box-sizing: border-box;
    padding:20px;
	padding-bottom:30px;
	background-color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #dfdfdf;
}
.tarjeta_info_desc_cont{
	display:table;
	width:100%;
	max-width:400px;
	height:auto;
}
.tarjeta_info_desc_item{
	width: calc(50% - 7px);
	max-width:390px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #dfdfdf;
	display:inline-block;
	
	box-sizing:border-box;
	padding-top:20px;
	padding-bottom:18px;
	
	font-size:14px;
	color:#686868;
	font-weight:bold;
	text-transform:uppercase;
}
.tarjeta_info_desc_item[pos="izq"]{
	margin-right:5px;
}
.tarjeta_info_desc_item[pos="der"]{
	margin-left:5px;
}
.tarjeta_info_desc_item[pos="full"]{
	margin-left:0px;
	margin-right:0px;
	width: 100%;
	max-width:100%;
}
.tarjeta_info_desc_item div{
	margin-top:20px;
	font-size:27px;
	
	font-weight:bolder;
	line-height:27px;
}
.tarjeta_info_desc_item div span{
	font-size:14px;
	font-weight:normal;
}
.tarjeta_info_desc_item[pos="izq"] div{
	color:#00acf0;
}
.tarjeta_info_desc_item[pos="der"] div{
	color:#02c050;
}
.tarjeta_info_desc_item[pos="full"] div{
	color:#02c050;
}
@media (max-width: 500px) {
	.tarjeta_info_desc_item{
		width:100%;
		margin-left:0px !important;
		margin-right:0px !important;
	}

	.tarjeta_info_desc_item:first-child{
		margin-bottom:10px;
	}
}
.tarjeta_info_item_cerrar{
	position:absolute;
	right:20px;
	top:20px;
	background:#e04521;
	border:1px solid #a62a0d;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: 0.5s ease;
}
.tarjeta_info_item_cerrar:hover , .tarjeta_info_item_cerrar:active {
	cursor:pointer;
	background:#fff;
	color:#e04521;
	
}


/****/


.login_desconectar{
	position:absolute;
	right:20px;
	top:17px;
	height:26px;
	box-sizing:border-box;
	padding-right:36px;
	background-image:url(img/usuario_desconectar.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:26px;
	cursor:pointer;
	transition: 0.5s ease;

}
.login_desconectar:hover, .login_desconectar:active{
	color:#e04521;
	letter-spacing:1px;

}
@media (max-width: 530px) {
.login_desconectar span{
	display:none;
}
}

.input_range{ 
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
width:100%;
box-sizing:border-box;
border:1px solid #dfdfdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: 0.5s ease;
font-family:inherit;
font-size:14px;
color:#757575;
outline:none;
transition: 0.5s ease;

/*background-image:url(img/input_mod_icon_azul.png);*/
background-size:18px;
background-position:calc(100% - 10px) center;
background-repeat:no-repeat;
}
.ui-slider-range{
 background: rgb(0,172,243);
background: linear-gradient(270deg, #02c04e, #00acf3);
background-size: 100% 100%; 
}