/* COLORES CORPORATIVOS */
@media (min-width: 480px) {
  #divlogin {
    padding-bottom: 2em; }
    #divlogin .tipousuario {
      position: relative;
      float: left;
      width: 30%;
      margin-left: 10%;
      height: 12em;
      margin-top: 6em; }
      #divlogin .tipousuario h3 {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        font-weight: normal; }
      #divlogin .tipousuario .spantramitacion {
        display: block;
        position: relative;
        float: left;
        margin-top: 2em;
        font-size: .7em;
        line-height: 150%; }
      #divlogin .tipousuario .continuartramitacion {
        display: block;
        position: absolute;
        bottom: .5em;
        float: left;
        margin-top: 2em;
        font-size: .7em;
        width: 50%;
        margin-left: 25%;
        background: black;
        color: white;
        text-align: center;
        padding: 1em 0; }
      #divlogin .tipousuario input {
        width: 60%;
        margin-left: 20%;
        border: none;
        border-bottom: solid 1px grey;
        padding-bottom: .3em;
        padding-left: .3em;
        margin-top: 2em;
        font-size: .7em; }
      #divlogin .tipousuario ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        opacity: .7;
        /* Firefox */ }
      #divlogin .tipousuario :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: red; }
      #divlogin .tipousuario ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: red; }
      #divlogin .tipousuario #olvidado {
        display: block;
        position: absolute;
        float: left;
        width: 50%;
        margin-left: 25%;
        font-size: .6em;
        bottom: -2em;
        text-align: centerN; }
    #divlogin .tipousuario:nth-child(1) {
      margin-left: 0; }

  /* DATOS DEL NUEVO USUARIO */
  #nuevousuario h1 {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: 400; }
  #nuevousuario #divpais {
    padding-bottom: 1em;
    width: 20% !important; }
    #nuevousuario #divpais span {
      display: block;
      position: relative;
      float: left;
      width: 95%;
      font-weight: 500;
      margin-left: 4%;
      font-size: .8em;
      color: black; }
    #nuevousuario #divpais .divforma {
      display: block;
      position: relative;
      float: left;
      width: 45%;
      font-size: .9em;
      margin-left: 4%;
      margin-top: 1em; }
    #nuevousuario #divpais .tituloforma {
      display: block;
      position: relative;
      float: left;
      line-height: 150%;
      width: 75%;
      font-size: .9em; }
    #nuevousuario #divpais #paissp {
      display: block;
      position: relative;
      float: left;
      width: 1.5em;
      height: 1.5em;
      margin-left: 0em;
      cursor: pointer; }
    #nuevousuario #divpais #paisfr {
      display: block;
      position: relative;
      float: left;
      width: 1.5em;
      height: 1.5em;
      margin-left: 0em;
      cursor: pointer; }
    #nuevousuario #divpais .seleccionado {
      background-image: url("../img/radio-checked.png") !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%; }
    #nuevousuario #divpais .noseleccionado {
      background-image: url("../img/radio-no-checked.png") !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%; }
  #nuevousuario #grabarcuenta {
    border: none;
    background-color: none;
    background-color: #69b4cd;
    color: black;
    width: 20%;
    margin-left: 40%;
    text-align: center;
    padding: 1em 0;
    font-weight: 700;
    margin-top: 2em;
    cursor: pointer;
    letter-spacing: 3px; }

  #menuusuario {
    position: relative;
    float: left;
    width: 15%;
    margin-left: 2.5%;
    height: 30vh;
    margin-top: 2em;
    border: solid 1px black;
    padding-left: 1em;
    font-size: .9em; }
    #menuusuario #cerrarmenuusuario, #menuusuario #abrirmenuusuario {
      display: none; }
    #menuusuario a {
      display: block;
      position: relative;
      float: left;
      width: 100%;
      -webkit-transition: hover .25s; }
    #menuusuario a:hover {
      font-weight: bold;
      -webkit-transition: .4s; }

  #comprasusuario {
    width: 80%; }
    #comprasusuario h1 {
      width: 100%;
      text-align: center;
      font-size: 1.5em;
      font-weight: 400; }
    #comprasusuario #divnombreusuario {
      position: relative;
      float: left;
      width: 80%;
      margin-left: 5%;
      font-weight: bold; }
    #comprasusuario .divcomprausuario {
      position: relative;
      float: left;
      width: 78%;
      margin-top: 1em;
      margin-left: 10%;
      padding: 1%;
      border: solid 1px black; }
      #comprasusuario .divcomprausuario .fotocompra {
        position: relative;
        float: left;
        width: 7em;
        height: 7em; }
        #comprasusuario .divcomprausuario .fotocompra img {
          position: relative;
          float: left;
          object-fit: contain;
          max-width: 95%;
          max-height: 95%;
          width: auto;
          height: auto; }
      #comprasusuario .divcomprausuario .datocompra {
        position: relative;
        float: left;
        width: 80%;
        margin-left: 1em;
        height: 1em;
        margin-top: .5em;
        font-size: .9em; }

  #modificarusuario {
    width: 80%; }
    #modificarusuario h1 {
      width: 100%;
      text-align: center;
      font-size: 1.5em;
      font-weight: 400; }
    #modificarusuario #modificarcuenta {
      border: none;
      background-color: none;
      background-color: #69b4cd;
      color: black;
      width: 20%;
      margin-left: 40%;
      text-align: center;
      padding: 1em 0;
      font-weight: 700;
      margin-top: 2em;
      cursor: pointer;
      letter-spacing: 3px; }
    #modificarusuario #divpais {
      padding-bottom: 1em;
      width: 20% !important; }
      #modificarusuario #divpais span {
        display: block;
        position: relative;
        float: left;
        width: 95%;
        font-weight: 500;
        margin-left: 4%;
        font-size: .8em;
        color: black; }
      #modificarusuario #divpais .divforma {
        display: block;
        position: relative;
        float: left;
        width: 45%;
        font-size: .9em;
        margin-left: 4%;
        margin-top: 1em; }
      #modificarusuario #divpais .tituloforma {
        display: block;
        position: relative;
        float: left;
        line-height: 150%;
        width: 75%;
        font-size: .9em; }
      #modificarusuario #divpais #paissp {
        display: block;
        position: relative;
        float: left;
        width: 1.5em;
        height: 1.5em;
        margin-left: 0em;
        cursor: pointer; }
      #modificarusuario #divpais #paisfr {
        display: block;
        position: relative;
        float: left;
        width: 1.5em;
        height: 1.5em;
        margin-left: 0em;
        cursor: pointer; }
      #modificarusuario #divpais .seleccionado {
        background-image: url("../img/radio-checked.png") !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%; }
      #modificarusuario #divpais .noseleccionado {
        background-image: url("../img/radio-no-checked.png") !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%; }

  /* divs de datos */
  .divdato {
    position: relative;
    float: left;
    width: 40%;
    margin-left: 5%;
    border: solid 1px black;
    padding: .5em 0em;
    margin-top: .5em; }
    .divdato label {
      font-weight: 500;
      margin-left: 5%;
      font-size: .8em;
      color: black; }
    .divdato input {
      margin-top: 1em;
      width: 90%;
      margin-left: 5%;
      border: none;
      font-weight: 200;
      padding-bottom: .3em;
      border-bottom: solid 1px black;
      background-color: transparent;
      padding-left: .3em; }
    .divdato #spanprovincia {
      display: block;
      position: relative;
      float: left;
      width: 90%;
      margin-left: 5%;
      color: black;
      font-size: .8em; }
    .divdato #provincias {
      display: block;
      position: relative;
      float: left;
      border: none;
      background-color: transparent;
      width: 90%;
      margin-left: 5%;
      font-size: .8em;
      color: black;
      margin-top: .5em; }

  #divcodigopostal, #divpais {
    width: 15%; }
    #divcodigopostal input, #divpais input {
      width: 85%; }

  #divtelefono {
    width: 20%; }
    #divtelefono input {
      width: 85%; }

  #divemail {
    margin-left: 25%; }

  #divcomentario {
    clear: both;
    display: block;
    position: relative;
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-top: 1em;
    padding: 1%;
    height: 6em;
    border: none; }
    #divcomentario #txtcomentario {
      width: 88%;
      margin-left: 5%;
      resize: none;
      margin-top: .5em;
      height: 4em;
      padding: 1%;
      font-size: .8em; }

  textarea:focus, input:focus {
    outline: none;
    box-shadow: none; }

  *:focus {
    outline: none;
    box-shadow: none; }

  ::placeholder {
    color: #a5a5a5;
    font-size: .8em; }

  #divlistaprovincias, #divlistapaises {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: -2;
    opacity: 0; }
    #divlistaprovincias .cerrar, #divlistapaises .cerrar {
      display: block;
      position: absolute;
      top: 1em;
      right: 2em;
      width: 2em;
      height: 2em;
      background-image: url("../img/close.png") !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 75%;
      cursor: pointer; }
    #divlistaprovincias h2, #divlistapaises h2 {
      width: 100%;
      text-align: center;
      font-size: 1em;
      font-weight: 300;
      margin-top: 4em; }
    #divlistaprovincias #contenedorprovincias, #divlistaprovincias #contenedorpaises, #divlistapaises #contenedorprovincias, #divlistapaises #contenedorpaises {
      position: relative;
      float: left;
      width: 95%;
      margin-left: 2.5%;
      height: auto;
      margin-top: .5%;
      overflow: auto;
      padding: 1em 0;
      border: solid 1px black; }
      #divlistaprovincias #contenedorprovincias .divprovincia, #divlistaprovincias #contenedorprovincias .divpais, #divlistaprovincias #contenedorpaises .divprovincia, #divlistaprovincias #contenedorpaises .divpais, #divlistapaises #contenedorprovincias .divprovincia, #divlistapaises #contenedorprovincias .divpais, #divlistapaises #contenedorpaises .divprovincia, #divlistapaises #contenedorpaises .divpais {
        position: relative;
        float: left;
        width: 40%;
        margin-left: 10%;
        font-size: .8em;
        margin-top: 1em;
        cursor: pointer; }
        #divlistaprovincias #contenedorprovincias .divprovincia:hover, #divlistaprovincias #contenedorprovincias .divpais:hover, #divlistaprovincias #contenedorpaises .divprovincia:hover, #divlistaprovincias #contenedorpaises .divpais:hover, #divlistapaises #contenedorprovincias .divprovincia:hover, #divlistapaises #contenedorprovincias .divpais:hover, #divlistapaises #contenedorpaises .divprovincia:hover, #divlistapaises #contenedorpaises .divpais:hover {
          font-weight: bold; }
    #divlistaprovincias #contenedorprovincias, #divlistapaises #contenedorprovincias {
      height: 65vh !important; } }

/*# sourceMappingURL=usuarios.css.map */