#container,body,html {
 height:100%;
 width:100%
}
#container,*,body,html,img,input,li,span,textarea,ul {
 margin:0;
 padding:0
}
#container,#content,.nav,.top .logo-esika {
 position:relative
}
.btn,.formcontrol {
 box-sizing:border-box
}
#det1,#det2 {
 right:-233px
}
.formcontrol select:focus,.loginBtn:focus {
 outline:0
}
@font-face {
 font-family:logo_esika;
 src:url(../icomoon/logo_esika.eot?ur7cdc);
 src:url(../icomoon/logo_esika.eot?ur7cdc#iefix) format('embedded-opentype'),url(../icomoon/logo_esika.ttf?ur7cdc) format('truetype'),url(../icomoon/logo_esika.woff?ur7cdc) format('woff'),url(../icomoon/logo_esika.svg?ur7cdc#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
body {
 font-size:13px;
 font-family:lato-medium;
 color:#555;
 text-align:center;
 background: url('../imagenes/fondo_esika.jpg') center center / cover no-repeat fixed;
}
li {
 list-style-type:none
}
img {
 vertical-align:top;
 border:0
}
input,textarea {
 outline:0;
 font-family:Arial,Helvetica;
 color:#666;
 -webkit-appearance:none;
 border-radius:0
}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
 -webkit-transition:color 9999s ease-out,background-color 9999s ease-out
}
span {
 font-family:lato
}
.h1,h1 {
 font-size:36px
}
.h2,h2 {
 font-size:30px
}
.h3,h3 {
 font-size:24px
}
.h4,h4 {
 font-size:18px
}
.h5,h5 {
 font-size:14px
}
.h6,h6 {
 font-size:12px
}
#container {
 overflow-y:auto;
 overflow-x:hidden
}
#content,.boxform,.clear,.content-right {
 overflow:hidden
}
#content {
 width:100%;
 margin-left:0;
 clear:both;
 height:auto;
 min-height:550px
}
.content-left {
 width:34%;
 height:100%;
 float:left;
 background-size:30%
}
.content-right {
 width:62%;
 height:auto;
 padding:0 2% 3px;
 float:right
}
.wrapper {
 width:100%;
 margin:0 auto;
 text-align:left
}
.wrapper.top {
 height:100px;
 float:right
}
.top .boxMenu {
 display:block;
 width:100%
}
.top .logo-esika {
 float:right;
 display:block;
 text-align:center;
 z-index:1
}
#det1,#det2,.detalle2 {
 z-index:1000
}
/*.logo-esika {
 margin-bottom:20px;
 text-align:center;
 font-family:logo_esika
}*/

