/*
 Created on 07-nov-2016
 Author: Plissken <llamameserpiente@insyde.es>
 Copyright 2016 INSYDE S.L. All rights reserved.
 INSYDE S.L. PROPRIETARY/CONFIDENTIAL. Use is subject to license terms
*/
/* 
    Created on : 07-nov-2016, 11:15:20
    Author     : Plissken <llamameserpiente@insyde.es>
*/
#selectLangMenuSuperior{
    display: none;
}
.cerrarCustom {
  position: absolute;
  right: 5px;
  top: 7px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer;
}
.cerrarCustom:hover {
  opacity: 1;
}
.cerrarCustom:before, .cerrarCustom:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.cerrarCustom:before {
  transform: rotate(45deg);
}
.cerrarCustom:after {
  transform: rotate(-45deg);
}
.divFlexBloque1{
    display: flex;
    align-items: center;
    /*min-height: 40vmax;*/
    height: auto;
    margin: auto;
}
.divBloque1{
/*    width: max-content;
    height: max-content;*/
    margin: auto;
    padding: 35px;
}

.categoriasBuscador{
    display: flex;
    /*padding-left: 0px !important;*/
}
.divContenedorBuscar2{
    display: inline-block;
    width: 50%;
    position: relative;
}
.cabeceraTotal{
    display: flex;
}
iframe.twitter-share-button{
    vertical-align: bottom !important;
}
.cabeceraEsdevs{
    height: 450px;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
.claseA2, #divSearch{
    line-height: 2em;
}
.claseA2{
    text-transform: uppercase;
}
.ClaseAHover{
    text-transform: initial;
}
/*CLEARFIX COSES*/

.clearfix2:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

/* benötigt Safari zwingend */
.clearfix2 { display:block; }

/* IE6 + 7: hasLayout aktivieren */
.clearfix2 { height:1%; }  

/* Wenn ich doch mal traditionell clearen will */
.clearing2 { clear: both; line-height: 0px; font-size: 1px; height: 0px; }
/*CLEARFIX COSES ACABAES*/

.bannerContacto{
    /*width:100%;*/
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 30px !important;
}
.bannerActividad{
    /*width:100%;*/
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 30px !important;
}

.imageRRSSWidth{
    max-width: unset;
}
.imageRRSSWidth2{
    height: 40px;
    width: auto !important;
}

.imageRRSS img:last-child{display:none}
.imageRRSS:hover img:first-child{display:none}
.imageRRSS:hover img:last-child{display:inline-block}

.dropdown {
    position: relative;
    display: inline-block;
}
.imageNoti {
    max-width: 100%;
}
.actDivHij,.actDivHij1,.actDivHij2,.actDivHij3{
    font-size: 0.85em;
    margin: 2px 0;
}
@media(min-width: 1200px){
    .esconderEn1200{
        display:block;
    }
    .mostrarEn1200{
        display:none;
    }
	#google_translate_element{
		top:130px;
	}
}
@media(max-width: 1199px){
    .centrarImgPhone{
        text-align: center;
    }
    .esconderEn1200{
        display:none;
    }
    .mostrarEn1200{
        display:block;
    }
}
.maxW1500{
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}
.divCategoria{
    font-size: 3rem;
    font-weight: 600;
}
.imgGaleriaPoi{
    width: 100%;
    margin-top: 25px;
    background-size: cover;
    background-position: center center;
    min-height: 250px;
}
.galeriaImgPoi{
    margin-top: 25px;
}
.divOpaco {
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    position: absolute;
    margin-left: -16px;
    margin-top: -12px;
    /*opacity: 0.1;*/
}
.divOpaco:hover {
    opacity: 0.2;
}
.divRelativo {
    position: relative;
    width: auto;
    white-space: nowrap;
}

.dropdown-content {
    display: none;
    position: absolute;
    /*    background-color: #f1f1f1;*/
    /*min-width: 250px;*/
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 999;
    text-align: left;
    margin-left: -15px;
    /*margin-top: 2px;*/
}
dropdown-content2:hover{
    display:block !important;
}
.dropdown-content2 {
    display: none;
    position: absolute;
    /*background-color: #f1f1f1;*/
    /*min-width: 250px;*/
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 999;
    text-align: left;
    /*left: 100%;*/
    top: 0%;
    /*transition: all 1s ease;*/
}
.edge {
    right:0px;
}
.edgeVar{
    float: left !important;
}
.actHijVis div {
    display: block;
}
.buscadorTitle {
    font-size: 25px;
    margin: 20px;
}
/* header large */
#menuNavegacion .large {
    height: 120px;
}
#menuNavegacion .large img {
    margin-top: 30px;
}
#menuNavegacion .large li {
    margin-top: 52px;
}

/* header small */

#menuNavegacion .small {
    height: 50px;
}
#menuNavegacion .small img {
}
#menuNavegacion .small li {
    margin-top: 17px;
}

/* Transitions */

header,
nav,
a,
img,
li {
    /*    transition: .7s all;
        -moz-transition: .7s all;
        -webkit-transition: .7s all;
        -o-transition: .7s all;*/
}
.act,.act1,.act2,.act3{
    cursor:pointer;
    font-weight: 600;
    margin-bottom: 10px;
}
.act:last-child,.act1:last-child,.act2:last-child,.act3:last-child {
  margin-bottom: 0px;
}
.imageContacto{
    overflow: hidden;
    height: 200px;
    text-align: center; 
    margin: 1em 0;
}
.imageContactoList{
    height: 200px; 
    margin: 1em 0;
    text-align: center;
}
.imageContactoList img{
    max-height: 200px;
    max-width: 100%;
}
.nomCont{
    margin-bottom: 5px;
    font-weight: bold;
}

