/* CSS Document */

/* Big devices */
@media (min-width: 1440px){
    .mod_login {padding-bottom:20px; height:auto; display:block; position:relative; top:170px;  }
}

/* Medium devices (laptop landscape) */
@media (max-width: 1030px){
    .mod_login h2 {padding: 16px 19px 0; height:65px;  font-size:1.75em; }
    form.formulario {padding:15px; }
    
    ul.bloquescitas li p span.txt { font-size:1em;  }
    ul.bloquescitas li p.hora {font-size:1.125em; }
    ul.bloquescitas li p.hora span { color:#3399ff;}
    ul.bloquescitas li a.btn_ver {font-size:1.125em; }
    ul.bloquescitas li a.btn_ver:hover {background:#036; border:1px solid #036; color:#fff;    }
    a.btn_azulplus {font-size:1em; }
    .datoscliente p {font-size:0.978em; line-height:1.125em; }
    .datoscliente ul.txtscroll { height:120px;    }
}

/* menu lateral para tablet y smartphones */
@media (max-width: 960px){
    
    .datosuser, .entregauser, .entregahora {background:transparent; color:#fff; width:96%; height: auto; border-bottom:1px solid #fff; padding:10px 0; margin:0 auto 5px; display:block; }
    .datosuser img.avatar {margin:0 auto 10px; width:35%; height:35%; border:2px solid #fff; border-radius:50%; display:block; position:relative; }
    .datosuser p {margin-bottom:0px; text-align:center; font-size:1em; width:100%; height: auto; display: block; }
    .datosuser p.nombreuser {color:#3399ff; font-size:1.325em; }
    .datosuser p.sesion { margin:4px 0 10px; font-family: 'robotoregular'; font-size:1em; width:100%; height: auto; display: block; }
    .datosuser p.sesion a { color:#f2f2f2; text-decoration:underline; }
    
    .entregauser p, .entregahora p {margin-bottom:0px; font-family: 'robotoregular'; text-align:center; font-size:0.875em; width:100%; height: auto; display: block; }
    .entregauser p.mesentrega {font-size:1.25em;font-family: 'robotocondensed';}
    .entregauser p.diaentrega {font-size:4.5em; line-height:1.25em; color:#3399ff;font-family: 'robotocondensed'}
    
    .entregahora {border-bottom:0px solid #fff; }
    .entregahora p.horaentrega {margin-bottom:0px; text-align:center; color:#3399ff; font-size:2em; font-family: 'robotocondensed'; width:100%; height: auto; display: block;}
    
}

/* tablet  (portrait ) */
@media (min-width: 767px) and (max-width: 960px){
    body.fondo { margin:0; padding:26px 0 0; background:#fff; background-size:100% auto;      }
    /* TOPE -------------------------------------------------------- */
    .tope { height: 46px; display:block; position:fixed; top:0; left:0; z-index: 900; }
    .tope img.logomob {width:auto; height: 30px; display:block; position:absolute; right:5%;  top:8px; }
    .tope img.logo {display:none; }
    a.btn_menu { width:40px; height: 30px; display:block; margin-left:5px; }
    a.btn_menu span { width:40px; height:auto; font-size:2.25em; color:#003269; display: block; }
    .btn_menu .active, .btn_menu :active { box-shadow:none; }
    
    /* MODULOS LOGIN -------------------------------------------------------- */
    .mod_login h2 a { border-left:1px solid #999; padding-left:10px; display:block; position:absolute; right:20px; top:12px;   }
    .mod_blanco, .mod_blancoppal {background:#fff; padding: 0; margin:0px auto; width:100%; float:none; }
    .mod_login {padding-bottom:20px; height:auto; display:inline-block; position:relative; top:0px; left:0;   }
    .mod_login p {padding:0 1%; }
    .paddform {padding:5px 5px 20px; }
    button.btn_azulpq { margin:0 1%; padding:6px 0; width:48%; height: 40px; }
    
    /* ESTRUCTURA INTERNAS -------------------------------------------------------- */
    .mod_interna {padding:0; margin-top:0px; }
    .mod_interna h2 { margin:0; padding:16px 30px 0; font-size:2em; font-weight:bold;  width:100%; height: 65px; display:block;  }
    .mod_interna h2 a {border-left:1px solid #fff; padding-left:10px; width:30px; height: 40px; display:block; position:absolute; right:20px; top:12px; }
    .mod_interna h2 a img {width:auto; height: 40px; display:block; }
    .mod_datosuser {display:none;   }
    .mod_infouser { padding:70px 20px 20px; width:100%; height:auto; display:block; float:none; }
    .opcion_app {width:100%; height: auto; display:block; margin:0px auto 10px; padding:10px 0;    }
    
    
    .tit_ppal {position:fixed; z-index:700; }
    .tit_interno {background:transparent; color:#003269; border-bottom:1px solid #003269; margin-bottom:10px; }
    
    .tit_azulborde {background:transparent; color:#003269; border-bottom:1px solid #003269;  }
    .tit_azulclaroborde  { background:transparent; color:#3399ff; border-bottom:1px solid #3399ff;  }
    .tit_magentaborde { background:transparent; color:#fc327a; border-bottom:1px solid #fc327a;  }
    .tit_grisclaroborde { background:transparent; color:#999; border-bottom:1px solid #999;  }
    
    .calendario {margin:20px auto 40px; width:60%; height: auto; display:inline-block; position:relative ; left:20%;    }
    .out {display:none; }
    button.btn_azulbg { margin:0 auto;  width:60%; }
    button.btn_grisbg { margin:0 auto;  width:60%; }
    a.btn_azulplus { width:50%; }
    
    .datoscliente {margin:1% 5%; padding-bottom:2%;  }
    .datoscliente h5 { font-size:1.45em;  }
    .datoscliente p {font-size:1.125em; padding:0 0px 10px;}
    .datoscliente img {width:50%;  }
  
    
}

/* tablet pequeñas y tlf   */
@media (max-width: 766px){
    body.fondo { margin:0; padding:26px 0 0; background:#fff;  background-size:100% auto;      }
    /* TOPE -------------------------------------------------------- */
    .tope { height: 46px; display:block; position:fixed; top:0; left:0; z-index: 900; }
    .tope img.logomob {width:auto; height: 30px; display:block; position:absolute; right:5%;  top:8px; }
    .tope img.logo {display:none; }
    a.btn_menu { width:40px; height: 30px; display:block; margin-left:0px; }
    a.btn_menu span { width:40px; height:auto; font-size:2.25em; color:#003269; display: block; }
    .btn_menu .active, .btn_menu :active { box-shadow:none; }
    
    /* MODULOS LOGIN -------------------------------------------------------- */
    .paddform {padding:5px 5px 10px; }
    .mod_blanco {background:#fff; padding: 0; margin:0px auto 50px; width:100%; height:auto; float:none; }
    .mod_login {padding-bottom:20px; height:auto; display:inline-block; position:relative; top:0px; left:0%;   }
    .mod_login h2 { margin:0; background:#003269; color:#fff; padding:10px 20px 0; font-size:1.5em; font-weight:bold;  width:100%; height: 46px; display:block; position:fixed; z-index:50;  }
    .mod_login h2 a { border-left:1px solid #999; padding-left:10px; display:block; height: 28px; position:absolute; right:15px; top:8px;   }
    .mod_login h2 a img { width:auto; height: 28px; }
    .mod_login p {padding:0 1%; }
    form.formulario {padding:60px 15px; }
    button.btn_azulpq { margin:12px 0; width:100%; height: 40px; float:none; }
    button.btn_azulpqder {float:none; margin:0; }
    
     /* ESTRUCTURA INTERNAS -------------------------------------------------------- */
    .mod_interna {padding:0; margin-top:0px; }
    .mod_interna h2 { margin:0; padding:10px 20px 0; font-size:1.5em; font-weight:bold;  width:100%; height: 46px; display:block;  }
    .mod_interna h2 a {border-left:1px solid #fff; padding-left:10px;  width:20px; height: 28px; display:block; position:absolute; right:20px; top:10px; }
    .mod_interna h2 a img {width:auto; height: 28px; display:block; }
    
    .mod_datosuser {display:none;   }
    .mod_infouser { width:100%; height:auto; display:block; float:none; padding:50px 10px; }
    .opcion_app { margin:10px auto 10px;    }
    
    /* INFO USUARIO -------------------------------------------------------- */
    .tit_ppal {position:fixed; z-index:700; }
    .tit_interno {background:transparent; color:#003269; border-bottom:1px solid #003269; margin-bottom:10px; }
    
    .tit_azulborde {background:transparent; color:#003269; border-bottom:1px solid #003269;  }
    .tit_azulclaroborde  { background:transparent; color:#3399ff; border-bottom:1px solid #3399ff;  }
    .tit_magentaborde { background:transparent; color:#fc327a; border-bottom:1px solid #fc327a;  }
    .tit_grisclaroborde { background:transparent; color:#999; border-bottom:1px solid #999;  }
    
    .calendario {margin:20px auto 40px; width:60%; height: auto; display:inline-block; position:relative ; left:20%;    }
    .out {display:none; }
    ul.bloquescitas { height: auto;   }
    ul.bloquescitas li {border:1px solid #ccc; padding-bottom:10px; height:auto; }
    ul.bloquescitas li h2 { margin:0 0 15px; font-size:1.125em; }
    ul.bloquescitas li a.btn_ver {background:#3399ff; border:1px solid #3399ff; color:#fff  }
    ul.bloquescitas li a.btn_ver:hover {background:#036; border:1px solid #036; color:#fff;  }

}
   
/* tablet pequeñas   */
@media (min-width: 320px) and (max-width: 480px) {

    .calendario {margin:20px auto 40px; width:90%; height: auto; display:inline-block; position:relative ; left:5%;}
    ul.bloquescitas { height: auto; }
    .selectfecha { width:100%; height: 36px; float:none; margin-right:0; margin-bottom:5px; }
    
    .datoscliente p {font-size:1em; padding:0 0px 10px;}
}