/* EXO2*/

@import url("https://use.typekit.net/vsh8vjo.css");

/**/

*::selection {
       background: #004a91;
   color: #fff;
}
*::-moz-selection{
       background: #004a91;
   color: #fff;
}
*::-ms-selection{
       background: #004a91;
   color: #fff;
}
*::-webkit-selection{
       background: #004a91;
   color: #fff;
}



/*OPEN SANS*/
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/OpenSans-Light-webfont.woff") format("woff"),
       url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"),
       url("../fonts/OpenSans-Light-webfont.svg#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans Condensed';
  src: url("../fonts/OpenSans-CondLight-webfont.eot");
  src: url("../fonts/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/OpenSans-CondLight-webfont.woff") format("woff"),
       url("../fonts/OpenSans-CondLight-webfont.ttf") format("truetype"),
       url("../fonts/OpenSans-CondLight-webfont.svg#CondLight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/OpenSans-Regular-webfont.woff") format("woff"),
       url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"),
       url("../fonts/OpenSans-Regular-webfont.svg#Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"),
       url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"),
       url("../fonts/OpenSans-Semibold-webfont.svg#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/OpenSans-Bold-webfont.woff") format("woff"),
       url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"),
       url("../fonts/OpenSans-Bold-webfont.svg#Bold") format("svg");
  font-weight: 800;
  font-style: normal; }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    font:1em/1.5 sans-serif;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight:300;
}
.register-ok{
    background:rgba(30,50,60,.9) !important;
    width:529px !important;
    height:100vh !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    margin:0 !important;

}
.register-ok p{
        position: absolute;
    top: 42%;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    width: 70%;
    left: 15%;
    padding: 20px 30px 20px 40px;
    color:#004a91;
}
.succesLabel {
    display:none;
    font-style: italic;
    font-size: 12px;
    padding: 5px;
    font-style: normal;
    border: solid 1px #004a91;
    color: #000;
    position:relative;
    padding-left:32px;
}
.register-ok p:after{
    content:"";
    display:block;
    position:absolute;
    left:10px;
    top:0; bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    width:18px;
    height:18px;
    background:#004a91 url(../img/leet-buttons.png) 0 -256px;
    border-radius:50%;
}

/*.separator{
    display:block;
    width:100%;
    height:80px;
}
#RegisterForm{    
    min-height: 883px;
}*/



a{text-decoration:none;}
li{list-style:none;}
html,body{
    height: 100%;
    width: 100%;    
    overflow: hidden;
    position: relative;
}
body{
    
}
.language-box{
    position: absolute;
    right: 62px;
    top: 14px;
    width:200px;
    text-align:left;
}
.language-box a{
    border-radius:3px;
    padding: 3px 7px;
    font-size: 10px;
    line-height:12px;
    outline:none;
    border:none;
    background:#fff;
    color:navy;
    position:relative;
    top: -2px;
    margin-left: 10px;
}
.language-es,.language-eu{    
    line-height:20px;
    font-size:14px;
    font-weight:600;
    color:#777;
    display: inline-block;
}
.language-es i{
    display:inline-block;
    width:30px;height:20px;
    background:red;
    position:relative;
    top: 5px;
    background:url(../img/leet-buttons.png);
    background-position: 0 -1264px;
}
.language-eu i{    
    display:inline-block;
    width:30px;height:20px;
    background:green;
    position:relative;
    top: 5px;
    background:url(../img/leet-buttons.png);
    background-position: 0 -1244px;
}

input {
    box-shadow: 0 0 0px 80px #fff inset;
    -webkit-box-shadow: 0 0 0px 80px #fff inset;
    border: solid 1px #888;
    font-size:14px !important;
}
.login-wrapper{
    height:100%;
    min-height:873px;
}
.login-image{
    height:100%;
    float:left;
    width:100%;
    background: url(../img/ziur_lite_bg.jpg) no-repeat center;
}
.logo-app{
    margin: 30px auto 20px auto;
    height: 58px;
    width: 143px;
    background: url(../img/Ziur_logo.png) no-repeat center;
}
.login-box {
    width: 400px;
    height: 490px;
    position: absolute;
    background: linear-gradient(-45deg, rgba(255,255,255,.6),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,.9),rgba(255,255,255,.7));
   
    box-shadow: 0px 0 12px #336;   
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s;
}
.login-box.forgot-passw {
    height: 600px;
}

.login-controls{
    margin: 5px auto auto;
    width:280px;
    text-align:center;
}
.login-controls h5{
    color: #88a;
    font-weight:400;
    line-height:14px;
}
.login-controls h3{
    color:#004a91;
    letter-spacing:1px;
    font-weight:600;
    margin-bottom:25px;
}
.login-box input{
    padding:8px 14px;
    width:280px;
    color: #668;
    padding-left:53px;
}
.input-group{    
    position: relative;
    margin-bottom: 13px;
}
.form-group label{
    font-size:14px;
    font-weight:600;
    color:#444;
}
.form-horizontal{
    margin-bottom:100px;
}