.imageContacto img{
    max-height: 200px;
    width: auto;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.contactosDiv{
    margin-bottom: 120px;
    text-align: center;
    max-height: 300px;
}
.divSorteoAll{
    display: flex;
    align-items: center;
}
.divSorteo{
    padding: 15px;
    margin: 15px;
    position: relative;
}
.divSorteoHover{
    cursor: pointer;
}
.divSorteoHover:hover > .divSorteoNombre, .divSorteoHover:hover > .divSorteoFechas{
    filter: blur(4px);
    transition: all 0.4s ease-in-out;
}
.divAdherirse{
    display: flex;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #a7112d;
    transition: all 0.4s ease-in-out;
}
.divAdherirse > div{
    font-size: 1.2em;
    margin: auto;
}
.divSorteoHover:hover > .divAdherirse{
    opacity: 1;
}
.divSorteoNombre{

}
.divSorteoFechas{

}
.contInfo{
    margin: 10px;
}
#contenido{
    /*margin-top: 150px;*/
}
.contenidoPag{
    max-width: calc(100% - 30px) !important;
}
/********* Printing Styles ************************/
@media print{
    h2,h1 { 
        text-align: center !important;
        width: 100% !important;
    }
    a[href]:after{
        content:none !important
    }
    .contenidoPag,.noticiaMapa,footer,.hrCont,.buscadorTitle,.alineadoDerecha,.alineadoIzquierda{
        display:none !important
    }  
    .colocaLogo {
        margin-top: 0px !important;
    }
    body {
        width: 100%;
        margin-top: 0px;
        padding-top: 0px;
    }
    .imageContactoList{
        width: 25%;
        float:left;
    }
    .contactosDivList{
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 40px;
        text-align: left;
        max-height: 295px;
    }
    .imageContactoList img{
        width: 100%;
        max-height: 200px;
    }
    .contInfo{
        margin: 10px;
    }
    .breakPage{
        display: block; page-break-after: always;
    }
}
/********* FIN Printing Styles ************************/
.breakPage{
    display: none;
}
button.print {
    outline: 0;
    background-color: rgb(241,241,245);
    border-radius: 5px;
    border: 1px solid rgb(168,171,174);
    color: #767575;
    font-size: 18px;
    height: 40px;
    margin-right: 40px;
    width: 40px;
    margin-top: 0.5em;
}
#selectorActividades{
    margin-top: 40px;
    margin-bottom: 40px;
}
.dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}


.dropdown:hover .dropdown-content {
    display: flex;
    margin-top: 2px;
}

.mostrarSubMenu {
    min-width: 200px;
    width: auto;
    display: block !important;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.dropdown2:hover .dropbtn {
    background-color: #3e8e41;
}

body{
    overflow-x: hidden;
}
body.hideOverflow{
    overflow-y:hidden;
    position: relative;
    height: 100%;
}
html.hideOverflow{
    overflow-y:hidden;
    position: relative;
    height: 100%;
}
header{
    /*background-color: red;*/
    position:relative;

}
.TodoBloques{
    /*display: inline-block;*/
    margin: 15px;
    /*margin-top: 0px;*/

}
.notiTitol{
    font-size: 20px;
    border-bottom: 1px solid #4a4a4a;
    margin-bottom: 15px;

}
.mostraInfoPInteres{
    padding: 15px;
    padding-left: 0px;
    font-weight: 600;
}
.noneDisplay {
    display: none;
}

.ActContent,.ActContent1,.ActContent2,.ActContent3 {
    text-align: center;
    position: absolute;
    width: 100%;
    padding: 20px 10px;
    background: #fff;
    border: 2px solid;
    border-top: 0px;
    z-index: 1;
}
.positionRelative{
    position: relative;
}
.center{
    text-align: center;
}

.btn2{
    border: 2px solid #414141 !important;
    border-radius: 1px !important;
    background-image: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
}

.btn2::placeholder { 
    color: #414141;
    opacity: 1; 

}

.btn2:-ms-input-placeholder { 
    color: #414141;
}

.btn2::-ms-input-placeholder { 
    color: #414141;
}

.btn2 {
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.imageCabecera{
    height: auto; 
    width: auto; 
    max-width: 100%; 

}
.bigBanner{
    /*max-height: calc(100vh - 175px);*/
    overflow: hidden;
    width: 100%;
}

/***************DATEPICKER*************/
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102,175,233,.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\e080";
}
.ui-datepicker .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}
.ui-widget-header {
    border: 0px ;
    background: #FFF;

}
.ui-widget-header .ui-icon {
    background-image: none;
    text-indent: 100px;
}
.ui-corner-all {
    padding: 4px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
    border: 0px;
}
/*******END******/

.nav-up {
    top: -40vmax !important;
}

