/*@selector: ~'h1';
@media @phone-portrait {
    @{selector}:after{
        content: "phone-portrait";
    }
}
@media @phone-landscape {
    @{selector}:after{
        //content: "phone-landscape";
    }
}

@media @tablet-landscape {
    @{selector}:after{
        content: "tablet-landscape";
    }
}
@media @tablet-portrait {
    @{selector}:after{
        content: "tablet-portrait";
    }
}
@media @desktop-small {
    @{selector}:after{
        content: "desktop-small";
    }
}
@media @desktop-medium {
    @{selector}:after{
        content: "desktop-medium";
    }
}
@media @desktop-big {
    @{selector}:after{
        content: "desktop-big";
    }
}
@media @desktop-bigger {
    @{selector}:after{
        content: "desktop-bigger";
    }
}*/
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#login {
  background-image: url("../../login/img/bg-login.big.jpg");
  -ms-behavior: url(@{dirCss}/polyfills/backgroundsize.min.htc);
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
  background-position: center center;
  padding: 0!important;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login {
    background-image: url("../../login/img/bg-login.small.jpg");
  }
}
#login #isc-login,
#login #isc-registro,
#login #isc-recordar-contrasena {
  display: relative;
  width: 18em;
  margin: 8em auto 0 auto;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login,
  #login #isc-registro,
  #login #isc-recordar-contrasena {
    width: auto;
    margin: 1.5em 1em 1em;
  }
}
#login #isc-login .contenido,
#login #isc-registro .contenido,
#login #isc-recordar-contrasena .contenido {
  padding: 0;
  overflow: hidden;
  position: relative;
  font-size: 1em;
}
#login #isc-login .contenido h1,
#login #isc-registro .contenido h1,
#login #isc-recordar-contrasena .contenido h1 {
  margin: 0 0 1em;
  font-size: 1.2em;
  text-align: center;
  color: #1a1a1a;
  padding: 0.4em 0.5em 0;
  font-weight: normal;
  background-color: transparent;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido h1,
  #login #isc-registro .contenido h1,
  #login #isc-recordar-contrasena .contenido h1 {
    font-size: 1em;
    text-align: center;
    margin: 1em auto!important;
  }
}
#login #isc-login .contenido h1 img,
#login #isc-registro .contenido h1 img,
#login #isc-recordar-contrasena .contenido h1 img {
  margin: 0.3em 0.2em;
  max-width: 100%;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido h1 img,
  #login #isc-registro .contenido h1 img,
  #login #isc-recordar-contrasena .contenido h1 img {
    margin: 0.3em 0.2em;
    height: 4em;
    width: auto;
    float: none;
  }
}
#login #isc-login .contenido h1 p,
#login #isc-registro .contenido h1 p,
#login #isc-recordar-contrasena .contenido h1 p {
  margin: 0.5em auto;
  text-align: center;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido h1 p,
  #login #isc-registro .contenido h1 p,
  #login #isc-recordar-contrasena .contenido h1 p {
    margin: 0.4em 0.2em;
  }
}
#login #isc-login .contenido p,
#login #isc-registro .contenido p,
#login #isc-recordar-contrasena .contenido p {
  margin: 1em;
}
#login #isc-login .contenido .isc-formulario,
#login #isc-registro .contenido .isc-formulario,
#login #isc-recordar-contrasena .contenido .isc-formulario {
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #b1b1b1;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  behavior: url("../css/rounded-borders-ie.htc");
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido .isc-formulario,
  #login #isc-registro .contenido .isc-formulario,
  #login #isc-recordar-contrasena .contenido .isc-formulario {
    font-size: 1.2em;
  }
}
#login #isc-login .contenido .isc-formulario .isc-item-form,
#login #isc-registro .contenido .isc-formulario .isc-item-form,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido .isc-formulario .isc-item-form,
  #login #isc-registro .contenido .isc-formulario .isc-item-form,
  #login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form {
    padding: 0.4em 0.8em;
    margin: 0;
  }
}
#login #isc-login .contenido .isc-formulario .isc-item-form input,
#login #isc-registro .contenido .isc-formulario .isc-item-form input,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form input {
  display: block;
  width: 100%;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0.2em!important;
}
#login #isc-login .contenido .isc-formulario .isc-item-form input:focus,
#login #isc-registro .contenido .isc-formulario .isc-item-form input:focus,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form input:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* IE 8 */
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='@color')";*/
  /* IE 5.5 - 7 */
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#111,direction=222);*/
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido .isc-formulario .isc-item-form input,
  #login #isc-registro .contenido .isc-formulario .isc-item-form input,
  #login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form input {
    font-size: 0.8em;
  }
}
#login #isc-login .contenido .isc-formulario .isc-item-form .txt-error,
#login #isc-registro .contenido .isc-formulario .isc-item-form .txt-error,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form .txt-error {
  margin: 0.3em 0 0.3em 0.3em;
  padding: 0;
  text-align: left;
  font-size: 0.8em;
}
#login #isc-login .contenido .isc-formulario .isc-item-form.usuario,
#login #isc-registro .contenido .isc-formulario .isc-item-form.usuario,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form.usuario {
  border-bottom: 1px solid;
  border-bottom-color: #b1b1b1;
}
#login #isc-login .contenido .isc-formulario .isc-item-form.password,
#login #isc-registro .contenido .isc-formulario .isc-item-form.password,
#login #isc-recordar-contrasena .contenido .isc-formulario .isc-item-form.password {
  width: 85%;
  vertical-align: top;
}
#login #isc-login .contenido .isc-formulario #acceder,
#login #isc-registro .contenido .isc-formulario #acceder,
#login #isc-recordar-contrasena .contenido .isc-formulario #acceder {
  position: absolute;
  cursor: pointer;
  right: 0.5em;
  bottom: 0.8em;
  width: 1.5em;
  height: auto;
  vertical-align: top;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 739px) {
  #login #isc-login .contenido .isc-formulario #acceder,
  #login #isc-registro .contenido .isc-formulario #acceder,
  #login #isc-recordar-contrasena .contenido .isc-formulario #acceder {
    width: 1.6em;
  }
}
#login #isc-login .descripcion,
#login #isc-registro .descripcion,
#login #isc-recordar-contrasena .descripcion {
  margin: 1em 1.5em 1em;
  font-size: 0.8em;
}
#login #isc-login .descripcion img,
#login #isc-registro .descripcion img,
#login #isc-recordar-contrasena .descripcion img {
  height: 3em;
  width: auto;
  margin: 0.3em 1em 1em 0;
  float: left;
}
#login #isc-login .recordar-contrasena,
#login #isc-registro .recordar-contrasena,
#login #isc-recordar-contrasena .recordar-contrasena,
#login #isc-login .registro,
#login #isc-registro .registro,
#login #isc-recordar-contrasena .registro {
  display: block;
  font-size: 1em;
  margin: 1em 3em;
  vertical-align: middle;
  text-align: center;
}
#login #isc-login .recordar-contrasena a,
#login #isc-registro .recordar-contrasena a,
#login #isc-recordar-contrasena .recordar-contrasena a,
#login #isc-login .registro a,
#login #isc-registro .registro a,
#login #isc-recordar-contrasena .registro a {
  color: #1a1a1a;
}
#login #isc-login .recordar-contrasena a:hover,
#login #isc-registro .recordar-contrasena a:hover,
#login #isc-recordar-contrasena .recordar-contrasena a:hover,
#login #isc-login .registro a:hover,
#login #isc-registro .registro a:hover,
#login #isc-recordar-contrasena .registro a:hover {
  text-decoration: underline;
}
#login #isc-login .msg-error,
#login #isc-registro .msg-error,
#login #isc-recordar-contrasena .msg-error {
  display: block;
  margin: 1.5em 0.5em 0.5em;
  text-align: center;
  color: #1a1a1a;
  font-size: 0.9em;
}
#login #isc-login .msg-error img,
#login #isc-registro .msg-error img,
#login #isc-recordar-contrasena .msg-error img {
  width: 2em;
  height: auto;
  vertical-align: middle;
  margin: 0 0.5em;
}
#login #isc-login .isc-botones,
#login #isc-registro .isc-botones,
#login #isc-recordar-contrasena .isc-botones {
  display: block;
  margin-top: 0.2em;
}
#login #isc-login .isc-botones .isc-boton,
#login #isc-registro .isc-botones .isc-boton,
#login #isc-recordar-contrasena .isc-botones .isc-boton {
  position: relative;
  float: right;
  vertical-align: middle;
  margin: 0 1em 1em 0;
  font-size: 1em;
}
/*#login{
    @media (max-width: @res480) {
        .isc-login-mobile();
    }

    @media (min-width: @res480) and (max-width: @res640) {
        .isc-login-mobile();
    }

    @media (min-width: @res640) and (max-width: @res1024) {

    }

    @media (min-width: @res1024) and (max-width: @res1280) {

    }

    @media (min-width: @res1280) and (max-width: @res1650) {

    }

    @media (min-width: @res1650) and (max-width: @res1950) {

    }

    @media (min-width: @res1950){

    }
}*/