.logo-esika {
	margin: 0 auto 20px auto;
	width: 143px;
	height: 55px;
	text-align: center;
	background-image: url(../imagenes/nuevo-logo-esika-login.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}



.icono_usuario:before,.user:before {
 content:"\e903"
}
.logo {
 display:none
}
.nav {
 height:98px
}
.slogan {
 display:block;
 position:absolute;
 top:128px;
 left:560px;
 font-size:19px;
 font-weight:400;
 line-height:24px;
 font-family:museo_sans_100regular;
 text-align:right;
 width:250px
}
.btn_detail,.nav a figure,.nav a span,.webForm,.wrapMain {
 position:relative
}
.formbtn,.nav a {
 text-align:center
}
.slogan span i {
 color:#939
}
.slogan span {
 color:#748591;
 display:block
}
.nav a {
 float:right;
 width:24%;
 margin-top:15px;
 color:#FFF;
 text-decoration:none;
 font-size:13px
}
.nav a figure {
 float:left;
 height:25px;
 margin:0 5px 0 0!important
}
.nav a span {
 font-family:lato;
 font-weight:700;
 font-size:12px
}
.nav0,.nav1,.nav2 {
 background:url(../imagenes/separador.png) right no-repeat
}
.wrapMain {
 padding:0;
 top:0
}
.webForm {
 max-width:349px;
 padding:45px 18% 36px
}
.webForm .title {
 display:none
}
.boxform,.btn a,.formcontrol,.webForm .formCont {
 display:block
}
.boxform {
 height:100%
}
.formcontrol {
 border-bottom:1px solid #959595;
 width:80%;
 height:30px;
 margin-bottom:24px;
 float:left
}
.formcontrol:focus {
 border:1px solid #e51538
}
.formcontrol .email .inputFormEmail {
 height:30px;
 padding:0;
 background:0 0;
 width:80%;
 border:none;
 font-size:13px;
 color:#000;
 font-family:lato;
 letter-spacing:.1pt;
 float:left
}
.formcontrol .inputForm,.formcontrol select {
 height:30px;
 background:0 0;
 border:none;
 color:#fff;
 font-family:lato;
 float:left
}
.formcontrol .inputForm {
 padding:0;
 width:80%;
 font-size:13px;
 letter-spacing:.3px
}
.formcontrol select {
 padding:4px;
 width:90%;
 font-size:13.2px;
 letter-spacing:.2px;
 -webkit-appearance:none;
 -moz-appearance:none;
 -ms-appearance:none;
 -o-appearance:none;
 appearance:none
}
.formcontrol select option {
 padding-left:5px;
 padding-top:2px;
 padding-bottom:2px;
 color:#666
}
.btn {
 width:20%;
 float:left;
 padding-top:6px;
 padding-left:10px;
 padding-bottom:3px;
 border-bottom:1px solid #959595
}
.email,.formbtn,.pais {
 width:100%
}
.formbtn {
 float:left
}
.formbtn .btnCrear {
 width:100%;
 height:48px;
 border:none;
 cursor:pointer;
 color:#FFF;
 background:#cf2d3a!important;
 font-family:lato;
 letter-spacing:.5px;
 font-size:13px;
 font-weight:700;
 margin-top:20px;
 border-radius:2px
}
#header,.header_facebook {
 letter-spacing:.4px;
 box-sizing:border-box
}
.formbtn label a {
 color:#959595;
 display:block;
 font-family:lato;
 font-size:12px;
 font-weight:700;
 text-align:right;
 text-decoration:none
}
.email,.helper,.pais,.pass,.user {
 font-family:icomoon
}
.pass:before,.user:before {
 font-size:20px;
 text-align:left;
 color:#949494;
 margin-right:7px
}
.formbtn label a:hover {
 text-decoration:underline
}
.boxform .admin a,.helper {
 text-decoration:none;
 padding-right:8px
}
.user:before {
 float:left
}
.pass {
 margin-bottom:8px
}
.pass:before {
 content:"\e900";
 float:left
}
.email:before,.pais:before {
 font-size:20px;
 margin-right:1%;
 float:left;
 color:#949494;
 text-align:left;
 visibility:hidden
}
.pais {
 background:url(../img/Banderas/00.png) top -7px left -10px no-repeat
}
.pais:before {
 content:"\e901"
}
.email {
 background:url(../imagenes/email.png) top 8px left 1px no-repeat;
 background-size:5%
}
.email:before {
 content:"\e906"
}
.helper {
 background-repeat:no-repeat;
 width:20px;
 height:20px;
 float:right;
 margin-top:-4px;
 padding-bottom:4px
}
.boxform .admin a,.text_bienvenida_esika {
 font-family:lato
}
.helper:before {
 content:"\e902";
 font-size:18px;
 text-align:left;
 color:#949494
}
.footer {
 display:none
}
.btn_detail,.helper:hover .alerta_esika {
 display:block
}
.boxform .admin {
 margin-top:28px;
 text-align:left
}
.boxform .admin a {
 color:#959595;
 background:url(../imagenes/ico_admin_esika.png) no-repeat;
 padding-left:15px;
 font-size:11px;
 font-weight:300;
 padding-top:2px
}
.detalle,.detalle2 {
 background:url(../imagenes/tooltip.png) top left no-repeat;
 width:242px;
 height:69px;
 -khtml-border-radius:10px;
 behavior:url(Pie/PIE.htc)
}
.boxform .admin a:hover {
 text-decoration:underline
}
#det1,#det2,.detalle2,.fondo_form {
 position:absolute
}
.detalle {
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px
}
#det1 {
 top:133px
}
#det2 {
 top:192px
}
.detalle2 {
 top:-16px;
 right:-245px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px
}
.detalle_item {
 padding:5px 3px 0 14px;
 font-size:12px;
 color:#666;
 font-style:italic
}
.text_bienvenida_esika {
 text-align:center;
 color:#fff;
 font-size:16px;
 margin-bottom:30px
}
.text_bienvenida_esika span {
 font-size:20px
}
@font-face {
 font-family:icomoon;
 src:url(../icomoon/icomoon.eot?ur7cdc);
 src:url(../icomoon/icomoon.eot?ur7cdc#iefix) format('embedded-opentype'),url(../icomoon/icomoon.ttf?ur7cdc) format('truetype'),url(../icomoon/icomoon.woff?ur7cdc) format('woff'),url(../icomoon/icomoon.svg?ur7cdc#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
[class*=" icon-"],[class^=icon-] {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fondo_form {
 left:0;
 width:34%;
 height:100%;
 background:rgba(0,0,0,.6)
}
.ui-dialog.ui-widget-content {
 background:#FFF!important;
 border:3px solid #F3F3F3;
 color:#555!important;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -khtml-border-radius:10px;
 border-radius:10px;
 behavior:url(../../../../Content/Css/Pie/PIE.htc)
}
.ui-dialog .ui-dialog-buttonpane {
 background:#FFF
}
.ui-dialog .ui-dialog-title {
 float:left;
 font-weight:400!important;
 margin:.1em 16px .2em 0;
 color:#702789!important;
 text-align:left
}
p {
 margin:0 0 1.5em;
 padding:0;
 line-height:1.6em;
 font-size:12px
}
h1 {
 font-size:0
}
h2 {
 font-size:26px
}
h3 {
 font-size:22px
}
h4 {
 font-size:18px
}
h5 {
 font-size:16px
}
h6 {
 font-size:12px
}
h1,h2,h3,h4,h5,h6 {
 margin-bottom:10px;
 color:#e51538;
 font-weight:700!important;
 line-height:1.25
}
.Mensaje_SignOut {
 text-align:center;
 font-family:lato-regular;
 font-size:16px
}
.content-alerta-red-clave,.content-alerta-red-user {
 position:absolute;
 left:397px
}
.content-alerta-red-user {
 top:268px
}
.content-alerta-red-clave {
 top:324px
}
.alerta_red_bolivia_clave.left::after,.alerta_red_bolivia_user.left::after,.alerta_red_cam_clave.left::after,.alerta_red_cam_user7.left::after,.alerta_red_chile_clave.left::after,.alerta_red_chile_user.left::after,.alerta_red_co_clave.left::after,.alerta_red_co_user.left::after,.alerta_red_do_clave.left::after,.alerta_red_do_user.left::after,.alerta_red_ec_clave.left::after,.alerta_red_ec_user.left::after,.alerta_red_peru_clave.left::after,.alerta_red_peru_user.left::after,.alerta_red_pr_clave.left::after,.alerta_red_pr_user.left::after,.alerta_red_ve_clave.left::after,.alerta_red_ve_user.left::after {
 top:10px;
 left:-10px;
 border-width:8px 10px 8px 0;
 border-color:transparent #fff;
 bottom:auto
}
.alerta_red_bolivia_clave,.alerta_red_bolivia_user,.alerta_red_cam_clave,.alerta_red_cam_user7,.alerta_red_cam_user9,.alerta_red_chile_clave,.alerta_red_chile_user,.alerta_red_co_clave,.alerta_red_co_user,.alerta_red_do_clave,.alerta_red_do_user,.alerta_red_ec_clave,.alerta_red_ec_user,.alerta_red_mx_clave,.alerta_red_mx_user,.alerta_red_peru_clave,.alerta_red_peru_user,.alerta_red_pr_clave,.alerta_red_pr_user,.alerta_red_ve_clave,.alerta_red_ve_user {
 display:none;
 position:relative
}
.alerta_red_bolivia_user,.alerta_red_cam_user7,.alerta_red_chile_user,.alerta_red_co_user,.alerta_red_do_user,.alerta_red_ec_user,.alerta_red_peru_user,.alerta_red_pr_user,.alerta_red_ve_user {
 position:relative;
 padding:10px;
 color:#000;
 font-size:9pt;
 font-family:lato;
 background:#fff;
 -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.75);
 -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.75);
 box-shadow:0 0 8px 0 rgba(0,0,0,.75)
}
.alerta_red_bolivia_user::after,.alerta_red_cam_user7.left::after,.alerta_red_chile_user::after,.alerta_red_co_user::after,.alerta_red_do_user::after,.alerta_red_ec_user::after,.alerta_red_peru_user::after,.alerta_red_pr_user::after,.alerta_red_ve_user::after {
 content:"";
 position:absolute;
 border-style:solid;
 display:block;
 width:0
}
.alerta_red_bolivia_clave,.alerta_red_cam_clave,.alerta_red_chile_clave,.alerta_red_co_clave,.alerta_red_do_clave,.alerta_red_ec_clave,.alerta_red_peru_clave,.alerta_red_pr_clave,.alerta_red_ve_clave {
 position:relative;
 padding:10px;
 color:#000;
 background:#fff;
 font-size:9pt;
 font-family:lato;
 -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.75);
 -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.75);
 box-shadow:0 0 8px 0 rgba(0,0,0,.75)
}
.alerta_red_bolivia_clave::after,.alerta_red_cam_clave::after,.alerta_red_chile_clave::after,.alerta_red_co_clave::after,.alerta_red_do_clave::after,.alerta_red_ec_clave::after,.alerta_red_peru_clave::after,.alerta_red_pr_clave::after,.alerta_red_ve_clave::after {
 content:"";
 position:absolute;
 border-width:20px 0 0 20px;
 border-style:solid;
 display:block;
 width:0
}
.alerta_red_block {
 display:block
}
.clear {
 background:0 0;
 border:0;
 clear:both;
 display:block;
 float:none;
 font-size:0;
 margin:0;
 padding:0;
 visibility:hidden;
 width:0;
 height:0
}
.p-right {
 padding-right:20px
}
.p-right2 {
 padding-right:70px
}
.posicion {
 display:none;
 position:absolute;
 top:25%;
 left:25%;
 z-index:1111
}
#box-pop-up {
 overflow-y:scroll;
 position:fixed;
 top:20%;
 left:25%;
 width:50%;
 height:350px;
 background-color:#fff;
 border:2px solid #ccc;
 border-radius:8px;
 z-index:9999;
 padding:3px
}
.cabecera {
 background:#ccc;
 color:#222;
 font-weight:700;
 border-radius:6px;
 padding:4px 0 4px 13px;
 border:1px solid #A7A4A4
}
.cerrar-p {
 background-image:url(../imagenes/popup/cerrar_04.png);
 background-repeat:no-repeat;
 height:16px;
 width:16px;
 position:absolute;
 z-index:3;
 right:11px;
 top:15px
}
#divMant,.sombra_superior {
 width:100%;
 position:absolute
}
#divMant {
 left:0;
 top:20%;
 z-index:1111
}
@media only screen and (max-width :654px) {
 .footer .footerWrap .logosRight a {
  padding-left:0;
  padding-right:10px
 }
 .p-right,.p-right2 {
  padding-right:0
 }
 .m-width {
  max-width:80%
 }
 .media {
  font-size:11px
 }
 .zoom-img {
  zoom:64%
 }
 .mensaje_ayuda_usuario {
  right:60px
 }
 .mensaje_ayuda_usuario:after,.mensaje_ayuda_usuario:before {
  border-left-color:#fff
 }
}
.titulo-popup-mx {
 text-align:left;
 line-height:2;
 font-size:16px;
 color:#e51538
}
.flecha_select {
 background:url(../imagenes/flecha_select.png) right no-repeat;
 height:32px;
 margin-right:1px
}
.sombra_superior {
 background:url(../imagenes/sombra_superior.png);
 height:126px;
 z-index:-1
}
#bg_1,#popup_contraseniaEnviada,#popup_olvidasteContrasenia {
 font-family:lato;
 position:fixed;
 z-index:1000;
 height:100%;
 background:url(../imagenes/popup_esika/fondo_pop_up.png)
}
.alerta_red_bolivia_clave.right::after,.alerta_red_bolivia_user.right::after,.alerta_red_cam_clave.right::after,.alerta_red_cam_user7.right::after,.alerta_red_chile_clave.right::after,.alerta_red_chile_user.right::after,.alerta_red_co_clave.right::after,.alerta_red_co_user.right::after,.alerta_red_do_clave.right::after,.alerta_red_do_user.right::after,.alerta_red_ec_clave.right::after,.alerta_red_ec_user.right::after,.alerta_red_peru_clave.right::after,.alerta_red_peru_user.right::after,.alerta_red_pr_clave.right::after,.alerta_red_pr_user.right::after,.alerta_red_ve_clave.right::after,.alerta_red_ve_user.right::after {
 top:10px;
 right:-10px;
 bottom:auto;
 border-width:8px 0 8px 10px;
 border-color:transparent #fff
}
.logo_content_ab {
 position:fixed;
 bottom:12px;
 left:-16px;
 width:34%;
 text-align:center
}
.logos_footer {
 vertical-align:middle;
 display:inline-block;
 width:19%;
 text-align:center 
 
}