.buscadorAct{
    text-decoration: none;
}
.buscadorAct:hover{
    text-decoration: none;
}
.btn-default{
    transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
}
.mySlides {
    display:none;
}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-container{padding:0.01em 16px}
.w3-content{margin:auto;margin-bottom: 30px !important;}
.w3-right{text-align:right!important;padding-right: 45px}
.w3-right .w3-bar{display:inline-block;width:auto}
.w3-display-container:hover .w3-display-hover{display:block}
.w3-display-container{position:relative}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-transparent{background-color:#aaa!important}
.w3-border{border:0px !important}
.w3-badge{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;width:3%;height:10px;padding:0;cursor:pointer}

.logoMain{
    max-width: 250px;
    max-height: 140px;
    /*margin-left:70px;*/
    /*margin-right:0px;*/
}
.fila.row.noticies li{
    padding-left: 4px !important;
    padding-right: 4px !important;
}
#portadaTopWrap{
    position:absolute;
    display:none;
}
#bb1{
    position:absolute;
    top:0;
}
#bb2{
    top:0;
}
#bloque1{
    /*min-height:50px;*/
}
#rrss{
    text-align: right;
}
#rrss a{
    margin:5px;
}
.maxAmple{
    max-width:1280px;
}
.vertodosrss{
    margin-top: 40px;
}

