@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,ins,kbd,label,legend,li,menu,object,ol,output,ppre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,
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,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}
a img {
    border: none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}
input[type=text] {
    -webkit-appearance: none;
    border-radius: 0
}
:focus {
    outline: none
}
@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: 400;
    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: 400;
    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: 400;
    font-style: normal
}
@font-face {
    font-family: Conv_GothamRnd-Bold;
    font-style: normal;
    font-weight: 400;
    src: local("@"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Bold.woff) format("woff"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Bold.ttf) format("truetype"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Bold.svg) format("svg")
}
@font-face {
    font-family: Conv_GothamRnd-Light;
    font-style: normal;
    font-weight: 400;
    src: local("@"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Light.woff) format("woff"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Light.ttf) format("truetype"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Light.svg) format("svg")
}
@font-face {
    font-family: Conv_GothamRnd-Medium;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.aramon.com/estaticos/fonts/GothamRnd-Medium.eot#iefix) format("embedded-opentype"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Medium.woff) format("woff"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Medium.ttf) format("truetype"), url(https://www.aramon.com/estaticos/fonts/GothamRnd-Medium.svg#AnodyneRegular) format("svg")
}
html {
    font-size: 62.5%;
    margin: 0;
    padding: 0
}
body {
    font-family: Conv_GothamRnd-Medium
}
img {
    width: 100%
}
input[type=password],
input[type=text],
textarea {
    padding: 5px;
    border: 1px solid silver;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    color: gray;
    margin-bottom: 3px
}
a {
    text-decoration: underline;
    color: #b76999
}
a:hover {
    color: #000
}
h2 {
    color: #798c96;
    font-family: Conv_GothamRnd-Bold
}
#Contenidos {
    display: block;
    clear: both;
    margin: 0;
    padding-bottom: 70px;
    min-height: 500px;
    border-top: none;
    padding: 20px;
    position: relative;
    overflow: hidden
}
#Principal {
    margin: 30px auto 38px;
    background-color: #fff;
    max-width: 1154px;
    font-size: 1.51em
}
#Principal .errorTxt {
    color: #000;
    background-color: hsla(0, 0%, 100%, .86);
    padding: 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem
}
.aramon .menuSuperior,
.cerler .menuSuperior,
.formigal .menuSuperior,
.javalambre .menuSuperior,
.panticosa .menuSuperior,
.valdelinares .menuSuperior,
body.aramon,
body.cerler,
body.formigal,
body.javalambre,
body.panticosa,
body.valdelinares {
    background: url(https://www.aramon.com/estaticos/images/aramon_2014_2015_interior.jpg) 0 0 no-repeat transparent fixed;
    background-size: cover
}
.DestacadoPralPortada {
    float: inherit;
    margin: 0;
    padding: 0;
    height: 230px;
    border-right: 20px solid transparent
}
.DatosDestacadoPralPortada,
.DestacadoPralPortada {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    overflow: hidden
}
.DatosDestacadoPralPortada {
    height: 80px;
    padding: 20px;
    background: #546e81;
    text-align: left;
    position: inherit;
    font-family: Conv_GothamRnd-Light;
    border-right: 20px solid #fff
}
#searchForm {
    width: 100%;
    font-size: 1.1em;
    float: none
}
#searchForm select {
    box-sizing: border-box;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    width: 69%;
    max-width: 327px;
    padding: 5px 0;
    border: 1px solid silver;
    color: gray;
    margin-bottom: 4px
}
.Visor {
    width: 100%!important
}
.venta #Principal #Contenidos {
    padding: 20px 30px;
    border-top: none
}
.venta #Principal #Contenidos .UnaColumna .Caja .CajaHabitacion table {
    display: block;
    margin: 0 10px;
    width: 100%
}
.venta #Principal #Contenidos .UnaColumna h3 {
    font-size: 34px;
    font-size: 3.4rem;
    color: #fff;
    margin: 0;
    font-family: TungstenMedium;
    font-weight: 400;
    background-color: #009482;
    padding: 15px;
    border-radius-top-left-radius: 8px;
    border-radius-top-right-radius: 8px;
    display: block;
    clear: both;
    text-transform: uppercase
}
.venta #Principal #Contenidos .UnaColumna p {
    margin-bottom: 0
}
.venta #Principal #Contenidos .UnaColumna .Boton2 {
    font-size: 11px;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 10px 0;
    display: block;
    width: 100%;
    color: #fff;
    background: #313131;
    border: 13px solid #fff;
    font-family: Conv_GothamRnd-Light;
    text-transform: uppercase;
    margin-top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion {
    background-color: #fff;
    clear: both;
    display: inline-block;
    margin-top: 0;
    width: 100%
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion>strong {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin: 8px 10px 0;
    color: #626262;
    padding: 5px 0;
    border-bottom: 1px solid #959595;
    font-weight: 700;
    background: transparent;
    max-width: inherit
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion select {
    width: 50%
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion select.dias {
    width: 25%!important
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion select.periodo {
    width: 90%!important
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion td strong {
    padding-bottom: 5px;
    margin-top: 10px
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion .claseNinos {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #e4e4c6;
    text-align: center;
    display: block;
    margin: 0 10px;
    padding: 5px
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr {
    width: 100%;
    float: none;
    font-size: 11px;
    font-size: 1.1rem
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:first-child+tr td strong {
    margin-bottom: 0;
    font-size: 12px
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:first-child+tr+tr,
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:first-child+tr+tr+tr,
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:first-child+tr+tr+tr+tr,
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:first-child+tr+tr+tr+tr+tr {
    width: 50%;
    float: left
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion .edadnino,
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:last-child td.edadnino:last-child {
    display: block;
    width: 100%
}
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion .edadnino select,
.venta #Principal #Contenidos .UnaColumna div.CajaHabitacion tr:last-child td.edadnino:last-child select {
    width: 50%;
    padding: 5px 0
}
.venta .columnaBuscador {
    width: 22%
}
.venta .columnaTexto,
.venta .DosColumnas {
    width: 78%
}
.venta .ResultadoBusqueda {
    margin-right: 0
}
.venta #resultadosForm h2 {
    display: block;
    font-family: Conv_GothamRnd-Medium;
    color: #000;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 5px;
    margin-right: 20px
}
.venta #resultadosForm h2+p {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    font-family: Conv_GothamRnd-Light;
    color: #757575;
    border-bottom: none;
    margin-bottom: 15px;
    margin-right: 20px;
    font-style: italic;
    padding-top: 5px
}
.procesoCompra form#bookingForm a {
    color: #3ca6db!important;
    text-decoration: underline;
    font-weight: 700
}
.procesoCompra form#bookingForm .botonesBox a {
    color: #db1e7a!important;
    text-decoration: none;
}
.procesoCompra form#bookingForm a:hover {
    color: #000!important
}
.contenido.aramon.interior.venta.procesoCompra .contentBox .boxHeader header,
.contenido.aramon.interior.venta.procesoCompra .ticket header {
    height: inherit
}
.contentBox {
    font-size: 0;
    background-color: #fff;
    max-width: 1154px;
    margin: 25px auto 38px;
    border-top: none;
    margin-top: 30px
}
.contentBox,
.contentBox:before {
    box-sizing: border-box;
    width: 100%;
    display: block
}
.contentBox:before {
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    background-size: cover;
    height: 15px
}
.contentBox .contenidoBox {
    box-sizing: border-box;
    display: inline-block;
    width: 78%;
    padding: 30px 25px 0;
    display: table-cell
}
.contentBox .contenidoBox .migasPasos {
    font-size: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #009482
}
.contentBox .contenidoBox .migasPasos li {
    font-size: 17px;
    font-size: 1.7rem;
    box-sizing: border-box;
    display: inline-block;
    width: 25%;
    font-family: Conv_GothamRnd-light;
    font-style: normal;
    color: #878787;
    padding-bottom: 15px
}
.contentBox .contenidoBox .migasPasos li:first-child {
    text-align: center
}
.contentBox .contenidoBox .migasPasos li:nth-child(2) {
    text-align: center
}
.contentBox .contenidoBox .migasPasos li:nth-child(3) {
    text-align: center
}
.contentBox .contenidoBox .migasPasos li:nth-child(4) {
    text-align: center
}

@media (max-width: 768px){
    .contentBox .contenidoBox .migasPasosOld {
        border: 1px solid #f5f5f5;
        border-radius: 20px;
        overflow: hidden;
        -webkit-box-shadow: 0 0 60px #00000017;
        box-shadow: 0 0 60px #00000017;
    }
}

.contentBox .contenidoBox .migasPasosOld li {
    font-size: 17px;
    font-size: 1.7rem;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    font-family: Conv_GothamRnd-light;
    font-style: normal;
    color: #878787;
    padding-bottom: 15px
}

@media (max-width: 768px){
    .contentBox .contenidoBox .migasPasosOld li {
        font-size: 20px;
        font-size: 2rem;
        width: 100%;
        color: #353536;
        border-bottom: 1px solid #f5f5f5;
        padding: 0;
    }
}

.contentBox .contenidoBox .migasPasosOld li:first-child {
    text-align: left
}
.contentBox .contenidoBox .migasPasosOld li:nth-child(2) {
    text-align: center
}
.contentBox .contenidoBox .migasPasosOld li:nth-child(3) {
    text-align: right
}

@media (max-width: 768px){
    .contentBox .contenidoBox .migasPasosOld li:first-child {
        text-align: left
    }
    .contentBox .contenidoBox .migasPasosOld li:nth-child(2) {
        text-align: left
    }
    .contentBox .contenidoBox .migasPasosOld li:nth-child(3) {
        text-align: left;
        border: none
    }
}

@media (max-width: 768px){
    .contentBox .contenidoBox .migasPasosOld li span{
        display: inline-block;
        padding: 15px 20px;
    }
}

.contentBox .contenidoBox .migasPasos li .activo {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: Conv_GothamRnd-light;
    color: #353536;
    letter-spacing: -.03em;
    border-bottom: 5px solid #009482;
    padding-bottom: 7px
}
.contentBox .contenidoBox .migasPasosOld li .activo {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: Conv_GothamRnd-light;
    color: #353536;
    letter-spacing: -.03em;
    border-bottom: 5px solid #009482;
    padding-bottom: 7px
}

@media (max-width: 768px){
    .contentBox .contenidoBox .migasPasosOld li .activo {
        color: #ca3865;
        padding-bottom: 15px;
        background: #f5f5f5;
        width: 100%;
        border:none;
        font-size: 20px;
        font-size: 2rem;
    }
}

.contentBox .contenidoBox .tituloInfo {
    font-size: 34px;
    font-size: 3.4rem;
    font-family: TungstenBook;
    text-transform: uppercase;
    background-color: #4d4d4d;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin: 5px 0 15px
}
.contentBox .contenidoBox .tituloInfo strong {
    font-family: TungstenSemiBold
}
.contentBox .contenidoBox .itemBox {
    display: block;
    margin-bottom: 20px;
    font-size: 0
}
.contentBox .contenidoBox .itemBox.actividadDest {
    border: 4px solid #fba10f;
    background-color: #fffdea;
    margin-top: 5px;
    padding: 5px 3px 3px
}
.contentBox .contenidoBox .itemBox .icoDin {
    display: inline-block;
    width: 7%;
    box-sizing: border-box
}
.contentBox .contenidoBox .itemBox h2 {
    font-size: 21px;
    font-size: 2.1rem;
    box-sizing: border-box;
    width: 93%;
    vertical-align: top;
    font-family: Conv_GothamRnd-light;
    text-transform: none;
    color: #009482;
    padding: 17px 0;
    display: inline-block
}
.contentBox .contenidoBox .itemBox h2 strong {
    font-weight: 700;
    font-family: Conv_GothamRnd-light
}
.contentBox .contenidoBox .itemBox ul {
    display: block;
    border-top: 1px solid #009482
}
.contentBox .contenidoBox .itemBox ul.primerformulario{
    border-top: none;
}
.contentBox .contenidoBox .itemBox ul .modalidadBox {
    font-size: 0;
    display: table;
    background-color: #e9e9e9;
    padding: 12px 0 10px;
    border-bottom: 1px solid #fff;
    width: 100%
}
.contentBox .contenidoBox .itemBox ul .modalidadBox.active {
    background: #9cd2ed;
    background-size: 4%
}
.contentBox .contenidoBox .itemBox ul .modalidadBox.active .txtModalidad {
    color: #fff
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .check {
    box-sizing: border-box;
    display: table-cell;
    width: 6px;
    vertical-align: top
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
    box-sizing: border-box;
    display: table-cell;
    width: 36px;
    vertical-align: middle;
    border-right: 10px solid transparent
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
    font-size: 13px;
    font-size: 1.3rem;
    box-sizing: border-box;
    font-family: Conv_GothamRnd-light;
    border-left: 10px solid transparent;
    display: table-cell;
    vertical-align: middle;
    max-width: 350px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad strong {
    font-family: Conv_GothamRnd-Medium;
    display: block;
    margin-bottom: 3px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    width: 58px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .nDias span {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    color: #fff;
    background-color: #3ca6db;
    padding: 5px 10px;
    text-align: center
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector {
    display: table-cell;
    box-sizing: border-box;
    text-align: right;
    vertical-align: middle
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .ms-parent.campoPers {
    border: none;
    width: 150px;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0;
    margin-right: 10px;
    vertical-align: top
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    font-family: Conv_GothamRnd-light;
    padding: 5px;
    width: 74px;
    cursor: pointer;
    border: 1px solid #bababa
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
    width: 97px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias,
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    font-family: Conv_GothamRnd-light;
    padding: 5px;
    cursor: pointer;
    margin-right: 3px;
    border: 1px solid #bababa
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
    width: 84px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
    font-family: Conv_GothamRnd-Medium;
    display: table-cell;
    color: #3ca6db;
    letter-spacing: -.04em;
    vertical-align: middle;
    width: 113px;
    text-align: right;
    padding-right: 10px
}
.contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste small {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: Conv_GothamRnd-light
}
.contentBox .contenidoBox .botonesBox {
    display: block;
    background-color: #f5f5f5;
    padding: 15px 35px 40px;
    border-radius-top-left-radius: 8px;
    border-radius-top-right-radius: 8px;
    text-align: center
}
.contentBox .contenidoBox .txtAdicional {
    background-color: #f5f5f5;
    padding: 30px 35px
}
.contentBox .contenidoBox .txtAdicional h2 {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: Conv_GothamRnd-Medium;
    text-transform: uppercase;
    border-top: 1px solid #b7b7b7;
    color: #605f5f;
    padding: 40px 0 20px
}
.contentBox .contenidoBox .txtAdicional p {
    font-size: 11.5px;
    font-size: 1.15rem;
    font-family: Conv_GothamRnd-light;
    text-transform: none;
    color: #605f5f;
    margin-bottom: 10px
}
.contentBox .miReservaBox {
    box-sizing: border-box;
    display: inline-block;
    width: 22%;
    background-color: #d4dce0;
    vertical-align: top;
    padding: 38px 25px;
    height: 100%;
    display: table-cell
}
.contentBox .miReservaBox .btnAccionPral,
.contentBox .miReservaBox .btnASecundario {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    padding: 12px 0
}
.contentBox .miReservaBox h2 {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: Conv_GothamRnd-light;
    color: #4d4d4d;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 15px
}
.contentBox .miReservaBox .ticket {
    background-color: hsla(0, 0%, 100%, .35);
    border: 1px solid #bac2c6;
    margin-top: 10px;
    padding: 15px
}
.contentBox .miReservaBox .ticket header {
    height: inherit
}
.contentBox .miReservaBox .ticket.plus {
    background-color: #fff;
    border: 1px solid #fff;
    margin-top: 0
}
.contentBox .miReservaBox .ticket.plus .itemNuevos li {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: Conv_GothamRnd-Medium;
    color: #4c6570;
    border-bottom: 1px dotted #4c6570;
    line-height: normal;
    margin-top: 6px
}
.contentBox .miReservaBox .ticket.plus .itemNuevos li:last-child {
    border-bottom: none
}
.contentBox .miReservaBox .ticket.plus .itemNuevos li span {
    font-family: Conv_GothamRnd-light;
    display: block
}
.contentBox .miReservaBox .ticket.plus .itemNuevos li .destacadoItem {
    display: block;
    font-size: 12.5px;
    font-size: 1.25rem;
    font-family: Conv_GothamRnd-Medium;
    color: #3ca6db;
    margin-top: 5px;
    padding-bottom: 10px
}
.contentBox .miReservaBox .ticket.plus .precioTotalReserva {
    font-size: 23px;
    font-size: 2.3rem;
    font-family: Conv_GothamRnd-light;
    display: block;
    padding-top: 15px;
    border-top: 1px solid #4c6570;
    margin: 5px 0 10px;
    text-align: center;
    color: #000
}
.contentBox .miReservaBox .ticket.plus .precioTotalReserva strong {
    font-size: 21px;
    font-size: 2.1rem;
    font-family: Conv_GothamRnd-Medium;
    color: #3ca6db
}
.contentBox .miReservaBox .ticket header {
    background-color: transparent
}
.contentBox .miReservaBox .ticket header h1 {
    font-size: 22px;
    font-size: 2.2rem;
    font-family: Conv_GothamRnd-light;
    color: #4c6570;
    padding-bottom: 15px;
    border-bottom: 1px solid #4c6570
}
.contentBox .miReservaBox .ticket .tipoBox {
    box-sizing: border-box;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    margin-top: 15px;
    font-family: Conv_GothamRnd-light;
    color: #4c6570;
    width: 40%
}
.contentBox .miReservaBox .ticket .fechaBox {
    display: inline-block;
    margin-top: 15px;
    width: 60%;
    text-align: right
}
.contentBox .miReservaBox .ticket .descpBox,
.contentBox .miReservaBox .ticket .fechaBox {
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: Conv_GothamRnd-Medium;
    color: #4c6570
}
.contentBox .miReservaBox .ticket .descpBox {
    display: block;
    margin-top: 5px;
    width: 100%;
    text-align: left
}
.ventanaModal {
    position: relative;
    max-width: 790px;
    width: 100%;
    background-color: #fff;
    padding: 25px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #333
}
.ventanaModal .tituloPral {
    padding: 0 0 17px;
    font-size: 21px;
    font-size: 2.1rem;
    font-family: TungstenBook
}
.ventanaModal .subtitulo {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: TungstenBook;
    color: #fff;
    padding: 15px;
    background-color: #009482
}
.ventanaModal p {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin: 10px 0;
    color: #4c6570;
    font-family: Conv_GothamRnd-Light;
    line-height: normal
}
.ventanaModal p strong {
    font-family: Conv_GothamRnd-Bold
}
.ventanaModal img {
    margin-bottom: 20px;
    max-height: 283px
}
.ventanaModal .closed {
    position: absolute;
    max-width: 30px;
    width: 100%;
    top: 10px;
    right: 10px
}
.formulario {
    border-top: 1px solid #009482;
    background-color: #f5f5f5;
    padding: 25px 25px 10px;
    font-size: 0
}
.formulario li {
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: Conv_GothamRnd-Medium;
    display: inline-block;
    margin-bottom: 15px;
    color: #4c6570;
    width: 50%;
    text-align: left;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    vertical-align: top
}
.formulario li.tarjetaCredito {
    background: url(../images/ico-credito.svg) 0 0 no-repeat;
    background-size: 35px;
    padding-left: 60px
}
.formulario li.tarjetaBizum {
    background: url(../images/ico-bizum.svg) 0 0 no-repeat;
    background-size: 40px;
    padding-left: 60px
}
.formulario li.tarjetaGoogle {
    background: url(../images/ico-google.png) 0 0 no-repeat;
    background-size: 40px;
    padding-left: 60px
}
.formulario li.tarjetaApple {
    background: url(../images/ico-apple.svg) 0 0 no-repeat;
    background-size: 40px;
    padding-left: 60px
}
.formulario li.peq {
    width: 25%
}
.formulario li.enLinea {
    width: 100%;
    padding-bottom: 10px;
}
.formulario li.enLinea label {
    display: inline-block
}
.formulario li.enLinea span {
    display: block;
    font-family: Conv_GothamRnd-Light;
    margin-left: 25px
}
.formulario li .etiqueta {
    margin-bottom: 7px;
    display: block
}
.formulario li input {
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 4px;
    padding: 8px
}
.formulario li .alertInfo {
    font-size: 10px;
    font-size: 1rem;
    font-family: Conv_GothamRnd-Light;
    display: block
}
.condiciones {
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 15px
}
.definicion {
    border-top: 1px solid #009482;
    background-color: #f5f5f5;
    padding: 25px 40px
}
.definicion h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: Conv_GothamRnd-Medium;
    margin: 10px 0 15px;
    display: block;
    color: #4c6570
}
.definicion p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: Conv_GothamRnd-Light;
    margin: 5px 0 0;
    display: block;
    color: #4c6570
}
.definicion p strong {
    font-family: Conv_GothamRnd-Bold
}
.btnASecundario {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 5px;
    border: none;
    background-color: #4d4d4d;
    color: #fff;
    padding: 11px 20px;
    cursor: pointer;
    float: left
}
.btnASecundario:hover {
    background-color: #e9e9e9;
    color: #4d4d4d;
    text-decoration: underline
}
.btnAccionPral {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 5px;
    font-family: Conv_GothamRnd-Medium;
    border: none;
    background-color: #db1e7a;
    color: #fff;
    padding: 12px 20px;
    cursor: pointer;
    float: right;
    text-transform: uppercase
}
.btnAccionPral:hover {
    background-color: #000
}
.compraHotelesForfait .DosColumnas h1 {
    margin: 0;
    padding: 0;
    font-family: TungstenBook;
    font-size: 52px;
    font-size: 5.2rem;
    color: #009482;
    font-weight: 400;
    text-transform: uppercase
}

.compraHotelesForfait #Principal:before {
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    background-size: cover;
    box-sizing: border-box;
    height: 15px
}
.compraHotelesForfait #Principal.promociones {
    background: #fff url(../images/actividades-verano.jpg) no-repeat 0 0;
    background-size: 100%
}
.compraHotelesForfait #Principal.promociones #Contenidos {
    padding: 255px 35px 0
}
.compraHotelesForfait #Principal.promociones #Contenidos .UnaColumna {
    width: 22%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: -130px
}
.compraHotelesForfait #Principal h1+h6 {
    font-family: Conv_GothamRnd-light;
    display: block;
    background-color: rgba(0, 148, 130, .1);
    border: 2px solid #009482;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
    margin: 40px 20px 30px 0;
    color: #000
}
.compraHotelesForfait #Principal #Contenidos {
    padding: 20px 15px
}
@media (min-width:768px){
    .compraHotelesForfait #Principal #Contenidos {
        padding: 20px 35px
    }
}
.compraHotelesForfait #Principal #Contenidos .UnaColumna .Caja+.Caja .Boton2 {
    cursor: pointer;
    padding: 10px 0;
    display: inline-block;
    width: 50%;
    color: #4c6570;
    background: #e9e9e9;
    border: 3px solid #fff;
    font-family: Conv_GothamRnd-Light;
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    margin: 0
}
.compraHotelesForfait .ResultadoBusqueda {
    margin-right: 20px
}
.compraHotelesForfait .ResultadoBusqueda ul li {
    position: relative;
    clear: both;
    margin: 0 0 10px;
    background: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 10px 0;
    border: 2px solid #009482;
    border-collapse: separate;
    border-radius: 9px;
    position: relative;
}
.compraHotelesForfait .ResultadoBusqueda ul li .precioPersona {
    display: block;
    background-color: #009482;
    padding: 8px 20px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border-bottom-right-radius: 20px
}
.compraHotelesForfait .ResultadoBusqueda ul li .precioPersona span {
    color: #fff!important;
    font-size: 11px;
    font-size: 1.1rem;
    padding-right: 2px;
    font-family: Conv_GothamRnd-Light
}
.compraHotelesForfait .ResultadoBusqueda ul li .precioPersona span+span {
    color: #fff!important;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: Conv_GothamRnd-Medium
}
.compraHotelesForfait .ResultadoBusqueda ul li .precioPersona span+span+span {
    color: #fff!important;
    font-size: 11px;
    font-size: 1.1rem;
    font-family: Conv_GothamRnd-Light
}
.compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado h1 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 20px;
    width: auto
}
.compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado h1 strong {
    display: inline-block;
    vertical-align: middle;
    text-transform: inherit;
    font-size: 22px;
    font-size: 2.2rem;
    color: #4d4d4d;
    margin-bottom: 20px
}
.compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado table tr td.Botonera a.Reservar {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: TungstenMedium;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background: #db1e7a;
    transition: all .3s ease-in-out;
    padding: 8px 20px;
    text-shadow: none;
    text-transform: uppercase
}
.compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado table tr td.Botonera a.Reservar:hover {
    background: #000
}

