/**************GENERAL****************/



body {overflow-x: hidden;}
body {font-family: 'Montserrat', sans-serif !important;}
.container1200 {max-width: 1200px;}
p {text-align: justify;}
.linea {display: inline !important;}
.frame {display: flex; justify-content: center;align-items: center;}
.frameVertical {display: flex;align-items: center;}
.lineaFlex {display: inline-flex;}
.lineaFlex1 {display: inline-flex;}
.lineaFlex2 {display: inline-flex;}
i.icons{ background-image: url(../img/icons/sprite.svg); background-repeat: no-repeat;display: inline-block;}
i.icons:hover{ background-image: url(../img/icons/hoverSprite.svg);}
i.icons.platges{background-position: -210px -50px;width: 100px; height: 100px;}
i.icons.compres{background-position: -374px -45px;width: 100px; height: 100px;}
i.icons.gastronomia{background-position: -544px -43px;width: 100px; height: 100px;z-index: 12;}
i.icons.patrimoni{background-position: -712px -49px;width: 100px; height: 100px;}
i.icons.esports{background-position: -220px -205px;width: 100px; height: 100px;}
i.icons.cultura{background-position: -388px -199px;width: 100px; height: 100px;}
i.icons.allotjament{background-position: -541px -200px;width: 100px; height: 100px;}
i.icons.reserva{background-position: -717px -201px;width: 100px; height: 100px;}
i.icons.share{background-position: -30px -223px;width: 27px; height: 27px;cursor: pointer;z-index: 12;}
i.icons.nuvols{background-position: -380px -350px;width: 100px; height: 100px;}

i.icons.twitter2{background-position: -50px -515px;width: 37px; height: 37px;}
i.icons.facebook2{background-position: -140px -515px;width: 37px; height: 36px;}
i.icons.youtube{background-position: -230px -515px;width: 40px; height: 40px;}
i.icons.lupa{background-position: -695px -515px;width: 40px; height: 40px;}
i.icons.next{background-position: -27px -370px;width: 32px; height: 40px;}
i.icons.previous{background-position: -140px -368px;width: 32px; height: 40px;}

i.icons.mail{background-position: -205px -653px;width: 27px; height: 27px;cursor: pointer;}
i.icons.back{background-position: -565px -650px;width: 40px; height: 40px;cursor: pointer;}

i.icones {background-image: url(../img/icons/2Sprite.svg); background-repeat: no-repeat; display: inline-block;}
i.icones:hover {opacity: 0.5;}
/*i.icones:hover {background-image: url(../img/icons/2Hover_Sprite.svg);}*/
i.icones.shareGroc {background-position: -298px -60px;width: 40px; height: 40px; z-index: 12;}
i.icones.shareVermell {background-position: -413px -67px;width: 40px; height: 40px; z-index: 12;}
i.icones.anterior {background-position: -142px -205px;width: 30px; height: 40px;z-index: 10;}
i.icones.seguent {background-position: -31px -205px;width: 40px; height: 40px;z-index: 10;}
i.icones.nuvolBlanc {background-position: -391px -188px;width:100px; height: 100px;}
i.icones.recorregut {background-position: -526px -61px;width: 33px; height: 37px;}
i.icones.locBlanc {background-position: -380px -336px;width: 30px; height: 30px;}
i.icones.mailBlanc {background-position: -539px -339px;width: 30px; height: 30px;}
i.icones.telBlanc {background-position: -455px -334px;width: 30px; height: 30px;}
i.icons.prova {background-position: -0px -0px;width: 1000px; height: 500px;}


i.ic{ background-image: url(../img/icons/sprite.svg); background-repeat: no-repeat; display: inline-block;}
i.ic:hover{opacity: 0.5;}
i.ic.loc{background-position: -48px -651px;width: 27px; height: 27px;}
i.ic.tel{background-position: -120px -653px;width: 27px; height: 27px;cursor: pointer;}
i.ic.sol{background-position: -241px -350px;width: 100px; height: 100px;}

i.icons.twitter{background-position: -50px -515px;width: 35px; height: 35px;}
i.icons.facebook{background-position: -142px -515px;width: 35px; height: 35px;}
.footerBottom{min-height:90vh;}
.iconXarxes{
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
.iconXS{
    zoom:0.50;
    -moz-transform:scale(0.50);
    -moz-transform-origin: 0 0;
}
.iconDown{
    zoom:0.45;
    -moz-transform:scale(0.45);
    -moz-transform-origin: 0 0;
}
.iconPortada {
    zoom:1.5;
    -moz-transform:scale(1.5);
    -moz-transform-origin: 0 0;
}
i.ico{ background-image: url(../img/icons/sprite.svg); background-repeat: no-repeat;display: inline-block;}
i.ico:hover{ background-image: url(../img/icons/hoverSprite.svg);}
i.ico.pdf{background-position: -303px -633px;width: 69px; height: 63px;cursor: pointer;}
i.ico.gpx{background-position: -449px -634px;width: 56px; height: 63px;cursor: pointer;}

i.icons3{ background-image: url(../img/icons/3Sprite-ArtaTurisme.svg); background-repeat: no-repeat;display: inline-block;}
/*i.icons3:hover{ background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg);}*/
i.icons3.arrowDown {background-position: -46px -29px;width: 38px; height: 34px;}
i.icons3.arrowUp {background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg); background-position: -147px -31px;width: 38px; height: 38px;}
i.icons3.tornar {background-position: -282px -25px;width: 56px; height: 53px;}
.tornar:hover {opacity: 0.7;}
i.icons3.face {background-position: -413px -25px;width: 56px; height: 53px;}
i.icons3.twit {background-position: -529px -25px;width: 56px; height: 53px;}
#noticies i.icons3.face:hover, #individual i.icons3.face:hover {background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg); background-position: -908px -25px;width: 56px; height: 53px;}
#noticies i.icons3.twit:hover, #individual i.icons3.twit:hover {background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg); background-position: -1024px -25px;width: 56px; height: 53px;}
#quefer i.icons3.twit:hover {background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg); background-position: -773px -25px;width: 56px; height: 53px;}
#quefer i.icons3.face:hover {background-image: url(../img/icons/3HOVERSprite-ArtaTurisme.svg); background-position: -658px -25px;width: 56px; height: 53px;}

.instagram {
    width:130%;height:auto;margin-left:10px;margin-top:2px;opacity:0.8; cursor:pointer;
}
.imgDownload{width:10%;}
.lineaFitxa{
    border-bottom: 1px solid black;
}
.midaFletxa{width:20%;}

ul {list-style-type: none;}
.relatiu {position: relative;text-align: center;}
.absolut {position: absolute;}
#home a {color: black;} 
#home a:hover {text-decoration: none;}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.ocultDesk {display: none !important;}

li {padding-left: 20px;}
.margin0 {margin: 0 auto;}
.mostrar {display: block !important;}
.majuscula {text-transform: uppercase;}
.dp-highlight .ui-state-default {

    color: #fba49e;
}

.ll-skin-melon {
    font-size: 100%;

}

.ll-skin-melon .ui-widget {

    background: #404042;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.ll-skin-melon .ui-datepicker {
    padding: 0;
}

.ll-skin-melon .ui-datepicker-header {
    border: none;
    background: transparent;
    font-weight: normal;
    font-size: 20px;
}

.ll-skin-melon .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4;

}
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-next{
    top: 6px;
    border:none;
    right: -10px;

}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev {
    top: 6px;
    border:none;
    left: 10px;
}
.ui-datepicker-prev {left:-4px !important;}
.mesos .ui-datepicker-calendar {display: none;}
.mesos .ui-datepicker-header {
    border: none;
    background: white;
    font-weight: normal;
    font-size: 20px;
}
.mesos .ui-corner-all{margin: 0 auto !important;}
.mesos .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: black;
    font-weight: bold;
}
.mesos .ui-corner-all {border: none;border-radius: 0;}
#mesosPicker .ui-datepicker .ui-datepicker-next span{
    background-image: url(../img/icons/sprite.svg);
    background-position: -27px -370px;width: 32px; height: 40px;
    margin-top: 0;
    top: 28%;
    left: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
#mesosPicker .ui-datepicker .ui-datepicker-prev span {
    background-image: url(../img/icons/sprite.svg);
    background-position: -140px -368px;width: 32px; height: 40px;
    margin-top: 0;
    top: 28%;
    right: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
#mesosPickerNot .ui-datepicker .ui-datepicker-next span{
    background-image: url(../img/icons/sprite.svg);
    background-position: -27px -370px;width: 32px; height: 40px;
    margin-top: 0;
    top: 28%;
    left: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
