@charset "UTF-8";
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; }

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, main, menu, nav, section, summary { display: block; }

*:focus { outline: none; }

/*------------MIXINS--------------*/
/*************************************************FUENTES*******************************************/
@font-face { font-family: 'TungstenLight'; src: url("../fonts/Tungsten_Rounded_Light.eot"); src: local("Ôÿ║"), url("../fonts/Tungsten_Rounded_Light.woff") format("woff"), url("../fonts/Tungsten_Rounded_Light.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Light.otf") format("otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TungstenBook'; src: url("../fonts/Tungsten_Rounded_Book.eot"); src: local("Ôÿ║"), url("../fonts/Tungsten_Rounded_Book.woff") format("woff"), url("../fonts/Tungsten_Rounded_Book.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Book.otf") format("otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TungstenMedium'; src: url("../fonts/Tungsten_Rounded_Medium.eot"); src: local("Ôÿ║"), url("../fonts/Tungsten_Rounded_Medium.woff") format("woff"), url("../fonts/Tungsten_Rounded_Medium.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Medium.otf") format("otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TungstenSemiBold'; src: url("../fonts/Tungsten_Rounded_SemiBold.eot"); src: local("Ôÿ║"), url("../fonts/Tungsten_Rounded_SemiBold.woff") format("woff"), url("../fonts/Tungsten_Rounded_SemiBold.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_SemiBold.otf") format("otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_GothamRnd-Light'; src: url("../fonts/GothamRnd-Light.eot"); src: local("Ôÿ║"), url("../fonts/GothamRnd-Light.woff") format("woff"), url("../fonts/GothamRnd-Light.ttf") format("truetype"), url("../fonts/GothamRnd-Light.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_GothamRnd-Medium'; src: url("../fonts/GothamRnd-Medium.eot"); src: url("../fonts/GothamRnd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRnd-Medium.woff") format("woff"), url("../fonts/GothamRnd-Medium.ttf") format("truetype"), url("../fonts/GothamRnd-Medium.svg#AnodyneRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_GothamRnd-Bold'; src: url("../fonts/GothamRnd-Bold.eot"); src: local("Ôÿ║"), url("../fonts/GothamRnd-Bold.woff") format("woff"), url("../fonts/GothamRnd-Bold.ttf") format("truetype"), url("../fonts/GothamRnd-Bold.svg") format("svg"); font-weight: normal; font-style: normal; }
/*-- ESTILOS GENERALES --*/
article, section, aside, hgroup, nav, main, header, footer, figure, figcaption { display: block; }

html { font-size: 62.5%; margin: 0; padding: 0; height: 100%; }

body { overflow-x: hidden; margin: 0; font-family: "Conv_GothamRnd-Medium"; }
body.viajesAramon { background: #e6e4e4 url(../images/bkg-image.jpg) no-repeat center 20px; }
body.viajesAramon.noBkg { background: none; }

img { width: 100%; }

a { color: #53b8fa; }

.limpiar { clear: both; display: block; content: ""; }

.wrap { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }

.contentBox { font-size: 0px; font-size: 0rem; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 20px auto; }

.large1 { width: 100% !important; }

.large1-2 { width: 50% !important; }

.large1-3 { width: 33.33% !important; }

.large1-4 { width: 25% !important; }

.large1-5 { width: 20% !important; }

/* ---- CAMPOS FORMULARIO Y BOTONES----*/
.styleCampo { border: 1px solid #1d1d1c; color: #989797; background-color: #ffffff; padding: 10px; font-size: 15px; font-size: 1.5rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.codigoInput { border: none; color: #000000; background-color: #ffffff; padding: 10px; font-size: 16px; font-size: 1.6rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.codigoInput.calendario1 { background: #ffffff url(../images/ico-calendar.svg) no-repeat right center; background-size: 15% 100%; }
.codigoInput.calendario2 { background: #ffffff url(../images/ico-calendar2.svg) no-repeat right center; background-size: 15% 100%; }

.btnAction { background: #DB1E7A; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: auto; padding: 6px 20px; font-family: "TungstenMedium"; color: #ffffff; text-transform: uppercase; font-size: 30px; font-size: 3rem; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer; vertical-align: top; border: 1px solid #ffffff; margin: 10px 0 10px; }
.btnAction:hover { background: #000000; color: #ffffff; }

.link { font-family: "TungstenMedium"; border: 1px solid #077f71; color: #077f71; text-decoration: none; background-color: transparent; font-size: 20px; font-size: 2rem; padding: 10px; text-align: center; }
.link:hover { background-color: #077f71; color: #ffffff; }

/* ---- GRID O COLUMNAS----*/
.col2 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 49%; margin: 0 0 0 2%; }
.col2:first-child { margin: 0; }
.col2.noMargen { margin: 0; }

.col3 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32.333%; margin: 0 0 0 1.5%; }
.col3:first-child { margin: 0; }
.col3.noMargen { margin: 0; }

.col4 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 24.25%; margin: 0 0 0 1%; }
.col4:first-child { margin: 0; }
.col4.noMargen { margin: 0; }

.col5 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.2%; margin: 0 0 0 1%; }
.col5:first-child { margin: 0; }
.col5.noMargen { margin: 0; }

/* ---- CABECERA ----*/
.cabeceraBox { background-color: #ffffff; height: 88px; font-size: 0px; font-size: 0rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; margin-bottom: 75px; }
.cabeceraBox:after { content: ""; background: url(../images/bkg-banda-color.jpg) no-repeat left top; background-size: cover; height: 10px; width: 100%; display: block; }
.cabeceraBox .logo { background: url(../images/logo-viajesAramon.svg) no-repeat left center; background-size: 100%; text-indent: -99999px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0px; font-size: 0rem; vertical-align: middle; display: inline-block; width: 21%; height: 88px; }
.cabeceraBox .resort { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0px; font-size: 0rem; font-family: "TungstenBook"; text-transform: uppercase; display: inline-block; vertical-align: middle; width: 64%; }
.cabeceraBox .resort li { display: inline-block; border-right: 1px solid #1d1d1c; padding: 0 10px; font-size: 23px; font-size: 2.3rem; text-decoration: none; color: #1d1d1c; }
.cabeceraBox .resort li:last-child { border-right: none; }
.cabeceraBox .resort li a { font-size: 23px; font-size: 2.3rem; text-decoration: none; color: #1d1d1c; }
.cabeceraBox .resort li a:hover { color: #53b8fa; }
.cabeceraBox .phone { width: 15%; display: inline-block; text-align: right; vertical-align: middle; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0px; font-size: 0rem; }
.cabeceraBox .phone span { font-family: "TungstenLight"; font-size: 25px; font-size: 2.5rem; display: block; color: #989797; }
.cabeceraBox .phone strong { font-family: "TungstenMedium"; font-size: 38px; font-size: 3.8rem; display: block; color: #077f71; }
.cabeceraBox .estacion { background-color: #ffffff; text-align: center; display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; width: 60px; height: 60px; left: 0; right: 0; margin: -29px auto 0 auto; }
.cabeceraBox .estacion.invierno { background: #ffffff url(../images/invierno.svg) no-repeat center center; }
.cabeceraBox .estacion.verano { background: #ffffff url(../images/verano.svg) no-repeat center center; }

/* ---- BUSCADOR OFERTAS Y PROMOCION----*/
.buscador { background-color: rgba(0, 0, 0, 0.7); vertical-align: top; }
.buscador h1 { display: block; font-size: 40px; font-size: 4rem; font-family: "TungstenBook"; color: #077f71; margin: 15px 20px 5px 20px; text-transform: uppercase; }
.buscador h1 strong { color: #ffffff; }
.buscador p { color: #989797; font-size: 15px; font-size: 1.5rem; margin: 10px 20px 10px 20px; font-family: "Conv_GothamRnd-Light"; }
.buscador .buscadorBox { display: block; margin: 10px 20px 10px 20px; border-top: 1px solid #989797; min-height: 352px; }
.buscador .buscadorBox .contentBox { margin: 0 auto; }
.buscador .buscadorBox .etiqueta { display: inline-block; font-size: 25px; font-size: 2.5rem; font-family: "TungstenMedium"; color: #077f71; margin: 10px 0 0 0; text-transform: uppercase; }
.buscador .buscadorBox .subEtiqueta { display: block; font-size: 17px; font-size: 1.7rem; font-family: "TungstenMedium"; color: #e6e4e4; margin: 5px 0 0 0; text-transform: uppercase; }
.buscador .buscadorBox .especialBox { display: block; background-color: #077f71; padding: 0 8px 8px 8px; margin-top: 5px; }
.buscador .buscadorBox .especialBox .etiqueta { color: #ffffff; padding-top: 5px; padding-left: 5px; }
.buscador .buscadorBox .vacio { display: block; background-color: transparent; padding: 0 8px 8px 8px; min-height: 82px; }

.promocion { background-color: #000000; vertical-align: top; margin-bottom: 35px; }
.promocion a { display: block; }
.promocion a:hover img { opacity: 0.6; }

/* ---- MEJORES VENTAJAS----*/
.ventajasBox { display: block; margin-top: 25px; background-color: rgba(255, 255, 255, 0.6); min-height: 250px; text-align: center; padding-bottom: 30px; }
.ventajasBox h2 { display: inline-block; text-align: center; font-size: 60px; font-size: 6rem; border-bottom: 1px solid #077f71; font-family: "TungstenBook"; color: #077f71; padding: 30px 0; margin: 20px auto; text-transform: uppercase; }
.ventajasBox li { font-size: 17px; font-size: 1.7rem; color: #1d1d1c; text-align: center; vertical-align: top; }
.ventajasBox .txtExpl { background-color: #077f71; padding: 25px; color: #ffffff; font-size: 12px; font-size: 1.2rem; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 16px; font-family: "Conv_GothamRnd-Light"; position: relative; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.ventajasBox .txtExpl.txtForfaitHotel:before { content: ""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #077f71; display: block; position: absolute; top: -16px; right: 29%; z-index: 99; }
.ventajasBox .txtExpl.txtGarantiaTiempo:before { content: ""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #077f71; display: block; position: absolute; top: -16px; right: 10%; z-index: 99; }
.ventajasBox .txtExpl.txtGrupo:before { content: ""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #077f71; display: block; position: absolute; top: -16px; left: 8%; z-index: 99; }
.ventajasBox .txtExpl.txtGrupo a { color: #000000; text-decoration: underline; font-family: "Conv_GothamRnd-Medium"; }
.ventajasBox .txtExpl.txtGrupo a:hover { color: #53b8fa; text-decoration: none; }
.ventajasBox .txtExpl.txtPago:before { content: ""; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #077f71; display: block; position: absolute; top: -16px; left: 28%; z-index: 99; }

/*-- ICONOS --*/
.grupoAram { background: url(../images/ico-grupoAramon.svg) no-repeat center center; background-size: 100%; display: block; margin: 0 auto 15px; width: 115px; height: 105px; cursor: pointer; }
.grupoAram:hover { background: url(../images/ico-grupoAramon2.svg) no-repeat center center; background-size: 100%; }

.pagoFracc { background: url(../images/ico-pagoFraccionado.svg) no-repeat center center; background-size: 100%; display: block; margin: 0 auto 15px; width: 115px; height: 108px; cursor: pointer; }
.pagoFracc:hover { background: url(../images/ico-pagoFraccionado2.svg) no-repeat center center; background-size: 100%; }

.atencionTelf { background: url(../images/ico-atencionTelf.svg) no-repeat center center; background-size: 100%; display: block; margin: 0 auto 15px; width: 68px; height: 105px; }

.forfaitHotel { background: url(../images/ico-forfaitHotel.svg) no-repeat center center; background-size: 100%; display: block; margin: 0 auto 15px; width: 115px; height: 105px; cursor: pointer; }
.forfaitHotel:hover { background: url(../images/ico-forfaitHotel2.svg) no-repeat center center; background-size: 100%; }

.garantiaTiempo { background: url(../images/ico-seguroTiempo.svg) no-repeat center center; background-size: 100%; display: block; margin: 0 auto 15px; width: 87px; height: 105px; cursor: pointer; }
.garantiaTiempo:hover { background: url(../images/ico-seguroTiempo2.svg) no-repeat center center; background-size: 100%; }

/* ---- DESTACADOS----*/
.destacadosBox { background-color: #e6e4e4; padding: 25px 0; display: block; }
.destacadosBox a { display: block; border: 5px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.destacadosBox a:hover { border: 5px solid #077f71; }
.destacadosBox a:hover img { opacity: 0.5; }

/* ---- HOTEL + FORFAIT----*/
.hotelForfaitBox { background-color: #e6e4e4; padding: 25px 0; display: block; }
.hotelForfaitBox h2 { font-size: 54px; font-size: 5.4rem; font-family: "TungstenBook"; color: #077f71; display: block; margin-top: 0; padding-bottom: 30px; text-align: center; text-transform: uppercase; }
.hotelForfaitBox h3 { font-size: 40px; font-size: 4rem; font-family: "TungstenBook"; color: #989797; margin-top: 0; padding-bottom: 15px; text-align: left; }
.hotelForfaitBox .fotosHotel { margin: 0 auto 80px auto; }
.hotelForfaitBox .fotosHotel .link { float: right; }
.hotelForfaitBox .fotosHotel .slick-slider { clear: right; }
.hotelForfaitBox .fotosHotel button.slick-next { background: url(../images/flechaDerechaFicha.png) no-repeat center; top: 0; width: 74px; height: 249px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; right: -80px; }
.hotelForfaitBox .fotosHotel button.slick-next:hover { opacity: 0.5; }
.hotelForfaitBox .fotosHotel button.slick-prev { background: url(../images/flechaDerechaFicha.png) no-repeat center; top: 0; width: 74px; height: 249px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; left: -80px; }
.hotelForfaitBox .fotosHotel button.slick-prev:hover { opacity: 0.5; }
.hotelForfaitBox .fotosHotel .fotoBox { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 2px solid transparent; border-left: 2px solid transparent; position: relative; }
.hotelForfaitBox .fotosHotel .fotoBox.noCupo { opacity: 0.4; background-color: #000000; }
.hotelForfaitBox .fotosHotel .fotoBox.noCupo a:hover { cursor: default; opacity: 1; }
.hotelForfaitBox .fotosHotel .contentHotel { position: relative; display: block; max-height: 230px; overflow: hidden; }
.hotelForfaitBox .fotosHotel .contentHotel .nombre { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.69); color: #ffffff; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hotelForfaitBox .fotosHotel .contentHotel .nombre h4 { font-size: 35px; font-size: 3.5rem; font-family: "TungstenBook"; font-weight: normal; }
.hotelForfaitBox .fotosHotel .contentHotel .nombre h5 { font-size: 25px; font-size: 2.5rem; font-family: "TungstenLight"; font-weight: normal; }
.hotelForfaitBox .fotosHotel .contentHotel:hover { opacity: 0.5; }
.hotelForfaitBox .fotosHotel .infoHotel { background-color: #ffffff; padding: 10px 25px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hotelForfaitBox .fotosHotel .infoHotel .precio { font-size: 35px; font-size: 3.5rem; font-family: "Conv_GothamRnd-Medium"; font-weight: normal; color: #DB1E7A; line-height: 5.5rem; }
.hotelForfaitBox .fotosHotel .infoHotel p { font-size: 12px; font-size: 1.2rem; font-family: "Conv_GothamRnd-Light"; }
.hotelForfaitBox .fotosHotel .infoHotel p strong { font-family: "Conv_GothamRnd-Medium"; line-height: 18px; }

/* ---- ACTIVIDADES----*/
.actividadesBox { background-color: #ffffff; display: block; }
.actividadesBox .contentBox { text-align: center; margin-bottom: 0; padding-bottom: 60px; }
.actividadesBox:before { content: ""; background: url(../images/bkg-banda-color2.jpg) no-repeat center top; background-size: cover; height: 10px; width: 100%; display: block; }
.actividadesBox h2 { font-size: 54px; font-size: 5.4rem; font-family: "TungstenBook"; color: #077f71; display: block; margin-top: 30px; padding-bottom: 30px; text-align: center; }
.actividadesBox .hoverBox { position: relative; display: block; width: 100%; height: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*max-width: 391px;*/ }
.actividadesBox .hoverBox img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; }
.actividadesBox .hoverBox .btnBox { position: absolute; top: 0; left: 0; right: 0; color: #ffffff; font-weight: normal; font-size: 20px; font-size: 2rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; opacity: 1; transition-property: opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; }
.actividadesBox .hoverBox .btnBox span { display: block; width: 100%; margin: 0 auto; font-size: 42px; font-size: 4.2rem; font-family: "TungstenLight"; color: #989797; text-align: center; vertical-align: middle; top: 30%; position: relative; line-height: 5.0rem; }
.actividadesBox .hoverBox:hover .btnBox { position: absolute; top: 0; left: 0; right: 0; color: #ffffff; font-weight: normal; font-size: 20px; font-size: 2rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; background-color: rgba(0, 0, 0, 0.85); height: 100%; width: 100%; font-family: "TungstenLight"; opacity: 0; padding: 0 45px; transition-property: opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; }
.actividadesBox .hoverBox:hover .btnBox span { display: block; width: 100%; margin: 0 auto; font-size: 42px; font-size: 4.2rem; font-family: "TungstenLight"; color: #ffffff; background-color: rgba(7, 127, 113, 0.85); text-align: center; vertical-align: middle; top: 30%; position: relative; line-height: 5.0rem; }

/* ---- PIE DE LA WEB----*/
.pieBox { display: block; background: #000000 url(../images/bkg-footer.jpg) no-repeat left 55px; text-align: left; }
.pieBox .contentBox { margin: 0 auto; padding-bottom: 19px; }
.pieBox .linksFooter { font-size: 13px; font-size: 1.3rem; font-family: "Conv_GothamRnd-Light"; padding: 10px 0 10px 0; }
.pieBox .linksFooter.redesSociales { text-align: right; }
.pieBox .linksFooter li { display: inline-block; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.pieBox .linksFooter li a { display: inline-block; vertical-align: middle; text-decoration: none; color: #989797; }
.pieBox .linksFooter li a:hover { color: #077f71; }
.pieBox .telf { font-size: 34px; font-size: 3.4rem; font-family: "TungstenLight"; color: #ffffff; text-align: center; margin: 20px auto 0 auto; width: 190px; padding-bottom: 55px; background: url(../images/logo-blanco-aramon.svg) no-repeat center bottom; background-size: 30%; }
.pieBox .telf strong { font-family: "TungstenMedium"; font-size: 48px; font-size: 4.8rem; display: block; padding-bottom: 0; }
.pieBox .telf .link { color: #ffffff; margin: 10px auto; padding: 0; border: none; text-decoration: underline; }

.newsletter { background-color: rgba(0, 0, 0, 0.75); padding: 20px 45px; margin-top: 10px; font-size: 11px; font-size: 1.1rem; color: #989797; font-family: "Conv_GothamRnd-Light"; }
.newsletter h2 { font-size: 32px; font-size: 3.2rem; font-family: "TungstenBook"; color: #077f71; text-transform: uppercase; display: block; margin-bottom: 10px; }
.newsletter p { font-size: 14px; font-size: 1.4rem; color: #989797; font-family: "Conv_GothamRnd-Light"; font-style: italic; margin: 0 0 10px 0; }
.newsletter .styleCampo { width: 55%; }
.newsletter .btnAction { width: 150px; background-color: #077f71; border: none; font-size: 22px; margin: 0; }
.newsletter .btnAction:hover { background-color: #000000; }

.instagram { background: url(../images/instagram.svg) no-repeat left top; background-size: 100%; display: block; margin: 0 auto; width: 40px; height: 40px; }
.instagram:hover { background-position: 0 -40px; }

.youtube { background: url(../images/youtube.svg) no-repeat left top; background-size: 100%; display: block; margin: 0 auto; width: 40px; height: 40px; }
.youtube:hover { background-position: 0 -40px; }

.facebook { background: url(../images/facebook.svg) no-repeat left top; background-size: 100%; display: block; margin: 0 auto; width: 40px; height: 40px; }
.facebook:hover { background-position: 0 -40px; }

.twitter { background: url(../images/twitter.svg) no-repeat left top; background-size: 100%; display: block; margin: 0 auto; width: 40px; height: 40px; }
.twitter:hover { background-position: 0 -40px; }

/* ---- RESPONSIVE----*/
@media all and (max-width: 1280px) { .hotelForfaitBox h3 { font-size: 30px; font-size: 3rem; }
  .hotelForfaitBox .fotosHotel.wrap { max-width: 1024px; }
  .hotelForfaitBox .fotosHotel .contentHotel { max-height: 197px; } }
@media all and (max-width: 1200px) { .cabeceraBox .logo { background: url(../images/logo-viajesAramon.svg) no-repeat right center; background-size: 95%; }
  .cabeceraBox .phone { padding-right: 15px; }
  .cabeceraBox .phone span { font-size: 20px; font-size: 2rem; }
  .cabeceraBox .phone strong { font-size: 32px; font-size: 3.2rem; } }
@media all and (max-width: 1024px) { .cabeceraBox .resort li a { font-size: 20px; font-size: 2rem; }
  .contentBox { margin: 0px auto 20px auto; }
  .wrap.contentBox { max-width: 969px; }
  .ventajasBox h2 { font-size: 45px; font-size: 4.5rem; padding: 15px 0; margin: 10px auto 0 auto; }
  .ventajasBox li { font-size: 14px; font-size: 1.4rem; }
  .ventajasBox .txtExpl { width: 95%; }
  .grupoAram, .pagoFracc, .atencionTelf, .forfaitHotel, .garantiaTiempo { background-size: 70%; }
  .grupoAram:hover, .pagoFracc:hover, .atencionTelf:hover, .forfaitHotel:hover, .garantiaTiempo:hover { background-size: 70%; }
  .hotelForfaitBox .fotosHotel .link.col5 { width: 22.2%; }
  .hotelForfaitBox .fotosHotel button.slick-prev { width: 55px; height: 55px; left: 0; background: url(../images/flechaDerechaFicha.png) no-repeat center; background-size: 71%; bottom: -55px; top: auto; }
  .hotelForfaitBox .fotosHotel button.slick-next { width: 55px; height: 55px; right: 0; background: url(../images/flechaDerechaFicha.png) no-repeat center; background-size: 71%; bottom: -55px; top: auto; } }
@media all and (max-width: 950px) { .codigoInput { padding: 10px 3px; } }
@media all and (max-width: 800px) { .cabeceraBox .logo { width: 30%; }
  .cabeceraBox .phone span { font-size: 18px; font-size: 1.8rem; }
  .cabeceraBox .phone strong { font-size: 28px; font-size: 2.8rem; }
  .cabeceraBox .resort { width: 54%; }
  .cabeceraBox .estacion { display: none; }
  .hotelForfaitBox .fotosHotel .contentHotel { max-height: 153px; }
  .hotelForfaitBox .fotosHotel .link.col5 { width: 33.3%; }
  .actividadesBox h2 { font-size: 40px; font-size: 4rem; }
  .actividadesBox .hoverBox .btnBox span, .actividadesBox .hoverBox:hover .btnBox span { font-size: 30px; font-size: 3rem; }
  .pieBox .telf { font-size: 24px; font-size: 2.4rem; margin: 10px auto 0 auto; width: 150px; padding-bottom: 50px; }
  .pieBox .telf strong { font-size: 38px; font-size: 3.8rem; }
  .newsletter .styleCampo { width: 77%; } }
@media all and (max-width: 768px) { .cabeceraBox .logo { width: 31%; }
  .cabeceraBox .resort li { font-size: 18px; font-size: 1.8rem; }
  .wrap.contentBox { max-width: 710px; }
  .buscador h1 { font-size: 30px; font-size: 3rem; }
  .buscador p { font-size: 12px; font-size: 1.2rem; }
  .buscador .buscadorBox .etiqueta { font-size: 25px; font-size: 2.5rem; }
  .codigoInput { font-size: 12px; font-size: 1.2rem; }
  .btnAction { font-size: 24px; font-size: 2.4rem; }
  .ventajasBox h2 { font-size: 35px; font-size: 3.5rem; }
  .ventajasBox li { font-size: 12px; font-size: 1.2rem; }
  .grupoAram, .pagoFracc, .atencionTelf, .forfaitHotel, .garantiaTiempo { background-size: 60%; }
  .grupoAram:hover, .pagoFracc:hover, .atencionTelf:hover, .forfaitHotel:hover, .garantiaTiempo:hover { background-size: 60%; }
  .hotelForfaitBox { padding: 0; }
  .hotelForfaitBox h2 { font-size: 40px; font-size: 4rem; }
  .hotelForfaitBox h3 { padding-left: 15px; }
  .hotelForfaitBox .fotosHotel .contentHotel { max-height: 145px; }
  .hotelForfaitBox .fotosHotel .contentHotel .nombre h4 { font-size: 25px; font-size: 2.5rem; }
  .hotelForfaitBox .fotosHotel .contentHotel .nombre h5 { font-size: 18px; font-size: 1.8rem; }
  .hotelForfaitBox .fotosHotel .infoHotel { padding: 10px 15px 25px; }
  .hotelForfaitBox .fotosHotel .infoHotel .precio { font-size: 28px; font-size: 2.8rem; }
  .hotelForfaitBox .fotosHotel .infoHotel p { font-size: 11px; font-size: 1.1rem; }
  .newsletter .styleCampo { width: 73%; } }
@media all and (max-width: 750px) { .buscador.col2 { width: 100%; }
  .promocion { margin-bottom: 0; }
  .promocion.col2 { margin: 0; width: 100%; } }
@media all and (max-width: 700px) { .cabeceraBox { height: inherit; }
  .cabeceraBox .logo { width: 35%; }
  .cabeceraBox .resort { width: 64%; }
  .cabeceraBox .phone { display: block; width: 100%; background-color: #077f71; padding-left: 15px; position: absolute; top: 0; }
  .cabeceraBox .phone span { color: #ffffff; display: inline-block; vertical-align: middle; }
  .cabeceraBox .phone strong { color: #ffffff; display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 23px; font-size: 2.3rem; } }
@media all and (max-width: 640px) { .cabeceraBox { margin-bottom: 25px; }
  .newsletter .styleCampo { width: 68%; }
  .hotelForfaitBox .fotosHotel .contentHotel { max-height: 180px; } }
@media all and (max-width: 570px) { .cabeceraBox { margin-bottom: 0; }
  .contentBox { margin: 0px auto 0 auto; }
  .ventajasBox { margin-top: 0; }
  .ventajasBox .txtExpl { margin-top: 25px; }
  .ventajasBox .txtExpl.txtGarantiaTiempo:before { right: 5%; }
  .ventajasBox .txtExpl.txtForfaitHotel:before { right: 25%; }
  .destacadosBox { padding: 0; }
  .destacadosBox .col3 { width: 100%; margin: 0; }
  .hotelForfaitBox h2 { font-size: 25px; font-size: 2.5rem; }
  .hotelForfaitBox .fotosHotel h3 { text-align: center; }
  .hotelForfaitBox .fotosHotel h3.col2 { width: 100%; }
  .hotelForfaitBox .fotosHotel .link { float: none; margin: 0 auto 5px auto; width: 320px; display: block; }
  .hotelForfaitBox .fotosHotel .link.col5 { width: 90%; }
  .actividadesBox .contentBox { padding-bottom: 0; }
  .actividadesBox .contentBox .col3 { width: 50%; } }
@media all and (max-width: 513px) { .pieBox { background-position: left 95px; }
  .pieBox .linksFooter.col2 { width: 100%; text-align: center; }
  .pieBox .telf { padding-bottom: 25px; background: none; }
  .newsletter .styleCampo { width: 100%; }
  .newsletter .btnAction { display: block; } }
@media all and (max-width: 480px) { .cabeceraBox .logo { width: 53%; height: 70px; }
  .cabeceraBox .resort { width: 100%; padding: 0 0 10px 5px; }
  .cabeceraBox .phone { padding-left: 0; text-align: right; position: absolute; right: 0; top: 0; width: 125px; }
  .ventajasBox { padding-bottom: 0; }
  .ventajasBox h2 { font-size: 25px; font-size: 2.5rem; padding: 5px 0; }
  .ventajasBox .contentBox .col5 { width: 100%; margin-bottom: 19px; }
  .ventajasBox .txtExpl { margin-top: 0; }
  .ventajasBox .txtExpl.txtGarantiaTiempo:before { display: none; }
  .ventajasBox .txtExpl.txtForfaitHotel:before { display: none; }
  .grupoAram, .pagoFracc, .atencionTelf, .forfaitHotel, .garantiaTiempo, .forfaitHotel:hover, .garantiaTiempo:hover { height: 70px; margin: 0 auto; }
  .hotelForfaitBox .fotosHotel .contentHotel { max-height: 230px; }
  .actividadesBox h2 { font-size: 30px; font-size: 3rem; }
  .actividadesBox .contentBox .col3 { width: 100%; } }
@media all and (max-width: 340px) { .buscador .buscadorBox .especialBox .etiqueta { display: block; width: 100%; } }

/*# sourceMappingURL=custom-viajes.css.map */