.envoltaNoti {
    margin-top: 20px;
    margin-bottom: 80px;
    height: auto;
    overflow: hidden;
}
.mapa{
    height: 600px;
    /*margin-left: -100px;*/
    /*margin-right: -100px;*/
    /*width: calc(100% + 200px);*/
}
.enllacNoti{
    background-size: cover;
    background-position:center center;
    overflow: hidden
}
.comercialWrap{
    float: left;
    margin-bottom: 27px !important;
}
.iCameraRetro{
    vertical-align: middle;
    font-size:100px; 
    color:#ccc; 
}
/**FORMULARIS**/
.formCSSC select{
    display: block;
    border: 2px solid !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    /*color: #555;*/
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#startpoint{
    display: block;
    border: 2px solid !important;
    border-radius: 0px !important;
    width: auto !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top:15px;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btnEmpezar{
    /*margin-top: 25px;*/
    border: 2px solid !important;
    border-radius: 0px !important;
    margin-bottom: 25px;
    width: 150px !important;	
}

.formCSSC input[type=text], .form-group input[type=email], .form-group input[type=text], .form-group input[type=date]{
    display: block;
    border: 2px solid !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    /*color: #555;*/
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.subs{
    min-height:0px !important;
    max-height:100% !important;
    margin-left:0px !important;
    margin-top:40px !important;
    margin-bottom:40px !important;
    text-align:initial !important;
    max-width:100% !important;
    float: none  !important;
    border-radius:0px  !important;
    border:solid 0px  !important;
    box-shadow: 0px 0px 0px #333 !important;
    padding:0px !important;
    overflow-y: initial !important;
}
.cuadricula{
    margin-bottom: 40px;
}
.cuadricula > a > img {
    margin: auto;
    -webkit-box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.52);
    box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.52);
}
.tAlignCenter{
    text-align: center;
}
.formCSSC input[type=checkbox],
.formCSSC input[type=radio]{
    display: block;
}
.formCSSC input[type=button]{
    margin-top: 25px;
    border: 2px solid !important;
    border-radius: 0px !important;
    margin-bottom: 25px;
    width: 150px !important;	
}
.divCheckBox{
    margin: 0 13px 2px 14px;
}
.checkContainer{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px !important;
    cursor: pointer;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkSpan {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    /*    background-color: #eee;
        border: 2px solid;*/
    border-radius: 3px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
}
.checkSpan:after {
    content: "";
    position: absolute;
    display: none;
}
.checkContainer input:checked ~ .checkSpan:after {
    display: block;
}
.checkContainer .checkSpan:after {
    left: 8px;
    top: 1px;
    width: 7px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.formCSSC input[type=checkbox]{
    /*float: left;*/
    border: 2px solid !important;
    border-radius: 0px !important;
    margin-right: 8px !important;
    width: 0px !important;
    height: 0px !important;
    /*margin-top: 0px;*/
    visibility: visible;
    display: inline;
}
.alignLeft{
    text-align: left;
}
.formCSSC input[type=button]:hover{
    background-color: #e1e1e1;
}

.form-control{
    border-width: 1px !important;
}

.formCSSC textArea{
    display: block;
    width: 100% !important;
    /*height: 34px;*/
    border: 2px solid !important;
    border-radius: 0px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    /*    color: #555;*/
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.formCSSC label{
    margin-bottom: 3px;
    margin-top: 8px;
    font-weight: 400;
}
/**FI FORMULARIS**/

.actDivPadre div{
    /*display: none;*/
}
.audioPoiDivText{
    width: 100%;
    height: 100%;
}
.spanFitxero{
    height: 23px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*width: 60%;*/
    margin-top: auto;
    margin-bottom: auto;
    line-height: 1;
}
.conHover{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    /*border-radius: 50%;*/
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0);
    cursor: pointer;
    user-select: none;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.imgConHover:hover > .conHover, .parent:hover > .imgConHover > .conHover{
    background-color: rgba(0, 0, 0, 0.7);
    color: rgba(255, 255, 255, 1);
    /*border-radius: 4px;*/
}
/****/
@media(min-width: 1200px){
    .solocontentImg{
        height: 300px;
        position: relative;
    }
    #bloque1 h1{
        /*font-size: 4vw !important;*/
        font-size: 1.5vmax !important;
        text-transform: uppercase;
    }
    .divrrss2{
        display:none;
    }
    .divContactos{
        padding-top: 5px;
        padding-left: 0px !important;
        font-weight: bold;
    }
    .divPois{
        /*padding-top: 15px;*/
        padding-left: 0px !important;
    }
    .enllacNoti{
        height: 350px;
    }
    .fechaCat{
        margin-top: 30px;
    }
    .noticiaAll{
        margin-left:100px;
        margin-right: 100px;
    }
    /************WIDGET TWITTER************/
    .twitterOverflow {
        max-height: 500px;
        overflow-y: scroll;
        margin-bottom: 50px;
    }
    .alineadoIzquierda { 
        text-align: left; 
        margin-bottom: 40px;
    }
    .alineadoDerecha { 
        text-align: right;  
        margin-bottom: 40px;
    }
    .contentMargin{
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
    .divContenedorBuscar {   
        position: relative;
        display: inline-block; 
        width: 50%;
    }
    #cabNoti{
        margin-top: 75px !important;
        margin: 100px;  
    }
    #cabEvents{
        margin-top: 75px !important;
        margin: 100px;  
    }
    .h2TitolEvent{
        display:inline;
        background-color: white;
        line-height: 1.35;
    }
    .h2TitolEvent span{
        padding: 5px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    .deLEsdev{
        overflow: hidden;
    }
    .dinsEvent{
        max-width: 80%;
        margin-left: 40px;
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .fechaEvento{
        z-index: -1;
        position: relative;
    }
    .h2TitolEvent{

    }
    .leerMasEvent{
        margin-top: 30px;
        position: relative;
    }
    /********************VISUALIZACIÓN DE 1 SOLO EVENTO EN LA HOME***********************/
    /*    .dinsEvent{
            max-width: 50%;
            margin-left: 80px;
            position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            animation-name: slide;
            animation-duration: 2s;
        }
        .fechaEvento{
            z-index: -1;
            position: relative;
            opacity: 0px;
            animation-name: slide;
            animation-duration: 3s;
            animation-delay: 1s;
        }
        .h2TitolEvent{
            animation-name: slide;
            animation-duration: 2s;
        }
        .leerMasEvent{
            margin-top: 30px
            position: relative;
            opacity: 0px;
            animation-name: slide;
            animation-duration: 2s;
            animation-delay: 1s
        }
        @keyframes slide {
          from{
              opacity: 0;
              left: -1000px;
          }to{
              opacity: 1;
              left: 0px;
          }
        }*/
    /******************** FIN ** VISUALIZACIÓN DE 1 SOLO EVENTO EN LA HOME***********************/

    #menuNavegacion{

        width: 100%;
        top: 0;
        left :0;
        z-index: 999;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .scrolled{
        position: fixed !important;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
        box-shadow: 0 1px 3px rgba(0,0,0,.11);
    }
    .scrolled .logoMain img{
        max-height: 75px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }
    .scrolled #mainMenu{
        margin-top: 40px;
        margin-right: 40px;
    }
    .scrolled .menuSupCont, .scrolled .rrss, .scrolled #divSearch, .scrolled .comercialWrap{
        display: none;
    }
    .dropdown-content{
        overflow: hidden;
        padding-bottom: 10px;
        -webkit-animation-name: dropdownContent;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: ease-in;

        -moz-animation-name: dropdownContent;
        -moz-animation-duration: 0.5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-direction: alternate;
        -moz-animation-timing-function: ease-in;

        -ms-animation-name: dropdownContent;
        -ms-animation-duration: 0.5s;
        -ms-animation-iteration-count: 1;
        -ms-animation-direction: alternate;
        -ms-animation-timing-function: ease-in;

        animation-name: dropdownContent;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-direction: alternate;
        animation-timing-function: ease-in;



    }

    @keyframes dropdownContent{
        from{
            opacity: 0;
        }to{
            opacity: 0.95;
        }
    }

    .imageCabecera{
        -webkit-animation-name: imageSlide;
        -webkit-animation-duration: 1.5s;
        animation-name: imageSlide;
        animation-duration: 1.5s;
    }
    @keyframes imageSlide{
        from{
            opacity: 0.4;
            /*filter: brightness(50%);*/
        }to{
            opacity: 1;
            /*filter: brightness(100%);*/
        }
    }
    @-webkit-keyframes imageSlide {
        from {opacity: .4}
        to {opacity: 1}
    }

    .deforaEv span{
        padding: 5px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        font-size: 16px;
    }
    .divEvPass{
        height: 12px;
        border: 1px solid #FFF;
        background-color: #aaa;
        cursor: pointer;
    }
    .preDivEv{
        margin-top: 35px;
    }
}
@media(max-width: 1199px){
    .noticiaAll{
        margin-top: 75px;
    }
    .solocontentImg{
        height: 250px;
        position: relative;
    }
    #bloque1 h1{
        /*font-size: 4vw !important;*/
        font-size: 2vmax !important;
        text-align: center;
        text-transform: uppercase;
    }
    .notiTitol{
        margin-top: 30px;

        margin-left: 15px;

        margin-right: 15px;

        text-align: center;
    }
    .panel{
        border-radius: 0px !important;
    }
    #menuButtonResp::before{
        width: 104%
    }
    #menuButtonResp::after{
        width: 104%
    }

    .list-group-itemUppercase{
        text-transform: uppercase !important;
        /*border-top: 1px solid #ddd !important;*/
    }
    .list-group-item{
        text-transform: initial;
    }

    .bigBannerImgCover{

    }
    .contactosDiv{
        /*display: contents;*/
    }
    .noticiaMapa{
        margin-top: 50px !important;
    }
    #cabEvents{
        margin-top: 75px !important;
    }
    .h2TitolEvent{
        display:inline;
        background-color: white;
        line-height: 1.35;
    }
    .h2TitolEvent span{
        padding: 5px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    .deLEsdev{
        overflow: hidden;
    }
    .dinsEvent{
        max-width: 80%;
        margin-left: 40px;
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .fechaEvento{
        z-index: -1;
        position: relative;
    }
    .h2TitolEvent{

    }
    .leerMasEvent{
        margin-top: 30px;
        position: relative;
    }
    .deforaEv span{
        padding: 5px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        font-size: 16px;
    }
    .divEvPass{
        height: 12px;
        border: 1px solid #FFF;
        background-color: #aaa;
        cursor: pointer;
    }
    .preDivEv{
        margin-top: 35px;
    }

    .titulNoti{
        margin-left: 15px;
    }
    .divrrss{
        display:none;
    }
    .divContactoAll{
        /*text-align: center;*/
        padding-bottom: 30px;
    }
    .divContactoAll img{
        margin: auto;
    }
    .divContactos{
        padding-top: 5px;
        font-weight: bold;
    }
    .divrrss2{
        padding-top: 30px !important;
        text-align: center;
    }
    .enllacNoti{
        height: 150px;
    }
    .fechaCat{
        margin-top: 10px;
    }
    .noticia{
        /*        margin-left:15px ;
                margin-right:15px ;*/
    }
    .contentMargin{
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .alineadoIzquierda { 
        margin-bottom: 10px;
    }
    .alineadoDerecha {   
        margin-bottom: 10px;
    }
    .divContenedorBuscar {  
        position: relative;
        display: inline-block; 
        width: 90%;
    }
    #cabNoti{
        margin-bottom: 40px;  
    }
    #cabEvents{
        margin-bottom: 40px;  
    }

}
@media(min-width: 1400px){
    .width21{
        width: 21% !important;
    }
}
@media(max-width: 1400px){
    .width21{
        width: 20% !important;
        margin-left: 40px !important;
    }
}
.maxWidth{
    max-width:1280px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.marginLeftCat{
    margin-left: 50px;
}

.noticia,.comercialWrap{
    /*max-width:1280px;*/
    display:block;
    margin-right:auto;
    margin-top:20px;
    margin-bottom: 20px;
}
section div.maxAmple{
    padding-top:20px;
    padding-bottom:20px;
}
#bigButtons{text-align: center;}
#bigButtons img.botonImg{
    cursor:pointer;
}
.langButton{
    /*margin-left: 15px; */
    margin-right: 15px; 
    /*    line-height: 100px;*/
    display: inline-block;
}
.mainText{
    margin: 0px;
}

