@font-face{font-family:'OpenSans'; src:url('../fonts/OpenSans.eot?') format('eot'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');}

body{background:#262a29; padding:0; font-family:'OpenSans', sans-serif; color:#3c444f;}
h1,h2,h3,h4,h5,h6{font-weight:100; line-height:normal;}
input, select, textarea, button{font-family:'OpenSans', sans-serif; color:#3c444f; outline:0; border:1px solid #ccc; padding:5px; border-radius:5px;}
label{display:inline-block;}
textarea{resize:none; overflow:auto;}
select{outline:0 !important;}
.container-narrow{max-width:960px; margin:0 auto; padding:0;}
.text-justify{text-align:justify;}
.navbar .nav > li, .navbar .nav > li > a, .guia input, .footer a, .button{-webkit-transition:all 150ms linear; -moz-transition:color 250ms linear; transition:all 150ms linear;}
.button{background:rgba(40,56,145,0.2); color:#283891; border:1px solid #283891; border-radius:5px; padding:10px; margin:20px auto 0; display:block; text-transform:uppercase; text-align:center;}
.button:hover{text-decoration:none; background:#283891; color:#fff;}
.servicios, .guia, .rastreo, .tickets, .contacto, .proximamente, .compra{padding:50px 0; background:#fff;}
.servicios h1, .guia h1, .rastreo h1, .tickets h1, .contacto h1, .proximamente h1, .compra h1{color:#283891; text-transform:uppercase; border-bottom:1px solid #283891; margin-top:0;}
input, textarea{box-shadow:none !important;}
input:focus, textarea:focus{color:#283891; border:1px solid #283891 !important; box-shadow:none !important;}
.guia p, .tickets p, .contacto p{text-align:center;}
.guia button, .tickets button, .contacto button, .compra button{width:200px;}

/*MENU SUPERIOR*/
.navbar{padding:0; margin:0;
background: #383e3c;
background: -moz-linear-gradient(top,  #383e3c 0%, #262a29 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383e3c), color-stop(100%,#262a29));
background: -webkit-linear-gradient(top,  #383e3c 0%,#262a29 100%);
background: -o-linear-gradient(top,  #383e3c 0%,#262a29 100%);
background: -ms-linear-gradient(top,  #383e3c 0%,#262a29 100%);
background: linear-gradient(to bottom,  #383e3c 0%,#262a29 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383e3c', endColorstr='#262a29',GradientType=0 );}
.navbar .brand{padding:10px 5px;}
.navbar .nav > li:hover{background:#e31e28;}
.navbar .nav > li > a{color:#fff; border-radius:0; padding:48px 20px; text-shadow:none;}
.navbar .nav > li > a:hover{color:#fff;}
.btn-navbar{margin-top:30px !important;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{font-weight:normal; text-align:center;}
/*.navbar .nav > li > a{bootstrap - 4613}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{bootstrap-responsive - 999}*/

/*SLIDER*/
.cbp-qtrotator{position:relative; border-bottom:1px solid #ddd;}
.cbp-qtrotator .cbp-qtcontent{position:absolute; top:0; z-index:0; opacity:0; width:100%; color:#fff; text-align:center;}
.no-js .cbp-qtrotator .cbp-qtcontent{border-bottom:none;}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent, .no-js .cbp-qtrotator .cbp-qtcontent{position:relative; z-index:100; pointer-events:auto; opacity:1;}
.cbp-qtrotator .cbp-qtcontent:before, .cbp-qtrotator .cbp-qtcontent:after{content:" "; display:table;}
.cbp-qtrotator .cbp-qtcontent:after{clear:both;}
.slide1{background:url(../imgs/slidebg1.jpg) no-repeat center; background-size:cover;}
.slide2{background:url(../imgs/slidebg2.jpg) no-repeat center; background-size:cover;}
.slide3{background:url(../imgs/slidebg3.jpg) no-repeat center; background-size:cover;}
.slide4{background:url(../imgs/slidebg4.jpg) no-repeat center; background-size:cover;}
.slide5{background:url(../imgs/slidebg5.jpg) no-repeat center; background-size:cover;}

/*SERVICIOS*/
.servicios h1{margin-top:0;}
.servicios a{background:url(../imgs/serv.jpg); display:block; height:200px; margin:10px 0;}
.servicios a:hover{background:url(../imgs/serv2.jpg);}
.serv2 a, .serv2 a:hover{background-position:top center;}
.serv3 a, .serv3 a:hover{background-position:top right;}
.serv4 a, .serv4 a:hover{background-position:center left;}
.serv5 a, .serv5 a:hover{background-position:center center;}
.serv6 a, .serv6 a:hover{background-position:center right;}
.serv7 a, .serv7 a:hover{background-position:bottom left;}
.serv8 a, .serv8 a:hover{background-position:bottom center;}

/*MONITOREA TU CUENTA*/
.monitorea{width:100%; height:500px; border:0;}

/*SOLICITUD DE GUIA / COTIZACION*/
.instruc{background:#eee; padding:5px; width:644px; margin:20px auto 10px; border-radius:5px;}
.guia label{margin-right:10px; text-align:right;}
.guia input{width:500px;}
.guia select{width:514px; margin-left:-4px;}
.uno label{width:152px;}
.guia .uno .instruc{width:666px;}
.uno .instruc a{color:#283891;}
.dos label, .tres label{width:130px;}
.cm label{width:52.5px;}
.pulg label{width:52px;}
.cm input, .pulg input{width:100px;}
.peso input{width:172px;}
.nav-tabs li a{color:#283891;}
.nav-tabs li a:hover{background:rgba(40,56,145,0.2); border:1px solid transparent;}
.cot .uno label{width:60px;}
.cot .uno .instruc{width:574px;}
.cot .dos label{width:46px;}
.cot .uno .instruc{width:574px; margin-top:0;}

/*RASTREO*/
.nguia{background:url(../imgs/rastreo.jpg); width:780px; height:240px; margin:20px auto;}
.nguia input{font-size:24px; height:24px; width:350px; box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); background:rgba(255,255,255,0.5); margin:20px 0; text-align:center;}
.nguia button{background:#283891; color:#fff; border:0; border-radius:5px; padding:10px 30px; display:block; text-transform:uppercase; text-align:center; margin:0 auto;}
.nguia button:hover{background:#1b2561;}
.nguia span{display:block; width:500px; float:right; text-align:center; padding-top:90px;}
.paqueterias{width:788px; margin:0 auto;}
.paqueterias p{display:inline-block; width:260px; text-align:center;}
.paqueterias label{display:block;}

/*REPORTE TICKETS*/
.tickets form{margin-top:30px;}
.tickets label{text-align:right; width:72px; margin-right:10px;}
.tickets select{margin-left:-4px; width:414px; line-height:32px; height:32px;}
.tickets input, .tickets textarea{width:400px;}
.tickets textarea{resize:none; overflow:hidden; height:100px;}
.tickets input, .tickets input:focus, .tickets textarea:focus{box-shadow:none;}

/*COMPRA EN USA RECIBE EN MEXICO*/
.compra h1{margin-bottom:30px;}
.compra h3{margin-top:0;}
.compra label{text-align:right; width:80px; margin-right:10px;}
.compra input, .compra textarea{width:360px;}
.compra textarea{height:100px;}

/*CONTACTO*/
.contacto form{margin-top:30px;}
.contacto label{text-align:right; width:80px; margin-right:10px;}
.contacto input, .contacto textarea{width:360px;}
.contacto select{width:372px; margin-left:-4px;}
.contacto textarea{height:100px;}

/*FOOTER*/
.footer{background:#262a29; padding:10px 0; color:rgba(255,255,255,0.4);}
.footer p{margin:0; display:inline-block;}
.footer p:last-child{float:right; line-height:52px;}
.footer a{color:rgba(255,255,255,0.4); margin-left:20px;}
.footer a:hover{color:rgba(255,255,255,0.8); text-decoration:none;}

.proximamente{text-align:center; font-size:24px;}
.proximamente h1{text-align:left;}
.proximamente img{margin-bottom:10px;}
.proximamente a{color:#3c444f;}
.proximamente a:hover{color:#ff3c00; text-decoration:none;}
.construccion{text-transform:uppercase; background:#ff3c00; color:#fff; padding:10px; width:350px; margin:20px auto 0;}

/* Large desktop */
@media(min-width:1200px){}
 
/* Portrait tablet to landscape and desktop */
@media(min-width:768px) and (max-width:979px){
  .container-narrow{padding:0 20px;}
  .navbar .nav > li > a{padding:20px;}
  .nguia{width:732px; height:225px; background-size:732px 225px;}
  .nguia span{width:460px; padding-top:80px;}
  .paqueterias p{width:32.9%;}
  .footer{text-align:center;}
  .footer p:last-child{float:none;}
  .mam, .ase{font-size:12px;}
}
 
/* Landscape phone to portrait tablet */
@media(max-width:767px){
  .container-narrow{padding:0 20px;}
  .navbar .nav > li > a{padding:20px;}
  .servicios .span3{text-align:center;}
  .servicios img{margin-top:30px;}
  .servicios a{width:200px;}
  .guia input{width:300px;}
  .cm input, .pulg input{width:30px;}
  .peso input{width:70px;}
  .nguia{width:572px; height:176px; background-size:572px 176px;}
  .nguia span{width:360px; padding-top:50px;}
  .nguia input{width:260px; margin:20px 0 10px; height:30px;}
  .paqueterias p{width:32.8%;}
  .footer{text-align:center;}
  .footer p:last-child{float:none;}
}
 
/* Landscape phones and down */
@media(max-width:480px){}