@charset "UTF-8";

/*--------------- Área 1: Slider ---------------*/
.slider {margin:0 0 75px;}
.slider .item {position: relative;}
.slider .item .info {padding: 25px 30px; background:#003087; width:480px; position: absolute; bottom:40px; right:10%;}
.slider .item .info a {color:#FFFFFF;}
.slider .item .info a h2 {color:#FFFFFF; font-size:30px; margin:0 0 15px 0; padding: 0;}
.slider .item .info p {color:#FFFFFF; font-size:15px; margin: 0; padding: 0; font-family: 'ubuntulight';}
.slider .item .info .vermas {position: absolute; top:20px; right:25px; background:url('/depocargo/imag/v1/master/mas1.png') no-repeat center; width:27px; height:27px;}
.slider .owl-pagination {display:none;}
.slider .owl-controls {position: absolute; top:45%; display: block; width:100%;}
.slider .owl-buttons {position: relative;}
.slider .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;}
.slider .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;}


/*--------------- Área 2: Accesos Directos ---------------*/
.accesos-directos {max-width: 915px; margin: 0 auto; width:100%;}
.accesos-directos header {padding:0 50px; margin: 0 0 85px;}
.accesos-directos header h1 {text-align: center; color:#38c1e8; font-size: 38px; margin: 0 0 30px; font-family: 'ubuntulight';}
.accesos-directos header p {text-align: center; color:#7b8a97; font-size: 18px; margin: 0; font-family: 'ubuntulight'; line-height:150%;}
.accesos-directos .menu-accesos .item {margin: 0 10px 65px; 0; float: left; }
.accesos-directos .menu-accesos .item h2 {color:#7b8a97; font-size: 23px; margin: 0 0 25px; font-family: 'ubuntulight'; clear: both;}
.accesos-directos .menu-accesos .item .icon {width:16%; float: left; margin: 0 3% 0 0;}
.accesos-directos .menu-accesos .item .icon img {width:100%; height:auto; display: block;}
.accesos-directos .menu-accesos .item .info {width:81%; float: left; position: relative;}
.accesos-directos .menu-accesos .item .info p {color:#7b8a97; font-size: 14px; margin: 0; font-family: 'ubuntulight'; line-height:150%;}
.accesos-directos .menu-accesos .item .info a {color:#fe5000; font-size: 14px; margin: 20px 0 0 0; font-family: 'ubuntulight'; display: inline-block; cursor: pointer;}
.accesos-directos .menu-accesos .item .info .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; }
.accesos-directos .menu-accesos .item .info .login .auxi-login {display: block; position: relative; overflow: visible;}
.accesos-directos .menu-accesos .item .info .login .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;}
.accesos-directos .menu-accesos .item .info .login .auxi-login a {color:#FFFFFF; font-size: 12px; float: right; margin: 10px 0 0 0;}
.accesos-directos .menu-accesos .item .info .login h3 {color:#FFFFFF; font-size:30px; margin:0 0 20px 0; display:block; text-align: left;font-family: 'ubuntulight';}
.accesos-directos .menu-accesos .item .info .login label {color:#FFFFFF; font-size:14px; clear:both; margin: 0 0 4px 0; display:block;font-family: 'ubuntulight'; display:block; width:100%;}
.accesos-directos .menu-accesos .item .info .login input {background: #ffffff; border: none; clear:both; padding: 2px; margin: 0 0 10px 0; display:block; font-family: 'ubuntulight'; display:block; width:100%;}
.accesos-directos .menu-accesos .item .info .login 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;}


/*--------------- Área 3: Encuesta ---------------*/
.encuesta {max-width: 915px; margin: 0 auto 30px !important; width:100%; background: #f3f5f8; border: 1px solid #dddddd; padding: 25px 70px !important;}
.encuesta .info h2 {font-size:24px; color:#38c1e8; margin:0 0 25px 0;}
.encuesta .info p {font-size:16px; color:#6a7884; margin: 0; padding: 0; line-height: 150%;}
.encuesta .resultados .item {float: left; clear:both; width:100%; margin: 0 0 30px;}
.encuesta .resultados ul {clear:both;}
.encuesta .resultados h3 {padding: 0 0 20px 0; font-size: 14px; color:#333333; display: inline; float:left; font-family: 'ubuntubold';}
.encuesta span.respuesta {display: inline-block; clear:both; color: #333333; font-size: 14px; line-height: 150%;}
.encuesta .resultados ul li {margin: 15px 0; clear: both; display: block; overflow: hidden;}
.encuesta .resultados ul li input {margin: 0 10px 0 0;}
.encuesta .resultados .valor {font-size:20px; color:#79bde0; float: right; display: inline;}
.encuesta .resultados .ui-progressbar {height:11px; background: #dadcdf; width: 100%; margin: 10px 0; clear: both; float:left;}
.encuesta .resultados .ui-progressbar .ui-progressbar-value {height:11px; background: #79bde0;}
.encuesta .botones a {font-size:15px; color:#ffffff; padding:10px; background:#cccccc; margin: 10px 0; display: inline-block; float:right; clear: both; min-width:50%; text-align: center;}
.encuesta .botones input {font-size:15px; color:#ffffff; padding:10px; background:#fe5000; margin: 10px 0; display: inline-block; float:right; clear: both; min-width:50%; text-align: center; border: none; cursor: pointer;}
#content_encuesta2 {float: left; margin: 0 0 0 8%; width: 64%;}
#content_encuesta2 .col3 {width:46%; margin: 1% 0 1% 0;}
#content_encuesta2 .col3.botones {}


/*--------------- Área 4: Noticias ---------------*/
.noticias {width: 100%; padding: 50px 0; margin:0 auto; width:100%; background: #f3f5f8;}
.noticias header {padding:0 35px; margin: 0 0 35px;}
.noticias header h1 {text-align: center; color:#38c1e8; font-size: 36px; margin: 0 0 30px; font-family: 'ubuntulight';}
.noticias .cont-noticias {max-width: 1175px; margin: 0 auto; }
.noticias .cont-noticias .item {background:#ffffff;}
.noticias .cont-noticias .item .foto {padding: 4%; width:92%; height: auto; display: block;}
.noticias .cont-noticias .item .titulo {text-align: center; color:#38c1e8; font-size: 32px; margin: 0 0 25px; font-family: 'ubuntulight'; padding:0 4%;}
.noticias .cont-noticias .item .bajada {text-align: center; color:#7b8a97; font-size: 16px; margin: 0; padding: 0 4%; font-family: 'ubuntulight'; line-height:150%;}
.noticias .cont-noticias .item .mas {display: block; text-align: center; color:#fe5000; text-transform: uppercase; font-family: 'ubuntulight'; font-size: 14px; margin: 30px 0 40px; text-decoration:underline;}
.noticias .mas-noticias {background: #38c1e8; color:#FFFFFF; font-size:24px; padding: 7px 20px; margin: 55px auto 0; font-family: 'ubuntulight'; display: table; cursor: pointer;}
.noticias .redessociales {width:100%; display:block; text-align: center; margin: 0 0 25px;}
.noticias .redessociales li {display: inline-block; margin: 0 15px;}


/*--------------- Área 5: Dónde Estamos ---------------*/
.donde-estamos {width: 100%; padding: 50px 0 0; margin:0 auto; width:100%;}
.donde-estamos header {padding:0 35px; margin: 0 0 35px;}
.donde-estamos header h1 {text-align: center; color:#38c1e8; font-size: 36px; margin: 0 0 30px; font-family: 'ubuntulight';}
.donde-estamos #tabs .menu-donde-estamos {text-align: center; display: block;}
.donde-estamos #tabs .menu-donde-estamos li {background: #aaaaab; color:#FFFFFF; font-size:24px; padding: 7px 20px; font-family: 'ubuntulight'; display: table; cursor: pointer; display: inline-block; margin:0 17px 55px;}
.donde-estamos #tabs .menu-donde-estamos li:hover {background: #38c1e8;}
.donde-estamos #tabs .menu-donde-estamos li.ui-state-focus {background: #38c1e8;}
.donde-estamos #tabs .menu-donde-estamos li a {color:#ffffff;}
.donde-estamos #tabs .menu-donde-estamos li a:hover {text-decoration: none;}
.donde-estamos #tabs .ubicacion {width:90%; position: relative; margin: 0 auto; padding: 0 5% 7%; background:#f3f5f8;}
.donde-estamos #tabs .ubicacion .mapa {width: 100%; height: auto; display: block;}
.donde-estamos #tabs .ubicacion .info {position: absolute; width:250px; border-top: 6px solid #fe5000; padding: 80px 20px 20px 20px; background:#ffffff; left:20%; top:50px;}
.donde-estamos #tabs .ubicacion .info h3 {color:#333333; font-size:14px; font-family: 'ubuntubold';}
.donde-estamos #tabs .ubicacion .info p {color:#333333; font-size:14px; font-family: 'ubuntulight'; margin:0 0 30px;}
.donde-estamos #tabs .ubicacion .info a {font-size: 13px; text-transform: uppercase; color:#fe5000; font-family: 'ubuntubold';}


/* FIN */