.contentFfExpress {
    position: absolute;
    top: 10px;
    right: 20px;
}
.imgFfExpress {
    width: 50px;
}
.contentExpressInfo {
    position: relative;
    display: flex;
    top: 15px;
}
.contentExpressInfo > div {
    padding-left: 15px;
    margin-bottom: 50px;
}
.imgExpressInfo {
    width: 32px;
    height: 32px;
    margin: 10px 0;
}
.imgExpressInfo.alertMsg {
  width: 38px;
  height: 38px;
}
.roomsSummary {
    display: flex;
    margin-top: 10px;
}
.roomsSummary div {
    margin-right: 15px;
}
.roomsSummaryImg {
    width: 32px;
    height: 32px;
    max-width: none;
}
.roomsSummaryDescTitle {
    font-weight: bold;
    font-size: large;
}
.tooltipText {
    width: 385px;
    left: 0px;
    visibility:hidden;
    background-color: #25b7d3;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 7px;
    position: fixed;
    z-index: 2;
    right: 0;
    text-align: left;
    line-height: 15px;
    bottom: initial;
    margin-left: 0;
}

.contentExpressInfo:hover .tooltipText {
    visibility: visible;
}

.compraHotelesForfait .ResultadoBusqueda .tipoHabitacion {
    margin: 0 5px;
    padding: 8px 12px;
    font-family: Conv_GothamRnd-light;
    font-size: 14px;
    font-size: 1.4rem;
    color: #4c6570;
    border-top: 1px solid #009482;
    border-bottom: 1px solid #009482;
    line-height: 1.3em
}
.compraHotelesForfait .ResultadoBusqueda .tipoHabitacionLink {
    color: #b76999;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer
}
.seguroviaje .tipoHabitacionLink {
    color: #b76999;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer
}
.fichaHotelesForfait #Principal:before {
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    background-size: cover;
    box-sizing: border-box;
    height: 15px
}
.fichaHotelesForfait #Principal #Contenidos {
    border-top: 2px solid #009482
}
.fichaHotelesForfait .ayuda_superior_cabecera {
    z-index: 2;
    border-bottom-right-radius: 20px;
    width: 262px;
    left: 0;
    top: 0;
    position: absolute;
    float: right;
    text-align: left;
    background-color: #009482;
    color: #fff;
    padding: 8px 0 5px 30px
}
.fichaHotelesForfait .pagFicha .Boton2 {
    clear: both;
    background: #db1e7a;
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    font-family: TungstenMedium;
    font-weight: 400;
    width: 45%;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px 0
}
.fichaHotelesForfait .pagFicha .buscaDisponibilidad h3 {
    border-bottom: none;
    text-transform: none;
    color: #fff!important;
    margin: 0;
    font-size: 27px;
    font-size: 2.7rem;
    font-family: TungstenBook;
    font-weight: 400;
    background-color: #009482;
    padding: 10px;
    border-top-left-radius: 8px;
    clear: both;
    display: block
}
.fichaHotelesForfait .pagFicha .CajasPestannas .bx-wrapper .bx-pager {
    border-bottom: 1px solid #009482;
    padding-bottom: 10px
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda {
    position: relative;
    font-size: 0;
    margin-bottom: 0
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .table {
    display: block;
    table-layout: fixed;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda+div {
    margin: -100px 0 20px;
    position: relative
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    background: rgba(0, 0, 0, .65);
    margin-left: 0;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    position: absolute
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 {
    font-size: 28px;
    font-size: 2.8rem;
    display: block;
    width: 100%
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 a {
    word-wrap: break-word;
    height: inherit;
    overflow: hidden;
    color: #fff;
    text-transform: none;
    font-family: TungstenBook;
    font-weight: 400;
    font-size: 70px;
    font-size: 7rem;
    margin-top: 40px;
    max-height: 219px;
    text-decoration: none;
    padding-left: 25px;
    display: block
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 a:hover {
    color: #3ca6db
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 .localizacion {
    font-weight: 400;
    margin-top: 10px;
    display: inline-block;
    font-family: TungstenBook;
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-left: 25px;
    margin-bottom: 10px
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado .descripcion {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 0;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado .descripcion .clasificacion {
    display: inline-block;
    float: none;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 8px;
    border-radius: 5px;
    padding: 5px;
    float: right
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda #fotoHotel.FotoHotelListado {
    width: 100%;
    vertical-align: top;
    float: none;
    display: inline-block;
    box-sizing: border-box
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda #fotoHotel.FotoHotelListado:after {
    display: none
}
.fichaHotelesForfait .pagFicha .ResultadoBusqueda #fotoHotel.FotoHotelListado img {
    border: 0!important;
    width: 100%
}
.fichaHotelesForfait .columnaTexto h3.Disponibilidad {
    text-align: left;
    color: #fff!important;
    margin: 0;
    font-size: 33px;
    font-size: 3.3rem;
    text-align: center;
    text-transform: uppercase;
    font-family: TungstenBook;
    font-weight: 400;
    background-color: #009482;
    padding: 15px
}
.fichaHotelesForfait .columnaTexto h3.Disponibilidad span {
    font-size: 45px!important;
    font-size: 4.5rem!important;
    color: #fff!important;
    font-family: TungstenSemiBold
}
.fichaHotelesForfait .columnaTexto .CajaDisponibilidadResultado {
    background-color: #fff;
    position: relative;
    clear: both;
    margin: 0 0 20px;
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 15px 0;
    border: 2px solid #009482;
    border-radius-bottom-left-radius: 8px;
    border-radius-bottom-right-radius: 8px;
    border-collapse: separate
}
.fichaHotelesForfait #searchHotelForm .CajaDisponibilidadResultado table tr td.Botonera a.Reservar {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: TungstenMedium;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background: #db1e7a;
    transition: all .3s ease-in-out;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase
}
.fichaHotelesForfait #searchHotelForm .CajaDisponibilidadResultado table tr td.Botonera a.Reservar:hover {
    background: #000
}
.noDispo {
    border-radius: 10px;
    border: 1px solid #d7d7d6;
    background-size: cover;
    margin-right: 0;
    margin-top: 65px;
    margin-bottom: 25px;
    position: relative
}
@media (min-width:768px){
    .noDispo{
        margin-right: 20px;
    }
}
    .noDispo .img {
    max-width: 500px;
    display: block;
    margin-top: -65px;
    position: relative;
    margin-left: 35px
}
.noDispo .img img {
    width: 100%
}
.noDispo p {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 20px
}
@media (min-width:768px){
    .noDispo p {
        margin: 0 35px
    }
}
.noDispo p.infoDescrip {
    font-family: Conv_GothamRnd-Light;
    margin-top: 5px;
    line-height: inherit;
    margin-bottom: 28px;
    font-size: 17px;
    font-size: 1.7rem
}
.error404 .img {
    width: 100%
}
.error404 .btnRosa {
    margin: -80px 0 60px 5%;
    display: block;
    width: 130px;
    text-align: center
}
.error404 .btnRosa:hover {
    color: #fff;
    text-decoration: none
}
.boxHeader {
    font-size: 0;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    background-color: #e9e9e9;
    vertical-align: top;
    padding: 15px;
    margin: 20px
}
.boxHeader header {
    box-sizing: border-box;
    background-color: transparent;
    display: inline-block;
    width: 33%
}
.boxHeader header .tituloPag {
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    padding: 10px 0 20px;
    color: #4c6570
}
.boxHeader header .locReserva {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 0;
    border-top: 2px dotted #fff;
    border-bottom: 2px dotted #fff;
    color: #4c6570;
    text-transform: none;
    font-family: Conv_GothamRnd-Light
}
.boxHeader header .locReserva strong {
    font-family: Conv_GothamRnd-Medium;
    color: #3ca6db;
    font-size: 35px;
    font-size: 3.5rem
}
.boxHeader header .titReserva {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 0 20px;
    color: #4c6570;
    text-transform: none;
    font-family: Conv_GothamRnd-Light
}
.boxHeader header .titReserva strong {
    font-family: Conv_GothamRnd-Bold;
    color: #3ca6db;
    font-size: 15px;
    font-size: 1.5rem;
    font-style: italic;
    display: block
}
.boxHeader .boxDatos {
    box-sizing: border-box;
    background-color: transparent;
    display: inline-block;
    width: 33%;
    background-color: #fff;
    vertical-align: top;
    min-height: 181px;
    padding: 20px
}
.boxHeader .boxDatos .nombre {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    color: #4c6570;
    text-transform: none
}
.boxHeader .boxDatos .nombre strong {
    font-family: Conv_GothamRnd-Medium;
    display: block;
    margin: 10px 0 15px
}
.boxHeader .boxDatos .fechas {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Medium;
    color: #3ca6db
}
.boxHeader .boxDatos .precioTotal {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    color: #4c6570;
    margin-top: 20px
}
.boxHeader .boxDatos .precioTotal strong {
    font-size: 20px;
    font-size: 2rem;
    color: #3ca6db
}
.boxHeader .boxPrecios {
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    vertical-align: top;
    min-height: 181px;
    padding: 20px;
    background-color: hsla(0, 0%, 100%, .35);
    border: 1px solid #bac2c6
}
.boxHeader .boxPrecios .pagado {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    background: url(../images/ico-check.svg) no-repeat 0 0;
    color: #4c6570;
    text-align: right;
    margin: 10px 0 20px
}
.boxHeader .boxPrecios .pagado strong {
    font-size: 21px;
    font-size: 2.1rem;
    color: #3ca6db;
    font-family: Conv_GothamRnd-Medium;
    width: 35%;
    display: inline-block
}
.boxHeader .boxPrecios .pendiente {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    background: url(../images/ico-alert.svg) no-repeat 0 0;
    color: #fba10f;
    margin: 10px 0 25px;
    text-align: right
}
.boxHeader .boxPrecios .pendiente strong {
    font-size: 21px;
    font-size: 2.1rem;
    font-family: Conv_GothamRnd-Medium;
    width: 35%;
    display: inline-block
}
.boxHeader .boxPrecios .btnAccionPral {
    float: none;
    margin: 0 auto;
    width: 100%
}
.reservaBox {
    display: block;
    margin: 15px 0;
    padding: 25px;
    border-top: 1px solid #009482;
    border-bottom: 1px solid #009482
}
.reservaBox h2 {
    font-size: 20px;
    font-size: 2rem;
    font-family: Conv_GothamRnd-light;
    text-transform: none;
    color: #009482
}
.reservaBox h2 strong {
    font-family: Conv_GothamRnd-Medium
}
.reservaBox .reservaBoxList {
    display: block;
    background-color: #f6f3f3;
    padding: 20px 30px;
    margin: 15px 0
}
.reservaBox .reservaBoxList h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #4c6570;
    font-family: Conv_GothamRnd-Medium;
    padding: 15px 0
}
.reservaBox .reservaBoxList ul li {
    list-style: circle;
    list-style-position: inside;
    font-size: 12px;
    font-size: 1.2rem;
    color: #4c6570;
    font-family: Conv_GothamRnd-Light;
    padding: 2px 0
}
.reservaBox .boxPrecios {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: 181px;
    padding: 20px;
    background-color: hsla(0, 0%, 100%, .35);
    border: 1px solid #bac2c6
}
.reservaBox .boxPrecios .pagado {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    background: url(../images/ico-check.svg) no-repeat 100% 0;
    color: #4c6570;
    text-align: left;
    margin: 10px 0 20px
}
.reservaBox .boxPrecios .pagado strong {
    font-size: 21px;
    font-size: 2.1rem;
    color: #3ca6db;
    font-family: Conv_GothamRnd-Medium;
    width: auto;
    display: inline-block
}
.reservaBox .boxPrecios .pendiente {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light;
    background: url(../images/ico-alert.svg) no-repeat 100% 0;
    color: #fba10f;
    margin: 10px 0 25px;
    text-align: left
}
.reservaBox .boxPrecios .pendiente strong {
    font-size: 21px;
    font-size: 2.1rem;
    font-family: Conv_GothamRnd-Medium;
    width: auto;
    display: inline-block
}
.reservaBox .boxPrecios .btnAccionPral {
    float: none;
    margin: 0 auto;
    width: auto;
    padding: 22px 20px
}
.masHabitaciones {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 4px;
    color: #3ca6db;
    background-color: #eff8fd;
    padding: 9px 10px;
    text-align: center;
    border: 1px solid #3ca6db;
    font-weight: 400;
    text-decoration: none;
    float: none;
    display: block;
    margin-bottom: 10px;
    cursor: pointer
}
header #contLogo #logocerler {
    background: transparent url(https://www.aramon.com/estaticos/images/logo-estacion-cerler.svg) 50% no-repeat;
    width: 300px;
    height: 74px;
    display: block;
    background-size: 75%
}
header #contLogo #logoaramon {
    background: transparent url(https://www.aramon.com/estaticos/images/logo-estacion-aramon.svg) 50% no-repeat;
    width: 300px;
    height: 74px;
    display: inline-block;
    background-size: 76%
}
header #contLogo #logoformigal-panticosa {
    background: transparent url(https://www.aramon.com/estaticos/images/logo-estacion-formigal.svg) 50% no-repeat;
    width: 300px;
    height: 74px;
    display: block;
    background-size: 95%
}
header #contLogo #logojavalambre-valdelinares {
    background: transparent url(https://www.aramon.com/estaticos/images/logo-estacion-javalambre.svg) 50% no-repeat;
    width: 300px;
    height: 74px;
    display: block;
    background-size: 95%
}
header #contLogo .iconMenuResponsive {
    cursor: pointer;
    display: none;
    float: left;
    background: url(../images/menuResponsive.svg) 50% no-repeat;
    vertical-align: middle;
    height: 45px;
    width: 50px;
    transition: all .3s ease-in-out;
    background-size: 50%
}
header #contLogo .iconMenuResponsive:hover {
    opacity: .6
}
header nav#seleccionPistas {
    position: absolute;
    background: #3c3c3c;
    width: auto;
    z-index: 4
}
header nav#seleccionPistas h2.textoIntro {
    cursor: pointer;
    display: block;
    width: 100%;
    font-family: TungstenMedium;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 0 60px 0 50px;
    letter-spacing: .05em;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 31px;
    text-align: center
}
header nav#seleccionPistas h2.textoIntro:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 9px;
    background: url(../images/flechaDown.svg) no-repeat;
    margin-left: 5px;
    background-size: 100%
}
header nav#seleccionPistas ul#selectSiteHome {
    display: none;
    width: 100%;
    background: url(../images/bkg-desplegable-estaciones.jpg) no-repeat 0 0;
    background-size: 100%;
    letter-spacing: .1em;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: TungstenSemiBold
}
header nav#seleccionPistas ul#selectSiteHome li {
    display: block
}
header nav#seleccionPistas ul#selectSiteHome li a {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 10px 15px 50px;
    display: block
}
header nav#seleccionPistas ul#selectSiteHome li a:hover {
    background: #000;
    color: #47c6ff
}
header .menuEstacion {
    display: inline-block;
    box-sizing: border-box;
    width: 43.5%;
    vertical-align: middle;
    height: 74px
}
header .menuEstacion ul.contMenu {
    height: 100%
}
header .menuEstacion ul.contMenu .item {
    display: table-cell;
    height: 74px;
    vertical-align: middle
}
header .menuEstacion ul.contMenu .item:first-child span {
    border-left: none
}
header .menuEstacion ul.contMenu .item span {
    border-left: 1px solid #353536;
    display: block;
    padding: 0 10px
}
header .menuEstacion ul.contMenu>li,
header .menuEstacion ul.contMenu a {
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: TungstenBook;
    color: #353536;
    letter-spacing: .05em;
    list-style-type: none;
    text-decoration: none;
    height: 100%;
    vertical-align: middle
}
header .menuEstacion ul.contMenu>li:last-child a,
header .menuEstacion ul.contMenu a:last-child a {
    font-family: TungstenSemiBold
}
header .menuEstacion ul.contMenu>li.submenuActive,
header .menuEstacion ul.contMenu a.submenuActive {
    background-color: #a3b91a;
    color: #fff
}
header .menuEstacion ul.contMenu>li.submenuActive a,
header .menuEstacion ul.contMenu a.submenuActive a {
    color: #fff
}
header .menuEstacion ul.contMenu>li ul.subMenu,
header .menuEstacion ul.contMenu a ul.subMenu {
    display: none;
    position: absolute;
    border-top: 5px solid #a1b617;
    background: hsla(0, 0%, 100%, .9);
    top: 105px;
    padding: 30px 15px 15px;
    box-sizing: border-box;
    width: 627px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .22)
}
header .menuEstacion ul.contMenu>li ul.subMenu li a,
header .menuEstacion ul.contMenu a ul.subMenu li a {
    font-family: TungstenMedium;
    color: #353536;
    text-decoration: none;
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 0;
    padding: 0 0 15px 25px;
    width: 28%;
    float: left;
    border-left: 1px solid #b6c750
}
header .menuEstacion ul.contMenu>li ul.subMenu li a:hover,
header .menuEstacion ul.contMenu a ul.subMenu li a:hover {
    color: #47c6ff
}
header .menuEstacion ul.contMenu>li ul.subMenu li:nth-child(3n+1) a,
header .menuEstacion ul.contMenu a ul.subMenu li:nth-child(3n+1) a {
    border: 0
}
header .barTop {
    display: block;
    background: url(../images/bkg-top-header.png) no-repeat 100% 0;
    background-size: cover;
    height: 31px;
    position: relative;
    font-family: TungstenMedium
}
header .barMenus {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0
}
header .barMenus #contLogo {
    cursor: pointer;
    display: inline-block;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle
}
.free-kids {
    border-top: 5px solid #005c48;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
    margin: 15px 0
}
.free-kids-icon {
    max-width: 120px;
    display: inline-block;
    vertical-align: middle
}
.free-kids-text {
    color: #382c4b;
    font-weight: 700;
    font-family: Conv_GothamRnd-Medium, sans-serif;
    vertical-align: middle;
    margin: 10px 0
}
.free-kids-text strong {
    font-family: Conv_GothamRnd-Bold, sans-serif;
    text-transform: uppercase
}
.free-kids-group-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}
footer {
    clear: both;
    margin-top: 38px;
    background: #fff
}
footer h2 {
    display: block;
    width: 100%;
    background: #000;
    font-family: TungstenBook;
    font-size: 35px;
    font-size: 3.5rem;
    color: #fff;
    padding: 5px 0 0;
    text-align: center
}
footer h2:after {
    content: "";
    display: block;
    background: url(../images/bkg-seccion-footer.jpg) repeat-x 50%;
    background-size: cover;
    width: 100%;
    height: 35px
}
footer #partners {
    text-align: center;
    display: block;
    width: 100%;
    padding: 30px 0 16px;
    position: relative
}
footer #partners img {
    width: 100%
}
footer .principales {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-width: 1154px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #9b9b9b
}
footer .principales.landings {
    border-bottom: none
}
footer .principales a {
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    height: 55px;
    text-decoration: none;
    transition: opacity .3s ease-in-out;
    vertical-align: middle;
    margin: 5px 6% 5px 0
}
footer .principales a:last-child {
    margin: 0
}
footer .principales a.volvo {
    background: url(https://www.aramon.com/estaticos/images/partners/volvo.png) no-repeat 0 0;
    background-position: 0 -7px;
    background-size: 99%;
    width: 78px;
    margin-right: 25px;
}
footer .principales a.volvo:hover {
    background-position: 0 -62px;
}
footer .principales a.cocacola {
    background: url(https://www.aramon.com/estaticos/images/partners/cocacola.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 140px;
    height: 46px;
    margin-right: 25px;
}

footer .principales a.cocacola:hover {
    background-position: 0 -47px;
    margin-right: 25px;
}

footer .principales a.movistar {
    background: url(https://www.aramon.com/estaticos/images/partners/movistar.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 74px;
    margin-right: 25px;
}

footer .principales a.movistar:hover {
    background-position: 0 -57px;
    margin-right: 25px;
}

footer .principales a.sanMiguel {
    background: url(https://www.aramon.com/estaticos/images/partners/san-miguel-logo-gris.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 110px;
    height: 74px;
    margin-right: 25px;
}
footer .principales a.sanMiguel:hover {
    background: url(https://www.aramon.com/estaticos/images/partners/san-miguel-logo-color.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 110px;
    height: 74px;
    margin-right: 25px;

}

footer .principales a.laliga {
    background: url(https://www.aramon.com/estaticos/images/partners/La_Liga_Logo_Gris-01.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 120px;
    height: 74px;
    margin-right: 25px;
}
footer .principales a.laliga:hover {
    background: url(https://www.aramon.com/estaticos/images/partners/La_Liga_Logo_Negro-01.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 120px;
    height: 74px;
    margin-right: 25px;
}

footer .principales a.ford {
    background: url(https://www.aramon.com/estaticos/images/partners/ford.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 230px;
    margin-right: 25px;
}

footer .principales a.ford:hover {
    background-position: 0 -53px;
    margin-right: 25px;
}

footer .principales a.caser {
    background: url(https://www.aramon.com/estaticos/images/partners/caser.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 127px;
    height: 91px;
    margin-right: 25px;
}

footer .principales a.caser:hover {
    background-position: 0 -94px;
    margin-right: 25px;
}

footer .principales a.goodyear {
    background: url(https://www.aramon.com/estaticos/images/partners/goodyear.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 140px;
    height: 30px
}

footer .principales a.goodyear:hover {
    background-position: 0 -28px;
}

footer .secundario {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-width: 1154px;
    margin: 0 auto;
    padding-top: 10px
}

footer .secundario.especial a {
    margin: 0 2% 0 0
}

footer .secundario a {
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    height: 36px;
    text-decoration: none;
    transition: opacity .3s ease-in-out;
    vertical-align: middle;
    margin: 5px 5% 5px 0
}

footer .secundario a:last-child {
    margin: 0
}

footer .secundario a.solan {
    background: url(https://www.aramon.com/estaticos/images/partners/solan.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 46px
}

footer .secundario a.solan:hover {
    background-position: 0 -36px
}

footer .secundario a.ibercaja {
    background: url(https://www.aramon.com/estaticos/images/partners/ibercaja.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 130px;
    height: 25px
}

footer .secundario a.ibercaja:hover {
    background-position: 0 -28px
}

footer .secundario a.pascual {
    background: url(https://www.aramon.com/estaticos/images/partners/pascual.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 75px
}

footer .secundario a.pascual:hover {
    background-position: 0 -45px
}

footer .secundario a.aragon {
    background: url(https://www.aramon.com/estaticos/images/partners/aragon.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 29px
}

footer .secundario a.aragon:hover {
    background-position: 0 -38px
}

footer .secundario a.enate {
    background: url(https://www.aramon.com/estaticos/images/partners/enate.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 95px;
    height: 18px
}

footer .secundario a.enate:hover {
    background-position: 0 -17px
}

footer .secundario a.oakley {
    background: url(https://www.aramon.com/estaticos/images/partners/oakley.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 83px
}

footer .secundario a.oakley:hover {
    background-position: 0 -35px
}

footer .secundario a.mg {
    background: url(https://www.aramon.com/estaticos/images/partners/m&g.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 65px
}

footer .secundario a.mg:hover {
    background-position: 0 -36px
}

footer .secundario a.mumm {
    background: url(https://www.aramon.com/estaticos/images/partners/mumm.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 74px;
    height: 46px
}

footer .secundario a.mumm:hover {
    background-position: 0 -47px
}

footer .secundario a.barcelo {
    background: url(https://www.aramon.com/estaticos/images/partners/barcelo_gris.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 100px;
    margin-top: 10px;
}
footer .secundario a.barcelo:hover {
    background: url(https://www.aramon.com/estaticos/images/partners/barcelo_black.svg) no-repeat 0 0;
    background-position: 0 0;
    background-size: 100%;
    width: 100px;
}

footer .entidades {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    text-align: right;
    margin-right: 15px
}
footer .entidades li {
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    height: 30px;
    vertical-align: top;
    background-color: #333;
    padding: 5px 10px
}
footer .entidades .fam {
    display: block;
    background: url(https://www.aramon.com/estaticos/images/partners/fam.png) no-repeat 0 0;
    background-position: 0 0;
    background-size: 70%;
    width: 45px;
    height: 30px
}
footer .entidades .fam:hover {
    background-position: 0 -28px
}
footer .entidades .atudem {
    display: block;
    background: url(https://www.aramon.com/estaticos/images/partners/esquiespana.png) no-repeat 0 0;
    background-position: 0 0;
    background-size: 70%;
    width: 45px;
    height: 27px
}
footer .entidades .atudem:hover {
    background-position: 0 -26px
}
footer #datosContacto {
    display: block;
    background: #333
}
footer #datosContacto .contenido {
    display: table;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 23px 0
}
footer #datosContacto .columna {
    display: table-cell;
    width: 20%;
    border-right: 1px solid #7e8319;
    vertical-align: top;
    font-family: Arial;
    padding: 7px 5px 13px
}
footer #datosContacto .columna a {
    color: #c8d300;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    text-decoration: none
}
footer #datosContacto .columna .prefijo {
    font-size: 150%
}
footer #datosContacto .columna:last-child {
    border: 0
}
footer #datosContacto .fila {
    display: block
}
footer #datosContacto .fila img {
    cursor: pointer;
    text-align: center;
    padding-top: 10px
}
footer #datosContacto .fila2 {
    margin-top: 15px
}
footer #datosContacto .titulo {
    color: #c3c3c3;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    line-height: 1.2em;
    text-align: center;
    min-height: 20px
}
footer #datosContacto .titulo p {
    color: #c3c3c3
}
footer #datosContacto .dato {
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    padding-top: 0;
    text-decoration: none;
    text-align: center;
    min-height: 24px
}
footer #datosContacto .columna ul li,
footer #datosContacto .columna ul li a {
    cursor: pointer;
    color: #fff;
    line-height: 1em;
    font-size: 12px;
    font-size: 1.2rem;
    transition: all .3s ease-in-out;
    margin-bottom: 4px
}
footer #datosContacto .columna ul li {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    vertical-align: top
}
footer #datosContacto .columna ul li.verde {
    color: #cad225
}
footer #datosContacto .columna ul li:hover {
    opacity: .6
}
footer #datosContacto #redesSociales {
    text-align: center;
    padding: 7px 10px 13px
}
footer #datosContacto #redesSociales a {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    margin: 4% 1.5%;
    text-decoration: none;
    transition: all .3s ease-in-out
}
footer #datosContacto #redesSociales a.twitter {
    background: transparent url(https://www.aramon.com/estaticos/images/redesSociales/iconTwitter.svg) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #redesSociales a.facebook {
    background: transparent url(https://www.aramon.com/estaticos/images/redesSociales/iconFacebook.svg) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #redesSociales a.youtube {
    background: transparent url(https://www.aramon.com/estaticos/images/redesSociales/iconYoutube.svg) 50% no-repeat;
    background-size: 85%
}
footer #datosContacto #redesSociales a.instagram {
    background: transparent url(https://www.aramon.com/estaticos/images/redesSociales/iconInstagram.svg) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #redesSociales a.tuenti {
    background: transparent url(https://www.aramon.com/estaticos/images/redesSociales/iconTuenti.svg) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #redesSociales a:hover {
    opacity: .6
}
footer #datosContacto #menuCorporativo {
    padding: 7px 0 13px 15px;
    width: 100%
}
footer #datosContacto #menuCorporativo a {
    text-decoration: none
}
footer #datosContacto #menuCorporativo:before {
    content: "ARAMON";
    color: #c8d300;
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}
footer #datosContacto #app a {
    display: inline-block;
    vertical-align: middle;
    width: 79px;
    height: 32px;
    margin: 8% 2.5%;
    text-decoration: none;
    transition: all .3s ease-in-out
}
footer #datosContacto #app a.ios {
    background: url(https://www.aramon.com/estaticos/images/iosAPP.png) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #app a.android {
    background: url(https://www.aramon.com/estaticos/images/androidAPP.png) 50% no-repeat;
    background-size: 100%
}
footer #datosContacto #app a:hover {
    opacity: .6
}
footer #datosLegales {
    display: block;
    text-align: center;
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    font-family: Arial;
    font-weight: 700;
    padding: 12px 0 19px
}
.wrap {
    width: 100%;
    max-width: 1154px;
    margin: 15px auto
}
.btnRosa {
    background: #db1e7a;
    text-shadow: 1px 1px 1px #522e45;
    transition: all .3s ease-in-out;
    width: auto;
    padding: 10px 35px;
    font-family: TungstenMedium;
    color: #fff;
    font-size: 27px;
    font-size: 2.7rem;
    border-radius: 5px;
    border: 1px solid #fff;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase
}
.btnRosa:hover {
    background: #000
}
.headerContent {
    padding: 0;
    overflow: hidden;
    position: relative
}
.headerContent .tituloPag {
    color: #fff;
    font-size: 40px;
    font-size: 4rem;
    font-family: TungstenBook;
    font-weight: 400;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .8);
    padding: 35px 30px 10px
}
.headerContent .tituloPag .txtDestacado {
    color: #007f70
}
.headerContent:after {
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 30px;
    background-size: cover
}
.headerContent .contacto {
    font-family: TungstenBook;
    float: right;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
    padding: 10px 0 0;
    text-align: right;
    color: #b4b4b4;
    width: 190px;
    position: absolute;
    top: 0;
    right: 25px;
    background: none
}
.headerContent .contacto .color {
    color: #c9d100
}
.headerContent .contacto .phone_call {
    color: #c9d100;
    display: block;
    font-size: 32px;
    font-size: 3.2rem
}
.mainContent {
    padding: 0;
    background: hsla(0, 0%, 100%, .94);
    overflow: hidden;
    font-size: 0
}
.mainContent.compraForfait input {
    margin: 30px 0
}
.mainContent.noTitle {
    padding: 30px 95px;
    background: hsla(0, 0%, 100%, .94) url(../images/bkg-images.png) no-repeat 0 0;
    background-size: 100%
}
.mainContent.webCams .tituloArticulo {
    margin: 35px 4% 0
}
.mainContent .tituloArticulo {
    color: #007f70;
    font-size: 38px;
    font-size: 3.8rem;
    font-family: TungstenMedium;
    font-weight: 400;
    margin: 35px 90px 0;
    clear: both
}
.mainContent .tituloSeccion {
    color: #798c96;
    font-size: 19px;
    font-size: 1.9rem;
    font-family: Conv_GothamRnd-medium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #798c96;
    padding-bottom: 5px
}
.mainContent .imgContenidos {
    font-size: 0;
    box-sizing: border-box
}
.mainContent .imgContenidos:before {
    display: none
}
.mainContent img {
    width: 100%
}
.mainContent .intro {
    margin-bottom: 10px;
    color: #010101;
    font-family: Conv_GothamRnd-Light, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.5em;
    margin: 35px 90px 15px
}
.mainContent .intro+.intro {
    margin: 5px 90px 15px
}
.mainContent .otrosPartes {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 35px 90px 15px
}
.mainContent .txtContenidos {
    margin: 35px 90px 15px
}
.mainContent .txtContenidos p {
    margin-bottom: 10px;
    color: #010101;
    font-family: Conv_GothamRnd-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.4em
}
.mainContent .txtContenidos p.cita {
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: 15px
}
.mainContent .txtContenidos p.txtparrafoCierre,
.mainContent .txtContenidos p.txtparrafoExito {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center
}
.mainContent .txtContenidos p.txtparrafoCierre {
    margin-bottom: 50px
}
.mainContent .txtContenidos p strong {
    font-family: Conv_GothamRnd-Medium;
    font-weight: 400
}
.mainContent .txtColorExito {
    background: #ebf3f1;
    border: 1px solid #3c9d89;
    font-size: 35px;
    font-size: 3.5rem;
    text-align: center;
    margin: 30px auto;
    clear: both;
    padding: 25px 0;
    color: #5f7572;
    font-weight: 400
}
.mainContent .listadosTxt {
    color: #010101;
    font-family: Conv_GothamRnd-Light, Arial, Helvetica, sans-serif;
    font-size: 0;
    list-style: initial;
    list-style-position: inside;
    margin: 25px 90px 15px
}
.mainContent .listadosTxt li {
    padding: 3px 0;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 50%
}
.mainContent .listadosTxt li:before {
    content: "-";
    font-weight: 700;
    display: inline-block;
    padding: 5px;
    padding: 8px;
    line-height: 0;
    height: 1px;
    float: left
}
.mainContent .listadosTxt.listBox {
    margin-left: 0;
    margin-right: 0
}
.mainContent .listadosTxt.listBox li {
    width: 100%;
    display: block
}
.mainContent input {
    margin: 15px 0 65px 90px
}
.mainContent .enlacesTxt {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    background-color: #11b7de;
    padding: 2px 5px
}
.mainContent .enlacesTxt:hover {
    color: #9c0b57;
    background-color: #c4ced1
}
.mainContent .separacion:before {
    content: "";
    background: url(../images/bkg-images.png) no-repeat 0 0;
    background-size: cover;
    height: 12px;
    display: block;
    clear: both
}
.mainContent .enlaceDestacadoBtn {
    text-decoration: none;
    color: #009482;
    font-weight: 900;
    border: 1px solid #009482;
    padding: 10px 15px;
    font-size: 20px;
    font-size: 2rem;
    border-radius: 5px
}
.mainContent .enlaceDestacadoBtn:hover {
    color: #fff;
    background-color: #009482
}
.mainContent .mediaContenidos {
    width: 100%;
    box-sizing: border-box
}
.mainContent .blockImagenes {
    margin-top: 55px;
    box-sizing: border-box;
    font-size: 0
}
.mainContent .blockImagenes.noMarge {
    margin: 0
}
.mainContent .blockImagenes.noMarge img {
    border: 1px solid #fff
}
.mainContent .blockImagenes.dos img {
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    float: none
}
.mainContent .blockImagenes.dos .separacion {
    display: none
}
.mainContent .blockImagenes.tres img {
    width: 33.33%;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    float: none
}
.mainContent .blockImagenes.cuatro img {
    width: 25%;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    float: none
}
.mainContent .blockImagenes.cuatro .separacion {
    display: none
}
.mainContent .blockImagenes.cinco img {
    width: 20%;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    float: none
}
.mainContent .blockImagenes.cinco .separacion {
    display: none
}
.mainContent .box {
    border-right: 1px solid #b7d9ec;
    background-color: #ecf3f7;
    padding: 15px 20px 40px 35px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    margin: 25px 0 0;
    width: 25%
}
.mainContent .box.tarifa {
    display: inline-table;
    width: 100%;
    border: 1px solid #b7d9ec
}
.mainContent .box.tarifa:last-child {
    border-right: 1px solid #b7d9ec
}
.mainContent .box:last-child {
    border-right: none
}
.mainContent .box .tituloSeccion {
    border-bottom: none;
    font-size: 15px;
    font-size: 1.5rem
}
.mainContent .items {
    font-size: 15px;
    font-size: 1.5rem;
    color: #010101
}
.load {
    background: url(https://www.aramon.com/estaticos/images/ring-alt.svg) no-repeat 0 0;
    background-size: 100%;
    width: 96px;
    height: 96px;
    display: block;
    margin: 15px auto 0
}
.bkgModal {
    background: rgba(0, 0, 0, .88);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0
}
.contenedorModal {
    display: block;
    position: fixed;
    margin: 0 auto;
    top: 15%;
    left: 0;
    right: 0;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 2px dashed #8dacbc;
    background: rgba(0, 0, 0, .35);
    width: 450px;
    height: 450px;
    overflow: auto;
    text-align: center
}
.contenedorModal .titleModal {
    font-size: 20px;
    font-size: 2rem;
    color: #8dacbc
}
.contenedorModal .infoExpl {
    font-size: 25px;
    font-size: 2.5rem;
    color: #8dacbc;
    margin: 15px 0
}
.contenedorModal .logo {
    width: auto;
    margin-top: 10px;
    margin-bottom: 20px
}
.modalPayPal.remodal {
    background-color: transparent
}
.modalPayPal.remodal .infoModal {
    border-bottom: none
}
.modalPayPal.remodal .infoModal:before {
    content: "";
    background: url(https://www.aramon.com/estaticos/images/ico-paypal2.svg) no-repeat 50%;
    background-size: 100%;
    display: block;
    width: 200px;
    height: 100px;
    margin: 0 auto;
    vertical-align: middle
}
.modalPayPal.remodal p {
    text-align: center;
    color: #fff;
    width: 440px;
    margin: 0 auto;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Conv_GothamRnd-Light, Arial, Helvetica, sans-serif;
    line-height: 1.5em
}
.modalPayPal.remodal .btnPP {
    background: transparent;
    padding: 4px 30px;
    font-family: TungstenMedium;
    color: #0094d8;
    font-size: 27px;
    font-size: 2.7rem;
    border-radius: 5px;
    margin-top: 25px;
    text-decoration: underline;
    border: none
}
.ms-parent {
    position: relative;
    width: 145px;
    margin-right: 3px
}
.ms-parent,
.ms-parent.campoPers {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    vertical-align: top
}
.ms-parent.campoPers {
    width: 150px;
    padding: 0;
    margin-right: 10px
}
.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff
}
.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}
.ms-choice>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px
}
.ms-choice>span.placeholder {
    color: #000;
    font-size: 12px;
    font-size: 1.2rem
}
.ms-choice>div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px
}
.ms-choice>div,
.ms-choice>div.open {
    background: url(https://www.aramon.com/estaticos/images/multiple-select.png) 50% no-repeat
}
.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-radius: 4px
}
.ms-drop.bottom {
    top: 100%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}