.btn-login{
    padding: 10px 30px;
    border:none;
    background:#004a91;
    color:#fff;
    margin-top:20px;
    cursor:pointer;
    box-shadow:none;
    -webkit-box-shadow: none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    outline:none;
    display:block;
    margin: 38px auto 15px auto;
}
.btn-login:hover{
    background :#2ED9C3;
}

.copyright{
    width:270px;
    position:absolute;
    bottom:15px;
    right:30px;
    color:#0E4D78;
    font-size:13px;
    font-weight:600;
}
.forgot-pass{
    min-height:0px;
}
.forgot-pass > h4{
    font-size: 13px;
    color: #319bd8;
    cursor:pointer;
    text-align:center;
}
#recovery-pass{
    opacity:0;
    height: inherit;
    max-height:0;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in ease-in;
    -moz-transition: all .3s ease-in ease-in;
    -ms-transition: all .3s ease-in ease-in;
    -o-transition: all .3s ease-in ease-in;
}
#recovery-pass:not(.show-recovery) *{
    display:none;
}
#recovery-pass.show-recovery{
    opacity:1;
    max-height:300px;
}
#recovery-pass button{
    padding: 5px 15px;
    font-size:13px;
    color:#fff;
    background:#b0b9b0;
    outline:none;
    border:none;
    cursor:pointer;
    margin-top:12px;
    width:155px;
}
#recovery-pass button:hover{
    background :#2ED9C3;
}

.register-user{}
.register-user h4{
    font-size:15px;
    line-height:26px;
    margin-bottom:0px;
    color:#476f77;    position: absolute;
    bottom: 12px;
    left: 0;
    padding: 0 60px;
}
.send{
    width:20px;
    height:20px;
    display: inline-block;
    background:url(../img/leet-buttons.png) 0 -392px no-repeat;
    border:none;
    outline:none;
    margin-left:10px;
    margin-top:-2px;
    position:absolute;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.register-user:hover h4{
    cursor:pointer;
    color:#319bd8;
}

#ventana-lateral{
    position:absolute;
    /*min-height:873px;*/
    top:0;
    bottom:0;
    right:-550px;
    width:530px;
    background:#fff;
    border-left: solid 1px #555;
    padding:55px 70px 20px 70px;
    
    overflow-y: scroll;

    box-shadow: -3px 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow: -3px 0 5px rgba(0,0,0,.5);
    -moz-box-shadow: -3px 0 5px rgba(0,0,0,.5);
    -ms-box-shadow: -3px 0 5px rgba(0,0,0,.5);
    -ms-box-shadow: -3px 0 5px rgba(0,0,0,.5);

     transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
#ventana-lateral.visible{
    right:0;
     transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.volver{
       height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #222;
    border-radius: 50%;
    border: solid 1px #222;
    /* border: solid 1px #fff; */
    cursor: pointer;
    width: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 800;
}
.volver:hover{    
    color: #fff;
    background: #222;
}

#ventana-lateral .form-group{
    margin-top:10px;
}
#ventana-lateral .form-group label{
    font-size:13px;
    font-weight:600;
}
#acceptPolicies{
    width:20px !important;
}
#ventana-lateral .form-group input{
    width: 280px;
    padding: 6px 15px;
    margin-bottom: 2px;    
    display: inline-block;
}
#ventana-lateral select{
    width: 280px;
    padding: 6px 15px;
    border-color:#888;
    font-size:14px;
}
#ventana-lateral .form-group .p-label{    
    display: inline-block;
    font-size: 14px;
}
#CaptchaCode{
    margin-top:7px;
}

.errorLabel {
    font-size: 12px;
    color: #c33;
    display:none;
}


.no-shadow *{
    box-shadow:none !important;
}
#ErrorRegisterUser{
    display:block;
}


.lock-icon{
    display:block;
    width: 38px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/leet-buttons.png);
    background-repeat: no-repeat;
    background-position: 0 -911px;
    color:transparent;
    position:absolute;
    top:5px;
    left:4px;
    border-right: solid 1px #ddd;
}
.user-icon{
    display:block;
    width: 38px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/leet-buttons.png);
    background-repeat: no-repeat;
    background-position: 0 -881px;
    color: transparent;
    position:absolute;
    top:5px;
    left:4px;
    border-right: solid 1px #aaa;
}
.pull-left{
    float:left;
}
.input-groups{
    position:relative;

}

.wrapper-ventana{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(16,19,42,.6);
    top: 0;
    left: 0;
}