@import url(https://fonts.googleapis.com/css?family=Play:400,700);

ul,li{margin:0px;padding:0px;list-style:none;}

a{color:#797979; }
a:hover{text-decoration: underline;}
b{color:#797979;font-weight: 400;}
body p{text-align: justify;}

.imagen{background-position:center; background-repeat:no-repeat;background-size:cover;}
.imagen:after{content:""; padding-top: 60%; display: block;}
.elrobot{
    display: none;
    opacity: 0;
}
body{font-family: "Open Sans", sans-serif;background-color:#fff;font-size:16px;color:#797979;}

html, body{height: 100%;}

h1,h2,h3,h4,h5,h6{
    font-family: "Play", sans-serif;
    margin:0px;
    color: #0286ba;
    text-align: center;
    font-weight: 400;
}
h1{font-size: 48px;}
h1>span{font-size: 53px;}
h2{font-size: 35px;}
h3{font-size: 24px;}
h4{font-size: 16px;}
h5{font-size: 12px;}
h6{font-size: 8px;}

.btn{text-transform: uppercase; border-radius: 0px; border: none; padding: 10px 20px;}
.btn.btn-default{color: #00a1e1;border:solid 1px #ddd;}
.btn.btn-primary{color: #fff; background-color: #00a1e1;}
.btn.btn-primary:active{background-color: #0286ba;}
.btn.btn-warning{color: #fff; background-color: #f6b220;}
.btn.btn-dark-primary{color: #fff; background-color: #0286ba;}
.btn.btn-dark-primary:active{background-color: #006891;}
.text-orange{color:#ff9000;}
.text-lg{font-size:20px;}
.bg-white{background-color:#fff;}
.separa-5{height:5px;clear:both;}
.separa-10{height:10px;clear:both;}
.separa-20{height:20px;clear:both;}
.separa-30{height:30px;clear:both;}
.separa-40{height:40px;clear:both;}

.full-width{width:100%;}
.relative{position: relative;}
.margin-0{margin: 0px;}
.padding-0{padding: 0px!important;}
.padding-20{padding: 20px;}
.padding-10{padding: 10px;}

.flota_der{float: left;}

.dark-bg{
    background-color:#192545;
    background-image:url(images/dark.jpg);
    background-position: center center;
    background-size:cover;
    position:relative;    
}
.dark-bg h3{color:#fff;}
.dark-bg .galeria .imagen{border:solid 1px #fff;}

.wrapper-flex{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.separador{height: 5px; width: 100%; margin: 10px auto;}
.blue,.sprimary{background-color: #00a1e1;color:#fff;overflow: hidden;}
.yellow,.swarning{background-color: #f6b220;}
.dark-blue,.sinfo{background-color: #0286ba;}

.warning{color: #f6b220;}
.primary{color: #00a1e1;}
.dark-primary{color: #0286ba;}

.linea-gris{height: 1px; background-color: #dedede; margin: 0 auto;}

.textaco ul li{list-style: initial;}
.textaco ol li{list-style: initial;}

/***************/
/* NAVBAR */
/***************/

.num_control span{color: #f6b220;}

.navbar.navbar-default.navbar-fixed-top{ z-index:1040;}
.navbar.navbar-default{
    background-color: #fff;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,1);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.5);
}
.navbar.navbar-default .top-info{background-color: #005070; color: #fff; padding:10px 0;}
.navbar.navbar-default .top-info p{margin: 0px;}
.nav.navbar-nav>li>a{color: #00a1e1; padding: 36px 10px; text-transform: uppercase;}
.nav.navbar-nav>li.active>a, .nav.navbar-nav>li>a:hover, .nav.navbar-nav>li.active>a:hover{color: #fff; background-color: #00a1e1; }

a.navbar-brand{height: auto;}
.nav-pills>li>a{border-radius: 20px;}
.nav-pills>li>a:after{
    content:"";
    background-color:#fff;
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    border-radius: 20px 0 0 20px;
    border:none;
    height:100%;
    width:30px;
}
/***************/
/* BANNER */
/***************/
.slideshow .imagen:after{padding-top: 0px;}
#banner{border-bottom: solid 20px #f6b220;}
.slideshow>li>.imagen{height: 750px;}

#banner>div.container{position: absolute; top: -66px; left:0;right:0; margin: 0 auto; transition: all 0.5s;}
#banner>div.container:hover{top: 134px;}
#banner .top{background-image: url(images/ver-horarios-top.png); height: 20px;}
#banner .middle{background-image: url(images/ver-horarios-middle.png); background-repeat: repeat-y; padding: 0px 100px 20px; height: 180px;}
.horarios li{color: #fff; font-size: 20px; padding: 15px 0px 5px; text-transform: uppercase; border-bottom: solid 2px #fff;}
#banner .bottom{background-image: url(images/ver-horarios-bottom.png); background-size: contain; height: 75px; text-align: center; background-repeat: no-repeat;}
#banner .bottom a{text-transform: uppercase; color: #fff; font-weight: 600; line-height: 75px;}

#banner.interior{
    height:230px;background-image:url(images/ocean.jpg);background-size:cover;background-position:center center;
    border-bottom: solid 10px #f6b220;
}



.animation-floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 5.5s;
    -webkit-animation-duration: 5.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.animacion {
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

/***************/
/* TESTIMONIOS */
/***************/
#testimonios .imagen:after{padding-top: 0;}
#testimonios .imagen{height: auto; width: 100%; position: relative;}
.valoraciones .icono, .valoraciones .contenido{height: 191px; overflow: hidden;}
.valoraciones .icono{background-color: rgba(246, 178, 32, 0.8); padding: 20px;}
.valoraciones .contenido{background-color: rgba(0, 161, 225, 0.7); padding: 20px;}
.controller{position: absolute; z-index: 1; left: 0px; bottom: 10px;}
.controller ul li>div{color: #75540c; border-radius: 100%; border: solid 1px #75540c; width: 32px; height: 32px; text-align: center; margin-top: 10px;}
.controller ul li>div i{line-height: 32px; color: #75540c; font-size: 24px;}
#siguienteTestimonio{padding-left:2px;}
#anteriorTestimonio{padding-right:2px;}
.valoraciones>li>div{overflow: hidden; padding: 10px;}
.valoraciones .contenido p, .valoraciones .contenido span{color: #fff; text-shadow: 2px 5px 5px #000; font-style: italic;}
.valoraciones .contenido p:not(.text-right){height: 100px; font-size: 28px; overflow: hidden;}
.valoraciones .contenido span{height: 20px; font-size: 22px; overflow: hidden;}


/***************/
/* SERVICIOS PORTADA */
/***************/
#servicios-portada h2{text-transform: none;}
#servicios-portada .container>p{font-size: 20px;}
.lista-servicios>li{padding: 0px 15px;}
.lista-servicios .imagen{margin-bottom: 10px;}
.lista-servicios h3{height: 26px; overflow: hidden;}
.lista-servicios p{font-size: 16px; height: 110px; overflow: hidden;}
.lista-servicios .precios{display:none;}

.lista-servicios .btn{margin-top: 10px;}
.lista-servicios .separador{width: 90%;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #d8d8d8;width: 22px;height: 22px;border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #0286ba;}
div.bx-pager.bx-default-pager {position:relative;}
div.bx-pager-item {background-color: #fff; padding: 0 5px;}
#servicios-portada .linea-gris{width: 60%; margin-top: -42px;}
.lista-servicios a:hover{text-decoration: none;}
.lista-servicios>li{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.lista-servicios p{height:70px;font-size:14px;margin:0 20px;}
.lista-servicios>li:hover{
    -ms-transform: translate(0px,-10px); /* IE 9 */
    -webkit-transform: translate(0px,-10px); /* Safari */
    transform: translate(0px,-10px);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}
.lista-servicios>li .precios{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
    transform: scale(0.8);
}
.lista-servicios .precios{display:block;}
.lista-servicios>li:hover .precios{

    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
}
/***************/
/* RESERVA ONLINE */
/***************/
#reserva-online{background-image: url('images/background-reservaonline.jpg'); background-size: cover; background-position: center; background-attachment: fixed;}
#reserva-online h1, #reserva-online h2{color: #fff;}
#reserva-online h3, #reserva-online ul>li{color: #fcc95b;}
#reserva-online ul>li{font-size: 24px; text-transform: uppercase;}
#reserva-online ul{margin-bottom: 30px; margin-top: 10px;}
#reserva-online li+li:before{content: "·"; padding-right:15px; color:#fcc95b;}
#reserva-online h1, #reserva-online h2, #reserva-online h3, #reserva-online ul>li{text-shadow: 2px 5px 5px #000;}
#reserva-online .btn{padding: 10px 30px; margin-top: 10px;}


/***************/
/* ÚLTIMAS NOTICIAS */
/***************/
.ultimas-noticias{color: #fff;}
.ultimas-noticias>li>div{margin-bottom:30px;}
.ultimas-noticias .blue{padding:15px;}
.ultimas-noticias .imagen:after{padding-top: 50%;}
.ultimas-noticias h3{height:26px; overflow: hidden;}
.ultimas-noticias h4{height:34px; overflow: hidden;}
.ultimas-noticias h3, .ultimas-noticias h4{margin-bottom:10px; color: #fff; text-align: left;}
.ultimas-noticias span {font-size: 15px; color: #d5f3ff;}
.ultimas-noticias li div:not(.blue)>span{line-height: 40px;}
.ultimas-noticias p{margin-top: 10px; height: 66px; overflow: hidden;}
.ultimas-noticias>li:first-child{padding: 0px;}
.ultimas-noticias>li:last-child{padding-right: 0px;}
.ultimas-noticias>li:nth-child(2){padding-left: 0px;}


/***************/
/* GALERIA */
/***************/
/*
.galeria .imagen .play{ position:absolute; top:0px; left:0px;width:100%; height:100%;text-align:center;font-size:30px;}
.galeria .imagen .play{padding-top:25%;}
.galeria .imagen .play .fa{color:#fff;text-shadow: 0 0 10px #000000;}
*/
.galeria .imagen .play {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    font-size: 30px;
    background-color: #0286ba;
    color: #fff;
    border-radius: 999999px;
    height: 60px;
    width: 60px;
    padding: 10px 20px;
}

.galeria .imagen:after{padding-top: 62%;}
.galeria .imagen{margin-bottom: 10px;}
.lista-galeria>li{padding: 0;}
.lista-galeria.lista1>li{padding: 0 10px; overflow: hidden;}
.lista-galeria.lista1>li:hover .imagen{transform: scale(1.2);}
.lista-galeria.lista1 .galeria .imagen{margin-bottom: 15px;}

.caja_interior_galeria {position: absolute; background-color: rgba(0, 161, 225, 0.75); top: 0; padding: 70px 70px;     height: 100%;     width: 100%;}
.caja_interior_galeria h2 {text-align:left; color: #fff; font-family: 'Open Sans'; font-weight: 600; }
.caja_interior_galeria p {text-align:left;font-family: 'Open Sans'; color: #fff; font-weight: 300; }
.caja_interior_galeria .zona_boton {text-align: right}
.caja_interior_galeria .zona_boton .btn-blanco {padding: 15px 50px;}

.lista_archivos>li{padding:10px;}
.lista_archivos>li:nth-child(2n){ background-color:#e1eaed;}
.lista_archivos>li>a{color:#002a3b;}
.lista_archivos>li .glyphicon{color:#00a1e1;}

/***************/
/* SOCIAL */
/***************/
#redes-sociales .social img{height: 64px; width: 64px;}
#redes-sociales .social{text-align: center;}
#redes-sociales .social li{padding: 0 10px; background-color: #fff; display: inline-block; margin-left: -5px;}
#redes-sociales .linea-gris{width: 80%; margin-top: -32px;}


/***************/
/* FOOTER */
/***************/
footer{background-color: #005070; color: #c0e3f1;}
footer img{max-width: 250px;}
footer h4, footer a{text-align: left; color: #c0e3f1;}
.enlaces-de-interes a, .otros-contenidos a{line-height: 30px; color: #c0e3f1;}
footer .white{background-color: #fff; padding: 20px 0;}
footer .white p, footer .white a{margin: 0;color: #00a1e1;}
footer .white p a.accesointerno{background-color:#1fa9e0;padding:3px 5px; color:#fff;display:inline-block;font-size:14px;}


/***EXTRA***/

.btn-oscuro{background-color: #0089BB!important}

#anuncio_portada {width: 100%; height: 100vh; position: fixed;z-index: 10000;}
#anuncio_portada .fondo{background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; padding-top: 10vh;}
#anuncio_portada .anuncio{width: 800px; height: 600px;margin: auto}
#anuncio_portada .zona_boton{ width: 800px; margin: auto; text-align: right  }
#anuncio_portada .zona_boton .boton_anuncio{ font-size: 35px }

.selector-cantidad{
    border-radius: 0px !important;
    padding: 5px 10px;
    line-height: 30px;
    height: auto;
    border: solid 1px #ddd;
    text-transform: uppercase;
    color: #00a1e1;    
}

.group-flex{    display: flex!important;}
.group-flex .btn{padding: 8px;}
.btn-mio {padding: 14px 8px;}


/***V2.***/

header.v2 {height: 90px;}
header.v2 .navbar.navbar-default, header.v2 .navbar-brand {
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
header.v2 .navbar.navbar-default {background-color: #00a1e1;}
header.v2 .nav.navbar-nav>li>a {color: #fff; padding: 36px 15px; font-family: 'Ubuntu';}
header.v2 .nav.navbar-nav>li.active>a, header.v2 .nav.navbar-nav>li>a:hover, header.v2 .nav.navbar-nav>li.active>a:hover {background-color: #0091ca;}
header.v2 .menu_web2 {border-bottom: 3px solid #ffb400;}
header.v2 .logo_web {position: relative; top: -42px; left: -15px;}
header.v2 .navbar-brand {position: relative; top: 20px; left: 20px;}
header.v2 .navbar-brand img{max-height: 70px;}
header.v2 .navbar-header {height: 1px;}
header.v2 .adorno {position: absolute; left: 0px; top: -20px}
header.v2 .top-info p { font-size: 14px; }
header.v2 .barra_superior {margin-right: 60px;}
header.v2 .flota_der {margin-left: 530px;}
header.v2 .loguito {height: 15px; margin-top: -2px}
header.v2 .zona_idiomas {padding: 30px 33px;}
header.v2 .red_social_cabecera {height: 4vw; margin-left: 20px; margin-right: 20px;}
header.v2 .btn-lang { border: 1px solid #fff; border-radius: 10px; background-color: transparent; padding: 5px;}
header.v2 .btn-lang .caret{ color: #fff; margin-left: 10px;}
header.v2 .dropdown-idioma { background-color: #005070; border: 0px; box-shadow: none; border-radius: 0px;     top: calc(100% + 15px);}
header.v2 .dropdown-idioma>li { padding: 7px 10px;}
header.v2 .dropdown-idioma>li>a { color: #fff;}
header.v2 .dropdown-idioma>li>a>img { margin-right: 10px;}
header.v2 .dropdown-idioma>li>a:focus, header.v2 .dropdown-idioma>li>a:hover { background-color: #00a1e1;}

header.v2.comprimido .navbar.navbar-default { top: -42px; }
header.v2.comprimido .navbar-brand { top: 38px; }

footer.v2 {position: relative; color: #fff; font-size: 13px;}
footer.v2 .adorno_pie { position: relative; width: 100%; max-width: none }
footer.v2 .lista_pie {    display: flex;  width: 100%;   justify-content: space-between;}
footer.v2 h4, footer.v2 a {color: #fff;}
footer.v2 .loguito {height: 20px; margin-top: -2px; margin-right: 5px;}
footer.v2 .contactos_pie p {margin: 15px 0px;}
footer.v2 .caja_horarios p {margin-bottom: 20px;}
footer.v2 .enlaces-de-interes .titulo {text-transform: uppercase; font-weight: 600; margin: 0px; margin-bottom: 15px; }
footer.v2 .enlaces-de-interes li {margin: 10px 0px}
footer.v2 .contactos_pie li {}
footer.v2 .logo_pie img { position: relative; right: 30px;}
footer.v2 .otros-contenidos {text-align: center;}
footer.v2 .caja_contactos_pie {padding: 10px 30px;   border-left: 1px solid #0079a9;}
footer.v2 .caja_horarios {padding: 15px 30px;  border-left: 1px solid #0079a9;}
footer.v2 .caja_otros_enlaces {padding: 15px 30px;  border-left: 1px solid #0079a9;}
footer.v2 .red_social_pie {height: 20px; margin-right: 10px;}
footer.v2 .yellow { background-color: #f6b220; color: #005070; padding: 25px 0px; }
footer.v2 .yellow p{  margin: 0px; }
footer.v2 .yellow a{  color: #005070 }
.instagram-widget>div {
    position: relative;
    padding-top: calc(100vw / 6);
    width: 100%;
    overflow: hidden;
}

.instagram-widget iframe {
    border: none !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.floating-icons {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 99;
}
.floating-icons img {
    max-width: 48px;
    height: auto;
}

.banner_adorno {width: 100%; height: 295px; opacity: 0.3; position: absolute}
.banner_adorno {width: 100%; height: 200px; opacity: 0.3; position: absolute}
.zona_banner{ position: relative}
.zona_banner>.texto_arriba{position: relative; width: 100%; padding-top: 90px;}
.zona_banner>.texto_arriba>p {text-align: center; font-family: 'Ubuntu'; font-weight: 700; color: #f6b220;     font-size: 42px;  text-shadow: 1px 1px 1px #5e5e5e;}
.banner_adorno .degradado{width: 100%; height: 100px; bottom: 0; position: absolute;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.serviciov2 {position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.serviciov2 .imagen_fondo{background-position: center; background-size: cover}
.serviciov2 .imagen_fondo:after{content:""; padding-top: 140%; display: block;}
.serviciov2 .bloque_inicial{position: absolute; width: 100%; height: 100px; bottom: 0px;  height: 190px; padding: 10px 10px;

    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a1e1+0,00a1e1+99&0+0,1+45 */
    background: -moz-linear-gradient(top,  rgba(0,161,225,0) 0%, rgba(0,161,225,1) 45%, rgba(0,161,225,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,161,225,0) 0%,rgba(0,161,225,1) 45%,rgba(0,161,225,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,161,225,0) 0%,rgba(0,161,225,1) 45%,rgba(0,161,225,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a1e1', endColorstr='#00a1e1',GradientType=0 ); /* IE6-9 */

}
.serviciov2 .bloque_inicial.color_alt2{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a1e1+0,005070+99&0+0,1+45 */
    background: -moz-linear-gradient(top,  rgba(0,161,225,0) 0%, rgba(0,124,174,1) 45%, rgba(0,80,112,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,161,225,0) 0%,rgba(0,124,174,1) 45%,rgba(0,80,112,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,161,225,0) 0%,rgba(0,124,174,1) 45%,rgba(0,80,112,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a1e1', endColorstr='#005070',GradientType=0 ); /* IE6-9 */

}

.serviciov2 .titulo {font-family: 'Ubuntu'; color: #fff; font-size: 20px; text-shadow: 1px 1px 1px #5e5e5e; text-align: center;     line-height: 25px; position: absolute; width: 100%; bottom: 5px;}
.serviciov2 .precio {font-family: 'Ubuntu'; color: #fff; font-size: 24px; text-align: center;  font-weight: 600; margin: 10px 0px}
.serviciov2 .precio.texto {font-size: 20px}
.serviciov2 .caja_titulo {height: 70px; position: relative; margin-top: 48px; }
.serviciov2 .linea { height:2px; width: 100%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+25,f0b125+50,ffffff+75,ffffff+75&0+0,1+50,0+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(240,177,37,1) 50%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(240,177,37,1) 50%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(240,177,37,1) 50%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

.serviciov2 .bloque_aparece{position: absolute; width: 100%; height: 100%; top: 0px; background-color: rgba(0, 161, 225, 0.75); opacity: 0; 
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    padding: 20px;
}

.serviciov2 .bloque_aparece.color_alt2{
    background-color: rgba(0, 80, 112, 0.75);
}

.serviciov2:hover .bloque_inicial, .serviciov2:focus .bloque_inicial{
    opacity: 0;
}
.serviciov2:hover .bloque_aparece, .serviciov2:focus .bloque_aparece{
    opacity: 1;
}
.serviciov2:hover .imagen_fondo, .serviciov2:focus .imagen_fondo{
    filter: blur(4px);
}

.serviciov2 .icono_mapa {height: 15px; margin-top: -5px}
.serviciov2 .titulo_aparece {font-family: 'Ubuntu'; color: #fff; font-size: 26px; text-shadow: 1px 1px 1px #5e5e5e; text-align: center;     line-height: 30px;}
.serviciov2 .titulo_aparece a {color: #fff;}
.serviciov2 .subtitulo {color: #fff; text-align: center; margin: 20px 0px; font-size: 13px;}
.serviciov2 .titulo_zonas {margin: 0px; color: #f6b220; text-align: center}
.serviciov2 .lista_zonas {margin: 0px; color: #fff; text-align: center; font-size: 12px}
.serviciov2 .btn-transparente {position: relative; z-index: 2;}

.btn-transparente { border: 1px solid #fff; background-color: transparent; color: #fff; border-radius: 5px; }
.btn-transparente:hover,  .btn-transparente:focus { background-color: #005070; color: #fff }


#reserva-online.v2 h1 { 
    font-family: 'Ubuntu';
    text-shadow: none;
    text-align: left;
    font-weight: 500;
    text-shadow: 1px 1px 1px #242424;
    font-size: 50px;
}
#reserva-online.v2 h1>span { 
    font-size: 50px;
}
#reserva-online.v2 h2 { font-family: 'Ubuntu'; text-shadow: none; text-align: left; text-shadow: 1px 1px 1px #242424; font-weight: 500; color: #fcc95b; font-size: 30px; }

#reserva-online.v2 h3 { font-family: 'Open Sans'; text-shadow: none; text-align: left; text-shadow: 1px 1px 1px #242424; font-weight: 500; color: #fff }

.btn-blanco {background-color: #fff; padding: 15px 30px; color: #333; border-radius: 6px; height: 65px; display: inline-flex; justify-content: center; align-items: center; font-size: 19px;}

#reserva-online.v2 .adorno_medio {
    position: relative;
    width: 100%;
    max-width: none;
}

.galeriav2 .lista-galeria.lista1 .galeria .imagen {margin: 0px;}
.galeriav2 .galeria .imagen:after { padding-top: 50%; }
.galeriav2 .lista-galeria .normal .imagen:after { padding-top: 100%; }

.caja_titulo_logo {position: relative;}
.caja_titulo_logo .titulo, .caja_titulo_logo .subtitulo{position: relative;}
.caja_titulo_logo .logo_fondo {    position: absolute;
    top: -25px;
    left: -65px; 
    height: 60px;
    opacity: 0.15;}
.caja_titulo_logo .titulo{ font-family: 'Ubuntu'; text-align: left; font-weight: 600; color: #005070; text-transform: none; margin-bottom: 5px;     font-size: 45px;}
.caja_titulo_logo .subtitulo{ font-family: 'Ubuntu'; text-align: left; font-weight: 600; color: #f6b220; text-transform: none }

.mapa_zone .btn-amarillo {background-color: #ffb400; color: #002c3e; padding: 15px 45px; border-radius: 5px;     font-size: 17px;}
.mapa_zone .btn-amarillo .icono_mapa, .mapa_zone .btn-amarillo-grande .icono_mapa {height: 16px;
    margin-top: -3px; margin-right: 4px;}

.mapa_zone .contenedor_iframe {border-radius: 10px; overflow: hidden}
.mapa_zone .contenedor_iframe>iframe {width: 100%!important}
.mapa_zone .contenido_mapa {padding-left: 40px}

.combo.v2{border-radius: 10px; padding:20px 10px;background-color:#f2fafd;border:solid 1px #89ddff; }

.combo.v2 .imagen{border-radius: 3px;}
.combo.v2 .precios{margin-top:10px;color:#e09c30;}
.combo.v2 .precios .precio{font-size:20px;color:#00a1e1;font-weight: 600;}
.combo.v2 .precios .ahorra{color:#777;font-size:12px;}
.combo.v2 .btn{margin-top:20px;}
.combo.v2 .servicio{background-color:#00a1e1;padding:20px;color:#fff;border:dotted 1px #ddd;}
.combo.v2 .servicio .imagen{border:solid 1px #fff;}
.combo.v2 .servicio h3{color:#fff;border-color:#fff;margin-top:10px;height:80px;overflow:hidden;}
.combo.v2 .separador{background-color:#8ad8f7;}
.combo.v2 .servicio p{font-size:12px;height:68px;overflow:hidden;}
.combo.v2 .servicio .precios{display:none;}
.combo.v2 .servicio .fa-plus{position:absolute;top:50%;right:-35px;font-size:50px;color:#e09c30;z-index:1;}

.combo.v2 p.small{display:block;}
.combo.v2 .titulo_combo {font-family: 'Ubuntu'; font-weight: 500; color: #00a1e1}
.combo.v2 .personita {height: 17px; margin-top: -7px;}

.serviciov2.combo_servicio {margin: 0px 10px; margin-bottom: 10px;}
.serviciov2.combo_servicio:hover .imagen_fondo, .serviciov2.combo_servicio:focus .imagen_fondo { filter: none}

.serviciov2.combo_servicio:hover .bloque_inicial, .serviciov2.combo_servicio:focus .bloque_inicial{opacity: 1}

.serviciov2.combo_servicio .imagen_fondo:after {
    content: "";
    padding-top: 130%;
    display: block;
}

.serviciov2.combo_servicio .bloque_inicial{ height: auto; padding-bottom: 40px;}

.plus_adicional {position: absolute; top: calc(50% - 30px); left: -12px; color: #f6b220; font-size: 30px;}

.btn-amarillo-grande { background-color: #f6b220; color: #333; padding: 15px 75px; border-radius: 5px; height: 70px; font-size: 19px; display: inline-flex; justify-content: center; align-items: center; }
.btn-amarillo-grande.btn-reserva {color: #FFFFFF; text-transform: uppercase;}
.btn-amarillo-grande.btn-reserva img {height: 30px; transform: rotate(15deg); margin-right: 15px;}
.btn-amarillo { background-color: #f6b220; color: #fff; padding: 8px 50px; border-radius: 5px }
.btn-amarillo.btn-reserva-pequeno { margin-right: 15px; background-color: #00A1E1; }
.btn-amarillo.filtro {padding: 8px 30px; height: 42px;}
.btn-reserva {background-color: #00A1E1;}

.caja_titulo_lateral .titulo_lateral { text-align: left; font-family: 'Ubuntu'; color: #005070; font-weight: 700; text-transform: none }
.caja_titulo_lateral .linea_horizontal {width: 550px;  height: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6b222+0,f6b222+100&1+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(246,178,34,1) 0%, rgba(246,178,34,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(246,178,34,1) 0%,rgba(246,178,34,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(246,178,34,1) 0%,rgba(246,178,34,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b222', endColorstr='#00f6b222',GradientType=1 ); /* IE6-9 */
    margin-top: 10px;
}

.caja_titulo_lateral.caja_desplazada { margin-bottom: 40px; position: relative; top: -25px;}

.caja_filtros_2 {border: 1px solid #89ddff; background-color: #f2fafd; border-radius: 5px; padding: 20px 20px;     bottom: 55px; position: relative}
.caja_filtros_2 label {color: #00a1e1; text-transform: uppercase;}
.caja_filtros_2 .form-group { margin: 0px; }
.caja_filtros_2 .separa-especial{height: 27px;}
.caja_filtros_2 .bootstrap-select{border-radius: 8px;}
.caja_filtros_2 .bootstrap-select button{border-radius: 8px;}
.zona_banner .titular_banner { position: relative; width: 100%; padding-top: 160px;}
.zona_banner .caja_titulo_lateral.caja_desplazada {margin: 0px;}

.cuadro_azul { border: 1px solid #c4eeff; border-radius: 5px; background-color: #f8fcfe; padding: 30px }
.cuadro_azul .zona_calendario { border: 1px solid #e2e2e2; border-radius: 5px; overflow: hidden}
.cuadro_azul .iconito { height: 20px; margin-top: -5px; margin-right: 5px; }
#detalle-servicio .cuadro_azul .titulo_cuadro { color: #005070;     font-weight: 600; font-family: 'Ubuntu' }

.etiqueta-precio-informativo {font-size: 15px; color: #0286ba; font-weight: 600; text-align: center;}
.precio-precio-informativo {text-align: center; font-size: 50px; color: #00a1e0; font-weight: bold; margin-top: -12px;}

.colsticky {position: sticky; top: 120px;}

.gran-enlace {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

/*SPLIDE*/
.splide_portada, .splide__list {max-height: 600px;}
.splide_portada .splide__arrow {height: 55px; width: 55px; background-color: #fef7e8;}
.splide_portada .splide__arrow img{height: 30px;}
.splide_portada .splide__arrow--prev img {transform: rotate(180deg);}
.splide_portada .splide__arrow--prev {left: -85px;}
.splide_portada .splide__arrow--next {right: -85px;}
.splide_portada .splide__arrow {top: 275px;}

.splide_portada .splide__pagination {display: none;}


#swipebox-overlay {
    background: #0d0d0ddb;
}
#swipebox-bottom-bar, #swipebox-top-bar{
    background: transparent;
}
.ug-lightbox .ug-lightbox-overlay{background: #0d0d0ddb; background-color: #0d0d0ddb !important;}

.no-bt{position: absolute; opacity: 0;}

#socialside a{text-decoration: none !important;}


/* Efecto del botón - Shutter Out Horizontal */
.hvr-shutter-out-horizontal, .btn-amarillo-grande, .btn-blanco {
    /*
    display: inline-block;
    vertical-align: middle;
    */
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal svg *, .btn-amarillo-grande svg *, .btn-blanco svg * {
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    fill: #333 !important;
}

.hvr-shutter-out-horizontal:before, .btn-amarillo-grande:not(.desactivado):before, .btn-blanco:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00a1e1;
    border-radius: 5px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.banner .boton .hvr-shutter-out-horizontal:before, .btn-reserva.btn-amarillo-grande:not(.desactivado):before {
    background: #f6b220;
}

.banner .boton .hvr-shutter-out-horizontal:before, .btn-blanco:before {
    background: #f6b220;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus, 
.hvr-shutter-out-horizontal:active
, .btn-amarillo-grande:hover
, .btn-amarillo-grande:focus
, .btn-amarillo-grande:active
, .btn-blanco:hover
, .btn-blanco:focus
, .btn-blanco:active{
    color: #fff;
}

.hvr-shutter-out-horizontal:hover svg *,
.hvr-shutter-out-horizontal:focus svg *, 
.hvr-shutter-out-horizontal:active svg *
, .btn-amarillo-grande:hover svg *
, .btn-amarillo-grande:focus svg *
, .btn-amarillo-grande:active svg *
, .btn-blanco:hover svg *
, .btn-blanco:focus svg *
, .btn-blanco:active svg *{
    fill: #fff !important;
}

.caja_entrada:hover .boton .hvr-shutter-out-horizontal:before, 
.caja_entrada:hover .boton .hvr-shutter-out-horizontal:before, 
.caja_entrada:hover .boton .hvr-shutter-out-horizontal:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hvr-shutter-out-horizontal:hover:before, 
.hvr-shutter-out-horizontal:focus:before, 
.hvr-shutter-out-horizontal:active:before
, .btn-amarillo-grande:hover:before
, .btn-amarillo-grande:focus:before
, .btn-amarillo-grande:active:before
, .btn-blanco:hover:before
, .btn-blanco:focus:before
, .btn-blanco:active:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* - -- - -- - -- - -- - -- 
-- - Fin Estilo botones - --
- -- - -- - -- - -- - -- - */

.texto_resp img{ max-width: 100%!important; object-fit: contain;}

/***************/
/* RESPONSIVO */
/***************/

@media screen and (min-width: 2000px){
    #servicios-portada .col-lg-5ths, .pagina-servicios .col-lg-5ths{width: 16.66666667%;}
    #servicios-portada .container-fluid ul>div:nth-child(n+13){display: none;}
}

@media screen and (max-width: 2000px) and (min-width: 1700px){
    #servicios-portada .container-fluid ul>div:nth-child(n+11){display: none;}
}

@media screen and (max-width: 1900px) {
    .caja_filtros_2 .btn-amarillo.filtro{font-size: 12px; padding: 0; width: 100%;}
}

@media screen and (max-width: 1700px) and (min-width: 1300px){
    #servicios-portada .col-lg-5ths, .pagina-servicios .col-lg-5ths{width: 25%;}
    #servicios-portada .container-fluid ul>div:nth-child(n+1){display: block;}
    #servicios-portada .container-fluid ul>div:nth-child(n+13){display: none;}
}

@media screen and (max-width: 1300px) and (min-width: 1200px){
    #servicios-portada .col-lg-5ths, .pagina-servicios .col-lg-5ths{width: 33.33333333%;}
    #servicios-portada .container-fluid ul>div:nth-child(n+1){display: block;}
    #servicios-portada .container-fluid ul>div:nth-child(n+13){display: none;}
}

@media screen and (max-width: 1600px){
    .list-inline>li.cabecera-correo{display: none;}
}

@media screen and (max-width: 1400px){
    .splide_portada{width: 1000px; margin: auto;}
    .splide_portada, .splide__list {max-height: 550px;}
    .caja_interior_galeria h2{font-size: 25px;}

    .caja_filtros_2 .btn-amarillo.filtro{font-size: 10px;}
}

@media screen and (max-width: 1300px){
    header.v2 .nav.navbar-nav>li>a{font-size: 13px;}
    .list-inline>li.cabecera-whatsapp{display: none;}
    .splide_portada{width: 900px; margin: auto;}
    .splide_portada .splide__arrow{top: 235px;}
    .splide_portada, .splide__list {max-height: 510px;}
}

@media screen and (max-width: 1200px){
    header.v2 .nav.navbar-nav>li>a{padding: 36px 10px; font-size: 12px;}
    header.v2 .adorno{left: -120px; top: -15px;}
    a.navbar-brand{width: 300px;}
    .logo_web a.navbar-brand{height: 100px; display: flex; justify-content: center; align-items: center;}
    .list-inline>li.cabecera-telefono{display: none;}
    .splide_portada{width: 800px; margin: auto;}
    .splide_portada .splide__arrow{top: 200px;}
    .splide_portada .splide__arrow--next{right: -50px;}
    .splide_portada .splide__arrow--prev{left: -50px;}
    .splide_portada, .splide__list {max-height: 460px;}
    .titulo_lateral{font-size: 30px;}

    #servicios-portada .container-fluid ul>div:nth-child(n+1){display: block;}
    #servicios-portada .container-fluid ul>div:nth-child(n+13){display: none;}

    .bloque_aparece *{display: none;}
    .bloque_aparece a:not(.btn), .bloque_aparece .gran-enlace{display: block;}

    #banner>div.container{top: -66px;}
    #banner>div.container:hover{top: 124px;}
    #banner .middle{padding: 0px 100px 20px; height: 170px;}
    .horarios li{font-size: 17px;}
    #banner .bottom{background-image: url(images/ver-horarios-bottom.png); background-size: contain; height: 63px; text-align: center; background-repeat: no-repeat;}
    #banner .bottom a{ line-height: 63px;}

    .serviciov2:hover .bloque_inicial, .serviciov2:focus .bloque_inicial{
        opacity: 1;
    }
    .serviciov2:hover .bloque_aparece, .serviciov2:focus .bloque_aparece{
        opacity: 0;
    }
    .serviciov2:hover .imagen_fondo, .serviciov2:focus .imagen_fondo{
        filter: none;
    }

    .caja_interior_galeria{padding: 25px;}
    .caja_interior_galeria .btn-blanco{padding: 10px 30px; height: 40px; font-size: 14px;}

    .caja_filtros_2{font-size: 12px;}
    .caja_filtros_2 .bootstrap-select button{font-size: 8px;}
    .caja_filtros_2 .form-control{height: auto;}
    .caja_filtros_2 .separa-especial{height: 22px;}
    .caja_filtros_2 .btn-amarillo.filtro{height: 33px; font-size: 10px;}

    .valoraciones .contenido p:not(.text-right){font-size: 24px;}
    .valoraciones .contenido span{font-size: 18px;}


    footer.v2 .lista_pie {flex-wrap: wrap;}
    footer.v2 .lista_pie>div {flex: 50%; text-align: center;}
    footer.v2 .lista_pie>div p {text-align: center;}
    footer.v2 .lista_pie>div:nth-child(odd) {border: 0;}
}

@media screen and (max-width: 992px){
    .nav.navbar-nav>li>a{padding: 20px; font-size: 14px;}
    header.v2{height: 50px;}
    header.v2 .nav.navbar-nav>li>a{padding: 4vw 10px;}
    .zona_banner>.texto_arriba{padding-top: 55px;}
    .zona_banner .titular_banner{padding-top: 100px;}
    a.navbar-brand{width: 140px;}
    .navbar.navbar-default{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0286ba+0,1fa9e0+100 */
        background: #0286ba; /* Old browsers */
        /*background: -moz-linear-gradient(top,  #0286ba 0%, #1fa9e0 100%); /* FF3.6-15 */
        background: -moz-linear-gradient(top,  #0286ba 0%, #4da0db 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #0286ba 0%,#4da0db 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #0286ba 0%,#4da0db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0286ba', endColorstr='#4da0db',GradientType=0 ); /* IE6-9 */
        box-shadow: none;
    }
    .navbar-brand{padding:0px;padding-top:15px; z-index: 1041;}
    .navbar-default .navbar-toggle{border: 2px solid #FFFFFF; border-radius: 8px; height: 40px; z-index: 1041;}
    .navbar-toggle .icon-bar{height: 3px;}
    header.v2 .menu_web2{height: 52px; border-bottom: 0;}
    header.v2 .navbar-brand img{height: 25px; width: auto;}
    header.v2 .navbar-brand{top: 0;}
    .forma-menu-movil{position: fixed; top: 52px; z-index: 1030;}

    .titulo_lateral{font-size: 25px;}

    #servicios-portada .container-fluid ul>div:nth-child(n+1){display: block;}

    /* MENU MOVIL */
    #bs-example-navbar-collapse-1{height: 100vh; width: 100vw; background-color: rgba(35, 79, 109, 0.95);}
    header.v2 .nav.navbar-nav>li.active>a, header.v2 .nav.navbar-nav>li>a:hover, header.v2 .nav.navbar-nav>li.active>a:hover{background: transparent;}
    .navbar-nav>li{display: block; width: 80vw;}
    .navbar-menu{display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; height: 100%;}
    .navbar-menu li a{border: 0 !important;}
    .navbar-menu li:not(.no-menu) a{border-bottom: 10px solid !important; border-image-slice: 1 !important; border-width: 2px !important; border-image-source: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(246,178,32,1) 50%, rgba(255,255,255,0) 95%) !important;}
    header.v2 .nav.navbar-nav>li>a{font-size: 4vw; text-align: center;}
    /* FIN MENU MOVIL */

    #reserva-online.v2 h1>span{font-size: 40px;}
    #reserva-online.v2 h2{font-size: 25px;}
    #reserva-online.v2 h3{font-size: 16px;}
    #reserva-online .contenedor-boton{text-align: right; margin-top: 20px;}

    .btn-reserva-movil {position: fixed; bottom: 0; z-index: 100; width: 100vw;}
    .btn-reserva-movil .btn{border-radius: 0;}

    .colsticky {position: relative; top: 0;}

    .no-wrapper-flex-mobile{display:block;}

    .nav.navbar-nav>li>a{padding: 21px 8px; font-size: 12px;}
    a.navbar-brand{width: 200px;}

    #banner .container{display: none;}

    .galeria .imagen{margin: 0px 10px 20px;}
    .lista-galeria li{width: 50%;}
    .lista-galeria li.grande{width: 100%;}

    .contenedor-del-amarillo{text-align: center;}

    .valoraciones .contenido p:not(.text-right){font-size: 20px;}
    .valoraciones .contenido span{font-size: 14px;}

    .slideshow>li>.imagen{height:500px;}

    footer ul, footer h4{text-align: center;}

    .navbar.navbar-default .top-info p {
        font-size: 14px;
    }

    .enlaces_interes_zone {margin-top: 30px; }

    .caja_interior_galeria {padding: 70px 70px;}
    .caja_interior_galeria .zona_boton .btn-blanco {padding: 15px 50px;}


    #servicios-portada .container-fluid ul>div:nth-child(4n+2) .serviciov2 .bloque_inicial, #servicios-portada .container-fluid ul>div:nth-child(4n+3) .serviciov2 .bloque_inicial, .pagina-servicios>li:nth-child(4n+2) .serviciov2 .bloque_inicial, .pagina-servicios>li:nth-child(4n+3) .serviciov2 .bloque_inicial {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a1e1+0,00a1e1+99&0+0,1+45 */
        background: -moz-linear-gradient(top,  rgba(0,161,225,0) 0%, rgba(0,161,225,1) 45%, rgba(0,161,225,1) 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,161,225,0) 0%,rgba(0,161,225,1) 45%,rgba(0,161,225,1) 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,161,225,0) 0%,rgba(0,161,225,1) 45%,rgba(0,161,225,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a1e1', endColorstr='#00a1e1',GradientType=0 ); /* IE6-9 */

    }
    #servicios-portada .container-fluid ul>div:nth-child(4n) .serviciov2 .bloque_inicial, #servicios-portada .container-fluid ul>div:nth-child(4n+1) .serviciov2 .bloque_inicial, .pagina-servicios>li:nth-child(4n) .serviciov2 .bloque_inicial, .pagina-servicios>li:nth-child(4n+1) .serviciov2 .bloque_inicial {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a1e1+0,005070+99&0+0,1+45 */
        background: -moz-linear-gradient(top,  rgba(0,161,225,0) 0%, rgba(0,124,174,1) 45%, rgba(0,80,112,1) 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,161,225,0) 0%,rgba(0,124,174,1) 45%,rgba(0,80,112,1) 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,161,225,0) 0%,rgba(0,124,174,1) 45%,rgba(0,80,112,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a1e1', endColorstr='#005070',GradientType=0 ); /* IE6-9 */
    }

    .instagram-widget>div{position:relative; padding-top:calc(100vw / 3);}
    .instagram-widget iframe{width:200% !important;}
    .padre_imagen .imagen {background-size: contain;}
    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: var(--secundario);
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid var(--primario);
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .n_control{
        margin-top: 10px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: #fff;
    }

    .caja_filtros_2{font-size: 16px;}
    .caja_filtros_2 .form-group{text-align: center;}
    .caja_filtros_2 .bootstrap-select button{font-size: 14px;}
    .caja_filtros_2 .separa-especial{height: 0;}
    .caja_filtros_2 .btn-amarillo.filtro{height: 42px; font-size: 14px; width: 200px; margin: auto;}
}

@media screen and (max-width: 767px){
    .navbar-nav{margin: 0;}
    header.v2 .navbar-brand{left: 0;}
    header.v2 .red_social_cabecera{height: 6vw; margin-left: 10px; margin-right: 10px;}

    .zona_banner .titular_banner{padding-top: 85px;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin: 0;}
    .btn-amarillo-grande, .btn-blanco {max-width: 100%;}

    .zona_banner>.texto_arriba{padding-top: 45px;}
    .zona_banner>.texto_arriba>p{font-size: 20px;}
    .zona_banner{height: auto;}
    .zona_banner.apartados_banner{height: auto;}
    .banner_adorno{height: 250px;}
    .apartados_banner .banner_adorno{height: 190px;}
    .titulo_lateral{font-size: 20px;}
    .caja_titulo_lateral .linea_horizontal{max-width: 100%;}

    #servicios-portada .container-fluid{padding: 7px;}
    #servicios-portada .container-fluid ul>div{padding: 7px;}
    #servicios-portada .container-fluid .serviciov2{margin-bottom: 0;}
    #servicios-portada .container-fluid .btn-amarillo-grande{width: calc(100% - 16px);}
    .serviciov2 .titulo{font-size: 15px; line-height: 18px; bottom: 0;}
    .serviciov2 .precio{font-size: 14px; margin: 5px 0;}
    .serviciov2 .caja_titulo{margin-top: 0;}
    .serviciov2 .bloque_inicial{height: 90px;}

    #reserva-online.v2 h1>span{font-size: 26px;}
    #reserva-online.v2 h2{font-size: 18px;}
    #reserva-online.v2 h3{font-size: 12px;}

    .galeria .imagen{margin: 0px 0px 10px;}

    .ultimas-noticias>li{padding: 0px;}

    .ultimas-noticias h3{height: auto;}
    .ultimas-noticias h4{height: auto;}
    .ultimas-noticias p{height: auto;}

    .mapa_zone .contenido_mapa{padding-left: 0;}

    #testimonios{display: none;}

    #reserva-online .contenedor-boton{text-align: center;}
    #reserva-online .btn{padding: 10px 0; display: flex;}
    #redes-sociales .linea-gris{width: 100%;}
    .caja_titulo_logo .titulo{font-size: 36px;}

    .btn-reserva-pequeno{width: calc(100% - 30px);}

    .caja_interior_galeria{padding: 20px 20px;}


    #banner.interior{height:100px;}
    .white{font-size:10px;}
    .otros-contenidos li{display:inline-block; margin-left:10px; padding-left: 10px; border-left:solid 1px rgba(255,255,255,0.1);font-size:10px;}
    .otros-contenidos li:first-child{margin-left:0px;padding-left:0px;border:none;}

    .btn-comprar{font-size: 12px}

    .instagram-widget>div{position:relative; padding-top:calc(100vw / 2);}
    .instagram-widget iframe{width:300% !important;}

    footer.v2 .lista_pie>div{flex: 100%; border: 0; margin-bottom: 10px;}
    footer.v2 .logo_pie img{right: 0;}
    .otros-contenidos li{margin-bottom: 10px;}
}

@media screen and (max-width: 767px){
    .combo .servicio h3{font-size:14px;height:45px;margin-top:0px;}
    .combo h1{font-size:18px !important; text-align:center;}
    .combo.v2 .precios{text-align:left !important;}
    .serviciov2.combo_servicio{margin-left: 0; margin-right: 0; height: 150px;}
    .serviciov2.combo_servicio .linea{display: none;}
    .serviciov2.combo_servicio .imagen_fondo{height: 100%;}
    .serviciov2.combo_servicio .bloque_inicial{padding-bottom: 0;}
    .serviciov2 .caja_titulo{height: 45px;}
    .plus_adicional{display: none;}
    .combo .precios{font-size:14px;}
    .combo .servicio{border-color:#fff;border:solid 1px;padding:15px;}
}

#page-content-mobile #banner{border:none;position:fixed;top:90px;left:0px;width:100%;height:35vh;}
#page-content-mobile #logo{border:none;position:fixed;top:0px;left:0px;width:100%;height:35vh;z-index:11;}
#page-content-mobile #logo img{width:100%;}
#page-content-mobile .slideshow>li>.imagen{height: 35vh;}
#page-content-mobile .overlay1{border:none;position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:9;background-color:rgba(255,255,255,0);}
#page-content-mobile .overlay{border:none;position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:10;background-image:url(images/fondo-mobile.png);background-size:cover;background-position:center center;}
#page-content-mobile #menu_mobile{border:none;position:fixed;bottom:0px;left:10%;width:80%;height:45vh;z-index:11;color:#fff;}
#page-content-mobile #menu_mobile a{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
#page-content-mobile #menu_mobile a:hover,#page-content-mobile #menu_mobile a:active{ text-decoration: none;}
#page-content-mobile #menu_mobile a i{font-size:50px;display:block;width:100px;height:100px;line-height:95px;border-radius: 100%;border:solid 3px #fff;margin:0 auto;background-color: rgba(0,10,50,0.4);margin-bottom:10px;}
#page-content-mobile #menu_mobile li{text-align:center;margin-bottom:20px;}

.idiomas_mobile_intro{position:fixed;top:0px;padding:125px 10px 10px 10px;border-radius:5px;left:50%;margin-left:-92px;z-index:10;}
.idiomas_mobile_intro2{position:fixed;top:0px;width:190px;padding:165px 10px 10px 10px;border-radius:5px;left:50%;margin-left:-92px;z-index:1;background-color:rgba(0, 40, 75, 0.6);}
.idiomas_mobile_intro img{height:30px;margin:3px;}

@media screen and (max-height: 630px){
    #page-content-mobile #menu_mobile a i{font-size:30px;display:block;width:60px;height:60px;line-height:55px;border:solid 1px #fff;margin-bottom:5px;}
}
@media screen and (max-height: 430px){
    #page-content-mobile #menu_mobile a i{display:none;}

}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}