.ms-drop.top {
    bottom: 100%;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}
.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 3
}
.ms-search input {
    width: 100%;
    height: auto!important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background: #fff url(https://www.aramon.com/estaticos/images/multiple-select.png) no-repeat 100% -22px;
    background: url(https://www.aramon.com/estaticos/images/multiple-select.png) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%)
}
.ms-search,
.ms-search input {
    box-sizing: border-box
}
.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px
}
.ms-drop ul>li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static
}
.ms-drop ul>li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35)
}
.ms-drop ul>li.multiple {
    display: block;
    float: left
}
.ms-drop ul>li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ms-drop ul>li.group {
    clear: both
}
.ms-drop ul>li label {
    font-weight: 400;
    display: block;
    white-space: nowrap
}
.ms-drop ul>li label.optgroup {
    font-weight: 700
}
.ms-drop input[type=checkbox] {
    vertical-align: middle
}
.ms-drop .ms-no-results {
    display: none
}
@media (max-width: 1055px) {
    footer #datosContacto .columna {
        padding: 7px 10px 13px
    }
}
@media (max-width: 995px) {
    .boxHeader header .tituloPag {
        font-size: 20px;
        font-size: 2rem
    }
    .boxHeader .boxPrecios .pagado,
    .boxHeader .boxPrecios .pendiente {
        margin: 10px 0
    }
    .boxHeader .boxPrecios .pagado strong,
    .boxHeader .boxPrecios .pendiente strong {
        width: 100%;
        display: block
    }
}
@media (max-width: 920px) {
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias,
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras,
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers {
        margin-bottom: 3px
    }
}
@media (max-width: 890px) {
    .contentBox .contenidoBox {
        width: 73%
    }
    .contentBox .contenidoBox .migasPasos li {
        font-size: 15px;
        font-size: 1.5rem
    }
    .contentBox .contenidoBox .migasPasos li .activo {
        font-size: 24px;
        font-size: 2.4rem;
        padding-bottom: 8px
    }
    .contentBox .contenidoBox .tituloInfo {
        font-size: 17px;
        font-size: 1.7rem
    }
    .contentBox .contenidoBox .itemBox h2 {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 6px 0 17px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox {
        padding: 9px 0 7px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
        background: #9cd2ed url(../images/ico-checked.svg) no-repeat 0 11px;
        background-size: 4%
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
        width: 28px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
        vertical-align: middle;
        width: 30px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias span {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 3px 9px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
        font-size: 12px;
        font-size: 1.2rem;
        border-left: 5px solid transparent
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 67px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 90px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 76px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        font-size: 15px;
        font-size: 1.5rem;
        width: 107px
    }
    .contentBox .contenidoBox .txtAdicional h2 {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 30px 0 20px
    }
    .contentBox .miReservaBox {
        width: 27%;
        padding: 38px 20px
    }
    .contentBox .miReservaBox .ticket header h1 {
        font-size: 18px;
        font-size: 1.8rem;
        padding-bottom: 10px
    }
    .btnAccionPral,
    .btnASecundario {
        font-size: 11px;
        font-size: 1.1rem
    }
    .DatosDestacadoPralPortada,
    .DestacadoPralPortada {
        border-right: 0
    }
    .Visor {
        height: 230px!important
    }
    .MenuVisor {
        top: 180px!important
    }
    #FotoVisor {
        min-height: auto!important
    }
    .UnaColumna {
        margin-bottom: 0
    }
}
@media (max-width: 880px) {
    .compraHotelesForfait #Principal.promociones #Contenidos .UnaColumna {
        width: 100%;
        margin-top: -77px;
        margin-bottom: 15px
    }
    .compraHotelesForfait #Principal.promociones #Contenidos .UnaColumna .Caja+.Caja {
        padding: 0 15px 31px
    }
    .compraHotelesForfait .DosColumnas {
        width: 100%;
        float: none;
        display: inline-block
    }
    .compraHotelesForfait #resultadosForm .ResultadoBusqueda,
    .compraHotelesForfait #resultadosForm h2,
    .compraHotelesForfait #resultadosForm h2+p {
        margin-right: 0
    }
    .fichaHotelesForfait .columnaBuscador {
        display: block;
        width: 100%;
        float: none;
        margin-top: 35px
    }
    .fichaHotelesForfait .columnaTexto {
        display: block;
        width: 100%
    }
    .fichaHotelesForfait .pagFicha .buscaDisponibilidad {
        max-width: none
    }
    .fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 a {
        font-size: 45px;
        font-size: 4.5rem
    }
}
@media (max-width: 800px) {
    .contentBox .contenidoBox {
        width: 70%
    }
    .contentBox .contenidoBox .migasPasos li {
        font-size: 12px;
        font-size: 1.2rem
    }
    .contentBox .contenidoBox .itemBox h2 {
        padding: 6px 0 15px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
        padding-top: 5px;
        vertical-align: top
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
        vertical-align: top;
        width: 25px;
        border-right: 4px solid transparent
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector,
    .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
        vertical-align: top
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
        margin-bottom: 3px;
        margin-right: 0
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        vertical-align: top
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
        width: 22px
    }
    .contentBox .contenidoBox .botonesBox {
        font-size: 0;
        padding: 15px 15px 0
    }
    .contentBox .miReservaBox {
        width: 30%;
        padding: 38px 15px
    }
    .contentBox .miReservaBox .btnAccionPral {
        width: 100%;
        margin-left: 0
    }
    .btnASecundario {
        padding: 11px 0;
        width: 38%;
        margin-right: 2%
    }
    .btnAccionPral,
    .btnASecundario {
        float: none;
        box-sizing: border-box
    }
    .btnAccionPral {
        padding: 12px 0;
        width: 58%;
        margin-left: 2%
    }
    .venta .columnaTexto,
    .venta .DosColumnas {
        width: 100%
    }
}
@media (max-width: 785px) {
    .formulario li {
        width: 100%
    }
    .formulario li.peq {
        width: 50%
    }
    .boxHeader header {
        width: 100%
    }
    .boxHeader .boxDatos,
    .boxHeader .boxPrecios {
        width: 50%;
        margin-top: 20px
    }
}
@media (max-width: 769px) {
    footer #datosContacto .columna {
        display: block;
        width: 100%;
        text-align: center;
        border-right: 0;
        border-bottom: 1px solid #7e8319;
        box-sizing: border-box
    }
    footer #datosContacto .dato {
        padding-top: 5px
    }
    footer #datosContacto .titulo {
        min-height: auto
    }
    footer #datosContacto .fila2 {
        margin-top: 14px
    }
    footer #datosContacto #redesSociales a {
        width: 30px;
        height: 30px;
        margin: 5px 2.5%
    }
    footer #datosContacto #menuCorporativo {
        padding-left: 0
    }
}
@media (max-width: 685px) {
    footer #datosContacto #menuCorporativo {
        padding-bottom: 100px
    }
    body.interior footer #datosContacto #menuCorporativo {
        padding-bottom: 13px
    }
}
@media (max-width: 650px) {
    .contentBox .contenidoBox {
        width: 100%;
        display: inline-block;
        box-sizing: border-box
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
        background-size: 3%
    }
    .contentBox .contenidoBox .txtAdicional {
        padding: 15px 35px
    }
    .contentBox .contenidoBox .txtAdicional h2 {
        padding: 0 0 20px;
        border-top: none
    }
    .contentBox .contenidoBox .botonesBox .btnAccionPral,
    .contentBox .contenidoBox .botonesBox .btnASecundario {
        display: none
    }
    .contentBox .miReservaBox {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        border-right: 25px solid #fff;
        border-left: 25px solid #fff;
        padding: 20px 35px;
        height: inherit
    }
    .contentBox .miReservaBox .btnAccionPral,
    .contentBox .miReservaBox .btnASecundario {
        display: block
    }
    .contentBox .miReservaBox .ticket.plus .itemNuevos li span {
        display: inline-block
    }
    .contentBox .miReservaBox .ticket .fechaBox,
    .contentBox .miReservaBox .ticket .tipoBox {
        margin-top: 8px
    }
    .contentBox .miReservaBox .ticket .descpBox {
        text-align: right;
        display: inline-block;
        width: 60%
    }
    .btnAccionPral {
        padding: 22px 0;
        margin-left: 0;
        width: 100%
    }
    .btnASecundario {
        margin-top: 35px;
        margin-right: 0;
        width: 100%;
        padding: 5px 0
    }
    .confirmar {
        display: none
    }
    .condiciones {
        font-size: 1.2rem;
        padding: 0 0 20px
    }
}
@media (max-width: 600px) {
    .boxHeader .boxDatos,
    .boxHeader .boxPrecios {
        width: 100%
    }
    .boxHeader .boxDatos .pagado,
    .boxHeader .boxPrecios .pagado {
        background: url(../images/ico-check.svg) no-repeat 100% 0;
        text-align: left
    }
    .boxHeader .boxDatos .pagado strong,
    .boxHeader .boxPrecios .pagado strong {
        width: auto;
        display: inline-block
    }
    .boxHeader .boxDatos .pendiente,
    .boxHeader .boxPrecios .pendiente {
        background: url(../images/ico-alert.svg) no-repeat 100% 0;
        text-align: left
    }
    .boxHeader .boxDatos .pendiente strong,
    .boxHeader .boxPrecios .pendiente strong {
        width: auto;
        display: inline-block
    }
    .error404 .btnRosa {
        margin: 0 auto 25px;
        display: block
    }
}
@media (max-width: 537px) {
    .formulario {
        padding: 25px 10px 10px
    }
    .formulario .enLinea label {
        width: 85%
    }
    .formulario li.peq .etiqueta {
        width: 100%
    }
}
@media screen and (max-width: 515px) {
    footer #partners .atudem,
    footer #partners .fam {
        position: relative;
        right: inherit;
        float: none
    }
}
@media (max-width: 475px) {
    .contentBox .contenidoBox {
        padding: 30px 15px 0
    }
    .contentBox .contenidoBox .txtAdicional {
        padding: 10px 20px
    }
    .contentBox .contenidoBox .migasPasos li {
        font-size: 9px;
        font-size: .9rem
    }
    .contentBox .contenidoBox .migasPasos li .activo {
        font-size: 17px;
        font-size: 1.7rem;
        padding-bottom: 9px
    }
    .contentBox .contenidoBox .tituloInfo {
        font-size: 13px;
        font-size: 1.3rem
    }
    .contentBox .contenidoBox .itemBox .icoDin {
        display: none
    }
    .contentBox .contenidoBox .itemBox h2 {
        padding: 0 0 10px;
        background: none!important
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox {
        padding: 5px 0 5px 5px;
        display: block;
        box-sizing: border-box
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
        background: #9cd2ed none
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
        display: none
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
        display: inline-block;
        width: 23px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
        display: inline-block;
        width: 52px
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
        display: block;
        width: 100%;
        margin: 5px 0
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector,
    .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad strong {
        display: inline-block
    }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        font-size: 21px;
        font-size: 2.1rem;
        display: inline-block;
        float: right;
        width: 130px
    }
    .contentBox .miReservaBox {
        padding: 20px;
        border-right: 15px solid #fff;
        border-left: 15px solid #fff
    }
    .contentBox .miReservaBox .ticket .tipoBox {
        width: 30%;
        font-size: 10px;
        font-size: 1rem
    }
    .contentBox .miReservaBox .ticket .descpBox,
    .contentBox .miReservaBox .ticket .fechaBox {
        width: 70%;
        font-size: 12px;
        font-size: 1.2rem
    }
    .btnASecundario {
        margin-right: 0
    }
    header nav#seleccionPistas {
        width: 100%
    }
    .fichaHotelesForfait .pagFicha .ResultadoBusqueda+div {
        margin: -75px 0 20px
    }
    .fichaHotelesForfait .pagFicha .ResultadoBusqueda .DatosHotelListado h2 a {
        font-size: 35px;
        font-size: 3.5rem
    }
    .fichaHotelesForfait .columnaTexto h3.Disponibilidad {
        text-align: left;
        font-size: 25px;
        font-size: 2.5rem
    }
}
@media (max-width: 435px) {
    .definicion {
        padding: 25px 20px
    }
}
@media (max-width: 395px) {
    .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        display: block;
        text-align: left;
        padding-top: 7px;
        padding-bottom: 15px;
        width: 100%;
        float: none
    }
}