#mesosPickerNot .ui-datepicker .ui-datepicker-prev span {
    background-image: url(../img/icons/sprite.svg);
    background-position: -140px -368px;width: 32px; height: 40px;
    margin-top: 0;
    top: 28%;
    right: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-next span{
    background-image: url(../img/icons/2Sprite.svg);
    background-position: -31px -205px;width: 40px; height: 40px;z-index: 10;
    margin-top: 0;
    top: 28%;
    left: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-image: url(../img/icons/2Sprite.svg);
    background-position: -142px -205px;width: 30px; height: 40px;z-index: 10;
    margin-top: 0;
    top: 28%;
    right: 5%;
    font-weight: normal;
    zoom:0.65;
    -moz-transform:scale(0.65);
    -moz-transform-origin: 0 0;
}
.ll-skin-melon .ui-datepicker table {
    margin: 0;
}
.ll-skin-melon .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: normal;
    border: none;
    border-top: 1px solid #3a414d;
}
.ll-skin-melon .ui-datepicker td {
    background: #404042;
    border: none;
    padding: 0;
}
.ll-skin-melon td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: .5em;
    margin: 0;
    font-weight: normal;
    color: #efefef;
    font-size: 16px;
}
.ll-skin-melon .ui-state-disabled  {
    opacity: 1;
}
.ll-skin-melon .ui-state-disabled .ui-state-default {
    color: #fba49e;
}
.ll-skin-melon td .ui-state-active,
.ll-skin-melon td .ui-state-hover {
    background: #404042;
    color: #ac9630;
}
#agendaHome a:hover{color: #ac9630;}
.midaOcult {height: 125px;}
.divOcult {display: none;}
.margeTopInterSeccio {margin-top: 40px;}
.margeBotInterSeccio {margin-bottom: 40px;}
.margeTopPagina {margin-top:100px;}
.interMobil {margin-top:0px;}
.margeInterFotos{margin-top:40px;}


/**************BOTO TO UP ********/

.myBtn {
    display: none; 
    position: fixed;
    bottom: 66px; 
    right: 120px; 
    z-index: 19;
    transform: rotate(90deg);
    cursor: pointer;
}

/*************HEADER***************/