#solocontent{

    margin-bottom: 30px;
}
.mainLogo{
    /*position:absolute;*/
    z-index:5;
    /*display:none;*/
    max-height: 115px;
    margin: auto;
    transition: all .4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
@media(max-width:1000px){
    .categoriasBuscador{
        padding-left: 15px !important;
    }
}
@media(max-width:500px){
    .categoriasBuscador{
        display: inline-block !important;
    }
    .divContenedorBuscar2{
        position: relative;
        width: 100% !important;
        margin-bottom: 15px;
    }
	.carousel:not(#carousel-example-generic) {
	  padding-top: 30% !important;
	}
}
@media(min-width:1500px){
    .cabeceraTotal{
        margin-left: 50px;
        margin-right: 50px;
    }
}
@media(max-width:1499px){
    .cabeceraTotal{
        margin-left: 0px;
        margin-right: 0px;
    }
}
.menuSupCont{
    line-height: 2em;
    /*height:45px;*/
    text-align: center;
    /*padding-left:5% !important;*/
}
.navbar{
    position: fixed !important;
}
#menuNavegacion{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;

}
#search_box{
    margin-top: 72.5px;
    transform: translateY(-50%);
    height: 50px;
    width: 50%;
    display: inline-block;
    font-size: 35px;
    text-align: center;
}
.topLink{
    margin: 15px;
}
#mainMenu a, #mainMenu li:hover,div#modalPlanOcupacion div.eventDesc,div#modalPlanOcupacion h5.eventTitolPlan,div#modalPlanNuevo div.eventDesc,div#modalPlanNuevo h5.eventTitolPlan,div#modalPlanNuevo a.enllacPlan1:focus,div#modalPlanDias h5.elementsPlan{
    text-decoration: none;
}
#mainMenu{
    text-align: center;
    margin-right: 15px;
    height: 50px;
    display: flex;
    align-items: center;
}
#mainMenu ul{
    width: 100%;
}
#mainMenu ul,.submenu ul,.subMenuContainer ul{padding:0;margin-bottom:0 !important}
.submenu ul{padding-top:0px;padding-bottom: 25px}
#mainMenu ul li,.submenu ul li,.subMenuContainer ul li,.subMenuComercial ul li{
    list-style: none;
    display: inline-block;
    position:relative;
    cursor:pointer;
    margin-right:40px;
    /*text-transform: uppercase;*/
}
.submenu ul li{margin-top:25px;width:100%}
.nogutter{
    margin-left:-15px;
    width:calc(100% + 30px) !important;
}
.submenu{
    display:none;
}

.subMenuContainer,.subMenuComercial{
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom:20px;
    text-align: center;
}
.subMenuContainer ul li,.subMenuComercial ul li{
    margin-right:30px;
    margin-top:20px;
}