@media (max-width: 480px)
{
    .tooltipText {
        width: 190px;
        top: 22px;
    }
}

@media (min-width: 768px){
    .compraHotelesForfait .ResultadoBusqueda ul li {
        padding: 15px 15px 0;
    }
}

@media (min-width:481px) and (max-width:767px){
    .ResultadoBusqueda ul li .FotoHotelListado{
        float: right;
        margin-right: 20px;
    }
    .tooltipText {
        width: 260px;
        top: 22px;
    }
}

.formulario li.limiteCompra{
    width: 100%;
    font-size: 1.2rem;
    color: #a7a7a7;
}

.formulario li.limiteCompra.paymentWarning {
    color: #d2232a;
}



/* CUSTOM */

.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child{
    padding: 10px 70px 10px 15px;
    position: relative;
    text-align: left;
}
.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child .oferta-tabla-precios{
    position: absolute;
    top: 0;
    right: 5px;
    height: 100%;
    width: 50px;
    /* transform: translateY(-50%); */
    padding: 0 15px 0 0;
    border-radius: 5px;
    z-index: 1;
}
.ResultadoBusqueda ul li .DatosHotelListado table tr td,
#searchHotelForm .CajaDisponibilidadResultado table tr td{
    font: 12px 'Conv_GothamRnd-Medium';
}
.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child .oferta-tabla-precios .icon-oferta{
    position: absolute;
    width: auto;
    height: 80%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    max-width: 75%;
}
.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child .oferta-tabla-precios .imgExpressInfo{
    position: absolute;
    top: 4px;
    right: 0;
}
.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child .oferta-tooltipText{
    display: none;
}
.compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child:hover .oferta-tooltipText{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9;
    display: block;
    width: 100% ;
    background-color: #25b7d3;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 7px;
    z-index: 2;
    text-align: left;
    line-height: 15px;
    margin-left: 0;
    box-sizing: border-box;
}

