@charset "UTF-8";
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family: 'ubuntulight';}
* {font-family: 'ubuntulight';}
a {text-decoration:none; outline:none; color:#38c1e8;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:0; display:block; margin:0; padding:0;}
.aleft {float:left;}
.aright {float:right;}
.anone {float:none;}
.hide {display:none;}
.left {text-align:left;}
.right {text-align:right;}
.hide {display:none;}
.block, .show {display:block;}
.breadcrumbs {display:block; font-size:12px; color:#525252; margin:0 0 45px -12%;}
.breadcrumbs a {color:#7a7a7a; margin:0 10px;}
.breadcrumbs a.selected {color:#fe5000;}
.breadcrumbs span {color:#7a7a7a; margin:0 10px;}
.breadcrumbs span.selected {color:#fe5000;}
.subir {margin:20px 0 0 0; padding:.5em 0 1em 0; font-size:12px; font-weight:normal; color:#0e7a7a; text-align:right;}
.subir a {margin:0; font-size:11px;  font-weight:normal; color:#003366; text-align:right; background:#F0F0F0; border-radius:3px; padding:.5em 1.2em; text-decoration:none;}
.subir a:hover {background:#003366; color:#FFFFFF;}
.autor {display:block; font-size:12px; color:#212121; font-style:italic; margin:8px 0;}
.color1 {background:#003087 !important;}
.color2 {background:#fe5000 !important;} 
.color3 {background:#38C1E8 !important;}
.color4 {background:#FFFFFF !important; color:#7b8a97 !important;}
.color4 a, .color4 p, .color4 h2 {color:#7b8a97 !important;}

.only-responsive {display:none;}
::selection {background:#c0c0c0; color:#ffffff;}
::-webkit-selection {background:#c0c0c0; color:#ffffff;}
::-moz-selection {background:#c0c0c0; color:#ffffff;}

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

}

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

}

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

}


/* FIN Comunes */


/*--------------- Header ---------------*/
#header {width:100%; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.2);}
#header .menu-top {width:100%; background:#003087; height:37px; border-bottom:4px solid #fe5000;}
#header .menu-top .auxi {max-width: 1200px; margin:0 auto;}
#header .menu-top ul li {display:inline;}
#header .menu-top .menu-icons {float: left;}
#header .menu-top .menu-icons ul li {border-right:1px solid #03215b;}
#header .menu-top .menu-icons ul li a img {margin: 9px 10px 0 10px;}
#header .menu-top .menu-phone {float: left; margin: 9px 0 0 10px;}
#header .menu-top .menu-phone ul li {border-right:1px solid #03215b; padding: 0 10px 0 0;}
#header .menu-top .menu-phone ul li a {color:#64cfed; font-size:13px;}
#header .menu-top .menu-gadgets {float: left;margin: 9px 0 0 0;}
#header .menu-top .menu-gadgets ul li {color:#ffffff; font-size:13px; padding:0 10px; border-right:1px solid #03215b; float: left;}
#header .header-top {width:100%; height:85px; background:#ffffff;}
#header .header-top .auxi {max-width: 1200px; margin:0 auto;}
#header .header-top .logo {float:left; margin:15px 60px 0 0;}
#header .header-top .logo-small {display: none;}
#header .header-top .menu-principal {margin:35px 0 0 0; float:left;}
#header .header-top .menu-principal ul li {display: inline; border-right:1px solid #c5d0e1;}
#header .header-top .menu-principal ul li a {font-size:17px; color:#003087;  padding: 0 25px;  float:left;}
#header .header-top .menu-principal ul li span {font-size:17px; color:#003087;  padding: 0 25px;  float:left;}
#header .header-top .menu-principal ul li.current a {margin: 0 25px 0 0; padding: 0 18px 0 25px; background:url('/depocargo/imag/v1/master/arrow_menu.png') no-repeat right;}
#header .header-top .menu-principal ul li.current span {margin: 0 25px 0 0; padding: 0 18px 0 25px; background:url('/depocargo/imag/v1/master/arrow_menu.png') no-repeat right;}
#header .header-top .menu-principal ul li ul {width:100%; background: #ffffff; margin: 10px 0 0 0;}
#header .header-top .menu-principal ul li ul li {display: block; float: left; text-align: center; width: 100%; border-right: medium none !important;}
#header .header-top .menu-principal ul li ul li a {background: #ffffff none repeat scroll 0 0 !important; border-bottom: 1px solid #dcdcde;  clear: both; font-size: 13px; margin: 0 auto !important; padding: 7px 0 !important; text-align: center; width: 100%;}
#header .header-top .menu-principal ul li:last-child {border-right:none;}
#header .header-top .menu-principal ul li a:hover {color:#fe5000; text-decoration:none;}
#header .header-top .search-cont {float:left; margin:30px 0 0 30px; max-width:300px; position: absolute; right:15%; }

#header .scrolling {background: #ffffff none repeat scroll 0 0; height: 40px; position: fixed; top: 0; width: 100%; z-index: 1000; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);}
#header .scrolling .logo {display: block; float: left; margin: 5px 150px 0 0; width: 105px;}
#header .scrolling .logo a img { display: block; height: auto; width: 100%;}
#header .scrolling .sb-search {margin:6px 0 0 30px;}
#header .scrolling .menu-principal {margin:11px 0 0 0; float:left;}

/*--------------- Footer ---------------*/
#footer {width:100%; display:block; background:#003087; position: relative;}
#footer .auxi-blue {position: absolute; left: 0; top:0; width:100%; height: 100%; background: url('/depocargo/imag/v1/master/bg-blue.png') repeat;}
#footer .footer-top {width:100%; display:block; min-height: 368px; background-size: cover;}
#footer .footer-top .logo {margin:0 auto 40px; display: block; width:194px; padding: 55px 0 0 0; position: relative;}
#footer .footer-top .loop {width:70%; margin: 0 auto; text-align: center;}
#footer .footer-top .loop .owl-item {text-align: center;}
#footer .footer-top .loop .owl-item a {margin: 0 auto; display: inline-block;}
#footer .footer-top .loop .owl-item .sello {max-width:150px; height:auto; display: block;}
#footer .footer-top .loop .owl-pagination {display:none;}
#footer .footer-top .loop .owl-controls {display: block; left: -5%; position: absolute; top: 60px; width: 110%;}
#footer .footer-top .loop .owl-buttons {position: relative;}
#footer .footer-top .loop .owl-buttons .owl-prev {position: absolute; left: 3%; background:url('/depocargo/imag/v1/master/arrow1.png') no-repeat; font-size:0; width:21px; height: 34px;}
#footer .footer-top .loop .owl-buttons .owl-next {position: absolute; right: 3%; background:url('/depocargo/imag/v1/master/arrow2.png') no-repeat; font-size:0; width:21px; height: 34px;}
#footer .footer-bottom {border-top:6px solid #fe5000; position: relative; background: #003087;}
#footer .footer-bottom .menu-footer {display: block; width:100%;padding: 40px 0; text-align: center;}
#footer .footer-bottom .menu-footer ul li {display: inline-block; padding:0 15px; border-right:1px solid #cdd1dd;}
#footer .footer-bottom .menu-footer ul li:last-child {border-right:0;}
#footer .footer-bottom .menu-footer ul li a {font-size:14px; color:#cdd1dd;}

/* Box para cambiar contraseña en la app. */
#formCambiarClave.login {background: #3aa5c3 none repeat scroll 0 0; display: none; height: auto !important; text-align: left; width: 170px; overflow:visible; position: absolute; left:0; bottom:-230px; z-index: 100; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.3); padding: 30px; }
#formCambiarClave .auxi-login {display: block; position: relative; overflow: visible;}
#formCambiarClave .auxi-login .ico_close {position: absolute; right:-40px; top:-40px; background:url('/depocargo/imag/v1/master/ico_close.png') no-repeat; width:20px; height: 20px; cursor: pointer;}
#formCambiarClave .auxi-login a {color:#FFFFFF; font-size: 12px; float: right; margin: 10px 0 0 0;}
#formCambiarClave h3 {color:#FFFFFF; font-size:30px; margin:0 0 20px 0; display:block; text-align: left;font-family: 'ubuntulight';}
#formCambiarClave label {color:#FFFFFF; font-size:14px; clear:both; margin: 0 0 4px 0; display:block;font-family: 'ubuntulight'; display:block; width:100%;}
#formCambiarClave input {background: #ffffff; border: none; clear:both; padding: 2px; margin: 0 0 10px 0; display:block; font-family: 'ubuntulight'; display:block; width:100%;}
#formCambiarClave button {clear:both; display:block; float:right; background:#002c6e; color:#FFFFFF;font-family: 'ubuntulight'; border: none; padding: 3px 5px; font-size: 13px; text-transform: uppercase; cursor: pointer;}

/* FIN */