/*******Estils Formulari**********/
input[type="date"].form-control{
    line-height: initial !important;
}
/*input[type="text"], input[type="email"], input[type="date"]{*/
input[type="text"]:not(#mailTo):not(#mailToPlan), input[type="date"]{
    width:calc(100% - 25px);
    height:40px;
    border:none;
    margin-bottom:15px;
    padding-left: 20px;
    color:black;
}
textarea{
    width:calc(100% - 25px);
    height:110px;
    border:none;
    margin-bottom:15px !important;
    padding-left: 20px;
    padding-top:10px;
    padding-right:20px;
    color:black !important;
}
input[type="checkbox"]{
    /*border:2px solid #989898;*/
    /*visibility: hidden;*//*Si poses visibility no fa focus i per tant no comprova abans de fer el submit*/
    opacity: 0;
}
.squared{
    width: 28px;
    height: 28px;
    background: transparent;	
    position: relative;
    float:left;
    margin-left: -4px;
    margin-right: 20px;

}
.squared label{
    cursor:pointer;
    position:absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    border: 2px solid #989898;
}
.squared label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #0a0;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squared label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squared input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
button[type="submit"], .typeSubmit{
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    height: 40px;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 60px;
}
button[type="submit"]:hover{
    cursor:pointer
}
.inputFoto{
    position: absolute;
    cursor: pointer;
    opacity: 0;
    top: 0;
    width: 200px;
    height: 100%;
    cursor: pointer;
}
select:not(#hs_timezone):not(#hs_language):not(#visitantePlan):not(#alojamientoPlan):not(#nombreAlojamientoPlan):not(#alojamientoCategoriaPlan):not(#select_0):not(#select_1){
    width:calc(100% - 25px);
    /*height:40px;*/
    border:none;
    /*padding-left: 20px;*/
    /*color:#757575 !important;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
select:not(#hs_timezone):not(#hs_language):not(.selectResp){
    margin-bottom:15px !important;
}
.selectResp{
    width: 100%;
    /*height:40px;*/
    border:none;
    margin-bottom: 0px !important;
    margin-right: 25px;
    /*color:#757575 !important;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
select#visitantePlan,select#alojamientoPlan,select#nombreAlojamientoPlan,select#alojamientoCategoriaPlan{
    width:calc(100% - 25px);
    border:none;
    text-indent: 1px;
    text-overflow: '';
}

.selectRespI{
    position: absolute;
    /*top: 17px;*/
    right: 30px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px;
    background: none;

}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 22%;
}
select::-ms-expand {
    display: none;
}
select option:first-child{color:#757575}
select option{color:black}

/**********************************/
/********* Resposivenesss *******/
/*** ME CARGO LOS MARGENES DE ROW **/
.row{
    margin-left:0 !important;
    margin-right:0 !important;
}
.mainLogoResp{
    max-height: 70px;
    margin-left: 15px;
    /*margin-top: -50px;*/
    margin-right: auto;
    display:inline-block !important;
}
#navResponsive{
    width: 100%;
    text-align: center;
    line-height:50px;
    top: 0;
    max-width: 100vw;
    transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
}
#bigBannerResponsiveV{
}
.bigBannerResponsive,.bigBannerResponsiveYT{
    min-height:calc(100vh - 75px);
    background-size:cover;
    margin-top:50px;
    background-position: center center;
    width:100vw;
    padding: 35px;
}
.bigBannerImgCover{
    height:300px;
    background-size:cover;
    position: absolute;
    background-position: center center;
    width:100vw;
}
.overlayBigBanner{
    background-color: #000;
    opacity: 0.4;
    height: 300px;
    width: 100%;
    z-index: 1;
    position: absolute;
}
#menuResponsive{
    position:fixed;
    right:-100%;
    width:80%;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    /*z-index:1002;*/
    z-index:2147483648;
    /*max-height: calc(100% - 147px);*/
    overflow: auto;
}
.alignRight{
    text-align: right !important;
}
.contenidoMarginTB{
    margin-top: 50px;
    margin-bottom: 50px;
}
.menuResponsive-open{
    /*right:0 !important;*/
    right:0% !important;
}
#veil{
    position:fixed;
    top:50px;
    width:100%;
    height:100%;
    z-index:-5;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;

}
.veil-open{
    opacity: 1 !important;
    z-index:1001 !important;
}
#menuResponsive .list-group-item{
    line-height: 55px;
    text-align: center;
    padding-bottom:0px;
    padding-top:0px;
    padding-left: 0;
    padding-right: 0;
}
#menuResponsive .list-group{
    margin-bottom:0px;
}
.submenuIndicator{
    float: right;
    margin-right: 15px;
    margin-top:15px;
    font-size:20px;
    transition:all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.submenuIndicator.responsiu{margin-top: 0 !important}
.submenuIndicator.rotar{
    transform: rotate(180deg);
}
.subMenuContainerResponsive{
    height:50px;
    line-height: 50px;
}
#subMenuResponsive{

    display:none;
}
.submenuResponsive-open{
    display:block !important;

}
/******** Boton menu responsive **********/
.menu-button,.close-menu-button {
    position: absolute;
    z-index: 1000;
    top: 26px;
    right: 30px;
    width: 25px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.close-menu-button{
    position:relative;
    width: 70px;
    height: 60px;
    top: 0;
}
.menu-button span,.close-menu-button span{
    position: absolute;
    left: 3px;
    overflow: hidden;
    width: 81%;
    height: 2px;
    text-indent: 200%;
    transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
}

.menu-button::before,.close-menu-button::before {
    -webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1);
    transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1);
}
.menu-button::before, .menu-button::after,.close-menu-button::before, .close-menu-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 2px;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-button::after,.close-menu-button::after {
    -webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1);
    transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1);
}
.menu-button-open span,.close-menu-button-open span {
    opacity: 0;
}
.menu-button-open::before,.close-menu-button-open::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.menu-button-open::after,.close-menu-button-open::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
/** Resultados y paginacion **/
#resultList{
    list-style: none;
    width: 900px;
}
#resultList li{margin-bottom: 15px;}
#pagBar{display:inline; list-style: none; padding-bottom: 150px; text-align: center}
#pagBar li{float:left; margin-right:5px; min-width: 25px; height:25px; line-height:25px; cursor: pointer;margin-bottom: 5px}
#pagBar li.current.first{margin-left:22px}

