/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2014 */

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto/roboto-light-webfont.eot');
    src: url('../fonts/Roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-light-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto/roboto-regular-webfont.eot');
    src: url('../fonts/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotobold_condensed';
    src: url('../fonts/Roboto/roboto-boldcondensed-webfont.eot');
    src: url('../fonts/Roboto/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-boldcondensed-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto/roboto-medium-webfont.eot');
    src: url('../fonts/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/Roboto/roboto-thin-webfont.eot');
    src: url('../fonts/Roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/Roboto/roboto-black-webfont.eot');
    src: url('../fonts/Roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-black-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/Roboto/roboto-condensed-webfont.eot');
    src: url('../fonts/Roboto/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-condensed-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-condensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto/roboto-bold-webfont.eot');
    src: url('../fonts/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;font-style: normal;}

/* general --------------------------------------- */
*, body {margin:0px; padding:0px; border:0px; }
body { background:#000; width:100%; height:auto; font-family: 'robotocondensed', Arial, Helvetica, sans-serif ; font-weight:normal;  }
html, body {width:100%; height:100%; }
ol, ul {list-style: none;}
a, object { color:#333; outline:0; text-decoration:none;  }
a span { display:none; }
a:hover {text-decoration:none;}
img { width:100%; }
a, a:hover, a:active {text-decoration: none; }
a span {display:none; }

h1 { font-size:50px;  }
h2 { font-size:30px;}
h3 { font-size:28px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h1 span, h2 span, h3 span, h4 span, h5 span {display:none; }

/* Estructura Principal -------------------------------------------------------- */
.fondo { margin:0; padding:0; background:#000 url(../images/bckg_gral.jpg) no-repeat top center;  background-size:120% auto;  width:100%; height:100%; display:block;    }
.sinpadd {padding:0; }
.paddform {padding:5px 5px 0; }

/* TOPE -------------------------------------------------------- */
.tope { background:#fff; width:100%; height: 50px; display:block; position:fixed; top:0; left:0; z-index: 900; }
.tope img.logo {width:115px; height: 60px; display:block; position:absolute; right:5%;  top:30px; }
.tope img.logomob {display:none; }
a.btn_menu {display:none; }

/* MODULOS LOGIN -------------------------------------------------------- */
.mod_blancoppal {background:#fff; padding: 0; }
.mod_login {padding-bottom:20px; height:auto; display:block; position:relative; top:110px;  }
.mod_login h2 { margin:0; background:#003269; color:#fff; padding:25px 30px 0; font-size:2em; font-weight:bold;  width:100%; height: 85px; display:block;  }
.mod_login h2 a {display:none; }
.mod_login p {margin:0 0 10px; color:#003269; display:block; font-size:1.125em; line-height:1.125em;  }
.mod_login p a {color:#2a97ff; text-decoration: underline; }
.mod_login p a:hover {color:#999; text-decoration: none; }
hr.separador {background:#003269; width:100%; height:1px; display:block; margin:20px 0 25px;}

form.formulario {padding:15px 30px; }
form.formularioint {padding:15px; }
.form-group {margin-bottom:2px; }
input.campotxt { border-radius:0px; border-color:#003269; height:36px;font-size:1.125em; }
select.selecttxt { border-radius:0px; border-color:#003269; color:#999; height:36px;font-size:1.125em; }
textarea.campotxtbg { border-radius:0px; border-color:#003269; height:36px;font-size:1.125em; resize:none; height: 80px;  }
button.btn_azulpq { background:#2a97ff; color:#fff; font-size:1.125em; text-align:center; margin:0 2%; padding:6px 0; width:46%; height: 36px; display:block; float:left; border-radius:0px; }
button.btn_azulbg { background:#2a97ff; color:#fff; font-size:1.125em; text-align:center; margin:0; padding:6px 0; width:100%; height: 36px; display:block;  border-radius:0px; }
button.btn_azulpqder {float:right; margin:0; }
button.btn_grisbg { background:#999; color:#fff; font-size:1.125em; text-align:center; margin:0; padding:6px 0; width:100%; height: 36px; display:block;  border-radius:0px; }

.selectfecha { border-color:#003269; font-size:1.125em; width:30%; height: 36px; display:block; float:left; margin-right:5px; border-radius:0px;}

/* ESTRUCTURA INTERNAS -------------------------------------------------------- */
.mod_interna {margin-top:100px; }
.mod_interna h2 {  display:none;  }

.mod_datosuser {width:20%;  height:auto; margin-right:2%; float:left;  }
.mod_infouser { width:78%;  height:auto;  float:left; }

/* MODAL -------------------------------------------------------- */
.modal_bckg { background: url(../images/bckg_velo.png) repeat; }
.modal_box { border:0px; border-radius:0px; top:80px; }
.modal_tope {background:#003269; color:#fff;}
.modal_tope .close {color:#fff; opacity:.5; }

/* DATOS USUARIO -------------------------------------------------------- */
.datosuser {background:transparent; color:#fff; width:100%; height: auto; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:5px; display:block; }
.datosuser img.avatar {margin:0 auto 5px; width:65%; height: 65%; border:3px 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:0.875em; width:100%; height: auto; display: block; }
.datosuser p.sesion a { color:#f2f2f2; text-decoration:underline; }

.entregauser {background:transparent; color:#fff; width:100%; height: auto; border-bottom:1px solid #fff; padding:10px 0; margin-bottom:5px; display:block; }
.entregauser 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.325em;font-family: 'robotocondensed';}
.entregauser p.diaentrega {font-size:6em; line-height:1.25em; color:#3399ff;font-family: 'robotocondensed'}

.entregahora {background:transparent; color:#fff; width:100%; height: auto; padding:10px 0; margin-bottom:5px; display:block; }
.reloj { margin:10px auto; background: url(../images/pic_reloj.png) no-repeat;  width:66px; height: 66px; display:block; }
.entregahora p.horaentrega {margin-bottom:0px; text-align:center; color:#3399ff; font-size:2em; font-family: 'robotocondensed'; width:100%; height: auto; display: block;}

.opcion_app, .opcion_img {width:100%; height: auto; display:block; margin:0px auto 30px;  }

/* INFO USUARIO -------------------------------------------------------- */
.mod_blanco { margin:0 0.5%; background:#fff; color:#666; width:49%; height: 600px; display:block; float:left; position: relative; }
.mod_blancosinfondo { background:transparent;  }
.mod_blanco h2 { margin:0;  padding:10px 15px 0; font-size:1.25em; font-weight:bold;  width:100%; height: 40px; display:block;  }
.tit_azul {background:#003269; color:#fff;}
.tit_azulclaro { background:#3399ff; color:#fff;}
.tit_magenta { background:#fc327a; color:#fff;}
.tit_grisclaro { background:#ccc; color:#666;}

.mod_blanco p { font-family: 'robotocondensed'; font-size:1em; width:100%; padding:0 5px 10px; height: auto; display:block; }

.calendario {margin:20px auto 40px; width:90%; height: auto; display:inline-block; position:relative ; left:5%;    }
hr.lineacalend {margin-top: 20px;margin-bottom: 20px;border-top: 1px solid #eee; width:100%; display:block; clear:both;  }

a.btn_azulplus { margin:0 auto 10px; background:#3399ff; color:#fff; font-size:1.125em;  text-align:center; padding:0; width:80%; height: 36px; display:block; border-radius:0px; }
a.btn_azulplus span {padding-top:10px; width:40px; height:37px; border-right:2px solid #fff; margin-right:5px;float:left;  position:relative; top:-1px;  }
a.btn_azulplus p {padding-top:6px;  font-family: 'robotocondensed';}
a.btn_azulplus:hover { background:#036; color:#fff;  }

ul.bloquescitas {width:100%; height: 600px; display: block; list-style-type: none; }
ul.bloquescitas li {margin:4px 0 1px; background:#fff; width:49%; height: 276px; display:block; float:left; }
ul.bloquescitas li:nth-child(odd) { margin-right: 1%; }
ul.bloquescitas li:nth-child(even) { margin-left: 1%; }
ul.bloquescitas li h2 { margin:0 0 30px; padding:10px 0px 0; font-size:1em; font-weight:bold; text-align:center;  width:100%; height: 40px; display:block;  }
ul.bloquescitas li p {margin:0px auto; color:#003366; width:90%; height: 25px; display:block; }
ul.bloquescitas li p span.txt { font-size:1.25em; text-align:center; width:33%; float:left; }
ul.bloquescitas li p span.tit  { color:#3399ff; font-size:1em; text-align:center; width:33%; float:left;}
ul.bloquescitas li p.hora {margin:20px auto; padding:5px 0; border-top:1px solid #3399ff; border-bottom:1px solid #3399ff; color:#003366; text-align:center; font-size:1.25em;width:90%; height:auto; display:block;  }
ul.bloquescitas li p.hora span { color:#3399ff;}
ul.bloquescitas li a.btn_ver {margin:10px auto; padding-top:5px; background:transparent; border:1px solid #036; text-transform: uppercase; text-align: center; font-size:1.25em; width:90%; height: 36px; display:block; clear:left;   }
ul.bloquescitas li a.btn_ver:hover {background:#036; border:1px solid #036; color:#fff; }

.datoscliente {margin:0 5% 0;  padding:10px 0px 0px; width:90%; height:auto; display:block; border-bottom:1px dotted #003269; }
.datoscliente h5 { color:#003269; font-family: 'robotocondensed'; font-size:1.325em; font-weight:normal; text-transform:uppercase; width:100%; height:auto; display:block;  }
.datoscliente p { margin:0; padding:0 0px 5px; color:#666;  font-size:1em; text-transform:uppercase;  font-family: 'robotoregular';}
.datoscliente p.txtmitad {width:50%; float:left; }
.datoscliente ul.txtscroll {width:100%; overflow-x:hidden; overflow-y:scroll; height:110px; float:left;   }
.datoscliente p strong { color:#3399ff; display:block; font-family: 'robotocondensed';font-size:0.875em; line-height: 0.875em;  text-transform:uppercase;}
.datoscliente img {margin:0 auto; width:80%; height: auto; display:block; }
.datoscliente img.imgpq {margin:0; width:50%; height: auto; display:block; float:left; }
.datoscliente a.btn_ver {margin:5px auto; padding-top:8px; background:transparent; color:#3399ff; border:1px solid #3399ff; text-transform: uppercase; text-align: center; font-size:1em; width:100%; height: 36px; display:block; clear:left;   }


.datosclientelista { margin:0 5% 0;  padding:10px 0px 0px; width:90%; height: 530px; display:block; overflow-x:hidden; overflow-y:scroll; }
ul.txttecno {width:100%; overflow-x:hidden; overflow-y:scroll; height:150px; display: block;   }



/* ESPECIFICACIONE USUARIO -------------------------------------------------------- */
.fondoesp { background:#2da5e3; padding-top:80px; }
.topeesp { background:#fff; border-bottom:1px solid #063478; width:100%; height: 99px; display:block; position:fixed; top:0; left:0; z-index: 900; }
.topeesp img.logo {width:115px; height: 65px; display:block; position:absolute; right:5%;  top:15px; }
.topeesp img.logomob {display:none; }

.mod_esp {margin:0 auto; width:1024px; height: auto; display:block; float:none; background: #ccc; }
.mod_esp h2 {color:#fff; text-transform:uppercase; text-align:center; font-size:1.125em; width: 100%; float:none; }