.compraHotelesForfait .ResultadoBusqueda .oferta-tooltipText{
    font-size: 70%;
}

@media (max-width:580px){
    .ResultadoBusqueda ul li .DatosHotelListado{
        padding-left: 0;
    }
    .compraHotelesForfait .ResultadoBusqueda ul li table tr td:first-child {
        position: relative;
        text-align: left;
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: 45px;
        border-radius: 0;
    }
    .compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado table tr td.precioTotal {
        width: 100%;
        display: block;
        padding: 10px 0;
    }
    .ResultadoBusqueda ul li .DatosHotelListado table tr td.Botonera, #searchHotelForm .CajaDisponibilidadResultado table tr td.Botonera {
        width: 100%;
        display: block;
        margin-top: 10x;
    }
    .compraHotelesForfait .ResultadoBusqueda ul li .DatosHotelListado table tr td.Botonera a.Reservar{
        border-radius: 0;
    }
}

/* MODAL CHIQUITINES */
.modal-box{
    background: white;
    width:100%;
    max-width: 540px;
    margin: auto;
    color: black;
    font-size: 16px;
    border-radius: 20px;
}
.modal-box .modal-header{
    border-radius: 20px;
    background-color: #ffffff;
    color: black;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: -35px;
}
.modal-box .modal-text{
    padding: 20px;
    text-align: center;
}
.modal-box .modal-text p span{
    text-align: left;
    margin: 0 0 30px;
    line-height: 22px;
}
.modal-box .modal-text .modal-accept-button{
    background: black;
    padding: 10px 35px;
    font-size: 20px;
    height: auto;
    line-height: initial;
    position: relative;
    margin: auto;
    border-radius: 20px;
    font-family: "Roboto Regular", Arial, sans-serif;
    opacity: 1;
}
.modal-box .modal-text .modal-accept-button:hover{
    opacity: 1;
}