/** Mapa Ruta ***/
.maparuta{border:none !important}
#pois{
    max-height: 400px !important;
}
.titolPoi, #titolPag, .titolRoyal, .titolBambu,  .titolPerDefecte, .breadCrumbsShowRuta{
    display:none;
}

/** CARRET **/
#divCartOverlay,#divPlanOverlay{
    width: 100vw;
    height: 100vh;
    background: black;
    left: -3px;
    position: fixed;
    z-index: 1037;
    opacity: 0.6;
    display: none;
    top:0;
}
#divCartInfo,#divPlanInfo,#divPlanMap{
    background-color:white;
    width:320px; 
    height:100vh;
    position: fixed;
    /*right: -1px;*/
    right: -330px;
    transition:right 0.5s;
    top: -1px;
    /*display: none;*/
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.44);
    box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.44);
    z-index: 1038;
}
#titolCartDiv,#titolPlanDiv,#titolPlanDivMap{
    padding-top:20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.titolCart{
    font-size: 17px;
    font-weight: bold;
}
#infoCart,#infoPlan{
    margin:15px;
}
.typeElemCarret{
    text-transform: uppercase;
    font-weight: bold;
}
.containerInfoCart{
    margin-left: 35px;
    margin-bottom: 25px;
}
.elemInfoCart{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
#btnSendCartCont{
    position: absolute;
    bottom: 0;
    padding: 15px;
}
#btnSendCart,#btnSendCart1{
    width: 290px;
    padding: 16px;
    font-size: 20px;
    border-radius: 4px !important;
    border: none !important;
}
.sendCartprivPol{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 25px;
}
.btnDeleteAll{
    margin-bottom: 15px;
}
.classFav{
    padding: 15px !important;
    border-radius: 25px !important;
    color: white;
    font-size: 15px;    
    cursor: pointer;
    width: max-content;
}
.classFavMenut{
    padding: 0px !important;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.classFav > i :not(.classFavMenut){
    margin-right: 5px !important;
}
.badgeCarret{
    font-family: Arial, Helvetica, sans-serif;
    background-color: red !important;
    position: absolute;
    margin-top: 12px;
    margin-left: 2px;
}
#divSearch{
    font-size: 17px !important;
}
.btnDeleteAll{
    cursor: pointer;
}
#subsCond,#subsCond2,#subsCondPlan,#subsCond2Plan{
    position: absolute !important;
}
.modalSendCarretFooter,.modalSendPlanFooter{
    text-align: center !important;
    display: flex;
    align-content: center;
    justify-content: center;
}
.loaderSendCarret:before,
.loaderSendCarret:after,
.loaderSendCarret,
.loaderSendPlan:before,
.loaderSendPlan:after,
.loaderSendPlan {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loadSendC 1.8s infinite ease-in-out;
  animation: loadSendC 1.8s infinite ease-in-out;
}
.loaderSendCarret,.loaderSendPlan {
  /*margin: 8em auto;*/
  margin: 20px auto 60px auto;
  font-size: 8px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loaderSendCarret:before,.loaderSendPlan:before {
  left: -3.5em;
}
.loaderSendCarret:after,.loaderSendPlan:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loaderSendCarret:before,
.loaderSendCarret:after,
.loaderSendPlan:before,
.loaderSendPlan:after {
  content: "";
  position: absolute;
  top: 0;
}
div.flags{
	background-position: center center;
	background-size: cover;
	width: 50px;
	height: 50px;
	float: right;
	margin-right: 20px;
}
div.banderaRow{
	border: 2px solid;
	border-radius: 50px;
	margin: 20px 0px;
	padding: 10px 0px;
	background-color: #fff;
}
div.banderaName{
	/*margin-right:10px;*/
	width:70%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left:7px;
	float:left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.banderas.carousel {
  position: relative;
  padding-top: 50px;
  filter: drop-shadow(0 0 10px #0003);
  perspective: 100px;
  margin-top: 20px;
  height: 120px;
}
.carousel__viewport {
  position: absolute;
  top: 0;
  /*right: 0;*/
  bottom: 0;
  left: 50%;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  transform: translate(-50%);
}
.carousel__viewport::-webkit-scrollbar,div#infoPlan::-webkit-scrollbar,div#diasPlan::-webkit-scrollbar,div#lineDaysMap0::-webkit-scrollbar{
	display: none !important;
}
.carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  counter-increment: item;
}
.carousel__slide:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-40%,70px);
  color: #fff;
  font-size: 2em;
}
.carousel__snapper {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  scroll-snap-align: center;
}
.carousel__navigation {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
.carousel__navigation-list,
.carousel__navigation-item {
  display: inline-block;
}
.carousel__navigation-button {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #c4c4c4;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s;
}
.banderas.carousel::before,
.banderas.carousel::after {
  position: absolute;
  top: 0;
  margin-top: 37.5%;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 0;
  outline: 0;
}
.banderas.carousel::before {
  left: -1rem;
}
.banderas.carousel::after {
  right: -1rem;
}
#google_translate_element{
    float:left;
    margin-top:15px;
    margin-left:10px;
	position:fixed;
	z-index:9;
}
	