.ocultar {display: none ;}
.interIdiomes {padding-left: 0px;}
.hovDrops:hover {opacity: 0.5;}
.cursorPointer {cursor: pointer;}
.midaDivDrop {width: 210px;margin-bottom: 45px;margin-top: 45px;}
.margeFletxa2 {margin-top: 1px;margin-left: 4px;}
.margeFletxa {margin-top: 2px;margin-left: 4px;}
#header a:hover {color: black;}
.destacar:hover {background-color: white;}
.plFonsDrop {margin-left: 20px !important;}
.plFonsDrop2 {margin-left: 21px !important;}
.ptConeixer {padding: 20px 0 ;}
.margeNavbar {margin-bottom: 0px;margin-top: -20px;}
header {color: #31302f}
.padTopIdiomes {padding-top: 15px;padding-bottom: 15px;}
.padLinks {padding-top: 20px;}
.padIdiomesca {padding-left: 45px;}
.padIdiomeses {padding-left: 45px;}
.padIdiomesen {padding-left: 43px;}
.padIdiomesde {padding-left: 16px;}
.padIdiomesfr {padding-left: 34px;}
.actiuHome {background-color: #bbc646;background-clip: content-box;}
.actiuHome:hover {background-color: #bbc646;background-clip: content-box;opacity: 0.5;}
.actiuConeixer {background-color: #1caeb4;background-clip: padding-box;padding-right: 13px;}
.actiuConeixer:hover {background-color: #1caeb4;background-clip: content-box;opacity: 0.5;}
.actiuQuefer {background-color: #eccc37;background-clip: content-box;}
.actiuQuefer:hover {background-color: #eccc37;background-clip: content-box;opacity: 0.5;}
.actiuQuevisitar {background-color: #f2852f;background-clip: content-box;}
.actiuQuevisitar:hover {background-color: #f2852f;background-clip: content-box;opacity: 0.5;}
.actiuNoticies {background-color: #ef5359;background-clip: content-box;}
.actiuNoticies:hover {background-color: #ef5359;background-clip: content-box;opacity: 0.5;}
.show {display:block;}
.padMenu {padding-right: 60px;}

/************BOTO*******************/
.botSaber{border-radius: 12px;background-color: #1caeb4;color: white;padding: 3px 15px;}
.botSaberNoti{border-radius: 12px;background-color: #bbc646;color: white;padding: 5px 25px;}
.rot45 {transform: translate(0px, 13px) rotate(47deg) scalex(2);}
.rot-45 {transform: translate(0px, 10px) rotate(-47deg) scalex(2);}
.lineaIconMenu2 {width: 12px;height: 3px;border-radius: 1px;background-color: #000;}
.menu-btn{cursor: pointer;    width: 40px; height: 40px; margin-left: auto;}
.lineaIconMenu {width: 100%;height: 3px;border-radius: 1px;background-color: #000;margin: 4px 0px; -webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.menu-btn.abierto .lineaIconMenu:nth-child(1){    transform: translate(0px, 13px) rotate(-47deg) scalex(1.3);  margin: 0;}
.menu-btn.abierto .lineaIconMenu:nth-child(2) {height: 0;margin: 0;display: none;}
.menu-btn.abierto .lineaIconMenu:nth-child(3) {  transform: translate(0px, 7px) rotate(45deg) scalex(1.3);}
.colLinks {color: #bbc646;}
.idiomesNegre {color:black;}

/************FOOTER*********************/
.padAvis {padding-left: 55px;}
.padCredits {padding-left: 15px;}
.padAjuntament {padding-left: 72px;}
.padFooter {padding: 10px 0;}
.padLupa {padding-left: 10px;}
.padTwit {padding-left: 20px;}
.padInput {padding-top: 24px;}
/**************HOME***************/

.mAuto {margin-left: auto;margin-right: auto;}
.mtSlider {margin-top: 65px;}
.midaFotoTel {width: 66% !important;}
.margeArta {margin-top: 40px;margin-bottom: 55px;}
.margeEsports {margin-right: 22px;}
.margePatrimoni {margin-right: 28px;}
.margePlatges {margin-right: 23px;}
.margeCultura {margin-right: 43px;}
.margeBotIcons {margin-left: 10px;}
.midaBotoIcones:hover {filter:brightness(30%);}
.mostrarBoto:hover .iconesVisibles {display: block;}
.vcenter {
    display: flex;
    align-items: center;
}
.padSeccioIcones {margin-top: 80px;}
.midaBotoIcones {width: 250px;max-height: 200px;border-radius: 5px;background: #d3d3d3;opacity: 1;margin-bottom: 50px;}
.alturaTop {height: 260px;}
.marginMapa1 {margin-left: 0;}
.margePSecundaries {margin: 0 0 4px !important;}
.mlLineaVerda {margin-left: -12px;}
.padGastrode {padding-right: 100px;}
.centratShare {margin-top: -2px; margin-left: 5px;}
.dot {
    height: 10px;
    width: 10px;

    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}
.facil {background-color: green;}
.moderat {background-color: yellow;}
.dificil {background-color: red;}
.margeFacebook {margin-left: -10px;}
.visibleEscritori {display: block;}
.owl-carousel {width: 100%;-webkit-tap-highlight-color: transparent;position: relative; z-index: initial !important;}
.midaLinksXarxes {width: 30px !important; height: 30px !important;}
.margePetits {margin-bottom: 0px;}
.margeTopSorpren {margin-top: 6px !important;}
.margeLeftIpad {margin-left: 70px;}
.margeLeftIpadde {margin-left: 94px;}
.midaFont50 {font-size: 50px;}
.midaFont46 {font-size: 46px;}
.margeBotBaner {margin-bottom: 25px;}
.margeBotBaner2 {margin-bottom: 100px;}
.midaBanner {width: 100%;}
.midaBanner2 {width: 100%;}
.fosca:hover {filter:brightness(50%);}
.linkBaner:hover .visible {display: block;}
.iconesVisibles {display: none;}
.iconHover {background: #d3d3d3;opacity: 0.6; background-clip: content-box;}
.iconHover {height: 125px;}
.padding13 {padding-left: 0px;}
.ocultSm {display: block;}
#agendaHome a:hover {color: #ac9630;}
#agenda a:hover {color: #bbc646}
#iconesRow1 a:hover {color: black;}
#iconesRow2 a:hover {color: black;}
.navSlider {color: white;font-size: 30px;}
.lineaSlider {
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: white;
    top: 50%;
    left: 20%;
}
.posXarxes {top: -24%;left: 105%;}
.padSeccio {padding-top: 8px;}
.margeFace {margin-left: 5px;}
.rectSlider {
    background-color: rgb(187, 198, 70);
    left: 276px;
    top: 351px;
    width: 54px;
    height: 133px;
    z-index: 2;
    border-radius: 30px;
}
.posicio {
    top: 35%;
    left: 10%;
}
.posicioNext {
    position: absolute;
    top: 59%;
    left: 10%;
    z-index: 12;
}
.posicioPrevious {
    position: absolute;
    top: 10%;
    left: 17%;
    z-index: 12;
}
.posicio2 {
    top: -8%;
    left: 125%;
    z-index: 8;
}

.posicio3 {
    top: 38%;
    left: 128%;
    z-index: 8;
}
.padContacte {padding-top: 92px;}
#coneixer .padContacte {padding-top: 0px;}
.rectContacte {
    border-radius: 5px 0 0px 5px;
    background-color: #bbc646;
    position: fixed;
    right: 0%;
    top: 83%;
    width: 43px;
    height: 133px;
    z-index: 196;
    cursor: pointer;

}
#home .rotate90 {
    transform: rotate(270deg);
    position: absolute;
    right: 37%;
    top: 49%;
}
#natura .rotate90, #allotjament .rotate90, #quefer .rotate90, #visitar .rotate90, #civil .rotate90, #recursos .rotate90, #esportiu .rotate90, #individual .rotate90 {
    transform: rotate(270deg);
    position: absolute;
    right: 37%;
    top: 1%;
}
.rotate90 {
    transform: rotate(270deg);
    position: absolute;
    right: -67%;
    top: 35%;
}
#noticies .rotate90 {
    transform: rotate(270deg);
    position: absolute;
    right: 37%;
    top: 8%;
}


.secundaries {padding-left: 10px;}
.visible {display: none;}
.padVeure {padding-top: 6px;padding-left: 44px;}
.margeBanners {margin-left: 15px;}
.margeBanners2 {margin-left: 38px;}
.padParag {padding-top: 10px;padding-right: 0px;}
.padParagde{padding-right: 23px;padding-left: 10px;}
.padLinea {padding-left: 5px;}
.tempsFutur {padding-top: 10px;}
.colorFons:nth-child(2n) {background-color: #dde3a3;}
.colorFons:nth-child(2n +1) {background-color: #f8f9ed;}
.padInfo {padding-top: 80px;}

.padTopTemp {padding-top: 51px;}
.padTemps {padding-top: 40px;}
.lineaBlanca {
    background-color: white;
    width: 2px;
    height:80px;
}
.padAvatar {padding-top: 20px !important;}
.margeTemps {margin-top: 40px;margin-bottom: 40px;}
.backVerd {background-color: #bbc646;}
.verd {color: #bbc646;}
.margeRect {margin-top: 30px;}
.ptText {padding-top: 5px;}
.blanc {color: white;}
.ptVeure {padding-top: 3px;}
.llista {padding-top: 5px;}
.colorAgenda {background-color: #ededed; min-width: 261px;}
.padRss {padding-top: 22px;}
.padPrincipal {padding-left: 13px;}
.pb10 {padding-bottom: 10px;}
.mb0 {margin-bottom: 0 !important;}
.padTopNoticies {padding-top: 20px;}
.rectNoticies{
    background-color: rgb(187, 198, 70);
    width: 166px;
    height: 27px;
    z-index: 5;
    border-radius: 20px;
}
.padNoticia {padding-left: 16px;}
.padShare {padding-left: 14px; padding-top: 6px;}
.padTop20 {padding-top: 20px;}
.padIconesBaix{padding-top: 13px;}
.padCultura {padding-top: 34px;}
.padPlatges {padding-top: 38px;}
.padCultura2 {padding-top: 27px;}
.padPatrimoni {padding-top: 33px;}
.padGastronomia {padding-top: 16px;}
.margeSorpren {margin-top: 135px;margin-bottom: 65px;}
#quefer .margeSorpren {margin-top: 125px;margin-bottom: 65px;}
.padSorpren {padding-right: 20px;padding-left: 10px;}
.padConeixer {padding-right: 20px;padding-left: 10px;}
.margeLinea {margin-right: 10px;}
.banners {
    width: 1155px;
    height: 300px;
    overflow-x: hidden !important;
    margin-top: 20px;
    background-size: cover;
    position: relative;
}
.banners:hover  {filter:brightness(50%);}   
.banners:hover .visible {display: block;}
.banner3 {
    width: 30%;
    height: 300px;
    overflow-x: hidden !important;
    margin-top: 20px;
    background-size: cover;
    position: relative;
}
.banner3:hover {filter:brightness(0.5);}
.banner3:hover .visible {display: block;}
.interes {background-image: url(../img/InteresTuristic.jpg)}

.parc {background-image: url(../img/ParcNatural.jpg)}
.producte {background-image: url(../img/ProducteLocal.jpg)}
.planol {background-image: url(../img/Planol.jpg)}
.viaVerda {background-image: url(../img/ViaVerda2.jpg)}
.allotjament {background-image: url(../img/2Allotjament.jpg)}
.museu {background-image: url(../img/2MuseuRegional.jpg)}
.overBanners {
    position: absolute;
    color: white;
    z-index: 20;
}
.overBannerEsquerra {top: 50%;left: 20px; transform: translate(0%, -50%);}
.overBannerDreta {top: 50%;right: 20px; transform: translate(0%, -50%);}
.overBannerCentre {top: 50%;left: 50%; transform: translate(-50%, -50%);}
.margeLlegirLinea {margin-bottom: 65px;}
.dreta {right: 5%;}
.dretade {right: 5%;}
.dretaPlatges {right: 5%;}
.dretaArqueo {right: 5%;}
.esquerra {left: 3%;}
.dreta2 {right: 3%;}
.esquerra2 {left: 3%;}
.overCivil {top: 29%;}
.overCivil2 {top: 37%;}
.padLTwit {padding-left: 20px;}
.lineaDiv {
    width: 100%;
    height: 10px; 
    border-radius: 10px;
    margin: 40px auto;
    opacity: 0.5;
}
.colorHome {background-color: #bbc646;}
.bgLlegir {background-color: #bbc646;border-radius: 20px;width: 80px;height: 21px}
.lineaNegre {
    width: 30px;
    height: 5px;
    background-color: black;
}
.rectangleHorizontal {
    background-color: rgb(187, 198, 70);
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    width: 134px;
    height: 33px;
    z-index: 19;
    border-radius: 20px;
}
.rectangleHorizontal2 {
    background-color: rgb(187, 198, 70);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 134px;
    height: 33px;
    z-index: 31;
    border-radius: 20px;
}
.veureIcones {
    background-color: rgb(187, 198, 70);
    position: absolute;
    left: 50%;
    top: 41%;
    transform: translate(-50%, -50%);
    width: 134px;
    height: 33px;
    z-index: 19;
    border-radius: 20px;
}
.veureIcones2 {
    background-color: rgb(187, 198, 70);
    position: absolute;
    left: 32%;
    top: 40%;
    width: 134px;
    height: 33px;
    z-index: 19;
    border-radius: 20px;
}
.lineaVertical {
    background-color: rgb(187, 198, 70);
    width: 10px;
    height: 120px;
    border-radius: 10px;
}
.lineaVerticalde {
    background-color: rgb(187, 198, 70);
    width: 10px;
    height: 160px;
    border-radius: 10px;
}
.posPrev {
    position: absolute;
    top: 35%;
    left: -10%;
}
.posNext {
    position: absolute;
    top: 35%;
    right: -9%;
}
#home .owl-theme .owl-dots .owl-dot.active span{background: #bbc646 !important;}
.padingShare {padding-left: 227px;}
.llegirHover:hover {opacity: 0.5;}
.fotoTops{
     width:100%;
     height:145px;;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     margin-bottom:15px;
    }

/****************PLATGES*******/
.midaMapaPlatja{height: 600px;}

/****************DESPLEGABLE SHARE*******/

.padColumna {
    padding-left:40px;
}

.dropbtn { 
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-flex;
}
.dropdown-content {
    display: none;
    position: absolute;
    right: -12px;
    top: 0px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}
.dropdown-contentConeixer{
    display: none;
    position: absolute;
    left: 49px;
    top: 50px;    
    min-width: 100px;
    z-index: 10;
    background-color: #d2f2f3;
    border-radius: 0 0 20px 20px;
}
.dropdown-contentVisitar {
    display: none;
    position: absolute;
    left: 49px;
    top: 50px;
    min-width: 100px;
    z-index: 10;
    background-color: #f9e7d5;
    border-radius: 0 0 20px 20px;
}
.dropdown-actiuVisitar {
    width: 152px;
    position: absolute;
    left: 49px;
    top: 50px;
    min-width: 100px;
    z-index: 10;
    background-color: #f9e7d5;
    border-radius: 0 0 20px 20px;
    padding: 10px;
}
.dropdown-actiuConeixer {
    width: 179px;
    position: absolute;
    left: 49px;
    top: 50px;
    min-width: 100px;
    z-index: 10;
    background-color: #d2f2f3;
    border-radius: 0 0 20px 20px;
    padding: 10px;
}
.show {display:block;}
.dropdown-content2 {
    display: none;
    position: absolute;
    left: 40px;
    top: -1px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}
.dropdown-content3 {
    display: none;
    position: absolute;
    right: 24px;
    top: 35px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}
.dropdown-contentNot {
    display: none;
    position: absolute;
    right: 45px;
    top: 40px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}
.dropdown-contentNotIndi {
    display: none;
    position: absolute;
    right: -99px;
    top: 2px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}

.dropdown-contentSec {
    display: none;
    position: absolute;
    right: -7px;
    top: 0px;
    background-color: transparent;
    min-width: 100px;
    z-index: 10;
}
.ocultaActiu {display: none;}
/********DESPLEGABLE CONTACTE*********/

.posicioCreu {margin-top: 5px;margin-left: 25px;}
.amagat {visibility: hidden;}
.visibilitat {display: none;}
.fons {
    position: fixed;
    background-color: #ededed;
    width: 900px;
    margin-left: 100px;
    right: 0%;
    z-index: 20;
}
.fonsHome {top: 24%;}
.fonsConeixer {top: 14.2%;}
.fonsCivil {top: 30%;}

.midaForm {max-width: 600px;margin-left: 150px;}
.cursiva {font-style: italic;}
.padForm {padding-left: 16px !important;}
.margeForm {margin-left: 95px;}
.topCheck {margin-top: 10px;}
.fonsBlanc {background-color: white;}
.margeBoto {margin-bottom: 30px;margin-top: 20px;}
.padBoto {padding: 5px 50px;}
.sublink {text-decoration: underline;}
.padTopForm {padding-top: 20px;}
.padResultat {padding-top: 6px;}

.cardShadow {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grow { transition: all .2s ease; }
.grow:hover { transform: scale(1.05); }

/************NAVBAR BORDER**********/
.navbar.navbar-default {
    background-color: white !important;
    border: 0;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(153,158,161,0.4);
    -moz-box-shadow: 0px 10px 32px 0px rgba(153,158,161,0.4);
    box-shadow: 0px 10px 32px 0px rgba(153,158,161,0.4);
}

.navbar.navbar-default .navbar-collapse {
    background-color: white !important;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav > li > a {
    color: black;
}
.navbar-default .navbar-nav > li > a:hover {
    opacity: 0.5;
}
#hoverIdiomes a:hover {color: #333;opacity: 0.5;}
/************CONEIXER***********/

.padImgPais {padding-left: 0px;}
.margeBotMap {margin-bottom: 45px;}
.centratTransport {margin-left: 96px;}
.lineaLinks {display: block;}
.ajustarFotos {padding: 0;}
.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 

    border-right:20px solid white; 
}
.posicioDreta {top: 10%;right: 0%;}
.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;

    border-left: 20px solid white;
}
.posicioEsquerra {top: 10%;left: 0%;}
.padBotVideo  {padding-bottom: 50px;}
#coneixer .owl-theme .owl-dots .owl-dot.active span{background: #1caeb4 !important;}
.hoverBotons:hover {opacity: 0.7;}
.padLinkConeixer {padding-right: 26px;padding-top: 4px;padding-bottom: 4px;}
.padFonsLinks {padding: 6px 0;}
.margeLinea2 {margin-top: 13px !important;margin-left: 0px;}
.margeLinea2de {margin-top: 13px !important;margin-left: 78px;}
.margeLinea3 {margin-top: 13px !important;margin-left: 40px;}
.fotoCon {width: 90%;}
.lineaVerticalCon {
    background-color: #1caeb4;
    width: 10px;
    height: 150px;
    border-radius: 10px;
}
.lineaVerticalCon2 {
    background-color: #1caeb4;
    width: 15px;
    height: 100px;
    border-radius: 10px;
}
.lineaHorCon {
    background-color: #1caeb4;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    
}
.colConeixer {color: #1caeb4}
.bgConeixer {background-color: #1caeb4;margin-top: 50px;}
.padClima {padding-left: 39px;}
.margeConeix {margin-bottom: 75px;}
.padCon {padding-right: 40px;}
.padText {padding-left: 40px;}
.padTopClima {padding-top: 12%;}
.padFoto {padding-left: 15px;}
.padTopPaisatge {padding-top: 85px;}
.padRPaisatge {padding-right: 34px;}
.padLPaisatge {padding-left: 15px;}
.padFoto2 {padding-left: 16px;}
.margeBotFooter {margin-bottom: 85px;}
.botTransport {
    background-color: rgb(28, 174, 180);
    width: 166px;
    height: 25px;
    border-radius: 30px;
}
.centreBot1 {padding-left: 26px;padding-top: 2px;}
.centreBot2 {padding-left: 16px;padding-top: 2px;}
.margeBotons {margin-right: 20px;}
.margeTopBotons {margin-top: 30px;}
.ConSaber {
    background-color: rgb(28, 174, 180);
    width: 134px;
    height: 33px;
    border-radius: 30px;
}
.hoverMapa {
    color: white;
    background-color: rgb(28, 174, 180);
    width: 134px;
    height: 33px;
    border-radius: 30px;
}
.hoverMapa2 {
    color: white;
    background-color: rgb(28, 174, 180);
    width: 110px;
    height: 33px;
    border-radius: 30px;
}
.centreSaber {padding-top: 6px;}
.marTopMapa {padding-top: 6px;}
.colorConeixer {background-color: #1caeb4;}
.rectContacteCon {
    border-radius: 5px 0 0px 5px;
    background-color: #bbc646;
    position: fixed;
    right: 0%;
    top: 15%;
    width: 43px;
    height: 133px;
    z-index: 196;
    cursor: pointer;
}
.rectContacteCon2 {
    border-radius: 5px 5px 0px 0px;
    background-color: #bbc646;
    position: fixed;
    right: -2.5%;
    top: 20%;
    width: 133px;
    height: 43px;
    z-index: 196;
    cursor: pointer;
}
.rotate270 {transform: rotate(270deg);}
.contacte {position: absolute;top: 4%;left: 12%}
.contacteNot {position: absolute;top: 28%;left: 12%}
.invisible991 {display: none !important;}

/*********NATURA***********/

.margeBotNat {margin-bottom: 70px;}
.midaVideoNat {width: 99%;}

#natura .margeLinea2 {margin-top: 13px !important;margin-left: 12px;}
#natura .owl-theme .owl-dots .owl-dot.active span{background: #1caeb4 !important;}
.margeNat {margin-top: 27px;}
.margeTopVideo {margin-top: 30px;}
.padLVideo {padding-left: 10px;}
.padTextNat {padding-right: 10px;}
.padNatura {padding-top: 18px;}
.padParNat {padding-right: 10px;padding-top: 11px;}
.margeBaixNatura {margin-bottom: 40px;}
.marginTopNatura {margin-top: 36px;}

/*********ALLOTJAMENT*********/

.botoSaber {margin-top: 30px;margin-left: 10px;}
.alturaSaber {padding-top: 6px;}
.marginIcones {margin-top: 25px;}
.padCardaix {padding-left: 8px;}
.margeAll {margin-bottom: 20px;}
#allotjament .owl-theme .owl-dots .owl-dot.active span{background: #1caeb4 !important;}
.padParAll {padding-right: 9px;padding-top: 25px;}
.margeLineaAll {margin-left: 82px; margin-top: 13px;}
.posPrevAll {
    position: absolute;
    top: 35%;
    left: -10%;
}
.posNextAll {
    position: absolute;
    top: 35%;
    right: -9%;
}
.posInfoAll {
    top : 0%;
    left: 3%;
}
.invisible {display: none;}
.enfosquir {filter:brightness(1);}
.enfosquir:hover {filter:brightness(0.5);}
.posTitolAll {
    top: 30%;
    left: 10%;
}
/*********HOVER**************/
.container {
    position: relative;
    width: 50%;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.middle {
    transition: .01s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.cont:hover .image {
    filter:brightness(0.5);

}
.cont:hover .middle {
    filter:brightness(1);

}
.cont:hover {
    background-color: #243247;
    background-clip: content-box;
}

.cont:hover .ocultar {
    display: block;
}
.cont .ocultar {display: none;}
.cont:hover .visibleTitol {
    display: none;
}
/***********QUE FER************/

.juntaIcones {margin-left: -15px;}
.bgActivitats {background-color: #fff2b7}
.dataActivitats{color: #fff2b7;}
.paddData {padding-left: 10px;}
.padSliderMesos {padding-left: 0px;}
#quefer .posPrevNot {
    position: absolute;
    top: -2%;
    left: -0%;
}
#quefer .posNextNot {
    position: absolute;
    top: -0%;
    right: 88%;
}
.padRecorregut {padding-top: 10px;}
.padMail {padding-left: 10px;}
.margeLineaQue {margin-left: 31px;}
.padParQue {padding-right: 15px;padding-top: 10px;padding-left: 15px;;}
.bgQue {background-color: #eccc37;}
#quefer a:hover {color: #eccc37;}
li:hover {background-color: white; background-clip:padding-box;}
.colorQue {color: #eccc37;}
.lineaVerticalQue {
    background-color: #eccc37;
    width: 10px;
    height: 115px;
    border-radius: 10px;
}
.padParagQue {padding-top: 28px;}
.padMesos {padding-left: 9px;margin-top: 8px;margin-bottom: 35px;}
.margeShare {margin-top: 28px;}
.padTitQue {padding-left: 40px;}
.margeLShare {margin-left: 145px;}
.padCalendari {padding-left: 17px;}
.margeDesCal {margin-right: 11px;}
.lineaDivQue {
    width: 100%;
    height: 10px; 
    border-radius: 10px;
    margin: 40px auto;
    opacity: 0.5;
}
.lineaQuefer {
    position: absolute;
    top: 100%;
}
.padTitolBan {padding-left: 25px;}
.padTextBan {padding-left: 108px;}
.borderBan {border-radius: 5px;}

/*****************VISITAR************/

.dretaArqueode {right: 8%;}
.overCivilde {top: 26%;}
.margeTopVisitar {margin-top: 145px;}
.padLinkConeixer2 {padding-right: 15px;padding-top: 5px;padding-bottom: 5px;}
.colorVisitar {color: #f2852f;}
.bgColorVisitar {background-color: #f2852f;margin-top: 50px;}
.civil {background-image: url(../img/vist1.png)}
.religiosa {background-image: url(../img/vist2.png)}
.militar {background-image: url(../img/vist3.png)}
.espais {background-image: url(../img/vist4.png)}
.arqueologic {background-image: url(../img/vist5.png)}
.cultural {background-image: url(../img/vist6.png)}
.platgesVist {background-image: url(../img/vist7.png)}
.rectangleHorizontalVist {
    background-color: #f2852f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 134px;
    height: 33px;
    z-index: 10;
    border-radius: 20px;
}
.rectContacteVist {
    border-radius: 5px 0 0px 5px;
    background-color: #bbc646;
    position: fixed;
    right: 0%;
    top: 9.4%;
    width: 52px;
    height: 149px;
    z-index: 196;
    cursor: pointer;
}
/**************CIVIL***********/

.paddingArquit {padding-left: 6px;}
.padTextLoc {padding-top: 3px;}
.margeLocHover {margin-left: -7px;}
.margeCardCivil {margin-bottom: 10px !important;}
.margeTopCivil {margin-top: 140px; margin-bottom: 30px;}
.posCivil {
    top: 0%;
    left: 10%;
}
.posCivil2 {
    bottom: 20%;
    left: 8%;       
}
.margeBotLoc {margin-bottom: 0px;padding-top: 65px;}
.rectangleCivil {border-radius: 12px;background-color:#f2852f;color: white;padding: 3px 18px;}
.posicioVeureCivil {padding-left: 45px;padding-top: 6px;}
.posTitolCivilca {top: 40%;left: 12%;}
.posTitolCiviles {top: 40%;left: 4%;}
.posTitolCivilen {top: 40%;left: 16%;}
.posTitolCivilde {top: 40%;left: 8%;}
.posTitolCivilfr {top: 40%;left: 16%;}
.posTitolCivil2ca {top: 28%;left: 5%;}
.posTitolCivil2es {top: 22%;left: 6%;}
.posTitolCivil2en {top: 28%;left: 6%;}
.posTitolCivil2de {top: 28%;left: 4%;}
.posTitolCivil2fr {top: 21%;left: 4%;}
.posTitolCivil3 {top: 35%;left: 15%;}
.veureEsports{background-color: rgb(187, 198, 70);border-radius: 12px;color: white;padding: 3px 18px;position: absolute;left: 50%;top: 75%;transform: translate(-50%, -50%);}

.centered {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centeredBot {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centeredPl {
    position: absolute;
    top: 42%;
    left: 58%;
    transform: translate(-50%, -50%);
  }

  .margeFitxaAll {margin-top:30px;}
  .margeSupPagina{margin-top: 100px;}

/************RECURSOS************/

.paddingTAj {padding-top: 0px;}
.margeInteresar {margin-top: 110px;}
.margeAdresa {margin-top: 80px;}
.padTipo {padding-top: 20px;}
#recursos .margeEsportiu {margin-top: 13px;}
.marginTopMapa {margin-top: 50px;}
.content-mapa{height: 600px;width: 100%;}
.content-mapa1{height: 600px;width: 100%;}
#recursos .posCivil {
    top: -2%;
    left: 10%;
}
#recursos .owl-theme .owl-dots .owl-dot.active span{background: #f2852f !important;}
.padTitRec {padding-top: 71px;}
.posBack {padding-top: 12px; padding-left: 109px;}
.lineaVisitar {
    background-color: rgb(242, 133, 47);
    width: 12px;
    height: 141px;
    z-index: 56;
    border-radius: 30px;
}
.margeTopDesc {margin-top: 30px;}
.padParRecursos {padding-right: 25px;padding-top: 20px;}
.centreRec {padding-top: 25px;}
.margeLineaRec {margin-left: 32px;}
.margeDescRec {margin-left: 56px;}
.fotoMida {width: 97.4%;}
.lineaDiv2 {
    width: 100%;
    height: 10px; 
    border-radius: 10px;
    margin: 40px auto;
    opacity: 0.5;
}
.margeLineaMapa {margin-top: 65px !important;}

/*****************TURISME-ESPORTIU************/

.padTitEsportiu {padding-top: 120px;}
.margeRectEsp {margin-top: 113px;}
#esportiu .owl-theme .owl-dots .owl-dot.active span{background: #f2852f !important;}
.margeA {margin-right: 20px;}
.padDescarrega {padding-top: 9px;}
.padPdf {padding-top: 14px;}
.margeTopItinerari {margin-top: 50px;}
.margeTopPerfil {margin-top: 40px;}
.margeEsportiu {margin-top: 76px;}
.lineaEsportiu {
    background-color: rgb(242, 133, 47);
    width: 12px;
    height: 166px;
    z-index: 56;
    border-radius: 30px;
}
.lineaEsportiu2 {
    background-color: rgb(242, 133, 47);
    width: 12px;
    height: 230px;
    z-index: 56;
    border-radius: 30px;
}
.margeTopEsportiu {margin-top: 76px !important;}
.margePdf {margin-right: 15px;}

/***********NOTICIES***************/

.hovImg:hover {opacity: 0.7;}
.plNoticies {padding-left: 35px;}
.padTopNoti {padding-top: 22px;}
.margeTwit {margin-right: 0px;}
.margeTopLl {margin-top: 20px;}
.mtLlegir {margin-top: 15px;}
.margeIcones {margin-left: 20px;margin-top: -4px;}
.bgLlegirNot {background-color: #ef5359;border-radius: 20px;width: 80px;height: 20px}
.padShareSec {padding-left: 65px;}
.padRSec {padding-right: 48px;}
.colorNot {color: #ef5359;}
.colLlegirNot {color: #ef5359;}
.colLlegirNot:hover {opacity: 0.7;}
.bgColorNot {background-color: #ef5359;}
.padTitNot {padding-top: 125px;}
.padTopMesos {padding-top: 35px;padding-left: 4px;}
.posPrevNot {
    position: absolute;
    top: -21%;
    left: -22%;
}
.posNextNot{
    position: absolute;
    top: -20%;
    right: 20%;
}
.padFotoNot {padding-top: 10px;}
.padTextNot {padding-left: 20px;}
.padTextLeft {padding-left: 20px;}
.padTextNoti {padding-left: 10px;padding-right: 10px;;}
.centreTitolNot {margin-left: -25px !important;}
.padShareNot {padding-top: 40px;}
.padIconShare {padding-left: 34px;}
.padRigP {padding-right: 35px;}
.margeNotSec {margin-top: 60px;}
#noticies h4,h5 {margin-top: 0px !important}
.margeNotSecBot {margin-bottom: 50px;}
.margeSec {margin-left: -4px;}
.max-lines {
  display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 15em;
  line-height: 1.5em;
}
.midaFotoNotiPetit{height: 150px;width: 200px;}
.margeEsqLl{margin-left: 36px;}
#noticies p {text-align:justify;}
.padContent{padding: 0 15px 0 15px;}
.padFotoNoticies{padding-left: 15px;padding-right: 15px;}
.padFotoNoticiesPrinc{padding-left: 10px;padding-right: 10px;}
.padTextNoticies{padding-left: 18px; padding-right: 10px;}

/********NOTICIA-INDI**********/

.padNotIndi {padding-top: 20px;}
.padDataNot {padding-top: 20px;}
.midaTitol {font-size: 30px;}
.midaTitol2 {font-size: 40px;}
.padSec {padding-left: 11px;}
.margeFletxes {margin-left: 70px;}
.margeTopIndi {margin-top: 95px;}
.margeNext {margin-left: 22px;}
.centratIcona {padding-top: 2px;margin-right: 17px;}
.padFletxes {padding-top: 55px;}
.centreNext {margin-top: 2px;}
.centreFoto {padding-left: 14px;}
.centreFletxes {padding-left: 92px;}
.padNotP {padding-top: 30px;padding-left: 10px;padding-right: 29px;}
.centratArticle {padding-left: 15px;padding-right: 30px;}
.duesColumnes {column-count: 2; column-gap: 40px;}
.indiMesos {padding-left: 21px;}

@media (max-width:1400px){

    .content-mapa{height: 600px;width: auto;}
    .posicio2 {
        top: 18%;
        left: 16%;
        z-index: 8;
    }
    .posicio {
        top: 19%;
        left: 10%;
    }   
    .fotoMida {width: 100%;}
    .centreFoto {padding-left: 10px;}
    .padNotP {padding-top: 30px;padding-left: 3px;padding-right: 0px;}
    .centratArticle {padding-left: 9px;padding-right: 9px;}
    .rectContacte {
        border-radius: 5px 0 0px 5px;
        background-color: #bbc646;
        position: fixed;
        right: 0%;
        top: 75.2%;
        width: 43px;
        height: 133px;
        z-index: 196;
        cursor: pointer;
    }
    .fonsHome {top: 7%;}
    .invisible991 {display: none !important;}

}
@media (max-width:1200px){

    .padIpad {padding-left: 15px; padding-right: 10px;}
    .interIdiomes {padding-left: 7px;}
    .padIdiomesca {padding-left: 0px;}
    .padIdiomeses {padding-left: 0px;}
    .padIdiomesen {padding-left: 0px;}
    .padIdiomesde {padding-left: 0px;}
    .padIdiomesfr {padding-left: 0px;}
    .dropdown-contentConeixer{
        display: none;
        position: absolute;
        top: 320%;left: 50%; transform: translate(-50%, -50%); 
        min-width: 100px;
        z-index: 10;
        background-color: #d2f2f3;
        border-radius: 0 0 20px 20px;
    }
    .dropdown-contentVisitar{
        display: none;
        position: absolute;
        top: 72%;left: 50%; transform: translate(-43%, 4%);    
        min-width: 100px;
        z-index: 10;
        background-color: #f9e7d5;
        border-radius: 0 0 20px 20px;
    }
    .ocultar12 {display: none !important;}
    .ptConeixer {padding-top: 0px;}
    .margeLeftIpad {margin-left: 63px;}
    .lineaVertical {
        background-color: rgb(187, 198, 70);
        width: 10px;
        height: 160px;
        border-radius: 10px;
    }
    .juntaIcones {margin-left: -10px;}
    .lineaFlex1 {display: block;}

    .dropdown-content3 {
        display: none;
        position: absolute;
        right: -41px;
        top: 67px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }

    /************CONEIXER************/
    .padLeftIntro {padding-left: 13px;}
    /*    .lineaLinks {display: none;}*/
    .padTopFotoCon {padding-top: 130px;}
    .invisible991 {display: none !important;}
    .padTopClima {padding-top: 9.5%;}
    .padTopPaisatge {padding-top: 100px;}
    .padParag {padding-top: 10px;padding-right: 0px;}
    .padRPaisatge {padding-right: 5px;}


    /*************************************/
    .posicio2 {
        top: 15%;
        left: 20%;
        z-index: 8;
    }
    .posicio {
        top: 16%;
        left: 10%;
    }
    .rectContacte {display: none !important;}
    .rectContacteCon {display: none !important;}
    .rectContacteCon2 {display: none !important;}
    .botoNavbar {border: none;padding-top: 25px;}
    .midaBanner {width: 100%;}
    .visibleEscritori {display: none;}

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .padFotosVisitar {padding-left: 10px; padding-right: 10px;}
    .padIpad2 {padding-left: 10px; padding-right: 10px;}
    .padingShare {padding-left: 140px;}
    #allotjament .margeLinea2 {margin-top: 13px !important;margin-left: 0px;}
    #allotjament .margeLineaAll {margin-left: 85px;margin-top: 13px;}
    .padParAll {padding-right: 9px;padding-top: 25px;padding-left: 20px;}
    .indiMesos {padding-left: 21px;}
}
@media (max-width:991px){

    #individual .padTextNot {padding-left: 30px;}
    .centratTransport {margin-left: 0px;}
    .padLPaisatge {padding-left: 38px;}
    .padImgPais {padding-left: 13px;}
    .padTopPaisatge {padding-top: 6px;}
    .padTopFotoCon {padding-top: 33px;}
    .padTopClima {padding-top: 0.5%;}
    .margeSorpren {margin-top: 90px;margin-bottom: 35px;}
    .margeArta {margin-top: 10px;margin-bottom: 55px;}
    .padRss {padding-top: 25px;padding-left: 42px;padding-right: 22px;}
    .midaDivDrop {width: 210px;margin-bottom: 0px;margin-top: 0px;}
    .dropdown-contentConeixer{
        display: none;
        position: absolute;
        top: 72%;left: 50%; transform: translate(-43%, 4%);    
        min-width: 100px;
        z-index: 10;
        background-color: #d2f2f3;
        border-radius: 0 0 20px 20px;
    }
    .dropdown-contentVisitar{
        display: none;
        position: absolute;
        top: 72%;left: 50%; transform: translate(-43%, 4%);    
        min-width: 100px;
        z-index: 10;
        background-color: #f9e7d5;
        border-radius: 0 0 20px 20px;
    }
    .lineaFlex2 {display: block;}
    .padParAll {padding-right: 9px;padding-top: 25px;padding-left: 10px;}
    .ampladaMax {max-width: 20%;}
    #natura .padTopClima {padding-top: 0;}
    .visibleEscritori {display: none;}
    .padLeftIntro {padding-left: 0px;}
    .visible991 {display: none;}
    .invisible991 {display: block !important;}
    .margeDretLinks {margin-right: 10px;}
    .padLinkConeixer {padding-right: 10px;}
    .ocultMobil {display: none !important;}
    .rectContacteCon {display: none !important;}
    .rectContacte {display: none !important;}
    .rectContacteCon2 {display: none !important;}
    .posicio2 {
        top: 11%;
        left: 18%;
        z-index: 8;
    }
    .posicio {
        top: 13%;
        left: 10%;
    }
    #quefer .padParQue {padding-right: 15px;padding-top: 0px;padding-left: 15px;}
    .padFotosVisitar {padding-left: 10px; padding-right: 10px;}
    .centratTel {margin-left: 234px;margin-right: 367px;}
    .padLeftTel {padding-left: 233px;}
    .dropdown-content3 {
        display: none;
        position: absolute;
        right: 21px;
        top: 35px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    .lineaFlex1 {display: inline-flex;}
    .juntaIcones {margin-left: 0px;}

    .margeBotBan {margin-bottom: 20px;}
    .padTitNot {padding-top: 50px;}
    .padRigP {padding-right: 12px;}
    .centratDia {padding-left: 7px;}
    .plNoticies {padding-left: 7px;}
    .padTextLeft {padding-left: 52px;}
    .padLeftIpad {padding-left: 20px;}
    .indiMesos {padding-left: 21px;}
}  
@media (max-width:769px){

    .paddingTAj {padding-top: 20px;}
    .padClima {padding-left: 20px;}
    .padImgPais {padding-left: 0px;}
    .padLPaisatge {padding-left: 20px;}
    .padRPaisatge {padding-right: 0px;}
    .dropdown-actiuVisitar {
        width: 152px;
        position: absolute;
        left: 42px;
        top: 50px;
        min-width: 100px;
        z-index: 10;
        background-color: #f9e7d5;
        border-radius: 0 0 20px 20px;
        padding: 10px;
    }
    .dropdown-actiuConeixer {
        width: 179px;
        position: absolute;
        left: 153px;
        top: 50px;
        min-width: 100px;
        z-index: 10;
        background-color: #d2f2f3;
        border-radius: 0 0 20px 20px;
        padding: 10px;
    }


    .fotoXarxes {margin-left: 60px;}
    .posPrev {
        position: absolute;
        top: 17%;
        left: 0%;
    }
    .posNext {
        position: absolute;
        top: 17%;
        right: 3%;
    }
    .padTopFotoCon {padding-top: 0px;}
    .ocultMobil {display: none;}
    .padLinkConeixer {padding-right: 10px;}
    .rectContacte {display: none !important;}
    .rectContacteCon2 {display: none !important;}
    #allotjament .padClima {padding-left: 14px;}

    /************TURISME-ESPORTIU********/

    #esportiu .margeLineaRec {margin-left: 15px;}
    .plMobil {padding-left: 15px;}
    .lineaDiv2 {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
        margin-left: 15px;
    }
    .margeSliderEsportiu {margin-left: 0px;}
    .padDescarrega {padding-top: 0px;}
    .lineaEsportiu {
        background-color: rgb(242, 133, 47);
        width: 12px;
        height: 169px;
        z-index: 56;
        border-radius: 30px;
    }
    .lineaEsportiu2 {
        background-color: rgb(242, 133, 47);
        width: 12px;
        height: 285px;
        z-index: 56;
        border-radius: 30px;
    }
    .margeDescRec {margin-left: 0px;}
    .padIpad2 {padding-left: 10px; padding-right: 10px;}
    .padIpad3 {padding-left: 15px; padding-right: 15px;}

    .fotoMida {width: 100%;}
    .posBack {padding-top: 37px; padding-left: 8px;}

    .midaFont46 {font-size: 36px;}
    .midaFont50 {font-size: 38px;}
    .rectContacteCon {display: none !important;}
    /************HEADER*************/    
    .ocultSm {display: none;}
    .padTopBoto {padding-top: 20px;}
    .navbar-default .navbar-toggle {border-color: transparent !important;}

    /***********HOME*************/


    .margeSorpren {margin-top: 35px;margin-bottom: 35px;}
    .padGastrode {padding-right: 100px;}
    .padParagde{padding-right: 10px;padding-left: 39px;}
    .visibleEscritori {display: none;}
    #home .margeLinea {margin-right: 10px;margin-left: 46px;margin-top: 10px;}
    .padPrincipal {padding-left: 5px;}
    .margePetits {margin-bottom: 20px;}
    .dreta {right: 5%;}
    .dretade {right: 5%;}
    .dretaArqueo {right: 5%;}
    .dretaPlatges {right: 5%;}
    .dreta2 {right: 5%;}
    .overBanners1 {top: 8%;}
    .overBanners2 {top: 17%;}
    .overBanners3 {top: 18%;}
    .overBanners4 {top: 19%}
    .posicioNext {display:none !important;}
    .posicioPrevious {display:none !important;}
    .midaFotoTel {width: 40% !important;}
    .centratTel {margin-left: 234px;margin-right: 237px;}
    .padLeftTel {padding-left: 233px;}
    .centreTel {margin-left: 280px;}
    .padingShare {padding-left: 468px;}
    .centratCultura {padding-left: 67px;}
    .padCultura2 {padding-top: 28px;}
    .margeLeftIpad {margin-left: 37px;}
    .lineaVertical {
        background-color: rgb(187, 198, 70);
        width: 10px;
        height: 180px;
        border-radius: 10px;
    }
    .padSorpren {padding-top: 25px;padding-left: 0px;}
    .banners {
        width: 100%;
        height: 300px;
        overflow-x: hidden !important;
        margin-top: 20px;
        background-size: cover;
        position: relative;
    }
    .banner3 {
        width: 100%;
        height: 300px;
        overflow-x: hidden !important;
        margin-top: 20px;
        background-size: cover;
        position: relative;
    }
    .margeBanners2 {margin-left: 0px;}
    .margeBanners {margin-left: 0px;}
    .ceroMarges {margin-left: 0px;margin-right: 0px;}
    .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    .padding13 {padding-left: 65px;}
    .padInfo {padding-top: 20px;}
    .tempsFutur {padding-top: 10px;}

    /*********FOOTER***************/

    .margeFotoFooter {margin-bottom: 13px;}
    .marLeftInput {margin-left: 9px;}

    /***********CONEIXERPAD***********/

    .padParag {padding-top: 10px;padding-right: 0px;}
    .padConeixer {padding-right: 20px;padding-left: 15px;}
    .margeTransIpad {margin-top: 65px;}
    .padFotoIpad {padding-top: 40px;}
    .padRPaisatge {padding-right: 10px;}
    .padTopPaisatge {padding-top: 10px;}
    .padFoto {padding-left: 0px;}
    .padTopIpad {padding-top: 120px;}

    .padTopClima {padding-top: 0px;}
    .padCon {padding-right: 40px; padding-top: 20px;}
    .lineaVerticalCon {
        background-color: #1caeb4;
        width: 10px;
        height: 150px;
        border-radius: 10px;
    }
    #coneixer .margeLinea {margin-right: 10px;margin-left: 35px;margin-top: 10px;}
    .margeLinea {margin-right: 10px;margin-left: 92px;margin-top: 10px;}

    /***********NATURAPAD********/

    #natura .padClima {padding-left: 10px;}
    #natura .margeLinea2 {margin-top: 13px !important;margin-left: 10px;}
    .marginTopNatura {margin-top: 56px;}
    #natura .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    #natura .padCon {padding-right: 40px;padding-top: 7px;}
    #natura .padFoto {padding-left: 15px;padding-top: 15px;}
    #natura .padConeixer {padding-right: 20px;padding-left: 8px;}
    #natura .padTopClima {padding-top: 20px;}
    .padFotosNat1 {padding-left: 0px;padding-right: 10px;}
    .padCultiu {padding-left: 5px;}

    /*************ALLOTJAMENTPAD***********/

    #allotjament .padConeixer {padding-right: 20px;padding-left: 10px;}
    .padRFotoAll {padding-right: 4px;}
    #allotjament .padTextNat {padding-top: 7px;}
    #allotjament .lineaVerticalCon {
        background-color: #1caeb4;
        width: 10px;
        height: 100px;
        border-radius: 10px;
    }
    #allotjament .margeLinea {margin-right: 10px;margin-left: 130px;margin-top: 15px !important;}
    .padParAll {padding-right: 10px;padding-top: 18px;padding-left: 10px;}
    #allotjament .padFoto {padding-left: 15px;padding-top: 15px;}
    #allotjament .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 15px;
        opacity: 0.5;
    }

    /***********QUEFERPAD***********/

    .lineaVerticalQue {
        background-color: #eccc37;
        width: 10px;
        height: 140px;
        border-radius: 10px;
    }
    #quefer .margeLinea {margin-right: 10px;margin-left: 58px;}
    #quefer .padCon {padding-right: 40px;padding-top: 0px;padding-left: 10px;}
    #quefer .padParQue {padding-right: 30px;padding-top: 0px;padding-left: 10px;}
    #quefer .posNextNot {position: absolute;top: 0%;right: 81%;}
    .padTelInfo {padding-left: 5px;}
    .padCalendari {padding-left: 173px;padding-top: 20px;}

    /***********VISITAR****************/

    .dretaArqueode {right: 8%;}
    .overCivilde {top: 26%;}
    .padFotosVisitar {padding-left: 10px; padding-right: 10px;}
    .overCivil2 {top: 29%;}

    /**********CIVILPAD**************/

    .posTitolCivil3 {top: 36%;left: 15%;}
    .posTitolCivil2de {top: 30%;left: 13%;}
    .posTitolCivilde {top: 40%;left: 16%;}
    .plArquitectura {padding-left: 4px;}
    .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;       
        opacity: 0.5;
    }

    /**********RECURSOS********************/

    .marginMapa {margin-left: 0;}
    .padParRecursos {padding-right: 7px; padding-top: 20px;}
    #recursos .lineaVisitar {
        background-color: rgb(242, 133, 47);
        width: 12px;
        height: 143px;
        z-index: 56;
        border-radius: 30px;
    }
    .margeEsportiu {margin-top: 20px;}

    /*********NOTICIAPAD**********/

    .padRigP {padding-right: 12px;}
    .centratDia {padding-left: 28px;}
    .plNoticies {padding-left: 7px;}
    .padLeftIpad {padding-left: 17px;padding-right: 17px;}
    .padTextNot {padding-left: 0px;}
    .padTextLeft {padding-left: 52px;}
    .centreTitolNot {padding-top: 0px;}
    .posNextNot {position: absolute; top: -20%; right: 38%;}
    .padSecTel {padding-top: 10px;}
    .padSecundaries {padding-left: 11px;}
    .margeEsquerraLinea {margin-left: 16px;}

    /*********INDIVIDUALPAD**********/
    .margeFletxes {margin: 0 auto;}
    .indiMesos {padding-left: 33px;}
    #individual .padTextNot {padding-left: 58px;}
    .padTextIndi {padding-left: 5px; padding-right: 7px;}
    .margeNext {margin-left: 0px;}
    .padNotP {padding-top: 30px;padding-left: 15px;padding-right: 15px;}
    .centratArticle {padding-left: 15px;padding-right: 15px;}
    .duesColumnes {column-count: 2; column-gap: 30px;}
    .centreFoto {padding-left: 23px;padding-right: 23px;}
    .margeLineaMobil {margin-left: 15px;}
    .padNotIndi {padding-top: 0px;}
    .padSec {padding-left: 18px;}

    /******CONTACTE*************/

    .margeIpad {margin-left: 64px;}
    .margeForm {margin-left: 64px;}

    .content-mapa{height: 400px;width: 100%;}

    .padBrand {padding-left: 15px;}
    .visibleMobil {display: none;}
    .dropdown-content3 {
        display: none;
        position: absolute;
        right: -91px;
        top: 35px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    .margeColapsat{margin-top: 10px;}
    .padMobil {padding: 0 10px;}
    .padTopIdiomes {
        padding-top: 15px;
        padding-bottom: 105px;
    }
}
@media (max-width:640px){
    .overCivil {top: -17%;}
    .overCivilde {top: 3%;}
    .overCivil2 {top: 3%;}
    .visibleMobil {display: none;}
    .padingShare {padding-left: 350px;}
    .centreTel {margin-left: 180px;}
    .overBanners1de {top: 18%;}
    .overBanners2de {top: 16%;}
    .overBanners4de {top: -9%;}
    .midaFont46 {font-size: 20px;}
}
@media (max-width:500px){


    .midaFletxa{width:65%;}
    .imgDownload{width:30%;}
    .instagram {
        width:60%;height:auto;margin-left:10px;margin-top:0px;
    }
    .margeMobil{margin-top:30px;}
    .overCivil {top: -17%;}
    .overCivilde {top: 3%;}
    .overCivil2 {top: 3%;}
    .padingShare {padding-left: 260px;}
    .centreTel {margin-left: 100px;}
    .overBanners1de {top: 18%;}
    .overBanners2de {top: 16%;}
    .overBanners4de {top: -9%;}
    .midaFont46 {font-size: 20px;}
}
@media (max-width:400px){

    
    .padColumna {
        /* padding-left:20px; */
    }
    .margeColapsat{margin-top: 10px;}
    .fotoXarxes {margin-left: 30px;}
    .rectContacte {display: none !important;}
    .ocultMobil {display: none;}
    .rectContacteCon {display: none !important;}
    .rectContacteCon2 {display: none !important;}
    /*************HEADER*************/
    .navbar-default .navbar-toggle {border-color: transparent !important;}
    .padBrand {padding-left: 15px;}
    .padTopBoto {padding-top: 20px;}
    .decoBoto {border: none; background-color: white;}
    .decoBoto:hover {border: none; background-color: white !important;}
    .padDesplegable {padding-right: 71px;}
    .navbar-default .navbar-toggle {border-color: transparent !important;}
    /************HOME******************/



    .overBanners1 {top: -8%;}
    .padGastrode {padding-left: 97px;}
    #interes .dreta {right: 8%;}
    .paddingNotHome {padding-left: 10px;padding-right: 10px;}
    .padParagde{padding-right: 5px;padding-left: 5px;}
    .paddingTelefon {padding: 0;}
    .margeSorpren {margin-top: 0px;margin-bottom: 65px;}
    .visibleEscritori {display: none;}
    .margePetits {margin-bottom: 20px;}
    .overBanners3 {top: -3%;}
    .overBanners2 {top: -3%;}
    .midaFont46 {font-size: 20px;}
    .esquerra2 {left: 13% !important;}
    .overBanners4 {top: -17%;left: 28%;}
    .ocultSm {display: none;}
    .margeBanners2 {margin-left: 0px;}
    .banner3 {
        width: 100%;
        height: 300px;
        overflow-x: hidden !important;
        margin-top: 20px;
        background-size: cover;
        position: relative;
    }
    .margeBanners {margin-left: 0px;}
    .banners {
        width: 100%;
        height: 300px;
        overflow-x: hidden !important;
        margin-top: 20px;
        background-size: cover;
        position: relative;
    }
    .midaBanner {width: 100%;}
    .ceroMarges {margin-left: 0px;margin-right: 0px;}
    .padSorpren {padding-right: 20px;padding-left: 0px;}
    .padParag {padding-top: 10px;padding-right: 0px;}
    .dreta {right: 44%;}
    .dretade {right: 8%;}
    .dretaPlatges {right: 43%;}
    .esquerra {left: 28%;}
    .dreta2 {right: 19%;}
    .esquerra2 {left: 3%;}

    .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    .padIconTel {padding-left: 31px;}
    .amagat {display: none;}
    .padShare {padding-left: 64px; padding-top: 6px;}
    .margeFace {margin-left: 0px;}
    .padingShare {padding-left: 77px;padding-top: 0px;}
    .dropdown-content {
        display: none;
        position: absolute;
        right: -16px;
        top: 0px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    .dropdown-content2 {
        display: none;
        position: absolute;
        left: -45px;
        top: -24px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    .centreTel {margin-left: 70px;}
    .padLeftTel {padding-left: 36px;}
    .centratTel {margin-left: 36px;margin-right: 36px;}
    .midaFotoTel {width: 70% !important;}

    .posPrev {
        position: absolute;
        top: 22%;
        left: 0%;
    }
    .posNext {
        position: absolute;
        top: 22%;
        right: 3%;
    }
    .padding13 {padding-left: 65px;}

    .padInfo {padding-top: 20px;}
    .tempsFutur {padding-top: 10px;}

    /******************CONEIXER**************/

    .padConeixer {padding-right: 20px;padding-left: 0px;}
    .padFoto {padding-left: 0px;}
    .padClima {padding-left: 5px;}
    .padLPaisatge {padding-left: 5px;}
    .padRPaisatge {padding-right: 9px;}
    .margeBotons {margin-right: 3px;margin-left: -8px;}
    .padTopPaisatge {padding-top: 25px;}
    .padTopClima {padding-top: 25px;}

    /**********NATURA**************/

    .midaVideoNat {width: 100%;}
    #natura .padConeixer {padding-right: 20px;padding-left: 10px;}
    #natura .margeLinea2 {margin-top: 13px !important;margin-left: 12px;}
    .padFotosNat {padding-left: 0px;padding-right: 5px;}
    .padFotosNat1 {padding-left: 10px;padding-right: 10px;}
    .padTextNat {padding-right: 10px;padding-left: 10px;}
    #natura .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    .padLVideo {padding-left: 10px; padding-right: 4px;}
    .lineaVerticalCon {
        background-color: #1caeb4;
        width: 10px;
        height: 75px;
        border-radius: 10px;
    }
    .padNatura {padding-top: 7px;}
    .padParNat {padding-right: 12px;padding-top: 16px;}
    #natura .padFoto {padding-left: 5px;}

    /*********ALLOTJAMENT*********/
    .padParAll {padding-right: 10px;padding-top: 25px;padding-left: 10px;}
    #allotjament .padFoto {padding-left: 5px;}

    .posPrevAll {visibility: hidden;}
    .posNextAll {visibility: hidden;}
    .padRss {padding-top: 55px;padding-left: 10px;}
    #allotjament .lineaDiv {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }

    /**********FOOTER***********/

    .marLeftInput {margin-left: 9px;}
    .margeFotoFooter {margin-bottom: 13px;}
    .padAjuntament {padding-left: 10px;}
    .padAvis {padding-left: 36px;}

    /**********QUEFER*************/

    .lineaDivQue {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    .padCalendari {padding-left: 36px;padding-top: 20px;}
    .dropdown-content3 {
        display: none;
        position: absolute;
        right: -91px;
        top: 35px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    #quefer .posPrevNot {
        position: absolute;
        top: -2%;
        left: 4%;
    }
    #quefer .posNextNot {
        position: absolute;
        top: -0%;
        right: 53%;
    }
    .padSliderMesos {padding-left: 45px;}
    .padTelInfo {padding-left: 5px;}
    .margeDesCal {margin-right: 49px;}
    #quefer .padParQue {padding-right: 10px;padding-top: 0px;padding-left: 10px;}
    #quefer .padConeixer {padding-left: 10px;}
    .padActivitats {padding: 0 10px;}

    /*************VISITAR***********/


    .dretaArqueo {right: 18%;}
    .dretaArqueode {right: 8%;}
    #visitar .esquerra {left: 18%}
    .overCivil {top: -17%;}
    .overCivilde {top: 3%;}
    .overCivil2 {top: 3%;}
    #visitar .dreta {right: 16%;}
    #visitar .dretade {right: 6%;}
    #visitar .overBanners1 {top: -17%;}
    #militar .dreta {right: 15%;top: 27%;}
    #espais .esquerra {left: 27%;}
    #espais .overBanners4 {top: 31%;}
    #religiosa .esquerra {left: 15%;}
    #platges .overBanners4 {top: 35%;left: 30%;}

    /**************CIVIL***********/

    .plArquitectura {padding-left: 4px;}
    #civil .lineaDiv {
        width: 297px;
        height: 10px; 
        border-radius: 10px;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 16px;
        opacity: 0.5;
    }

    /**********RECURSOS*************/

    .padIpad {padding-left: 15px; padding-right: 15px;}
    .posBack {padding-top: 55px; padding-left: 0px;}
    .fotoMida {width: 100%;}
    .padParRecursos {padding-right: 0px;padding-top: 10px;}
    .margeDescRec {margin-left: 13px;}
    .padMapa {padding: 0 5px;}
    .lineaDiv2 {
        width: 100%;
        height: 10px; 
        border-radius: 10px;
        margin: 40px auto;
        opacity: 0.5;
    }
    .centratPetit {margin-left: 0px !important;}
    .padLeftTambe {padding-left: 14px;}
    .padIpad3 {padding-left: 15px; padding-right: 15px;}

    /************NOTICIES************/

    .padShareSec {padding-left: 38px;}
    .dropdown-contentNot {
        display: none;
        position: absolute;
        right: 17px;
        top: 58px;
        background-color: transparent;
        min-width: 100px;
        z-index: 10;
    }
    .padShareNot {padding-top: 58px;}
    .padSecundaries {padding-left: 11px;}
    .posPrevNot {position: absolute;top: -21%;left: -12%;}
    .posNextNot {position: absolute;top: -20%;right: 61%;}
    .centreTitolNot {padding-top: 0px;}
    .padIconShare {padding-left: 0px;}
    .padRigP {padding-right: 12px;}
    .padSecTel {padding-top: 10px;}
    .padLeftIpad {padding-left: 15px; padding-right: 15px;}




    /**********NOTICIA-INDIVIDUAL**********/
    .margeLineaMobil {margin-left: 0px;}
    .padFletxes {padding-top: 0px;}
    .duesColumnes {column-count: 1;}
    .centreFoto {padding-left: 13px;padding-right: 13px;}


    /************TURISME-ESPORTIU********/

    #esportiu .margeDescRec {margin-left: 0px;}
    .visibleMobil {display: none;}
    .mtMobil {margin-top: 20px;}
    .plMobil {padding-left: 15px;}
    .lineaEsportiu {
        background-color: rgb(242, 133, 47);
        width: 12px;
        height: 225px;
        z-index: 56;
        border-radius: 30px;
    }

    #esportiu .margeLineaRec {margin-left: 15px;}
    .padDescarrega {padding-top: 9px;}

    .content-mapa{height: 300px;width: 100%;}
    .margeEsqLl{margin-left: 25px;}
    .margeSupMobil{margin-top: 40px;;}
    .margeSupPagina{margin-top: 85px;}
    .paddingFitxa {padding: 0 10px;}
    .padMobil {padding: 0 10px;}
    .midaMapaPlatja{height: 300px;}
    .interMobil{margin-top: 20px;}
    .midaTitol {font-size: 20px;}
    .margeFotoVia{margin-bottom: 20px;}
    .midaBanner2 {width: 100%;min-height: 150px;}
    .navbar-collapse .collapse .in {height: 370px;}
    .padTopIdiomes {
        padding-top: 15px;
        padding-bottom: 105px;
    }
    .ocultDesk {display: block !important;}
    .margeBotMobil{margin-bottom: 30px;}
    .margeInterFotos{margin-top:0px;}
}

@media (max-width:360px){

}