/* FORMULARIO UPSSSSS.....*/
.btn-formulario-gen{
    font-size: 2.5rem;
    font-family: TungstenMedium;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background: #db1e7a;
    transition: all .3s ease-in-out;
    padding: 8px 20px;
    text-shadow: none;
    text-transform: uppercase;
}
.btn-formulario-gen:hover {
    background: #af1861;
}
.btn-formulario-gen:disabled {
    background: #d2d2d4;
}
.noDispo .form-contacto{
    margin: 0 20px;
    padding-bottom: 30px;
}
@media (min-width:768px){
    .noDispo .form-contacto{
        margin: 0 35px;
    }
}
.noDispo .row-form{
    overflow: hidden;
}
.noDispo .form-column{
    margin-left: -15px;
    margin-right: -15px;
}
.noDispo .form-group{
    margin-bottom: 20px;
}
.noDispo .form-contacto .u-label{
    display: inline-block;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: TungstenMedium;
    color: #077f71;
    margin: 10px 0 0;
    text-transform: uppercase;
    display: block;
}
.noDispo .form-contacto input[type=text],
.noDispo .form-contacto input[type=email],
.noDispo .form-contacto textarea{
    display: block;
    width: 100%;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: TungstenMedium;
    margin-top: 10px;
    color: black;
    border:none;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0;
    letter-spacing: .75px;
    background: #f9f9f9;
    border: none!important;
    border-bottom: 2px solid #999!important;
    resize: none;
}
.noDispo .form-contacto input[type=text]:disabled,
.noDispo .form-contacto textarea:disabled{
    color: #d2d2d2;
}
.noDispo .form-contacto input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
.noDispo .form-contacto textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #d2d2d2;
opacity: 1; /* Firefox */
}