@-webkit-keyframes loadSendC {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #000;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #000;
  }
}
@keyframes loadSendC {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #000;

  }
  40% {
    box-shadow: 0 2.5em 0 0 #000;
  }
}
/** FI CARRET **/

#estilPolCookies{
    margin: 130px 255px;
}
.btn-sendCookies{
    width: auto !important;
    margin-top: 60px !important;
}
.switchCookies{
    justify-content: space-between;
}
div.maparuta div#msgButton{
	float: right;
	position: relative;
	/*left: 65px;*/
	border: 0px solid;
	border-radius: 50px;
	padding: 19px 67px 19px 20px !important;
	/*width: 200px;*/
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    
    display: flex;
    position: absolute;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    width: max-content !important;
}
div.maparuta div#msgButton i{
    margin-top: 2px !important;
	animation: shake 3s;
}
body div.uwy{
	z-index: 1000 !important;
}
.pressed,.pressed2 {
    height: 50px !important;
    width: 50px !important;
    opacity: 0.5;
}
.pressed1 {
    height: 100px !important;
    width: 100px !important;
    opacity: 0.5;
}
div#btnSendPlan,div#btnSendPlanMap,div#btnBackPlan,div#btnBackPlanMap{
    border: 0px !important;
    padding: 10px 50px;
    margin: 0px 20px 20px 0px;
}
h5.elementsPlan,h3.eventTitolPlan,h5.eventTitolPlan{
    max-width: 130px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
i.tancaPlan{
    color: red;
    cursor: pointer;
    font-size: 25px;
    float: right;
    background-color: #fff;
    border-radius: 100%;
    margin: 5px;
}
i.newPlan{
    cursor: pointer;
    font-size: 50px;
    margin-top: 60px;
}
div.duracionPlan{
    float: left;
    background-color: #fff;
    border-radius: 50px;
    margin: 5px 10px;
    padding: 0px 5px;
    font-size: 12px;
    font-variant: lining-nums;
}
div.divEvents{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
div.coloretsPlan{
    width: 10px;
    height: 10px;
    margin: 0px 10px 50px 20px;
}
div.sugerenciaDiv{
    margin:10px 0px 10px 0px;
    width:120px;
    text-align:center;
}
div.sugerencias{
    width:100px;
    height:100px;
    cursor:pointer;
    background-color:#000;
    border-radius:50% !important;
    background-position:center center;
    background-size:cover;
    margin-right:auto;
    margin-left:auto;
}

@keyframes spinner-border-plan {
    to { transform: rotate(360deg); }
}
div#spinner-border-plan{
    position: absolute;
    top: 30%;
    left: 45%;
    display: inline-block;
    width: 200px;
    height: 200px;
    border: 20px dotted #000;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border-plan 1.5s linear infinite;
    animation: spinner-border-plan 1.5s linear infinite;
}
div.placePlan{
    min-width: 230px;
    margin-bottom: 0;
    margin-right: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: .25rem;
}
.placePlan div.placePlanDiv{
    background-color: #868e96;
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    width: 100%;
    height: 130px;
}
.placePlan div.placePlanH5{
    margin-bottom: .5rem;
    font-size: 1.25rem;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
}
@keyframes placeholder-glow-plan {
    50% { opacity: .2; }
}
.placePlanH5 span.placePlanPlaceholder{
    animation: placeholder-glow-plan 2s ease-in-out infinite;
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5;
    width: 60%;
}
div#horariPlan table{
    height: 300px;
}

@media(max-device-width: 500px){
	div.maparuta div#msgButton{
                padding: 13px 7px 19px 20px !important;
                font-size: 11px;
                width: 196px !important;
	}
        div.maparuta div#msgButton i{
		margin-top: 1px !important;
        }
}
@media(min-width: 768px){
	div.maparuta div#msgButton{
		bottom: 99px;
		right: 65px;
		left: unset !important;
	}
}
@media (max-device-width: 1000px){
	div.maparuta div#msgButton {
		right: 190px;
		padding: 8px;
		width: 205px;
		bottom: 79px;
		left: unset !important;
	}
	div.maparuta div#msgButton span{
		/*margin-right: 0px !important;*/
	}
}

@keyframes shake {
  0% { transform: translate(0px, 0px) }
  25% { transform: translate(5px, 0px) }
  50% { transform: translate(-5px, 0px) }
  75% { transform: translate(5px, 0px) }
  100% { transform: translate(-5px, 0px) }
}
@media(max-width: 1200px){
    #estilPolCookies{
        margin:100px 155px;
    }
	#google_translate_element{
		top:60px;
	}
}
@media(max-width: 768px){
    #estilPolCookies{
        margin: 50px 75px;
    }
	.hs{
		scrollbar-width:none;
	}
}
@media(max-width: 992px){
	div.bandFlecha,div#leyendaDiv1{
		display: none !important;
	}
	div#leyendaDiv2{
		display: flex !important;
	}
}
@media(min-width: 993px){
	div#leyendaDiv2{
		display: none !important;
	}
	div#leyendaDiv1{
		display: block !important;
	}
}
@media(min-width: 700px){
	div#leyendaContainer{
		display: flex !important;
	}
}