.logos_footer--esika {

    margin-top: -2px;

}

.logos_footer--esika img {
    width: 59px;
    height: auto;
}


#header,.mensaje_pop_up,.mensaje_pop_up2 {
 font-size:11pt;
 text-align:left
}
#bg_1,#popup_olvidasteContrasenia {
 overflow-y:scroll;
 width:100%
}
#popup_olvidasteContrasenia .formcontrol {
 width:100%
}
#popup_olvidasteContrasenia .formcontrol input::-webkit-input-placeholder {
 color:#000
}
#popup_olvidasteContrasenia .formcontrol input:-moz-placeholder {
 color:#000
}
#popup_olvidasteContrasenia .formcontrol input::-moz-placeholder {
 color:#000
}
#popup_olvidasteContrasenia .formcontrol input:-ms-input-placeholder {
 color:#000
}
#popup_contraseniaEnviada {
 width:100%
}
.content_bg_1,.content_bg_olvidasteContrasenia {
 position:relative;
 padding-bottom:55px;
 margin:0 auto
}
.content_bg_1 {
 width:40%;
 top:20%;
 background:#fff
}
.content_bg_olvidasteContrasenia {
 width:35%;
 top:18.5%;
 background:#fff
}
.content_bg_contraseniaEnviada {
 width:35%;
 top:25%;
 margin:0 auto;
 position:relative;
 background:#fff;
 padding-bottom:50px;
 padding-top:10px
}
#cuadro1,#cuadro2 {
 z-index:1;
 top:90px;
 position:relative
}
#header {
 height:55px;
 width:80%;
 background:url(../imagenes/popup_esika/fondo_header.png) right no-repeat #000;
 FONT-FAMILY:LATO;
 color:#fff;
 line-height:55px;
 padding-left:15%;
 font-weight:700
}
.mensaje_pop_up,.mensaje_pop_up2,.mensaje_pop_up_contraseniaEnviada h1 {
 line-height:15pt;
 font-weight:400;
 FONT-FAMILY:LATO;
 color:#000
}
.mensaje_pop_up {
 margin:60px 15% 80px
}
.mensaje_pop_up2 {
 margin:56px 15% 41px
}
.mensaje_pop_up_contraseniaEnviada h1 {
 font-size:16pt;
 text-align:center;
 margin:56px 15% 0
}
.mensaje_pop_up_contraseniaEnviada p {
 font-size:11pt;
 FONT-FAMILY:LATO;
 color:#000;
 text-align:center
}
.mensaje_pop_up_contraseniaEnviada strong {
 font-size:13pt;
 FONT-FAMILY:LATO;
 color:#000
}
.header_facebook,.solo_texto_paso {
 FONT-FAMILY:'Lato'
}
.icono_correo {
 margin:0 auto;
 width:94px
}
.icono_correo img {
 width:100%;
 height:auto
}
#titulo1,#titulo2,#titulo3 {
 height:39px;
 background-repeat:no-repeat
}
#popup_olvidasteContrasenia .formCont {
 margin-left:15%;
 margin-right:15%
}
#text1,#text2 {
 margin-left:56px;
 font-family:lato-medium;
 font-weight:400;
 text-align:left;
 font-size:13px;
 line-height:18px;
 color:#4c4c4c;
 float:left;
 width:100%
}
.logo_gmail {
 margin-bottom:10px
}
#bg_2 {
 height:438px;
 width:100%;
 z-index:0;
 position:absolute;
 margin-top:25px;
 background-color:#fff;
 border:2px solid #ccc;
 border-radius:8px
}
#cuadro1 {
 float:left;
 height:346px;
 width:416px;
 left:0
}
#cuadro2 {
 height:auto;
 width:409px;
 float:left
}
.text_bold {
 font-family:lato-medium;
 font-size:13px;
 line-height:18px;
 color:#4c4c4c
}
#text1 {
 height:50px;
 margin-top:14px
}
#text2 {
 height:52px
}
#text3 {
 font-family:lato-medium;
 font-weight:400;
 text-align:left;
 float:left;
 height:124px;
 width:95%;
 font-size:13px;
 line-height:18px;
 margin-top:7px;
 margin-left:40px;
 color:#4c4c4c
}
#titulo1 {
 float:left;
 width:100%;
 background-image:url(../imagenes/popup_esika/titulos_03.png)
}
#titulo2 {
 float:left;
 width:100%;
 background-image:url(../imagenes/popup_esika/titulos_06.png)
}
#titulo3 {
 float:left;
 width:100%;
 background-image:url(../imagenes/popup_esika/titulos_08.png)
}
#titulo4 {
 float:left;
 height:63px;
 width:100%;
 background-image:url(../imagenes/popup_esika/corre_titulo_03.png);
 background-repeat:no-repeat
}
#botones {
 float:left;
 height:134px;
 width:100%;
 margin-left:35px
}
.gmail,.hotmail,.outlook,.yahoo {
 height:67px;
 width:187px;
 float:left;
 background-repeat:no-repeat
}
.gmail {
 background-image:url(../imagenes/popup_esika/gmail_03.png);
 background-position:top
}
.gmail:hover {
 background-position:bottom
}
.yahoo {
 background-image:url(../imagenes/popup_esika/yahoo_03.png);
 background-position:top
}
.yahoo:hover {
 background-position:bottom
}
.hotmail {
 background-image:url(../imagenes/popup_esika/hotmail_03.png);
 background-position:top
}
.hotmail:hover {
 background-position:bottom
}
.outlook {
 background-image:url(../imagenes/popup_esika/outlook_03.png);
 background-position:top
}
.outlook:hover {
 background-position:bottom
}
.cerrar {
 background-image:url(../imagenes/popup_esika/cerrar_04.png);
 background-repeat:no-repeat;
 height:24px;
 width:24px;
 position:absolute;
 z-index:3;
 right:11px;
 top:11px
}
@media only screen and (max-height :700px) {
 .footer {
  position:relative
 }
}
@media only screen and (max-width :960px) {
 #bg_2,#botones {
  height:auto
 }
 #botones,#titulo1,#titulo2,#titulo3 {
  zoom:80%
 }
 #bg_2 {
  width:80%;
  border:none
 }
 .cerrar {
  right:10px;
  top:10px
 }
 #cuadro1 {
  width:85%;
  top:73px
 }
 #cuadro2 {
  width:85%;
  top:0;
  padding-top:67px;
  padding-bottom:10px
 }
 #titulo4 {
  zoom:67%
 }
 .posicion {
  left:16%
 }
 .zoom-img {
  zoom:86%
 }
}
@media only screen and (max-width :1093px) {
 .fondo_form,.sombra_superior {
  display:none
 }
 .logo_content_ab {
  margin-top:25px!important;
  width:75%;
  margin:0 auto;
  position:relative;
  bottom:10px
 }
 .content_bg_1,.content_bg_contraseniaEnviada {
  width:50%;
  top:12%
 }
 .content_bg_olvidasteContrasenia {
  width:46%;
  top:12%
 }
 #container {
  background:rgba(0,0,0,.6);
  height:100%
 }
 .content-left,.content-right {
  background:0 0
 }
 .fondo_estandar {
  background:url(../imagenes/login-esika-1920.jpg)
 }
 .logo-esika {
  margin-left:0
 }
 #cuadro1 {
  top:47px
 }
 #cuadro2 {
  padding-top:29px
 }
 .zoom-img {
  zoom:65%
 }
 .posicion {
  left:18%
 }
 .content-right {
  width:100%;
  overflow:hidden;
  padding:0 0 12px;
  float:none
 }
 .nav a figure,img.imgc {
  padding:0
 }
 .content-left {
  float:none;
  width:100%;
  text-align:center
 }
 .webForm {
  background:0 0
 }
 .nav {
  height:auto;
  overflow:hidden;
  text-align:center
 }
 .nav a {
  float:none;
  display:inline-block
 }
 .nav0,.nav1,.nav2 {
  background-position:left
 }
 .nav3 {
  background:0 0
 }
 .nav a span br {
  display:none
 }
 .nav a img {
  margin:0 0 0 40px
 }
 .nav a img.icono {
  margin-top:-5px
 }
 img.imgc {
  margin:0;
  vertical-align:top;
  border:0;
  float:left
 }
 .webForm {
  max-width:360px;
  margin:0 auto;
  padding-left:0;
  padding-right:0
 }
 #box-pop-up {
  left:10%;
  width:80%
 }
 .content-alerta-red-clave,.content-alerta-red-user {
  left:0;
  width:100%;
  text-align:center
 }
 .content-alerta-red-clave {
  top:321px
 }
 .alerta_red_bolivia,.alerta_red_bolivia_user,.alerta_red_cam_clave,.alerta_red_cam_user7,.alerta_red_cam_user9,.alerta_red_chile_clave,.alerta_red_chile_user,.alerta_red_co_clave,.alerta_red_co_user,.alerta_red_do_clave,.alerta_red_do_user,.alerta_red_ec_clave,.alerta_red_ec_user,.alerta_red_mx_clave,.alerta_red_mx_user,.alerta_red_peru_clave,.alerta_red_peru_user,.alerta_red_pr_clave,.alerta_red_pr_user,.alerta_red_ve_clave,.alerta_red_ve_user {
  left:0
 }
 .alerta_red_block {
  display:inline-block
 }
 #divMant {
  width:80%;
  left:10%
 }
 #divMant img {
  width:100%
 }
}
@media only screen and (max-width :768px) {
 .content_bg_1,.content_bg_contraseniaEnviada {
  width:75%
 }
 .content_bg_contraseniaEnviada,.content_bg_olvidasteContrasenia {
  width:65%
 }
}
@media only screen and (max-width :595px) {
 .content_bg_olvidasteContrasenia {
  width:75%
 }
}
@media only screen and (max-width :480px) {
 .content_bg_olvidasteContrasenia {
  width:90%
 }
 .content_bg_olvidasteContrasenia #header {
  padding-left:4%;
  font-size:10pt
 }
 #popup_olvidasteContrasenia .formCont,.mensaje_pop_up2 {
  margin-left:10%;
  margin-right:10%
 }
 .content_bg_contraseniaEnviada {
  width:94%
 }
 #titulo1,#titulo2,#titulo3 {
  zoom:67%
 }
 #titulo4 {
  zoom:64%
 }
 #text1,#text2,#text3 {
  font-size:12px
 }
 .zoom-img {
  zoom:44%
 }
 .wrapMain {
  zoom:90%
 }
 .content-left,.content-right {
  background:0 0
 }
}
@media only screen and (max-width :410px) {
 .formbtn label {
  font-size:8.2pt
 }
 .top {
  zoom:90%
 }
 .content-left {
  float:none
 }
}
@media only screen and (max-width :405px) {
 .logo_content_ab {
  zoom:85%;
  width:100%
 }
 .webForm {
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px
 }
 .footer .footerWrap .logoFoot {
  width:49px
 }
 .webForm .title {
  padding:37px 19px 25px 20px
 }
 #cuadro1,#cuadro2 {
  zoom:68%
 }
}
@media only screen and (max-width :375px) {
 .webForm {
  padding-top:35px
 }
 .formCont {
  display:inline-block
 }
 #popup_olvidasteContrasenia .formCont {
  margin-left:10%;
  margin-right:10%;
  display:block
 }
 .content-alerta-red-user {
  top:238px
 }
 .content-alerta-red-clave {
  top:288px
 }
 .content_bg_1 {
  width:90%
 }
}
@media only screen and (max-width :320px) {
 .content-alerta-red-user {
  top:245px
 }
 .content-alerta-red-clave {
  top:298px
 }
 .formCont {
  display:block
 }
 #main_formulaio {
  margin-left:0
 }
 .zoom-img {
  margin-left:-112px
 }
 .btn {
  float:left
 }
}
@media only screen and (max-width :681px) {
 .texto_login {
  line-height:20px
 }
 .nav a {
  display:inline-block;
  width:49%;
  box-sizing:border-box;
  text-align:center
 }
 .nav1 {
  background:0 0
 }
 .nav a span {
  float:none!important
 }
 .fondo_estandar {
  background:url(../imagenes/login-esika-1920.jpg) no-repeat fixed!important
 }
}
.img_error_login {
 background:url(../imagenes/error_login.svg) no-repeat;
 padding-left:20px;
 background-size:15px
}
.header_facebook {
 height:55px;
 width:80%;
 background:url(../imagenes/popup_esika/fondo_header.png) right no-repeat #000;
 color:#fff;
 line-height:55px;
 text-align:left;
 padding-left:15%;
 font-weight:700;
 font-size:12pt
}
.btn_cerrar_login {
 background-image:url(../imagenes/popup_esika/cerrar_04.png);
 background-repeat:no-repeat;
 height:24px;
 width:24px;
 position:absolute;
 z-index:3;
 right:11px;
 top:15px
}
.solo_texto_paso {
 font-size:13pt;
 display:block;
 color:#e81c36;
 margin-bottom:20px
}
.texto_login {
 font-size:11pt
}
.icono_pass:before,.icono_usuario:before {
 font-size:20px;
 color:#000;
 margin-right:7px;
 top:2px;
 position:absolute;
 z-index:100;
 text-align:left
}
.icono_pass:before {
 content:"\e900"
}
.usuario_facebook::-webkit-input-placeholder {
 color:#676767
}
.usuario_facebook:-moz-placeholder {
 color:#676767
}
.usuario_facebook::-moz-placeholder {
 color:#676767
}
.usuario_facebook:-ms-input-placeholder {
 color:#676767
}
.inputForm::-webkit-input-placeholder {
 color:#959595
}
.inputForm:-moz-placeholder {
 color:#959595
}
.inputForm::-moz-placeholder {
 color:#959595
}
.inputForm:-ms-input-placeholder {
 color:#959595
}
.btn_validar_usuario {
 color:#fff;
 background-color:#e81c36;
 border-radius:2px;
 font-size:13px;
 font-weight:700;
 height:45px;
 text-align:center;
 margin-top:6px;
 width:100%;
 display:block;
 box-sizing:border-box;
 line-height:45px;
 font-family:Lato
}
.content_foto_face_pop {
 margin-top:13px;
 overflow:hidden
}
.foto_pop_face {
 float:left;
 border-radius:100px;
 background:#000;
 width:45px;
 height:45px;
 overflow:hidden
}
.foto_pop_face img {
 width:100%
}
.nombre_usuario_facebook {
 float:right;
 width:-moz-calc(100% -55px);
 width:calc(100% - 55px);
 width:-webkit-calc(100% - 55px);
 width:-webkit-calc(~'100% - 55px');
 font-family:LAto;
 font-size:13px;
 margin-top:15px;
 color:#000
}
.ayuda_usuario_facebook:hover .mensaje_ayuda_usuario {
 display:block
}
.mensaje_ayuda_usuario {
 box-sizing:border-box;
 display:none;
 width:130px;
 right:-150px;
 top:-20px;
 position:relative;
 padding:10px;
 color:#000;
 font-size:9pt;
 font-family:lato;
 background:#fff;
 border:1px solid #000;
 z-index:30
}
.mensaje_ayuda_usuario:after,.mensaje_ayuda_usuario:before {
 right:100%;
 top:24px;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.mensaje_ayuda_usuario:after {
 border-color:rgba(255,255,255,0);
 border-right-color:#fff;
 border-width:9px;
 margin-top:-9px
}
.mensaje_ayuda_usuario:before {
 border-color:transparent #000 transparent transparent;
 border-width:10px;
 margin-top:-10px
}
.ayuda_usuario_facebook {
 top:3px;
 right:0;
 position:absolute;
 border:0;
 padding-top:6px;
 padding-left:10px;
 padding-bottom:3px;
 box-sizing:border-box
}
.helper_facebook {
 width:20px;
 height:20px;
 float:right;
 font-family:icomoon;
 margin-top:-4px;
 padding-bottom:4px;
 padding-right:8px;
 background-repeat:no-repeat;
 text-decoration:none
}
.helper_facebook:before {
 content:"\e902";
 font-size:18px;
 text-align:left;
 color:#949494
}
@media only screen and (max-width :654px) {
 .mensaje_ayuda_usuario:after,.mensaje_ayuda_usuario:before {
  left:100%
 }
 .mensaje_ayuda_usuario {
  right:60px
 }
 .mensaje_ayuda_usuario:before {
  border-left-color:#000;
  border-right-color:transparent
 }
 .mensaje_ayuda_usuario:after {
  border-left-color:#fff;
  border-right-color:transparent
 }
}
.content_sesion_facebook {
 text-align:center;
 width:110px;
 height:110px;
 border-radius:100px;
 overflow:hidden;
 margin:0 auto 20px
}
.content_sesion_facebook img {
 width:100%;
 height:100%
}
.loginBtn {
 box-sizing:border-box;
 position:relative;
 padding:0 50px;
 border:none;
 text-align:left;
 line-height:34px;
 white-space:nowrap;
 border-radius:.2em;
 font-size:16px;
 color:#FFF
}
.loginBtn:before {
 content:"";
 box-sizing:border-box;
 position:absolute;
 top:0;
 left:0;
 width:50px;
 height:100%
}
.loginBtn:active {
 box-shadow:inset 0 0 0 32px rgba(0,0,0,.1)
}
.loginBtn--facebook {
 background-color:#4C69BA;
 background-image:linear-gradient(#4C69BA,#3B55A0);
 text-shadow:0 -1px 0 #354C8C;
 font-family:LAto;
 font-size:12.5px;
 font-weight:700;
 letter-spacing:.8px;
 text-transform:uppercase;
 overflow:hidden;
 cursor:pointer
}
.loginBtn--facebook:before {
 background:url(https://s3.amazonaws.com/uploads.hipchat.com/583104/4578891/xBNWoYTwwGQ8O7Z/facebook_login.png) 22px 13px no-repeat
}
.loginBtn--facebook:focus,.loginBtn--facebook:hover {
 background-color:#5B7BD5;
 background-image:linear-gradient(#5B7BD5,#4864B1)
}
.div-o-login {
 color:#fff;
 text-align:center;
 font-size:14px;
 font-family:Lato;
 margin-top:5px;
 margin-bottom:40px
}
.o_login {
 float:left;
 width:10%
}
.linea_o {
 margin-top:10px;
 float:left;
 width:45%;
 height:1px;
 background:#959595
}
.content_btn_face {
 position:relative;
 height:48px;
 overflow:hidden;
 border-radius:3px;
 margin-bottom:16px
}
.imagen_perfil_facebook {
 position:absolute;
 top:0;
 right:0;
 width:50px;
 height:49px;
 background:#fff
}
.imagen_perfil_facebook img {
 width:100%
}
.content_facebook_sb {
 position:relative;
 max-width:475px;
 width:90%;
 margin:8% auto 0;
 z-index:1000;
 text-align:left;
 background:#fff
}
.body_facebook {
 padding:30px 15% 55px;
 background:#fff;
 color:#000;
 font-family:Arial;
 box-sizing:border-box;
 text-align:left
}
.etiqueta_usuario {
 margin-top:15px;
 width:35%;
 font-weight:700;
 float:left;
 color:#5d5d65;
 padding-top:6px;
 box-sizing:border-box;
 text-align:left
}
.campo_input {
 margin-top:10px;
 margin-bottom:12px;
 width:100%;
 float:left;
 box-sizing:border-box;
 text-align:left;
 border-bottom:1px solid #959595;
 position:relative;
 font-family:icomoon
}
.select_pais_facebook,.usuario_facebook {
 border:0;
 height:28px;
 box-sizing:border-box
}
.select_pais_facebook {
 width:-moz-calc(100% - 21px);
 width:calc(100% - 21px);
 width:-webkit-calc(100% - 21px);
 width:-webkit-calc(~'100% - 21px');
 float:right
}
.usuario_facebook {
 width:100%;
 color:#000;
 padding-left:25px;
 position:relative;
 background:0 0;
 letter-spacing:.3px
}
.content_pop_login {
 position:fixed;
 top:0;
 background:rgba(0,0,0,.8);
 width:100%;
 height:100%;
 z-index:998;
 overflow:auto
}
.center_facebook {
 text-align:center
}
._ccfb {
 cursor:pointer;
 color:#3897f0;
 text-decoration:none
}
.icono_esika {
 background:url(../imagenes/Esika/icono_advertencia_notificacion.svg) no-repeat;
 background-size:15px;
 color:#e81c36;  
}
.fondo_estandar {
	background: url('../imagenes/fondo_esika.jpg') center center / cover no-repeat fixed;
	
/* background:url(../img/login-esika-1920.jpg) center center no-repeat fixed;*/
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}

.snow {  color: #fff;  position: absolute;  font-size: 10px;  font-weight:bold;  top: -50px;  -webkit-animation: spin-clockwise 6s linear infinite;  -moz-animation: spin-clockwise 6s linear infinite;  animation: spin-clockwise 6s linear infinite;} @-moz-keyframes spin-clockwise { 100% {-moz-transform: rotate(360deg);}}@-webkit-keyframes spin-clockwise { 100% {-webkit-transform: rotate(360deg);}}@keyframes spin-clockwise { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @-moz-keyframes spin-counterclockwise { 100% {-moz-transform: rotate(-360deg);}}@-webkit-keyframes spin-counterclockwise { 100% {-webkit-transform: rotate(-360deg);}}@keyframes spin-counterclockwise { 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}