.noDispo .form-contacto input:-ms-input-placeholder, /* Internet Explorer 10-11 */
.noDispo .form-contacto textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #d2d2d2;
}

.noDispo .form-contacto input::-ms-input-placeholder, /* Microsoft Edge */
.noDispo .form-contacto textarea::-ms-input-placeholder { /* Microsoft Edge */
color: #d2d2d2;
}

.noDispo .form-contacto textarea{
    min-height: 100px;
}
.noDispo label{
    font-family: Conv_GothamRnd-Light;
    color: black;

}
.u-col-xs-12{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
@media (min-width:992px){
    .u-col-sm-6{
        width: 50%;
        float: left;
    }
}
@media (max-width: 880px){
    .compraHotelesForfait .UnaColumna .Caja{
        width: 100%;
    }
}

#rentalDisparador{
    cursor: pointer;
    width: 50%;
}

.modal-header-loading .loadingImage{
    margin: 8px auto 0 auto;
    width: 35px;
    height: 35px;
    background: url(img/loading.gif) no-repeat;
}

.modal-box .modal-header-loading{
    width: 480px;
    height: 154px;
    padding: 0px;
    background-color: transparent;
}

.modal-box .modal-header-searching{
    width: 480px;
    height: 154px;
    padding: 0px;
    background: none;
}

.modal-header-loading img{
    width: 20%
}

.modal-header-searching img{
    width: 50%
}

.modal-box-loading {
    background: none;
}

#precioPagar{
    display: inline;
    margin-left: 0px;
}
#precioPagarPartial{
   display: inline;
   margin-left: 0px;
}

.btnValidarCodigo {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Conv_GothamRnd-Medium';
    border: none;
    background-color: #4d4d4d;
    color: #ffffff;
    padding: 12px 20px;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
}
.btnValidarCodigo:hover {
    background-color: #e9e9e9;
    color: #4d4d4d;
    text-decoration: underline;
}

.column2{
    display: inline-block;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-bottom: 10px;
    color: black;
    font-family: Conv_GothamRnd-Medium;
}
.copyData{
    padding-left: 30px;
}
.copyCheckLabel {
    font-size: 1.3rem;
    color: #4c6570;
    padding-left: 5px;
}

.formulario li select.extras {
    font-size: 1.4rem;
    border-radius: 4px;
    padding: 7px;
    width: 100%;
}
.formulario li select.extra {
    font-size: 1.4rem;
    border-radius: 4px;
    padding: 7px;
    width: 100%;
}

.extracondiciones {
    border-top: 1px solid rgb(192, 192, 192);
    padding-top: 15px;
    font-size: 12px;
}

/* INICIO COOKIE CONSENT */

#cookiesConsent {
    z-index: 999;
    padding: 30px 30px;
    background: rgb(0, 145, 130);
    position: fixed;
    color: rgb(255, 255, 255);
    bottom: -100px;
    opacity: 0;
    transition: 2s ease;
    right: 0px;
    left: 0;
    text-align: center;
    font-size: 15px;
}
#cookiesConsent .cconsent_izq {
    float: left;
    padding: 10px 10px;
}
#cookiesConsent .cconsent_dch {
    float: right;
}
#cookiesConsent .cconsent_dch .showButton {
    padding: 10px 10px;
    cursor: pointer;
    margin: .5rem;
    border: 2px solid white;
    border-radius: 30px;
}
#cookiesConsent .cconsent_dch .acceptButton {
    cursor: pointer;
    font-size: 14px;
    border: none;
    padding: 10px 10px;
    color: #009382;
    background-color: #ffffff;
    margin: .5rem;
}
@media (max-width: 1050px){
    #cookiesConsent .cconsent_izq, #cookiesConsent .cconsent_dch{
        float: none;
    }
}

@media (max-width: 768px) {
  #cookiesConsent .cconsent_dch {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 1051px) and (max-width: 1428px) {
    #cookiesConsent .cconsent_izq {
        max-width: 65%;
    }
}

@media (min-width: 1429px) and (max-width: 1820px) {
    #cookiesConsent .cconsent_izq {
        max-width: 70%;
    }
}

@media (min-width: 1821px) {
    #cookiesConsent .cconsent_izq {
        max-width: 75%;
    }
}

#ccm_header {
    padding: 35px 35px 20px;
    line-height: 18px;
    text-align: justify;
    background-color: white;
}
#ccm_header h1 {
    font-size: initial;
    text-align: center;
}
#ccm_header p {
    font-size: 14px;
    font-family: 'Conv_GothamRnd-Light';
}

#ccm_body {
    padding: 0 25px 25px 25px;
    background-color: white;
}
#ccm_body thead {
    font-size: 17px;
    background-color: aliceblue;
    border-top: #dedede 1px solid;
    border-bottom: #dedede 1px solid;
}

#ccm_footer {
    text-align: right;
    padding: 0 25px 25px 25px;
    background-color: white;
}
#ccm_footer .modalButton {
    cursor: pointer;
    font-size: 14px;
    border: none;
    padding: 10px 10px;
    background-color: #009382;
    color: #ffffff;
}
#ccm_footer .saveButton {
    margin-right: 10px;
}
@media (max-width: 387px) {
    #ccm_footer .saveButton {
        margin-right: 0px;
    }
    #ccm_footer {
        text-align: center;
    }
}

