/* ======== VARIABLES ========= */ /* ======== IMAGES URL ========= */ /* ======== BACKS ========= */ /* ======== ICONS ========= */ /* ======== BACKS ========= */ .clearfix, .reservation, .reservation .plan form fieldset, .reservation .clime .temp .lugar .days, .breadcrumb ul, .nav .content, .nav nav ul, .offer .content ul, .card, .arrive .preview, .arrive .location, .arrive .contact, .flyList .list, .flyList .list .header, .flyList .list .header .leyend, .flyList .list .info .line, .news ul, .news ul.simplePagerNav, .modal#sendFriend form fieldset, .gallery .items, footer .content, footer .bar .content, footer .bar .content .column.fl_right, .courier.charter .tabMenu, .courier.charter .tabContent .itemContent .flyList .list .legend, section .content { zoom: 1; } .clearfix:before, .reservation:before, .reservation .plan form fieldset:before, .reservation .clime .temp .lugar .days:before, .breadcrumb ul:before, .nav .content:before, .nav nav ul:before, .offer .content ul:before, .card:before, .arrive .preview:before, .arrive .location:before, .arrive .contact:before, .flyList .list:before, .flyList .list .header:before, .flyList .list .header .leyend:before, .flyList .list .info .line:before, .news ul:before, .modal#sendFriend form fieldset:before, .gallery .items:before, footer .content:before, footer .bar .content .column.fl_right:before, .courier.charter .tabMenu:before, .courier.charter .tabContent .itemContent .flyList .list .legend:before, section .content:before, .clearfix:after, .reservation:after, .reservation .plan form fieldset:after, .reservation .clime .temp .lugar .days:after, .breadcrumb ul:after, .nav .content:after, .nav nav ul:after, .offer .content ul:after, .card:after, .arrive .preview:after, .arrive .location:after, .arrive .contact:after, .flyList .list:after, .flyList .list .header:after, .flyList .list .header .leyend:after, .flyList .list .info .line:after, .news ul:after, .modal#sendFriend form fieldset:after, .gallery .items:after, footer .content:after, footer .bar .content .column.fl_right:after, .courier.charter .tabMenu:after, .courier.charter .tabContent .itemContent .flyList .list .legend:after, section .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .reservation:after, .reservation .plan form fieldset:after, .reservation .clime .temp .lugar .days:after, .breadcrumb ul:after, .nav .content:after, .nav nav ul:after, .offer .content ul:after, .card:after, .arrive .preview:after, .arrive .location:after, .arrive .contact:after, .flyList .list:after, .flyList .list .header:after, .flyList .list .header .leyend:after, .flyList .list .info .line:after, .news ul:after, .modal#sendFriend form fieldset:after, .gallery .items:after, footer .content:after, footer .bar .content .column.fl_right:after, .courier.charter .tabMenu:after, .courier.charter .tabContent .itemContent .flyList .list .legend:after, section .content:after { clear: both; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } form td { text-align: center !important;} q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /********************************************* ********************************************** ***** Name: Font Face ***** Created By: Teah Digital ***** Developer: Victor Araya ***** Version: 1.1 ***** Create Date: 28/8/2013 ********************************************** **********************************************/ @font-face { font-family: 'Dosis'; font-style: normal; font-weight: 500; src: local("Dosis Medium"), local("Dosis-Medium"), url("fonts/dosis.woff") format("woff"); } @font-face { font-family: 'Dosis'; font-style: normal; font-weight: 700; src: local("Dosis Bold"), local("Dosis-Bold"), url("fonts/dosis_bold.woff") format("woff"); } /* ======== VARIABLES ========= */ /* ======== IMAGES URL ========= */ /* ======== BACKS ========= */ /* ======== ICONS ========= */ /* ======== BACKS ========= */ .clearfix, .reservation, .reservation .plan form fieldset, .reservation .clime .temp .lugar .days, .breadcrumb ul, .nav .content, .nav nav ul, .offer .content ul, .card, .arrive .preview, .arrive .location, .arrive .contact, .flyList .list, .flyList .list .header, .flyList .list .header .leyend, .flyList .list .info .line, .news ul, .news ul.simplePagerNav, .modal#sendFriend form fieldset, .gallery .items, footer .content, footer .bar .content, footer .bar .content .column.fl_right, .courier.charter .tabMenu, .courier.charter .tabContent .itemContent .flyList .list .legend, section .content { zoom: 1; } .clearfix:before, .reservation:before, .reservation .plan form fieldset:before, .reservation .clime .temp .lugar .days:before, .breadcrumb ul:before, .nav .content:before, .nav nav ul:before, .offer .content ul:before, .card:before, .arrive .preview:before, .arrive .location:before, .arrive .contact:before, .flyList .list:before, .flyList .list .header:before, .flyList .list .header .leyend:before, .flyList .list .info .line:before, .news ul:before, .modal#sendFriend form fieldset:before, .gallery .items:before, footer .content:before, footer .bar .content .column.fl_right:before, .courier.charter .tabMenu:before, .courier.charter .tabContent .itemContent .flyList .list .legend:before, section .content:before, .clearfix:after, .reservation:after, .reservation .plan form fieldset:after, .reservation .clime .temp .lugar .days:after, .breadcrumb ul:after, .nav .content:after, .nav nav ul:after, .offer .content ul:after, .card:after, .arrive .preview:after, .arrive .location:after, .arrive .contact:after, .flyList .list:after, .flyList .list .header:after, .flyList .list .header .leyend:after, .flyList .list .info .line:after, .news ul:after, .modal#sendFriend form fieldset:after, .gallery .items:after, footer .content:after, footer .bar .content .column.fl_right:after, .courier.charter .tabMenu:after, .courier.charter .tabContent .itemContent .flyList .list .legend:after, section .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .reservation:after, .reservation .plan form fieldset:after, .reservation .clime .temp .lugar .days:after, .breadcrumb ul:after, .nav .content:after, .nav nav ul:after, .offer .content ul:after, .card:after, .arrive .preview:after, .arrive .location:after, .arrive .contact:after, .flyList .list:after, .flyList .list .header:after, .flyList .list .header .leyend:after, .flyList .list .info .line:after, .news ul:after, .modal#sendFriend form fieldset:after, .gallery .items:after, footer .content:after, footer .bar .content .column.fl_right:after, .courier.charter .tabMenu:after, .courier.charter .tabContent .itemContent .flyList .list .legend:after, section .content:after { clear: both; } /* ====== MODULO GENERALES ===== */ .content { width: 940px; height: 100%; position: relative; margin: 0 auto; } .column._4 { width: 33%; display: block; } .fl_left { float: left; } .fl_right { float: right; } .space { display: block; position: relative; width: 100%; } .space.s5 { height: 5px; } .space.s10 { height: 10px; } .space.s15 { height: 15px; } .space.s20 { height: 20px; } .space.s25 { height: 25px; } .space.s30 { height: 30px; } .space.s35 { height: 35px; } .space.s40 { height: 40px; } /* ====== MODULO BOTONES ===== */ .btn { background: #1E99C7; padding: 6px 20px; text-decoration: none; color: #FFF; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 2px 0px #68d8fd; -moz-box-shadow: inset 0px 2px 2px 0px #68d8fd; box-shadow: inset 0px 2px 2px 0px #68d8fd; text-transform: none !important; font-size: 11px; font-family: 'Dosis', sans-serif; font-weight: 500; /*colores*/ /*colores*/ } .btn.offers { background: #1E99C7; padding: 6px 20px; text-decoration: none; color: #FFF; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 2px 0px #68d8fd; -moz-box-shadow: inset 0px 2px 2px 0px #68d8fd; box-shadow: inset 0px 2px 2px 0px #68d8fd; text-transform: none !important; font-size: 16px; font-family: 'Dosis', sans-serif; font-weight: 500; /*colores*/ /*colores*/ } .btn i { background-image: url("../img/search_arrowActive.png"); background-repeat: no-repeat; background-position: 8px 0px; padding: 4px 10px; line-height: 7px; position: absolute; top: 17px; } .btn.big { display: block; width: 180px; margin: 0 auto; height: 46px; line-height: 46px; font-size: 19px; padding: 0px; position: relative; } .btn.blue { -webkit-box-shadow: inset 0px 2px 2px 0px #68d8fd; -moz-box-shadow: inset 0px 2px 2px 0px #68d8fd; box-shadow: inset 0px 2px 2px 0px #68d8fd; background-color: #1E99C7; } .btn.red { -webkit-box-shadow: inset 0px 2px 2px 0px #d1494d; -moz-box-shadow: inset 0px 2px 2px 0px #d1494d; box-shadow: inset 0px 2px 2px 0px #d1494d; background-color: #a52227; } .btn:hover { opacity: 0.9; } /* ====== MODULO RESREVACION ===== */ .reservation { height: 455px !important; background: #012b4f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .reservation .plan { width: 320px; background: #00284C; height: 100%; border-right: 2px solid #0F4676; float: left; position: relative; } .reservation .plan ._title { position: relative; width: 100%; border-bottom: 1px solid #063763; } .reservation .plan ._title h1 { color: #FFF; text-align: center; padding: 15px 0; font-size: 24px; } .reservation .plan form { position: relative; width: 100%; } .reservation .plan form fieldset { position: relative; padding: 10px 10px; color: #FFF; /*DE HASTA*/ /*IDA VUETA*/ /*CALENDAR*/ } .reservation .plan form fieldset.light { background-color: #0b4369; } .reservation .plan form fieldset.btns { height: 30px; } .reservation .plan form fieldset .de_hasta { position: relative; float: left; width: 150px; } .reservation .plan form fieldset .de_hasta label { padding: 0 0 0 5px; font-size: 14px; } .reservation .plan form fieldset .de_hasta .select { position: relative; height: 27px; background: #FFF; width: 115px; margin: 5px; -webkit-border-radius: 5px 5px 5px 0px; -moz-border-radius: 5px 5px 5px 0px; -ms-border-radius: 5px 5px 5px 0px; -o-border-radius: 5px 5px 5px 0px; border-radius: 5px 5px 5px 0px; color: #808080; text-align: left; line-height: 27px; font-size: 13px; padding: 0 0 0 20px; cursor: pointer; } .reservation .plan form fieldset .de_hasta .select i { position: absolute; right: 0; width: 25px; height: 27px; background: url("../img/icons.png"); top: 0; background-position: -421px -3px; } .reservation .plan form fieldset .de_hasta .select .list { display: none; overflow: hidden; position: absolute; background: #FFF; z-index: 5; width: 135px; left: 0; border-radius: 0px 1px 5px 5px; margin: 0; } .reservation .plan form fieldset .de_hasta .select .list .it { padding: 0 0 0 20px; } .reservation .plan form fieldset .de_hasta .select .list .it:hover { background: #E9E9E9; } .reservation .plan form fieldset .flex_Fix, .reservation .plan form fieldset .ida_vuelta { position: relative; float: left; width: 150px; text-align: center; } .reservation .plan form fieldset .flex_Fix p, .reservation .plan form fieldset .ida_vuelta p { font-size: 12px; cursor: pointer; } .reservation .plan form fieldset .flex_Fix p i, .reservation .plan form fieldset .ida_vuelta p i { background: url("../img/icons.png"); background-position: -458px -8px; padding: 0 7px; } .reservation .plan form fieldset .flex_Fix p.active i, .reservation .plan form fieldset .ida_vuelta p.active i { background: url("../img/icons.png"); background-position: -480px -8px; } .reservation .plan form fieldset .answ { position: relative; float: left; width: 70px; text-align: center; height: 40px; padding: 14px 0; } .reservation .plan form fieldset .answ p { font-size: 13px; padding: 8px 0 0 0; } .reservation .plan form fieldset .calendar { position: relative; float: left; width: 103px; text-align: center; height: 75px; padding: 0; margin: 0 0 0 10px; } .reservation .plan form fieldset .calendar .date { width: 68px; background: url("../img/backs/calendar.png"); background-repeat: repeat-x; background-position: 0 0; height: 100%; position: relative; color: #3A3A3A; } .reservation .plan form fieldset .calendar .date p { font-size: 14px; padding: 5px 0 0 0; } .reservation .plan form fieldset .calendar .date p.num { font-size: 38px; padding: 0; } .reservation .plan form fieldset .calendar .date p.month { padding: 0; } .reservation .plan form fieldset .calendar img { position: absolute; top: 0; bottom: 0; margin: auto; right: 5px; cursor: pointer; } .reservation .plan form fieldset .number { position: relative; float: left; width: 55px; margin: 0 0 0 35px; text-align: center; padding: 7px 0 0 0; } .reservation .plan form fieldset .number label { font-size: 12px; padding: 5px 0; display: block; } .reservation .plan form fieldset .number input { width: 80%; border: none; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; color: black; font-size: 12px; } .reservation .plan form fieldset .botonLeft { display: block; float: left; } .reservation .plan form fieldset .botonRight { display: block; float: right; right: 20px; position: relative;} .reservation .map { position: relative; width: 410px; height: 100%; float: left; background-image: url("../img/backs/map.png"); background-position: 50% 35px; background-repeat: no-repeat; } .reservation .map .marker { position: absolute; width: 19px; height: 19px; } .reservation .map .marker img.mark { cursor: pointer; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .reservation .map .marker:hover img.mark { width: 100%; } .reservation .map .marker .region { display: none; position: absolute; width: 100px; top: -32px; left: 34px; color: #00284c; background: #F5F5F5; padding: 7px; border-radius: 5px; z-index: 30; box-shadow: 0px 0px 15px -3px #01236B; } .reservation .map .marker .region img { position: absolute; top: 15px; left: -23px; z-index: 1; } .reservation .map .marker .region p { font-size: 18px; } .reservation .map .marker .region span { font-size: 15px; } .reservation .map .marker .region.active { display: block !important; } .reservation .map .marker.sj { top: 165px; left: 193px; } .reservation .map .marker.lb { top: 100px; left: 52px; } .reservation .map .marker.tm { top: 137px; left: 25px; } .reservation .map .marker.ps { top: 271px; left: 275px; } .reservation .map .marker.fr { top: 85px; left: 171px; } .reservation .map .marker.tb { top: 195px; left: 99px; } .reservation .map .marker.gf { top: 329px; left: 328px; } .reservation .map .marker.qp { top: 218px; left: 174px; } .reservation .map .marker.bd { top: 341px; left: 273px; } .reservation .map .marker.pj { top: 355px; left: 298px; } .reservation .map .marker.lio { top: 180px; left: 322px; } .reservation .map .marker.ttq { top: 95px; left: 272px; } .reservation .map .description {top: 300px; display: block; position: absolute; color: white; left: 60px; font-size: 30px;} .reservation .map .description p {font-size: 25px;} .reservation .map .description span {font-size: 40px; display:block;} .reservation .map .description.eng {top: 310px!important; display: block; position: absolute; color: white; left: 30px !important; font-size: 30px;} .reservation .map .description .engP {font-size: 36px !important;} .reservation .map .description .engS {font-size: 34px !important; display:block !important;} .reservation .clime { width: 168px; height: 95%; float: right; margin: 10px; } .reservation .clime .temp { background: #0F4676; width: 168px; height: 190px; margin: 0 0 10px 0; position: relative; } .reservation .clime .temp .lugar { color: white; } .reservation .clime .temp .lugar h1 { padding: 10px; font-size: 16px; position: relative; } .reservation .clime .temp .lugar h1 i { background-image: url("../img/icons.png"); background-position: -399px -5px; padding: 0px 7px; } .reservation .clime .temp .lugar .estado { position: relative; text-align: center; padding: 8px 0 0 0; } .reservation .clime .temp .lugar .estado span { position: absolute; bottom: -30px; right: 10px; font-size: 24px; } .reservation .clime .temp .lugar .days { position: absolute; width: 100%; height: 35px; bottom: 0; } .reservation .clime .temp .lugar .days .day { width: 24px; float: left; height: 100%; line-height: 35px; background-color: #31A9D7; color: #FFF; font-size: 12px; text-align: center; cursor: pointer; } .reservation .clime .temp .lugar .days .day.active { background-color: #00284c; } .reservation .clime .temp .lugar .days .day.light { background: #37B4E4; } .reservation .clime .place { background: #0F4676; width: 168px; height: 236px; } .reservation .clime .place .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 145px; height: 145px; margin: 0 auto; position: relative; border: 1px solid rgba(255, 255, 255, 0.22); } .reservation .clime .place .circle img { position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 138px; height: 138px; top: 0; right: 0; left: 0; bottom: 0; margin: auto; border: 3px solid rgba(255, 255, 255, 0.38); } .reservation .clime .place p { padding: 15px; color: #FFF; font-size: 18px; text-align: center; } .reservation.r02 { width: 100%; } .reservation.r02 .plan { width: 295px; } .reservation.r02 .plan form fieldset { padding: 9.7px 5px; color: #FFF; /*DE HASTA*/ /*IDA VUETA*/ /*CALENDAR*/ } .reservation.r02 .plan form fieldset.light { background-color: #0b4369; } .reservation.r02 .plan form fieldset.btns { height: 30px; } .reservation.r02 .plan form fieldset .de_hasta { position: relative; width: 140px; } .reservation.r02 .plan form fieldset .de_hasta label { padding: 0 0 0 5px; font-size: 14px; } .reservation.r02 .plan form fieldset .de_hasta .select { position: relative; height: 27px; background: #FFF; width: 115px; margin: 5px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; -ms-border-radius: 5px 5px 5px 0; -o-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; color: #808080; text-align: left; line-height: 27px; font-size: 13px; padding: 0 0 0 20px; cursor: pointer; } .reservation.r02 .plan form fieldset .de_hasta .select p { line-height: 27px; } .reservation.r02 .plan form fieldset .de_hasta .select i { position: absolute; right: 0; width: 25px; height: 27px; background: url("../img/icons.png"); top: 0; background-position: -421px -3px; } .reservation.r02 .plan form fieldset .de_hasta .select .list { display: none; overflow: hidden; position: absolute; background: #FFF; z-index: 5; width: 135px; left: 0; border-radius: 0px 0px 5px 5px; margin: 0; } .reservation.r02 .plan form fieldset .de_hasta .select .list .it { padding: 0 0 0 20px; } .reservation.r02 .plan form fieldset .de_hasta .select .list .it:hover { background: #E9E9E9; } .reservation.r02 .plan form fieldset .flex_Fix, .reservation.r02 .plan form fieldset .ida_vuelta { position: relative; float: left; width: 130px; text-align: center; } .reservation.r02 .plan form fieldset .flex_Fix p, .reservation.r02 .plan form fieldset .ida_vuelta p { font-size: 12px; color: #FFF; cursor: pointer; } .reservation.r02 .plan form fieldset .flex_Fix p i, .reservation.r02 .plan form fieldset .ida_vuelta p i { background: url("../img/icons.png"); background-position: -458px -8px; padding: 0 7px; } .reservation.r02 .plan form fieldset .flex_Fix p.active i, .reservation.r02 .plan form fieldset .ida_vuelta p.active i { background: url("../img/icons.png"); background-position: -480px -8px; } .reservation.r02 .plan form fieldset .answ p { color: #FFF; } .reservation.r02 .plan form fieldset .calendar { width: 95px; margin: 0 0 0 10px; } .reservation.r02 .plan form fieldset .calendar .date { width: 68px; background: url("../img/backs/calendar.png"); background-repeat: repeat-x; background-position: 0 0; height: 100%; position: relative; color: #3A3A3A; } .reservation.r02 .plan form fieldset .calendar .date p { font-size: 14px; padding: 5px 0 0 0; } .reservation.r02 .plan form fieldset .calendar .date p.num { font-size: 38px; padding: 0; line-height: 37px; } .reservation.r02 .plan form fieldset .calendar .date p.month { padding: 0; } .reservation.r02 .plan form fieldset .calendar img { position: absolute; top: 0; bottom: 0; margin: auto; right: 5px; cursor: pointer; } .reservation.r02 .plan form fieldset .number { margin: 0 0 0 30px; } .reservation.r02 .map { position: relative; width: 378px; height: 100%; float: left; background-image: url("../img/backs/map.png"); background-position: 50% 35px; background-repeat: no-repeat; } .reservation.r02 .map .marker { position: absolute; width: 19px; height: 19px; } .reservation.r02 .map .marker img.mark { cursor: pointer; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .reservation.r02 .map .marker:hover img.mark { width: 100%; } .reservation.r02 .map .marker .region { display: none; position: absolute; width: 100px; top: -32px; left: 34px; color: #00284c; background: #F5F5F5; padding: 7px; border-radius: 5px; z-index: 30; box-shadow: 0px 0px 15px -3px #01236B; } .reservation.r02 .map .marker .region img { position: absolute; top: 15px; left: -23px; z-index: 1; } .reservation.r02 .map .marker .region p { font-size: 18px; } .reservation.r02 .map .marker .region span { font-size: 15px; } .reservation.r02 .map .marker .region.active { display: block !important; } .reservation.r02 .map .marker.sj { top: 165px; left: 178px; } .reservation.r02 .map .marker.lb { top: 100px; left: 37px; } .reservation.r02 .map .marker.tm { top: 137px; left: 10px; } .reservation.r02 .map .marker.ps { top: 271px; left: 260px; } .reservation.r02 .map .marker.fr { top: 85px; left: 156px; } .reservation.r02 .map .marker.tb { top: 195px; left: 85px; } .reservation.r02 .map .marker.gf { top: 329px; left: 313px; } .reservation.r02 .map .marker.qp { top: 218px; left: 160px; } .reservation.r02 .map .marker.bd { top: 341px; left: 258px; } .reservation.r02 .map .marker.pj { top: 355px; left: 283px; } .reservation.r02 .map .marker.lio { top: 180px; left: 308px; } .reservation.r02 .map .marker.ttq { top: 95px; left: 258px; } /* ====== MODULO BREADCRUMB ===== */ .breadcrumb { position: relative; width: 100%; height: 60px; bottom: 0; } .breadcrumb ul { width: 100%; height: 100%; } .breadcrumb ul li { float: left; color: white; line-height: 60px; } .breadcrumb ul li a { color: white; text-decoration: none; font-size: 14px; } .breadcrumb ul li.divisor { display: block; padding: 0 10px; } .breadcrumb ul li.active a { color: #2c9bc6; } /* ====== MODULO MENU PRINCIPAL ===== */ .nav { height: 151px; position: relative; width: 100%; } .nav .bar { height: 65px; position: absolute; top: 23px; background-image: url("../img/backs/navBar.png"); background-repeat: repeat-x; width: 100%; z-index: 15; } .nav .content { background-image: url("../img/backs/nav.png"); background-repeat: no-repeat; background-position: top center; z-index: 20; } .nav .logo { float: left; height: 100%; } .nav .logo img { position: relative; top: 10px; left: 37px; } .nav .info { float: right; width: 280px; height: 100%; text-align: center; position: relative; } .nav .info .flag { position: absolute; background-image: url("../img/idioma.png"); background-position: 0 -25px; background-repeat: no-repeat; width: 100px; height: 24px; top: 13px; left: -60px; } .nav .info .flag-esp { position: absolute; background-image: url("../img/idioma.png"); width: 100px; height: 24px; top: 13px; left: -60px; } .nav .info p { color: #4A4A4A; line-height: 25px; padding: 10px 0 0 0; font-size: 14px; font-family: 'Dosis', sans-serif; font-weight: 500; } .nav .info p span { color: #B00; font-weight: 700; } .nav nav { position: absolute; height: 46px; width: 100%; bottom: 0; background-image: url("../img/backs/barNav.png"); background-repeat: repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .nav nav ul { position: relative; width: 100%; height: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .nav nav ul > li { width: 125px; height: 46px; float: left; border-left: 1px solid rgba(229, 229, 229, 0.8); position: relative; } .nav nav ul > li > a { text-decoration: none; font-size: 14px; font-family: 'Dosis', sans-serif; font-weight: 500; color: #4a4a4a; width: 81px; height: 46px; display: table; margin: 0 auto; } .nav nav ul > li > a span { display: table-cell; vertical-align: middle; text-align: center; } .nav nav ul > li.home { width: 48px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; border: none; } .nav nav ul > li.home a { width: 48px; } .nav nav ul > li.home a span { background-image: url("../img/icons.png"); background-position: -122px 8px; background-repeat: no-repeat; width: 18px; display: block; height: 46px; margin: 0 auto; } .nav nav ul > li.active { background: #16446C; } .nav nav ul > li.active > a { color: white; } .nav nav ul > li.active.home span { background-position: -103px 8px; } .nav nav ul > li:last-child { float: right; } .nav nav ul > li .dropDown { display: none; position: absolute; width: 170px; left: -23px; margin: 0 auto; padding: 10px 0 0 0; top: 40px; -webkit-box-shadow: 0px 5px 7px -2px rgba(0, 42, 95, 0.47); -moz-box-shadow: 0px 5px 7px -2px rgba(0, 42, 95, 0.47); box-shadow: 0px 5px 7px -2px rgba(0, 42, 95, 0.47); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .nav nav ul > li .dropDown i { position: absolute; width: 20px; height: 10px; background: url("../img/arrow.png"); left: 0; right: 0; margin: 0 auto; top: 0; } .nav nav ul > li .dropDown .list { background: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; } .nav nav ul > li .dropDown .list .item a { text-decoration: none; font-size: 14px; font-family: 'Dosis', sans-serif; font-weight: 500; color: #4A4A4A; width: 140px; height: 100%; display: block; padding: 10px 15px; } .nav nav ul > li .dropDown .list .item:hover { background-color: #1d4a73; } .nav nav ul > li .dropDown .list .item:hover a { color: #FFF; } /* ====== MODULO SIDEBAR ===== */ .sideBar { position: relative; width: 220px; background: #00284C; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .sideBar ul { display: table; width: 100%; } .sideBar ul li { width: 220px; margin: 0 0 2px 0; } .sideBar ul li .name, .sideBar ul li .nameFather { display: block; height: 60px; width: 216px; border-left: 4px solid #31a9d7; border-bottom: 1px solid rgba(0, 76, 114, 0.49); margin: 0 0 2px 0; } .sideBar ul li .name a, .sideBar ul li .nameFather a { display: table-cell; vertical-align: middle; text-align: right; color: #FFF; text-decoration: none; height: 60px; width: 220px; padding: 0 30px 0 5px; background-image: url("../img/search_arrowActive.png"); background-repeat: no-repeat; background-position: 197px 25px; } .sideBar ul li .subMenu { display: none; width: 100%; background: #00203c; } .sideBar ul li .subMenu li .name a { background-position: 187px 25px; } .sideBar ul li.active .nameFather { background: #31a9d7 !important; border-bottom: 1px solid #31a9d7; } .sideBar ul li.active .subMenu { display: block; } .sideBar ul li.active .subMenu li .name { margin: 0 0 0 10px; width: 206px; background: transparent; } .sideBar ul li .nameFather:hover { background: #002242; } .sideBar ul li .name:hover { background: #001931 !important; } /* ====== MODULO TITULO ===== */ .title { width: 100%; height: 46px; position: relative; margin: 0px 0px 20px 0px; background-image: url("../img/backs/line1.png"); background-repeat: repeat-x; } .title div { height: 100%; line-height: 38px; width: 252px; text-align: center; background-image: url("../img/backs/title1.png"); background-repeat: no-repeat; position: absolute; left: -7px; } .title div h3 { font-size: 24px; color: #134673; } /* ====== MODULO SIDEBAR ===== */ .offer { position: relative; width: 100%; margin: 20px 0 20px 0; } .offer .content { width: 100%; } .offer .content ul { width: 100%; height: 100%; position: relative; } .offer .content ul li { float: left; width: 150px; display: block; position: relative; margin: 0 19px; text-align: center; text-transform: uppercase; } .offer .content ul li:first-child { margin: 0 25px 0 0; } .offer .content ul li.last-child { float: right; margin: 0; } .offer .content ul li .header { position: relative; width: 100%; height: 93px; } .offer .content ul li .header .icon { position: absolute; z-index: 2; top: 0; left: 0; } .offer .content ul li .header .pic { position: relative; z-index: 1; display: block; margin: 0px auto; width: 100%; top: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .offer .content ul li h5 { color: #4A4A4A; font-size: 12px; font-weight: 500; } .offer .content ul li h3 { color: #065A7A; font-size: 18px; font-weight: 500; padding: 5px 0; height: 40px; display: table; width: 100%; } .offer .content ul li h3 span { display: table-cell; vertical-align: middle; width: 100%; } .offer .content ul li h1 { color: #B00; font-size: 34px; font-weight: 500; } .offer .content ul li h1 span { font-size: 11px; font-weight: 500; } .offer.main { margin: 0px 0 20px 0; } .offer.main ul li { width: 315px; margin: 0!important; } .offer.main ul li.last-child { float: right; } .offer.main ul li .header { height: 160px; } .offer.main ul li p span.h5 { color: #4A4A4A; font-size: 18px; font-weight: 500; } .offer.main ul li p span.h3 { color: #065A7A; font-size: 24px; font-weight: 500; } .offer.main ul li h1 { padding: 6px; } .offer.detail { margin: 0px 0 20px 0; } .offer.detail ul li { width: 100%; margin: 0; } .offer.detail ul li.last-child { float: right; } .offer.detail ul li .header { height: 340px; } .offer.detail ul li .header .cod { background-image: url("../img/backs/offerCod.png"); background-repeat: no-repeat; position: absolute; width: 227px; height: 133px; bottom: -45px; right: 0; z-index: 5; } .offer.detail ul li .header .cod span { color: #FFF; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px; font-size: 19px; } .offer.detail ul li span.p { text-align: left; display: block; } .offer.detail ul li span.p span.h5 { color: #4A4A4A; font-size: 24px; font-weight: 500; } .offer.detail ul li span.p span.h3 { color: #065A7A; font-size: 30px; font-weight: 500; } .offer.detail ul li span.p span.h1 { color: #B00; font-size: 48px; font-weight: 500; } .offer.detail ul li span.p span.h1 span { font-size: 14px; font-weight: 500; } .offer.detail ul li p { text-align: left; text-transform: none; } /* ====== MODULO TARJETAS ===== */ .card { width: 203px; margin: 0 auto; position: relative; background-image: url("../img/backs/modulePlan.png"); background-position: -11px 13px; background-repeat: no-repeat; -webkit-border-radius: 0 0 7px 11px; -moz-border-radius: 0 0 7px 11px; -ms-border-radius: 0 0 7px 11px; -o-border-radius: 0 0 7px 11px; border-radius: 0 0 7px 11px; -webkit-box-shadow: inset 0px -3px 7px -4px #073c5f; -moz-box-shadow: inset 0px -3px 7px -4px #073c5f; box-shadow: inset 0px -3px 7px -4px #073c5f; text-align: center; } .card .header { position: relative; width: 100%; height: 40px; text-align: left; } .card .header img { width: 100%; position: absolute; z-index: 1; } .card .header h4 { font-size: 18px !important; color: #134673 !important; width: 100%; text-align: center; position: relative; z-index: 2; height: 40px; line-height: 30px; font-weight: 500 !important; } .card .logo { display: block; margin: 0 auto; } .card .image { display: block; margin: 10px auto; width: 90%; } .card .text { width: 90%; margin: 0 auto; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding: 5px 0; } .card .text span { display: block; color: white; font-size: 18px; } .card .text span:first-child { font-size: 30px; } .card .btn { margin: 10px auto 0 auto; } .card.c01 .image { margin: 5px auto 0 auto; width: 90%; } .card.c02 { background-position: -11px -7px; } .card.c02 .slider { padding: 15px 0 10px 0; position: relative; width: 100%; overflow: hidden; height: 215px; } .card.c02 .slider .banner { position: relative; overflow: auto; } .card.c02 .slider .banner li { list-style: none; } .card.c02 .slider .banner ul li { float: left; } .card.c02 .slider .banner { height: 100% !important; width: 100% !important; } .card.c02 .slider .banner .dots { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; } .card.c02 .slider .banner .dots .dot { display: inline-block; width: 6px; height: 6px; margin: 0 4px; text-indent: -999em; border: 2px solid #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .card.c02 .slider .banner .dots .dot.active { background: #FFF; opacity: 1; } .card.c02 .slider .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 157px; height: 157px; margin: 0 auto; position: relative; border: 1px solid rgba(255, 255, 255, 0.22); } .card.c02 .slider .circle img { position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 150px; height: 150px; top: 0; right: 0; left: 0; bottom: 0; margin: auto; border: 3px solid rgba(255, 255, 255, 0.38); } .card.c02 .slider h5 { color: white; padding: 12px 0; font-size: 18px; } .card.c03 .image { margin: 20px auto 20px auto; } .card.c03 .text span:first-child { font-size: 28px; } /* ====== MODULO DESTINOS ===== */ .arrive { position: relative; width: 100%; } .arrive .preview { position: relative; width: 100%; margin: 0 0 20px 0; } .arrive .preview .circle { float: left; border: 1px solid #FFF; width: 275px; height: 275px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; } .arrive .preview .circle img { width: 266px; height: 266px; border: 3px solid #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .arrive .preview > div { float: right; width: 385px; } .arrive .preview > div h1 { color: #31A9D7; font-size: 72px; font-weight: 700; padding: 0 0 3px 0; } .arrive .preview > div p { line-height: 16px !important; font-size: 12px !important; } .arrive .location { background: #0A4167; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 280px; overflow: hidden; position: relative; margin: 0 0 40px 0; } .arrive .location > img { position: absolute; top: 0px; left: 0px; } .arrive .location .card { position: absolute; top: 21px; right: 21px; } .arrive .contact { position: absolute; right: 0; height: 3px; z-index: 10; margin-top: -4px; } .arrive .contact p { line-height: 34px !important; float: left; } .arrive .contact p span { color: #B00; font-weight: 700; } .arrive .contact img { float: left; display: block; padding: 0 10px; } .arrive .contact a { line-height: 31px !important; float: left; display: block; text-decoration: none; color: #31A9D7; } .arrive .contact a:hover { text-decoration: underline; } .flyList { position: relative; width: 100%; z-index: 5; } .flyList .list { background: #00284C; margin: 10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; } .flyList .list .header { height: 60px; border-bottom: 1px solid #002E57; line-height: 60px; } .flyList .list .header .icon { float: left; width: 90px; height: 100%; position: relative; } .flyList .list .header .icon i { width: 100%; height: 100%; display: block; background-image: url("../img/icons.png"); background-repeat: no-repeat; } .flyList .list .header .icon i.go { background-color: #A62328; background-position: -226px 14px; } .flyList .list .header .icon i.back { background-color: #0b7600; background-position: -149px 14px; } .flyList .list .header .leyend { float: left; color: #FFF; height: 100%; } .flyList .list .header .leyend .calendar { display: block; float: left; width: 30px; height: 30px; margin: 15px; background-image: url("../img/icons.png"); background-position: -320px 0; } .flyList .list .header .leyend span { float: left; } .flyList .list .info { color: white; position: relative; } .flyList .list .info .line { position: relative; text-align: center; height: 50px; line-height: 50px; border-top: 1px solid #17548a; border-bottom: 1px solid #002e57; } .flyList .list .info .line.top { border-top: 1px solid #17548A; background: #0B4369; height: 30px; line-height: 30px; font-weight: 700; } .flyList .list .info .item { float: left; border-left: 1px solid #002e57; border-right: 1px solid #17548a; position: relative; } .flyList .list .info .item.it2 { width: 162px; } .flyList .list .info .item.it4 { width: 332px; } .flyList .list .info .item.last { border-right: none; } /* ====== MODULO NOTICIAS ===== */ .news { width: 100%; position: relative; } .news ul { position: relative; padding: 0; } .news ul li { list-style-image: none !important; width: 320px; float: left; position: relative; margin: 0 20px 20px 0 !important; } .news ul li.last { margin: 0 0 20px 0 !important; } .news ul li .new { background: #FFF; width: 100%; border: 1px solid #DEDEDE; position: relative; } .news ul li .new .title { margin: 15px; width: auto; height: auto; border-bottom: 1px solid #9F9F9F; background: none; padding: 0 0 15px 0; } .news ul li .new .title h5 { font-size: 20px; color: #31A9D7; padding: 0 0 5px 0; font-weight: 500; } .news ul li .new .title h6 { font-size: 18px; color: #000; padding: 0; font-weight: 500; } .news ul li .new .content { width: auto; margin: 15px; height: auto; } .news ul li .new .content p { text-align: justify; line-height: 18px; word-spacing: 0; padding: 0 0 10px 0; } .news ul li .new .content a { color: #31A9D7; text-decoration: none; font-size: 12px; font-weight: 500; } .news ul li .new .content a:hover { text-decoration: underline; } .news ul.simplePagerNav { position: relative; margin: 0 0 0 5px !important; padding: 0 !important; } .news ul.simplePagerNav li { width: 30px; background: #FFF; height: 30px; margin: 0 10px 0 0px !important; display: inline-block; } .news ul.simplePagerNav li a { display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; text-decoration: none; color: #000; border: 1px solid #F8F8F8; } .news ul.simplePagerNav li:hover { border: none; } .news ul.simplePagerNav li:hover a { font-weight: 700; } .news ul.simplePagerNav li.currentPage { background: #31A9D7; } .news ul.simplePagerNav li.currentPage a { color: #FFF; font-weight: 700; } /* ====== MODULO MODALS ===== */ .jquery-modal { z-index: 50 !important; background-color: rgba(0, 0, 0, 0.8) !important; opacity: 1 !important; } .modal { width: 400px; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; z-index: 60 !important; background: #00274e; color: white; width: 510px; padding: 0; } .modal h1 { font-size: 24px; font-weight: 700; padding: 15px 30px; } .modal .close { display: block; position: absolute; width: 30px; height: 30px; right: 0; top: 0; background-image: url("../img/icons.png"); background-position: -361px -2px; background-repeat: no-repeat; text-decoration: none; } .modal a.close-modal { display: none; } .modal#sendFriend p.legend { position: absolute; font-size: 12px; right: 55px; top: 24px; } .modal#sendFriend form fieldset { position: relative; width: 100%; height: auto; padding: 5px 0 5px 0; } .modal#sendFriend form fieldset.light { background: #0b426b; } .modal#sendFriend form fieldset div { float: left; position: relative; display: block; } .modal#sendFriend form fieldset div.label { width: 40%; text-align: right; padding: 10px; } .modal#sendFriend form fieldset div.input { width: 50%; } .modal#sendFriend form fieldset div label { font-size: 14px; } .modal#sendFriend form fieldset input, .modal#sendFriend form fieldset textarea { background: white; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 7px 10px; width: 90%; } .modal#sendFriend form fieldset textarea { height: 100px; font-family: "Dosis"; font-size: 14px; } .modal#sendFriend form fieldset.submit { position: relative; height: 50px; width: 100%; } .modal#sendFriend form fieldset.submit input { background: #34AFDD; border: none; padding: 5px 30px; border-radius: 3px; display: block; cursor: pointer; color: #FFF; width: auto; position: absolute; top: 0; bottom: 0; margin: auto; height: 30px; right: 38px; } .modal#sendFriendConfirm { text-align: right; } .modal#sendFriendConfirm h1 { text-align: left; } .modal#sendFriendConfirm p { background: #0B426B; padding: 40px 30px; width: 450px; text-align: center; } .modal#sendFriendConfirm a.btnClose { background: #34AFDD; border: none; padding: 5px 30px; border-radius: 3px; margin: 0 40px 0 0; color: #FFF; text-decoration: none; } /* ====== CARGO Y COURIER ===== */ .courier ul li { line-height: 42px !important; } .program { background-color: #00284c; width: 100%; position: relative; padding: 10px 0 0 0; margin: 10px 0 30px 0; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .program span { font-size: 10px; padding: 2px; vertical-align: super; font-weight: 700; } .program .line { width: 100%; border-top: 1px solid #17548a; border-bottom: 1px solid #002e57; display: table; height: 70px; } .program .line.top { background-color: #0b4369; font-weight: 700; height: 30px; } .program .line .cell { display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #002e57; border-left: 1px solid #17548a; border-right: 1px solid #002e57; } .program .line .cell.c4 { width: 45%; } .program .line .cell.c2 { width: 20%; } .program .line .cell.first { background-color: #06365b; text-align: left; padding: 0 0 0 15px; } .program .legend { padding: 15px; } .program .legend p { color: #FFF !important; font-size: 11px; line-height: 20px; font-weight: 700; } /* ====== GALERIA DEL HOME ===== */ .gallery { position: relative; width: 100%; } .gallery .items { position: relative; width: 100%; height: 100%; } .gallery .items .item { float: left; width: 184px; height: 184px; background-color: #FFF; margin: 2px; position: relative; cursor: pointer; } .gallery .items .item img { width: 100%; height: 100%; } .gallery .items .item span { position: absolute; width: 100%; padding:15px 0 0 0; bottom: 0; text-align: center; height: 55px; line-height: 20px; background: rgba(0, 0, 0, 0.5); color: #FFF; font-size: 18px; text-transform: uppercase; left: 0px;} .gallery .items .item:hover span { background: rgba(0, 0, 0, 0.7); } .gallery .items .item span i {display: block; font-size: 14px;} /* ====== MODULO FOOTER ===== */ footer { background-image: url("../img/backs/blue.jpg"); border-top: 10px solid #31A9D7; height: 510px; position: relative; } footer img.logo { position: absolute; z-index: 10; bottom: 40px; left: 0; right: 0; margin: 0 auto; } footer .content .why { float: left; width: 51%; height: 100%; text-align: center; color: #FFF; } footer .content .why img { margin: 20px; } footer .content .why h3 { line-height: 40px; font-size: 29px; font-family: 'Dosis', sans-serif; font-weight: 500; } footer .content .why h3 span { color: #31a9d7; font-weight: 700; } footer .content .why .divisor { display: block; width: 100%; height: 32px; background-image: url("../img/planeDivisor.png"); margin: 15px 0; background-repeat: no-repeat; background-position: 50% 0; } footer .content .why p { font-size: 14px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: 26px; text-align: center; } footer .content .charters { position: relative; background-image: url("../img/backs/charter.png"); float: right; height: 90%; width: 332px; margin: 20px 61px 0 0px; background-repeat: no-repeat; text-align: center; } footer .content .charters img { margin: 10px 0; width: 100%; } footer .content .charters img:first-child { margin: 30px 0 10px 0; width: 224px; } footer .content .charters h3 { color: #cb9822; font-size: 24px; font-family: 'Dosis', sans-serif; font-weight: 500; padding: 5px; } footer .content .charters p { color: #134673; font-size: 14px; font-family: 'Dosis', sans-serif; font-weight: 500; width: 80%; margin: 0 auto; line-height: 25px; } footer .bar { background-image: url("../img/backs/footerBar.jpg"); background-repeat: repeat-x; height: 43px; width: 100%; position: absolute; bottom: 0; z-index: 5; } footer .bar .content p { font-size: 11px; font-family: 'Dosis', sans-serif; font-weight: 500; padding: 20px 0 0 0; color: #00284c; } footer .bar .content a { text-decoration: none; font-size: 11px; font-family: 'Dosis', sans-serif; font-weight: 500; padding: 20px 0 0 0; color: #00284c; } footer .bar .content a:nth-child(3) { text-decoration: none; font-size: 12px; font-family: 'Dosis', sans-serif; font-weight: 600; padding: 20px 0 0 0; color: #00284c; } footer .bar .content a:nth-child(4) { text-decoration: none; font-size: 12px; font-family: 'Dosis', sans-serif; font-weight: 600; padding: 20px 0 0 0; color: #00284c; } footer .bar .content .column { height: 100%; } footer .bar .content .column.center { text-align: center; } footer .bar .content .column.fl_right { text-align: right; } footer .bar .content .social { display: block; float: right; width: 30px; height: 30px; background-image: url("../img/icons.png"); background-repeat: no-repeat; padding: 0; margin: 7px 7px 0 0; } footer .bar .content .social.face { background-position: -35px 0; } footer .bar .content .social.trip { background-position: 0 0; } .courier.charter ul li { line-height: 18px !important; } .courier.charter .tabMenu { position: relative; } .courier.charter .tabMenu .item { float: left; color: #FFF; background-color: #31A9D7; padding: 0 20px; font-size: 14px; text-align: center; cursor: pointer; margin: 10px 2px 0 0; border-radius: 5px 5px 0 0; height: 40px; line-height: 40px; } .courier.charter .tabMenu .item.active { margin: 0px 3px 0 0; background-color: #00284C; height: 50px; line-height: 50px; } .courier.charter .tabContent { background-color: #002E57; } .courier.charter .tabContent .itemContent { display: none; } .courier.charter .tabContent .itemContent:first-child { display: block; } .courier.charter .tabContent .itemContent .flyList .list { margin: 0; } .courier.charter .tabContent .itemContent .flyList .list i.go { background-color: transparent; } .courier.charter .tabContent .itemContent .flyList .list .leyend span b { color: #31A9D7; font-size: 20px; font-weight: 500; } .courier.charter .tabContent .itemContent .flyList .list .info .line .item.it4 { background-color: #06365B; } .courier.charter .tabContent .itemContent .flyList .list .info .line.top .item.it4 { background-color: transparent; } .courier.charter .tabContent .itemContent .flyList .list .info .item.it4 { width: 250px; } .courier.charter .tabContent .itemContent .flyList .list .info .item.it2 { width: 80px; } .courier.charter .tabContent .itemContent .flyList .list .info .item.it3 { width: 210px; text-align: left; padding-left: 15px} .courier.charter .tabContent .itemContent .flyList .list .legend { position: relative; height: 50px; line-height: 50px; } .courier.charter .tabContent .itemContent .flyList .list .legend .link { text-decoration: none; color: #FFF; position: relative; float: right; padding: 0 15px; } .courier.charter .tabContent .itemContent .flyList .list .legend .link i { padding: 0 10px; background: url("../img/icons.png"); } *:focus { outline: none; } body { background-image: url("../img/backs/white.jpg"); font-family: 'Dosis', sans-serif; font-weight: 500; } header { background-image: url("../img/backs/blue.jpg"); height: 1118px; border-bottom: 10px solid #31A9D7; position: relative; } header .nav { /* ===== VER MODULO ====== */ z-index: 30; } header .breadcrumb { /* ===== VER MODULO ====== */ position: absolute; bottom: 0; } header .slider { height: 658px; position: absolute; z-index: 5; top: 0; width: 100%; /*background: url("../img/backs/slider.jpg");*/ background-position: 50% 0px; background-size: cover; overflow: hidden;} header .slider #video { background: transparent; position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; z-index: 5; } header .bar { position: relative; top: -20px; /*position: relative; top: -172px;*/ /*background: rgba(0, 60, 83, 0.4);*/ width: 100%; } /*header .bar { height: 170px; position: relative; top: 112px; background: rgba(0, 60, 83, 0.4); width: 100%; z-index: 20; }*/ header .bar .banner2 { position: relative; overflow: auto; } header .bar .banner2 li { list-style: none; } header .bar .banner2 ul li { float: left; text-align: center; color: #FFF; padding: 20px 0; } header .bar .banner2 ul li div h1 { font-size: 53px; } header .bar .banner2 ul li div h2 { font-size: 36px; } header .bar .banner2 ul li div p { font-size: 30px; } header .bar .banner2 ul li div { position: relative; /*top: -400px;*/ top: -365px; padding: 30px 0; background: rgba(0, 60, 83, 0.4); height: 170px !important;} header .bar .banner2 ul li img { width: 100%; /*height: 630px !important;*/ height: 475px !important; position: relative; max-height: 480px;} header .bar .banner2 { height: 200% !important; width: 100% !important; height: 100%; } header .bar .banner2 .dots { position: absolute; background: url("../img/dots.png"); bottom: 0px; left: 0; right: 0; margin: auto; width: 150px; height: 30px; text-align: center; background-repeat: no-repeat; bottom: 275px;} header .bar .banner2 .dots .dot { list-style: none; width: 7px; height: 7px; text-indent: -9999px; background: #FFF; border-radius: 50%; display: inline-block; border: 2px solid #E0E0E0; margin: 8px 2px; cursor: pointer; } header .bar .banner2 .dots .dot.active { background: #249fcd; } header .bar .banner2 a {color:white; text-decoration: none;} .bannerReservations { position: relative; overflow: auto; } .bannerReservations li { list-style: none; } .bannerReservations ul li { float: left; text-align: center;} header .reserve { height: 565px; position: absolute; z-index: 10; bottom: 0; width: 100%; background-image: url("../img/backs/homeDivisor.png"); background-repeat: repeat-x; background-position: 50% 0px; } header .reserve .header { position: absolute; height: 80px; width: 430px; background-image: url("../img/backs/title2.png"); left: 0; right: 0; margin: 0 auto; top: 45px; z-index: 15; line-height: 58px; text-align: center; font-size: 30px; color: #134673; } header .reserve .content2 { background-image: url("../img/backs/blue.jpg"); height: 450px; position: absolute; z-index: 10; bottom: 0; width: 100%; top: 90px; } header .reserve .reservation { /* ===== VER MODULO ====== */ } #intern header { height: 236px; border: none; } .cell p{color:#2c9bc6!important;} .c2 p{text-align: left!important; color: white!important; margin-left: 15px; } .fb-like-box.fb_iframe_widget{position: relative; margin-left: 41px; background-color: white; } section .content .sideBar { /* ===== VER MODULO ====== */ float: left; } section .content ._content { float: left; position: relative; width: 677px; padding: 0 0 0 40px; } section .content ._content h3 { font-size: 30px; color: #00284c; font-weight: 700; padding: 0px 0 20px 0; } section .content ._content h4 { font-size: 24px; color: #00284C; font-weight: 700; padding: 0 0 20px 0; } section .content ._content h5 { font-size: 18px; color: #134673; font-weight: 700; padding: 0px 0 10px 0; } section .content ._content p { font-size: 13px; line-height: 14px; color: #3D3D3D; word-spacing: 3px; } section .content ._content b { font-weight: 700; color: #000000; font-size: 15px; } section .content ._content h6 { font-weight: 700; color: #000000; font-size: 16px; padding: 10px 0; } section .content ._content .image_100 { width: 100%; padding: 0 0 20px 0; } section .content ._content ul { padding: 15px 0; } section .content ._content ul li { font-size: 13px; line-height: 18px; color: #3D3D3D; word-spacing: 3px; list-style-image: url("../img/check.png"); margin: 0 0 0 22px; } section .content ._content form ul li { font-size: 13px; line-height: 18px; color: #3D3D3D; word-spacing: 3px; list-style-image: none; margin: 0 0 0 5 px; } section .content ._content ul.styleNone { padding: 0; } section .content ._content ul.styleNone li { padding: 0 0 5px 30px; font-size: 13px; color: #3D3D3D; word-spacing: 3px; list-style: none; margin: 0; line-height: 13px; } section .content ._content table { background: #EFEFEF; margin: 15px 0px; width: 100%;} section .content ._content table tr { height: 40px; border-bottom: 1px solid #C2C2C2; } section .content ._content table tr td { padding: 0 0 0 15px; font-size: 13px; line-height: 14px; color: #3D3D3D; word-spacing: 3px; } section .content ._content table tr td:first-child { width: 230px; background: #00284C; color: #FFF; border: 1px solid #C2C2C2; } section .content ._content button { width: 350px; margin-bottom: 20px; } footer { /* ===== VER MODULO ====== */ } /* ===== Css Formulario ====== */ section .content ._content form section table tbody tr, td,th{ text-align: center !important;} section .content ._content form section button { width: 350px; margin-bottom: 20px; background-color: #1E99C7; background: #1E99C7; padding: 6px 20px; text-decoration: none; color: #FFF; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 2px 0px #68d8fd; -moz-box-shadow: inset 0px 2px 2px 0px #68d8fd; box-shadow: inset 0px 2px 2px 0px #68d8fd; text-transform: none !important; font-size: 11px; font-family: 'Dosis', sans-serif; font-weight: 500; cursor: pointer; } section .content ._content form section legend{ font-size: 18px; color: #134673; font-weight: 700; padding: 0px 0 10px 0; } section .content ._content form h2{ font-size: 30px; color: #00284c; font-weight: 700; padding: 0px 0 20px 0; } section .content ._content form table { background: #EFEFEF; border-radius: 20px; margin: 15px 0px; width: 100%; } section .content ._content form section table tbody tr td input{ cursor: pointer;} section .content ._content form section p label .select{ height: 27px; background: #FFF; width: 115px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #808080; text-align: left; line-height: 27px; font-size: 13px; padding: 0 0 0 20px; cursor: pointer; } section .content ._content form section .sucess{ display: none; } .sucess{ display:none; } section .content ._content #feedback table tr td { padding: 0 0 0 15px;} .menu2 { width: 98px !important; } .handShow { cursor:pointer; cursor: hand; } #errorsLogsDisplay, #reservFDiv, #checkFDiv { -moz-border-radius: 6px; background: #eef2f7; -webkit-border-radius: 6px; border: 1px solid #536376; -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; padding: 14px 22px; width: 400px; position: relative; display: none; } #errorsLogsDisplay .btnAction, #reservFDiv .btnAction, #checkFDiv .btnAction { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-decoration: none; margin-right: 20px; border: 0; } #errorsLogsDisplay .btnAction:hover, #reservFDiv .btnAction:hover, #checkFDiv .btnAction:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } #errorsLogsDisplay .btnClosed, #reservFDiv .btnClosed, #checkFDiv .btnClosed { background: #a8a8a8; background-image: -webkit-linear-gradient(top, #a8a8a8, #616161); background-image: -moz-linear-gradient(top, #a8a8a8, #616161); background-image: -ms-linear-gradient(top, #a8a8a8, #616161); background-image: -o-linear-gradient(top, #a8a8a8, #616161); background-image: linear-gradient(to bottom, #a8a8a8, #616161); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-decoration: none; margin-right: 10px; } #errorsLogsDisplay .btnClosed:hover, #reservFDiv .btnClosed:hover, #checkFDiv .btnClosed:hover { background: #d4d4d4; background-image: -webkit-linear-gradient(top, #d4d4d4, #8c8c8c); background-image: -moz-linear-gradient(top, #d4d4d4, #8c8c8c); background-image: -ms-linear-gradient(top, #d4d4d4, #8c8c8c); background-image: -o-linear-gradient(top, #d4d4d4, #8c8c8c); background-image: linear-gradient(to bottom, #d4d4d4, #8c8c8c); text-decoration: none; } #see_id { height: 23px; font-size: 25px; color: #06304F; text-align: center; } #errorsLogsDisplay .errorList, #reservFDiv #reservFDiv_form, #checkFDiv #checkFDiv_form { margin-top: 13px; } #errorsLogsDisplay .errorList, #reservFDiv_form, #checkFDiv_form { position: relative; padding-bottom: 54px; margin-bottom: 12px; } #errorsLogsDisplay .errorList { padding-bottom: 17px !important; font-size: 14px !important; margin-top: 25px !important; } #errorsLogsDisplay img, #reservFDiv img, #checkFDiv img { width: 25px; top: 3px; position: relative; left: 4px; } #errorsLogsDisplay input , #reservFDiv input, #checkFDiv input { display: block; width: 380px; height: 31px; margin-bottom: 10px; padding: 2px 8px; font-size: 1.2em; line-height: 31px; } #errorsLogsDisplay li { } #flight_status_date { width: 350px !important; float: left; } #actions { position: relative; right: -235px; height: 0px; top: 10px; width: 100%; } #errorsLogsDisplay #actions { right: 0; text-align: center; min-height: 30px; } #bookingForm .hiddens { height: 0px; } #bookingForm .m10t { margin-top: -10px; } #bookingForm .p28a15 { padding-bottom: 28px; padding-top: 15px } .r02 #bookingForm .p28a15 { padding-bottom: 20px; padding-top: 12px; } #bookingForm .pt4b16 { padding-top: 4px; padding-bottom: 16px; } .r02 #bookingForm .pt4b16 { padding-top: 0px; padding-bottom: 17px; } .flex_FixDiv { width: 100%; position: relative; top: 12px; } .flex_FixDiv p { float: left; left: 4px; position: relative; margin-right: 20px; font-size: 11px !important; color: #fff !important; } .flex_Fix { width: 70px !important; height: 20px !important; } #promoCodeDiv { position: absolute; top: 11px; left: 30px; } .r02 .flex_FixDiv p { max-width: 105px; } .r02 .ui-datepicker-trigger { left: 73px; position: absolute; } .flotante { background: #12B1DC; background-image: -webkit-linear-gradient(top, #12B1DC, #0B4369); background-image: -moz-linear-gradient(top, #12B1DC, #0B4369); background-image: -ms-linear-gradient(top, #12B1DC, #0B4369); background-image: -o-linear-gradient(top, #12B1DC, #0B4369); background-image: linear-gradient(to bottom, #12B1DC, #0B4369); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 5px 20px 5px 10px; text-decoration: none; margin-right: -10px; border: 0; display:scroll; position:fixed; top:175px; right:0px; z-index: 99999; #0EAFDB, #0F4676); } .flotante a { text-decoration: none; color: #fff; font-size: 14px; position: relative; top: -14px; } .flotante a img { position: relative; top: 14px; } .SnapABug_Button { top: 85% !important; }