#cookiesModal {
    max-width: 800px;
    color: black;
}
#cookiesModal td {
    vertical-align: baseline;
    padding: 5px 10px;
    font-size: 13px;
    font-family: 'Conv_GothamRnd-Light';
    line-height: 17px;
}
#cookiesModal  tr td:nth-child(1) {
    font-family: 'Conv_GothamRnd-Medium';
}
#cookiesModal tr td:nth-child(2) {
    text-align: justify;
}
#cookiesModal  tr td div {
    margin: auto;
}
#cookiesModal th {
    text-align: center;
    padding: 10px;
}
#cookiesModal tbody tr td h2 {
    display: none;
}
@media (max-width: 450px) {
    #cookiesModal thead tr th:nth-child(1) {
        display: none;
    }
    #cookiesModal tbody tr td:nth-child(1) {
        display: none;
    }
    #cookiesModal tbody tr td h2 {
        color: black;
        display: block;
    }
}

.show {
    bottom: 0px !important;
    opacity: 1 !important;
}

.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 18px;
    padding: 0;
    line-height: 18px;
    border: 2px solid #E3E3E3;
    border-radius: 18px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label-disabled {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 18px;
    padding: 0;
    line-height: 18px;
    border: 2px solid #E3E3E3;
    border-radius: 18px;
    background-color: #cecece;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 18px;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    border: 2px solid #E3E3E3;
    border-radius: 18px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #009282;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #009282;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

/* FIN COOKIE CONSENT */

.inputAlquiler{
    font-size: 1.4rem;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
}

/* NUEVO CARRITO CLUB ARAMON*/

.column2{
    display: inline-block;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-bottom: 10px;
    color: black;
    font-family: Conv_GothamRnd-Medium;
}

.personaldata p:first-child{
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0;
    padding: 10px 30px;
}

.personaldata p:not(:first-child){
    font-size: 1.2rem;
    margin: 0;
    padding: 0px 30px;
}

.personaldata p:last-child{
    padding-top: 5px;
}

.personaldata p:last-child span{
    cursor: pointer;
    text-decoration: underline;
}

.personaldata{
    background-color: #b7b7b7;
    border-bottom: 1px solid #009482;
}

.nocliente.activo{
    background-color: whitesmoke;
    border-top: 1px solid #009482;
    border-right: 1px solid #009482;
    border-bottom: none;
}

.cliente.activo{
    background-color: whitesmoke;
    border-top: 1px solid #009482;
    border-left: 1px solid #009482;
    border-bottom: none;
}

.personaldata:not(.activo){
    cursor: pointer;
}

.siaramon .formulario.webdreams li{
    display: list-item;
}

.divSquare{
    width: 46%;
    margin: 12px;
    display: inline-block;
    border: 1px solid #b5b5b5;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

@media (max-width: 760px){
    .divSquare{
        width: 96%;
    }
}

.divSquare .check{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid grey;
    top: 3px;
    right: 3px;
    position: absolute;
}

.divSquare .checkNuevo{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 3px;
    right: 3px;
    background-color: #3abd3a;
    position: absolute;
}

.divSquare .tick{
    transform: rotate(45deg);
    height: 17px;
    width: 6px;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    position: absolute;
    right: 7px;
    top: 1px;
}

#nuevosEsquiadores{
    display:none;
}

#nuevosEsquiadores .divSquare *{
    cursor:pointer;
}

.divSquare h2.cabeceee{
    padding: 10px 10px !important;
    font-size: 1.8rem !important;
}

.divSquare li{
    display: list-item;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 0px;
    font-size: 1.2rem;
}

.divSquare.marcado{
    border-color: black;
}

.relacionados .divSquare *{
    cursor:pointer;
}

.wdLoginButton {
    padding: 13px 55px !important;
    background-color: #db1e7a;
    cursor: pointer;
    border-radius: 5px !important;
    color: #fff;
    font-size: 1.2rem !important;
    border: none;
}

.underline {
    text-decoration: underline;
}

.goBackPadding {
    padding: 13px 20px;
}

.wDBotonesBox {
    margin: 0 auto;
    display: table;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.columnaIzqLista {
    width: 45%;display:
    inline-block;
}

.columnaDchaLista {
    width: 50%;
    display: inline-block;
}

.columnaIzqLista .labelName {
    display: inline-block
}

.columnaDchaLista .labelInlineData {
    display: inline;
    color: #a7a7ae;
}

.columnaDchaLista .labelBlockData {
    color: #a7a7ae;
}

.forfaitRecharge {
    width: 50%;
    display: inline-block;
    color: #000000;
    background-color: #f4d49e;
    padding: 5px;
}

.forfaitPurchase {
    width: 50%;
    display: inline-block;
    color: #000000;
    background-color: rgb(208, 209, 245);
    padding: 5px;
}

.cabeceee .skierName {
    font-family: Conv_GothamRnd-Medium;
    color: #4d4d4d;
}

li.related {
    margin-bottom: 5px;
}

.formulario h2.holderName {
    padding-top: 0px !important;
}
.formulario.relatedPeople {
    padding-top: 10px;
}
.botonAnadir {
    padding: 13px 50px;
    background-color: #009482;
}
.divAnadir {
    margin: 0 auto;
    display: table !important;
    padding: 0 !important;
}
.returnToBook{
    padding: 13px 20px;
}
.copyData{
    padding-left: 30px;
}
.recuperarPassword{
    text-decoration:underline;
    cursor: pointer;
}
#precioPagar{
    display: inline;
    margin-left: 0px;
}
.redAlertInfo{
    color: red;
    font-size: 1.5rem;
}
.redAlertLogin{
    margin-top: 10px;
    font-family: Conv_GothamRnd-Light;
    font-size: 2rem;
    color: red;
}
.recuperarPassDiv{
    padding: 35px !important;
}
.recuperarPassBody{
    margin-bottom: 20px;
    height: 76px;
}
.recuperarPassCorrecto{
    margin-bottom: 20px;
}
.mailRecover{
    width: 90% !important;
    margin-top: 15px !important;
}

/* FIN CARRITO CLUB ARAMON*/



/* VENTAJAS ARAMON */
.ventajasBox {
    display: block;
    background-color: white;
    min-height: 250px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}
@media (max-width: 768px){
    .ventajasBox .col6, .ventajasBox .col5 {
        padding-bottom: 20px;
        padding-top: 0px;
    }
}
.ventajasBox .col6{
    display: inline-block;
    box-sizing: border-box;
    width: 15.5%;
}
.ventajasBox .col5{
    display: inline-block;
    box-sizing: border-box;
    width: 18.5%;
}
@media (max-width: 768px){
    .ventajasBox .col6,  .ventajasBox .col5 {
        display: block;
        width: auto;
        margin-top: 0px;
    }
}
.ventajasBox .col6:not(:last-child), .ventajasBox .col5:not(:last-child){
    margin-right: 1%;
}
.ventajasBox h2 {
    display: inline-block;
    text-align: center;
    font-size: 4rem;
    border-bottom: 1px solid #077f71!important;
    font-family: TungstenBook!important;
    color: #077f71!important;
    padding: 0;
    margin: 0 auto 30px auto;
    text-transform: uppercase;
}
.ventajasBox .contentBox{
    font-size: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 20px auto;
}
.ventajasBox .contentBox:before{
    display: none;
}
.ventajasBox .wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.ventajasBox li {
    font-size: 14px;
    color: #1d1d1c;
    text-align: center;
    vertical-align: top;
    display: inline;
}

.ventajasBox .cancelacion {
    background: url(https://www.aramon.com/estaticos/images/ico-cancelacionfree.svg) no-repeat 50%;
    height: 108px;
    width: 95px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

/* Cambiada imagen poara ventajas verano
.ventajasBox .cancelacion:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-cancelacion2.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
*/
.ventajasBox .cancelacion:hover + .wrap.txtExpl.txtCancelacion.escon {
    display: block!important;
}

.ventajasBox .telesilla {
    background: url(https://www.aramon.com/estaticos/images/ico-telesillagris.svg) no-repeat 50%;
    height: 108px;
    width: 95px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .covid {
    background: url(https://www.aramon.com/estaticos/images/ico-seguro.svg) no-repeat 50%;
    width: 95px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .covid:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-seguro2.svg) no-repeat 50%;
    width: 95px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .grupoAram {
    background: url(https://www.aramon.com/estaticos/images/ico-grupoAramon.svg) no-repeat 50%;
    width: 95px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .grupoAram:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-grupoAramon2.svg) no-repeat 50%;
    width: 95px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .pagoFracc {
    background: url(https://www.aramon.com/estaticos/images/ico-pagoFraccionado.svg) no-repeat 50%;
    width: 95px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .pagoFracc:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-pagoFraccionado2.svg) no-repeat 50%;
    width: 95px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .atencionTelf {
    background: url(https://www.aramon.com/estaticos/images/ico-atencionTelf.svg) no-repeat 50%;
    width: 60px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .forfaitHotel {
    background: url(https://www.aramon.com/estaticos/images/ico-forfaitHotel.svg) no-repeat 50%;
    width: 85px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .forfaitHotel:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-forfaitHotel2.svg) no-repeat 50%;
    width: 85px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}

.ventajasBox .garantiaTiempo {
    background: url(https://www.aramon.com/estaticos/images/ico-seguroTiempo.svg) no-repeat 50%;
    width: 87px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .garantiaTiempo:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-seguroTiempo2.svg) no-repeat 50%;
    width: 87px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
}
.ventajasBox .ninosGratis {
    background: url(https://www.aramon.com/estaticos/images/ico-ninosGratis.svg) no-repeat 50%;
    width: 140px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 95%;
    cursor: pointer;
}
.ventajasBox .ninosGratis:hover {
    background: url(https://www.aramon.com/estaticos/images/ico-ninosGratis2.svg) no-repeat 50%;
    width: 140px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 95%;
    cursor: pointer;
}
.ventajasBox .txtExpl{
    background-color: #077f71;
    padding: 25px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 8px;
    line-height: 16px;
    font-family: Conv_GothamRnd-Light;
    position: relative;
    display: none;
    box-sizing: border-box;
    text-align: left;
    width: 98%;
    margin-top: 15px!important;
}

.ventajasBox .txtExpl.txtCancelacion:before,
.ventajasBox .txtExpl.txtGrupo:before,
.ventajasBox .txtExpl.txtGarantiaTiempo:before,
.ventajasBox .txtExpl.txtPago:before,
.ventajasBox .txtExpl.txtPagoVerano:before,
.ventajasBox .txtExpl.txtNinosGratis:before,
.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;
    z-index: 1;
}

.ventajasBox .txtExpl.txtCancelacion:before {
    right: 91%;
}

.ventajasBox .txtExpl.txtGrupo:before {
    left: 23%;
    right: initial;
}

.ventajasBox .txtExpl.txtGarantiaTiempo:before {
    right: 57%;
}

.ventajasBox .txtExpl.txtPago:before {
    right: initial;
    left: 57%;
}

.ventajasBox .txtExpl.txtPagoVerano:before {
    right: initial;
    left: 68%;
}

.ventajasBox .txtExpl.txtNinosGratis:before {
    right: 23%;
}

.ventajasBox .txtExpl.txtForfaitHotel:before {
    right: 5%;
}


@media (max-width: 768px){
    .ventajasBox .ninosGratis {
        margin: 0 auto;
    }

    .ventajasBox .txtExpl.txtCancelacion:before,
    .ventajasBox .txtExpl.txtGrupo:before,
    .ventajasBox .txtExpl.txtGarantiaTiempo:before,
    .ventajasBox .txtExpl.txtPago:before,
    .ventajasBox .txtExpl.txtPagoVerano:before,
    .ventajasBox .txtExpl.txtNinosGratis:before,
    .ventajasBox .txtExpl.txtForfaitHotel:before{
        display: none;
    }
}

.rentACarAmountSelect {
    margin-left: 10px;
}

.rentACarVarietySelect {
    display: none;
    margin-left:auto;
    width: 175px;
    height: 28px;
    font-size: 12px;
    border-radius: 4px;
}

.ventajasBox a {
    color: #a8aeae;
}
  /* FIN VENTAJAS ARAMON */