/*
Theme Name: Visit Palafrugell
Theme URI: http://www.6tems.com
Description: Tema de Visit Palafrugell
Author: Jordi Artau
Author URI: http://www.6tems.com
Version: 1.0
*/

@font-face {
    font-family: 'avenirnextmedium';
    src: url('fonts/avenir-next-medium.otf') format("opentype");
    font-style: normal;
}
#wpadminbar {
    overflow-y: auto;
}

body{font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 13px;line-height: 16px;color:#737373;}
b,strong{color:#5ad8e6;}
a{color:#5ad8e6;}
a:active, a:focus{outline: 0;text-decoration: none;color:#5ad8e6;}
a:hover{color:#737373;}
.net{clear: both;}
.base{display: inline-block;background-image: url(images/base.png);background-repeat: no-repeat;background-color: transparent;}
.menu-superior{margin-bottom: 10px;}
.menu-superior p{margin:8px 10px;}
.menu-superior li a{padding:8px;}
.menu-superior p,
.menu-superior li{font-size: 11px;}
.menu-superior li a:hover,
.menu-superior li.current-menu-item a{color:#5ad8e6;}
.menu-superior.navbar{min-height: 20px;}
.menu-superior .webcam{background-position: -273px -151px;;width: 9px;height: 11px;}
.menu-inferior .nav li.current-menu-item a,
.menu-inferior .nav li a:hover{background-color: transparent;color:#5ad8e6;}

.links-header{position:relative;top:-15px;left:32px;}
.links-header .logotit2{font-size:14.5px;font-family: avenirnextmedium;}
.links-header .separador{background:url("images/estrella.png") no-repeat center;width:10px;height:10px;display:inline-block;}

.width100{
}
.iframe iframe{
width:100%;
}

.idiomes li a.ban{
width:20px;
height:33px;
display:block;
}
.idiomes li.active a{
opacity:0.4;
}
.idiomes li a.ban:hover{
opacity:0.4;
background-color:transparent !important;
}
.idiomes li a.ban.ca{
background:url(images/ca.png) no-repeat center center;
}
.idiomes li a.ban.en{
background:url(images/en.png) no-repeat center center;
}
.idiomes li a.ban.de{
background:url(images/de.png) no-repeat center center;
}
.idiomes li a.ban.es{
background:url(images/es.png) no-repeat center center;
}
.idiomes li a.ban.nl{
background:url(images/nl.png) no-repeat center center;
}
.idiomes li a.ban.fr{
background:url(images/fr.png) no-repeat center center;
}
.swipebox:hover img{
opacity:0.7;
}
.blauclar{color:#50D6E4;}
.datafitxanot{margin-bottom:10px;}
a.titnot:hover{color:white;}
.presentaciofitxa{font-size: 20px;
line-height: 25px;
}
.tcenter{text-align:center;}
.inblock{display:inline-block;}
.block{display:block;}
.relative{position:relative;}
.linkpkrodona{
color:white !important;
text-decoration:none !important;
}
.linkpkrodona:hover h3, .linkpkrodona:hover h4, .linkpkrodona:hover span{
color: #5ad8e6 !important;
}
h3{font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 20px;font-weight: 300;text-transform: uppercase}

#weather-container .base{background-position: -33px -190px;width:15px;height:15px;position: relative;top: 3px;}

/*tempesta*/
#weather-container .temps200{background-position: -1px -190px;}
#weather-container .temps202{background-position: -1px -190px;}
#weather-container .temps210{background-position: -1px -190px;}
#weather-container .temps211{background-position: -1px -190px;}
#weather-container .temps212{background-position: -1px -190px;}
#weather-container .temps221{background-position: -1px -190px;}
#weather-container .temps230{background-position: -1px -190px;}
#weather-container .temps231{background-position: -1px -190px;}
#weather-container .temps232{background-position: -1px -190px;}

/*poca pluja*/
#weather-container .temps300{background-position: -17px -190px;}
#weather-container .temps301{background-position: -17px -190px;}
#weather-container .temps302{background-position: -17px -190px;}
#weather-container .temps310{background-position: -17px -190px;}
#weather-container .temps311{background-position: -17px -190px;}
#weather-container .temps312{background-position: -17px -190px;}
#weather-container .temps321{background-position: -17px -190px;}

/*pluja*/
#weather-container .temps500{background-position: -33px -190px;}
#weather-container .temps501{background-position: -33px -190px;}
#weather-container .temps502{background-position: -33px -190px;}
#weather-container .temps503{background-position: -33px -190px;}
#weather-container .temps504{background-position: -33px -190px;}
#weather-container .temps511{background-position: -33px -190px;}
#weather-container .temps520{background-position: -33px -190px;}
#weather-container .temps521{background-position: -33px -190px;}
#weather-container .temps522{background-position: -33px -190px;}

/*neu*/
#weather-container .temps600{background-position: -49px -190px;}
#weather-container .temps601{background-position: -49px -190px;}
#weather-container .temps602{background-position: -49px -190px;}
#weather-container .temps611{background-position: -49px -190px;}
#weather-container .temps621{background-position: -49px -190px;}

/*ambient (boira)*/
#weather-container .temps701{background-position: -65px -190px;}
#weather-container .temps711{background-position: -65px -190px;}
#weather-container .temps721{background-position: -65px -190px;}
#weather-container .temps731{background-position: -65px -190px;}
#weather-container .temps741{background-position: -65px -190px;}

/*nuvols*/
#weather-container .temps800{background-position: -97px -190px;}/*sol*/
#weather-container .temps801{background-position: -81px -190px;}
#weather-container .temps802{background-position: -81px -190px;}
#weather-container .temps803{background-position: -81px -190px;}
#weather-container .temps804{background-position: -81px -190px;}

#capcalera-page{margin:30px 0;background-repeat: no-repeat;background-size: cover;text-transform: uppercase;text-align: center;}
#capcalera-page .tranparencia{width: 50%;min-height: 160px;background-color: rgba(0,0,0,0.7);}
#capcalera-page h2{font-family: 'Roboto', sans-serif;font-size: 40px;line-height: 44px;color:#fff;font-weight: 400;padding-top: 49px;margin-bottom:0;}
#capcalera-page h3{font-size: 15px;line-height: 16px;color:#50d6e4;font-weight: 300;padding-bottom:40px;margin-top:0;}

#capcalera-page .tranparencia.amb-picto{position: relative;text-align: left;}
#capcalera-page .tranparencia.amb-picto .picto-cap{position: absolute;left:10%;top:50%;margin-top:-50px;width: 100px;height: 100px;background-position: center center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#capcalera-page .tranparencia.amb-picto .cont-text-cap{padding-left:120px;margin-left:10%;}

#titols-pagina{padding: 30px 0;}

#social-links{margin-left:15px;padding-left:15px;border-left:1px solid #E1E1E1;height: 36px;}
#social-links a{position: relative;top:10px;}
#social-links a{width: 20px;height: 17px;display: inline-block;margin-right: 10px;}
#social-links a.facebook{background-position: 0 -101px;}
#social-links a.googlep{background-position: -105px -101px;}
#social-links a.twitter{background-position: -21px -101px;}
#social-links a.instagram{background-position: -42px -101px;}
#social-links a.youtube{background-position: -84px -101px;}
#social-links a.flickr{background-position: -63px -101px;}
#social-links a.facebook:hover{background-position: 0 -120px;}
#social-links a.googlep:hover{background-position: -105px -120px;}
#social-links a.twitter:hover{background-position: -21px -120px;}
#social-links a.instagram:hover{background-position: -42px -120px;}
#social-links a.youtube:hover{background-position: -84px -120px;}
#social-links a.flickr:hover{background-position: -63px -120px;}

.menu-inferior{margin-bottom:10px;}
#menu-secundari,#menu-secundari-spanish0,#menu-secundari-english0,#menu-secundari-french0,#menu-secundari-german0{margin-top:10px;margin-left:10px;}
#menu-secundari a, #menu-secundari-spanish0 a, #menu-secundari-english0 a, #menu-secundari-french0 a, #menu-secundari-german0 a{line-height: 21px;color:#ACC7DA;font-size: 15px;padding: 15px 5px;}
#menu-secundari a:hover, #menu-secundari-spanish0 a:hover, #menu-secundari-english0 a:hover, #menu-secundari-french0 a:hover, #menu-secundari-german0 a:hover{color:#5ad8e6;}
#menu-secundari .current-menu-item a,#menu-secundari-spanish0 .current-menu-item a,#menu-secundari-french0 .current-menu-item a,#menu-secundari-english0 .current-menu-item a,#menu-secundari-german0 .current-menu-item a,.current-page-ancestor a{color:#5ad8e6 !important;}
.navbar-brand{height: auto;}
/*@media (min-width: 768px) {
    #menu-secundari li:first-child a,#menu-secundari-spanish0 li:first-child a,#menu-secundari-french0 li:first-child a,#menu-secundari-english0 li:first-child a,#menu-secundari-german0 li:first-child a{color:transparent !important;background: url(images/base.png) no-repeat -261px -151px;width: 11px;height: 11px;padding:0;position: r}*/

/*.navbar-collapse.collapse.in{margin:}*/

.menu-inferior .navbar-toggle{background-color: rgba(0,0,0,0.3);}
.navbar-toggle .icon-bar{background-color: rgba(255,255,255,0.7);}

.buto{border:1px solid #c5c5c5;color:#737373;display: inline-block;padding:8px 20px;font-size:14px;text-transform: uppercase;margin:5px 0;}
.buto.blau{border:1px solid #5ad8e6;color:#5ad8e6;}
.buto:hover,.buto.sel{border: 1px solid #5ad8e6;background-color: #5ad8e6;color:#fff;text-decoration: none;}
.buto.servei-zona{background-color: #5ad8e6;color:#fff;border:1px solid #5ad8e6;padding:6px 10px;}
.buto.servei-zona:hover{background-color: #fff;color:#5ad8e6;}
.maps-negre{background-position: -348px -18px;width: 15px;height: 19px;margin-right:10px;}
.caixa-gris{background-color: #F5F6F8;border-top:1px solid #EFF0F2;margin-top:30px;padding-bottom:40px;}
.caixa-gris h1{font-size: 25px;line-height: 28px;color:#50d6e4;font-weight: 300;text-align: center;text-transform: uppercase}
.caixa-gris h2{font-family: 'Roboto', sans-serif;font-size: 40px;line-height: 44px;color:#004a6b;font-weight: 300;text-align: center;text-transform: uppercase}
.caixa-gris h3{font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 20px;font-weight: 300;text-transform: uppercase}
.table{display: table;}
.table .table-row{display: table-row;}
.table .table-row .table-cell{display: table-cell;}
.poblacio{text-align: center;width: 18%;padding: 1%;}
.poblacio h3{color:#5ad8e6;text-transform: uppercase;font-size: 16px;}
.poblacio img{width: 150px; max-width: 150px; display: block;margin: 0 auto;}
.poblacio .titol{display: block;}
.poblacio .subtitol{display: block}
.googlemaps{background-position: -328px -18px; width: 20px;height: 25px;position: relative;top:5px;margin-right:5px;}

.cont-seg-ant{position: relative;}
.cont-seg-ant a{position: absolute;top: 33px;width: 62px;height: 62px;}
.cont-seg-ant a.anterior{left: 0;background-position: -1px -64px;}
.cont-seg-ant a.anterior:hover{background-position: -1px -127px;}
.cont-seg-ant a.seguent{right: 0;background-position: -64px -127px;}
.cont-seg-ant a.seguent:hover{background-position: -64px -64px;}

.com_arribar{position: relative;padding-left: 150px;min-height: 130px;margin-bottom: 30px;}
.com_arribar h3{color:#5ad8e6;}
.com_arribar .base{position: absolute;left:0;height: 130px;width: 130px;}
.com_arribar .amb-cotxe{background-position: -133px -386px;}
.com_arribar .amb-avio{background-position: -1px -255px;}
.com_arribar .amb-vaixell{background-position: -133px -255px;}
.com_arribar .amb-tren{background-position: -1px -386px;}
.com_arribar .amb-bus{background-position: -1px -517px;}
.com_arribar li{margin-bottom: 10px;font-weight: 100;}

/*PERQUE*/
.block-perque{overflow: hidden;}
.no-gutter [class*="-6"],
.no-gutter [class*="-4"],
.no-gutter [class*="-2"] {
    padding-left:0;
    padding-right:0;
    overflow: hidden;
}
.block-perque h2,.block-perque h3,.block-perque h4{margin:0;}
.block-perque h3{font-family: 'Roboto',sans-serif;line-height: 35px;}
.block-perque h4{font-size:30px;line-height:40px;}
.block-perque .caixa-x1 h4{font-size:25px;line-height:30px;}
.block-perque .caixa-xs h4{font-size:20px;line-height:30px;}
.caixa-x1,.caixa-x2,.caixa-xs{background-size: cover;background-position: center center;}
.caixa-x2{height:470px;padding-top:60px;position: relative;}
.caixa-x1{height: 235px;padding-top:20px;position: relative;}
.caixa-xs{height: 150px;padding-top:20px;position: relative;}
.caixa-texte{padding: 50px 10%;background-color: #F5F6F8;}
.caixa-texte h2{color:#5AD8E6;margin-top: 0;font-size: 40px;}
.rodona{display: table;margin:0 auto;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.caixa-x2 .rodona{width: 320px;height: 320px;}
.caixa-x1 .rodona{width: 195px;height: 195px;}
.caixa-xs .rodona{width: 120px;height: 120px;}
.rodona .cont-rodona{display: table-cell;height: 100%;vertical-align: middle;text-align: center;color:#fff;font-family: 'Roboto', sans-serif;font-weight: 300;background-color: #000;background-color: rgba(0,0,0,0.7);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.peu-imatges{position: absolute;bottom:15px;right: 40px;color:#fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.texte-sol{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);padding-left: 62px;text-align: center;color:#fff;font-family: 'Roboto', sans-serif;font-weight: 300;}
.caixa-x1 .texte-sol{padding-top: 60px;}
.caixa-xs .texte-sol{padding-left: 0;font-size:14px;padding-top:40px;}
.caixa-xs .texte-sol h3{display: inline-block;vertical-align: middle;font-size: 16px;}
.caixa-xs .distancia{line-height: 17px;font-family: 'Roboto',sans-serif;font-size: 14px;}
.caixa-xs .distancia .numero{font-size: 30px;line-height: 30px;}
.caixa-xs .distancia .big-numero{font-size: 80px;line-height: 30px;}

.nucli-plafrugell{background-image:url(images/perque/1palafrugell.jpg);}
.nucli-llofriu{background-image:url(images/perque/2llofriu.jpg);}
.nuclis{background-image:url(images/perque/nucliscostaners.jpg);}
.dali{background-image:url(images/perque/4dali.jpg);}
.ullstret{background-image:url(images/perque/5empuries.jpg);}
.girona{background-image:url(images/perque/6girona.jpg);}
.pubol{background-image:url(images/perque/7pubol.jpg);}
.pals{background-image:url(images/perque/8pals.jpg);}
.medes{background-image:url(images/perque/9medes.jpg);}
.palausator{background-image:url(images/perque/10palausator.jpg);}
.bcn{background-image:url(images/perque/11bcn.jpg);}
.dali-mini{background-image:url(images/perque/palamos.jpg);}
.camideronda{background-image:url(images/perque/12camideronda.jpg);}
.submarinisme{background-image:url(images/perque/13submarinisme.jpg);}
.btt{background-image:url(images/perque/14btt.jpg);}
.golf{background-image:url(images/perque/15golf.jpg);}
.concerts{background-image:url(images/perque/16concerts.jpg);}
.mercats{background-image:url(images/perque/17mercat.jpg);}
.menjar{background-image:url(images/perque/18gastronomia.jpg);}
.cultura{background-image:url(images/perque/19cultural.jpg);}
.platja{background-image:url(images/perque/20platja.jpg);}


.km{background-image:url(images/perque/km.jpg);}
.restaurants{background-image:url(images/perque/restaurants.jpg);}
.tursmeinformacio{background-image:url(images/perque/turismeinformacio.jpg);}
.mercats{background-image:url(images/perque/mercats.jpg);}
.guiata{background-image:url(images/perque/guaita.jpg);}
.esdeveniments{background-image:url(images/perque/esdeveniments.jpg);}
.miradors{background-image:url(images/perque/miradors.jpg);}
.submarinisme{background-image:url(images/perque/submarinisme.jpg);}
.turisme{background-image:url(images/perque/turisme.jpg);}
.espaiscultuals{background-image:url(images/perque/espaisculturals.jpg);}
.comercos{background-image:url(images/perque/comercos.jpg);}
.platjes_cales{background-image:url(images/perque/platjes_cales.jpg);}
.allotjaments{background-image:url(images/perque/allotjament.jpg);}

.gastronomia{background-image:url(images/perque/18gastronomia.jpg);}
.serveis{background-image:url(images/perque/19cultural.jpg);}
.platjes{background-image:url(images/perque/20platja.jpg);}
.golf{background-image:url(images/perque/15golf.jpg);}
.festivals{background-image:url(images/perque/16concerts.jpg);}
.mercat{background-image:url(images/perque/17mercat.jpg);}


.platja-item{background-color: #fff;display: block;width: 48%;margin:1%;float:left;min-height: 213px;}
.platja-item span{display: block;}
.platja-item .image{float:left;width: 38%;position: relative;min-height: 215px;}
.platja-item .image img{width: 100%;}
.platja-item .info{float:right;width: 58%;}
.platja-item.sense-foto .info{float:none;width:auto;padding: 0 20px 20px;}
.platja-item .net{display: block;clear:both;}
.platja-item .info .titol{font-size: 26px;color:#336F8B;margin-top:25px;line-height: 30px;}
.platja-item .info .poblacio{font-size: 20px;color: #737373;margin-top: 5px;}
.platja-item .info .text{color: #737373;margin-top:15px;}
.platja-item .picto-mapa{background-position: -328px -18px;width: 20px;height: 25px;position: absolute;right: 15px;bottom: 15px;}
.platja-item:hover{text-decoration: none;}
.platja-item:hover span{text-decoration: none;}
a.platja-item:hover .info .titol,
a.platja-item:hover .info .poblacio,
a.platja-item:hover .info .text{color: #fff;}
a.platja-item:hover{background-color: #5AD8E6;}

.quadricula .platja-item{width: 20%;position: relative;margin:2.5%;min-width: 186px;min-height: 235px;}
.quadricula .platja-item .text{display: none;}
.quadricula .platja-item .image{width: 100%;float:none;background-color: #000;}
.quadricula .platja-item .image img{width: 100%;opacity:0.7;border:1px solid #fff;}
.quadricula .platja-item .info{position: absolute;top:50%;text-align: center;margin-top:-50px;width: 100%;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.quadricula .platja-item .info .titol{width:100%;color:#fff;font-size:18px;}
.quadricula .platja-item .info .poblacio{width:100%;color:#5AD8E6;font-size: 14px;}
.quadricula .platja-item .picto-mapa{display: none;}
.quadricula a.platja-item:hover .picto-mapa{display:block;width: 74px;height: 74px;background-position: -127px -127px;left:50%;top:50%;margin: -37px 0 0 -37px;}
.quadricula a.platja-item:hover .info{display: none;}
.quadricula a.platja-item:hover .image img{opacity: 1;border:1px solid #5AD8E6;}


.llista-establiments.quadricula .platja-item{min-height: 0;}
.llista-establiments.quadricula .platja-item{width: 30%;padding:1%;margin:1.5%;}
.llista-establiments.quadricula .platja-item .image{display:none;}
.llista-establiments.quadricula .platja-item .info{position: static;text-align: left;margin-top: 0;text-shadow: none;}
.llista-establiments.quadricula .platja-item .info .titol{font-size: 20px;color:#336F8B;margin-top:25px;}
.llista-establiments.quadricula .platja-item .text{display: block;}
.llista-establiments.quadricula .platja-item .info .titol{margin-top: 0}

#slider_home img{display: block;width: 100%;}

.home_slide{background-color: #004B6B;}
.home_slide ul{list-style: none;padding:0;margin: 0;}
.home_slide li{padding:0;margin: 0;}
.home_slide .bx-controls-direction{width: 100%;position: relative;}
.home_slide .bx-controls-direction a{display: block;background-image: url(images/base.png);background-repeat: no-repeat;width:62px;height:62px;color: transparent;position: absolute;top:-275px;}
.home_slide .bx-controls-direction a.bx-prev{background-position: -1px -1px;left: 20px;}
.home_slide .bx-controls-direction a.bx-next{background-position: -64px -1px;right: 20px;}
.home_slide .bx-controls-direction a.bx-prev:hover{background-position: -1px -64px;}
.home_slide .bx-controls-direction a.bx-next:hover{background-position: -64px -64px;}
.home_slide .bx-controls-direction a.disabled{display: none;}

#texte_sobre_visor{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);width: 60%;margin:0 auto;text-align: center;position: relative;top: -295px;height: 0;overflow: visible;}
#texte_sobre_visor h1{
    font-family: 'Roboto', sans-serif;
    font-size: 70px;
    line-height: 55px;
    color:#fff;
    margin:0;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
#texte_sobre_visor .buto{border: 1px solid #fff;color:#fff;}
#texte_sobre_visor .buto.sel,
#texte_sobre_visor .buto:hover{border: 1px solid #5ad8e6;background-color: #5ad8e6;color:#fff;text-shadow:none;}

.caixes-home{}
.caixes-home .table{margin: 0;}
.caixes-home .table-row{background: #000;}
.caixes-home .w30{width: 30%;}
.block_home{background-size: cover;background-position: center center;vertical-align: middle;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);text-align: center;text-decoration: none;}
.block_home span{display: block;text-decoration: none;margin: 0 auto;}
a.block_home{
    -moz-box-shadow: inset 0 0 0 #000000;
    -webkit-box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 #000000;
    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                 
    -o-transition: all 0.2s ease;   
    -ms-transition: all 0.2s ease;          
    transition: all 0.2s ease;
}
a.block_home:hover{
    -moz-box-shadow: inset 0 0 200px #000000;
    -webkit-box-shadow: inset 0 0 200px #000000;
    box-shadow: inset 0 0 200px #000000;
}
.block_home:hover,
.block_home:hover span{text-decoration: none;}
a.block_home:hover .subtitol,
a.block_home:hover .buto,
a.block_home:hover .titol{opacity: 1; background: #5ad8e6; }
.block_home .titol{font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 45px; color:#fff; display: inline-block; padding: 10px;}

.block_home .subtitol{font-size: 20px;line-height: 25px;color:#fff;}
.block_home .buto{border: 1px solid #fff;color:#fff;width: 150px;margin-top: 15px;}
.block_home:hover .buto{background-color: #5ad8e6;border:1px solid #5ad8e6;color:#fff;text-shadow:none;}
.block_home.link_video{width: 40%;background-image: url(images/fons_video.jpg);background-color: transparent;background-size: auto 100%;background-repeat: no-repeat;background-position: bottom left;}
.block_home.link_visitpalafrugell{background-image: url(images/fons_perque.jpg);}
.block_home.link_video .icona{background-position: -127px -1px;width: 62px;height: 62px;}

#webcam-icona{background: url(images/webcam.png) no-repeat top left;width: 150px;height: 50px;float:left;margin-top:400px;padding-left:40px;color:#fff;line-height: 50px;font-size: 18px;}

.block_home.comparteix{height: 342px;background-color: #fff;}
.block_home.comparteix .titol{color:#004B6B;text-shadow: none;}
.block_home.allotjament{background-image: url(images/fons_ondormir.jpg);height: 345px;}
.block_home.quefer{background-image: url(images/fons_quefer.jpg); height: 342px;}
.block_home.comercos{background-image: url(images/fons_comersos.png);height: 345px;width: 50%;}
.block_home.gastronomia{background-image: url(images/fons_gastronomia.jpg);height: 345px;}
.table.esquerra{float:left;width: 50%;}
.table.dreta{float:right;width: 50%;display: block;}
.table.esquerra .table-row,.table.dreta .table-row{width: 100%;}

.block_home.comparteix a{background-image: url(images/xs.png);background-repeat: no-repeat;width: 48px;height: 48px;display: inline-block;margin:0 10px;}
.block_home.comparteix a.facebook{background-position: -1px -1px;}
.block_home.comparteix a.googlep{background-position: -246px -1px;}
.block_home.comparteix a.twitter{background-position: -50px -1px;}
.block_home.comparteix a.instagram{background-position: -99px -1px;}
.block_home.comparteix a.flickr{background-position: -148px -1px;}
.block_home.comparteix a.youtube{background-position: -197px -1px;}
.block_home.comparteix a.facebook:hover{background-position: -1px -50px;}
.block_home.comparteix a.googlep:hover{background-position: -246px -50px;}
.block_home.comparteix a.twitter:hover{background-position: -50px -50px;}
.block_home.comparteix a.instagram:hover{background-position: -99px -50px;}
.block_home.comparteix a.flickr:hover{background-position: -148px -50px;}
.block_home.comparteix a.youtube:hover{background-position: -197px -50px;}

.cont-picto{display: inline-block;}
.pictos-seccions{min-width: 142px;}
.pictos-seccions span{display: block;margin: 0px auto;}
.pictos-seccions{display: block;text-align: center;}
.pictos-seccions .titol{padding:10px 0;}
.pictos-seccions.blau-clar .titol{color: #4FD7E3;}
.pictos-seccions.blau-fosc .titol{color: #0079FF;}
.pictos-seccions.rosa .titol{color: #E23AB1;}
.pictos-seccions.vermell .titol{color: #D44D53;}
.pictos-seccions.tronja .titol{color: #F47621;}
.pictos-seccions.verd-clar .titol{color: #BDD670;}
.pictos-seccions.verd-fosc .titol{color: #469A11;}
.pictos-seccions:hover{text-decoration: none;}
.pictos-seccions .titol{font-size: 20px;}
.pictos-seccions .subtitol{color:#333333;}
.pictos-seccions .icona{background-position: center center;background-repeat: no-repeat;margin:21px auto;width: 100px;height: 100px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
                        -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
.pictos-seccions:hover .icona{width: 142px;height: 142px;margin:0 auto;}
.pictos-seccions.blau-clar .icona{background-image: url(images/pictos_platges.png);}
.pictos-seccions.blau-fosc .icona{background-image: url(images/pictos_allotjaments.png);}
.pictos-seccions.rosa .icona{background-image: url(images/pictos_rutes.png);}
.pictos-seccions.vermell .icona{background-image: url(images/pictos_gastronomia.png);}
.pictos-seccions.tronja .icona{background-image: url(images/pictos_cultura.png);}
.pictos-seccions.verd-clar .icona{background-image: url(images/pictos_comersos.png);}
.pictos-seccions.verd-fosc .icona{background-image: url(images/pictos_activitats.png);}

.peu-fosc{color:#AEAEAE;padding: 40px 0;background-image: url(images/peu_europa.png);background-position: top right;background-repeat: no-repeat;background-color: #333333;position: relative;}
.peu-fosc a{color:#2690C4;}
.peu-fosc h2{color:#2690C4;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 20px;font-weight: 300;}
#gototop{width: 50px;height: 45px;background-position: -264px -255px;position: absolute;bottom: 0;right:30px;}
#gototop:hover{background-position: -314px -255px;}

.link-fotos-peu{display: block;height: 65px;}
.link-videos-peu{display: block;height: 65px;}
.link-videos-peu span{display: block;}
.link-fotos-peu .icona{background-position: -190px -6px;width: 57px;height: 57px;float:left;margin-right: 10px;}
.link-videos-peu .icona{background-position: -248px -6px;width: 57px;height: 57px;float:left;margin-right: 10px;}
.link-fotos-peu .titol,
.link-videos-peu .titol{float:left;width: 143px;margin-top:10px;font-size: 16px;}
.link-fotos-peu .subtitol,
.link-videos-peu .subtitol{float:left;width: 143px;color:#777777}
.text-legal{border-top: 1px solid  #444444;margin-top:10px;padding-top:10px;}

.peu-fosc textarea{height: 100px;}
.peu-fosc textarea,
.peu-fosc input{font-style: italic !important;display: block !important;width: 96% !important;padding:3px 2% !important;background-color: #242424 !important;border:0 !important;margin-bottom: 10px !important; }
#contact-form .button{margin-left:0px !important;margin-bottom: 10px !important;background-color: #2690C4 !important;border:0 !important;color:#fff !important;padding:10px 5px !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;}
.gform_wrapper .top_label .gfield_label {
margin: 0px 0 4px 0 !important;
}
.gform_wrapper .top_label textarea.textarea {
height:60px;
}
.gform_wrapper .gform_footer {
padding: 10px 0px !important;
margin: 0px 0 0 0 !important;
}
.mini-loc{background-position: -306px -35px;width: 15px;height: 19px;}
.mini-tel{background-position: -306px -55px;width: 18px;height: 16px;}
.mini-contactar{background-position: -306px -77px;width: 19px;height: 14px;}
.textes-contacte p{position: relative;padding-left: 30px;margin-bottom: 20px;}
.textes-contacte p .base{position: absolute;top:0;left:0;}
.xs{background-image: url(images/xs.png);background-repeat: no-repeat;}
.textes-contacte a.xs{width: 20px;height: 17px;display: inline-block;margin-right: 10px;}
.textes-contacte a.xs.facebook{background-position: 0 -101px;}
.textes-contacte a.xs.googlep{background-position: -105px -101px;}
.textes-contacte a.xs.twitter{background-position: -21px -101px;}
.textes-contacte a.xs.instagram{background-position: -42px -101px;}
.textes-contacte a.xs.flickr{background-position: -63px -101px;}
.textes-contacte a.xs.youtube{background-position: -84px -101px;}
.textes-contacte a.xs.facebook:hover{background-position: 0 -120px;}
.textes-contacte a.xs.googlep:hover{background-position: -105px -120px;}
.textes-contacte a.xs.twitter:hover{background-position: -21px -120px;}
.textes-contacte a.xs.instagram:hover{background-position: -42px -120px;}
.textes-contacte a.xs.flickr:hover{background-position: -63px -120px;}
.textes-contacte a.xs.youtube:hover{background-position: -84px -120px;}
.xs.magrada{background-position: -159px -99px;width: 37px;height: 33px;display: inline-block;margin-right: 10px;position: relative;top:-8px;}

.icones-peu{text-align: center;background-color: #F2F2F2;padding:20px 0;}
.icones-peu img{margin:0 10px;}

#canvi_vista, #canvi_vista_1{width: 102px;height: 36px;border:0;background-position: -203px -217px;float:right;width:90px;}
#canvi_vista.vist-quadres, #canvi_vista_1.vist-quadres{background-position: -203px -181px;}

#buscarform{margin-top: 20px;padding: 4px 0 4px 38px;width:190px;height:32px;}
#buscarform input{width:70px;border:0;font-style: italic;
                  -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#buscarform input:focus{background-color: #eee;/*width:100px;*/}
.butolupa{cursor:pointer;background: url(images/picto-search.png) no-repeat center center;
width: 28px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin-right:10px;

}
.buscar h2,.buscar h1{text-align: left;margin:0;}
.buscar h2{font-size:18px;}
#sorra{background: url(images/sorra.jpg) repeat-x;height: 17px;}
.cont-platges{position: relative;}
.picto-galeria{background: url(images/pictos_galeria.png) no-repeat center center #51D6E5;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 120px;height: 120px;display: block;position: absolute;right:20px;top:30px;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
.picto-galeria:hover{height: 142px;width: 142px;top:19px;right:9px;text-decoration: none;}
.picto-galeria span{display: block;font-size:16px;text-align: center;position: relative;top:90px;color:#fff;-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease}
.picto-galeria:hover span{top:101px;text-decoration: none;}

.filtre-poblacio{text-transform: uppercase;}
.filtre-poblacio .check{margin-right:15px;}
.check{background-image: url(images/check.png);background-repeat: no-repeat;background-position: bottom left;padding-left:20px;height: 16px;display: inline-block;cursor:pointer;}
.check:hover{color:#50D6E4;}

.columna-serveis ul{list-style: none;padding-left:10px;;}
.columna-serveis ul li{margin-bottom: 10px;
display: inline-block;
/* margin-right: 30px; */
width: 223px;
vertical-align: top;}
.columna-serveis h2{padding-left: 10px;text-align: left;font-family: 'Roboto',sans-serif;color: #50D6E4;font-size: 25px;font-weight: 300;line-height: 28px;text-transform: uppercase;border-bottom: 1px solid #50D6E4;}

.columna-serveis .check{background-position: top left;}
.columna-serveis .check.enable,
.check.enable{background-position: 0px -16px;}
#geo-mapa{height: 350px;margin-bottom: 20px;}

.estat_de_la_platja{display: block;text-align: center;color:#00B3E4;font-size: 15px;line-height: 20px;}
.estat_de_la_platja:hover{color:#00B3E4;text-decoration: none;}
.estat_de_la_platja span{background: url(images/pictos_estatplatja.png) no-repeat center center #00B3E4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 80px;height: 80px;display: block;margin:10px auto;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
.estat_de_la_platja:hover span{height: 100px;width: 100px;margin:0 auto;}

.serveis_de_la_platja{display: block;text-align: center;color:#FE9901;font-size: 15px;line-height: 20px;}
.serveis_de_la_platja:hover{color:#FE9901;text-decoration: none;}
.serveis_de_la_platja span{background: url(images/pictos_serveiszona.png) no-repeat center center #FE9901;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 80px;height: 80px;display: block;margin:10px auto;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
.serveis_de_la_platja:hover span{height: 100px;width: 100px;margin:0 auto;}

.noticia{text-align: left;background-color: #fff;margin-bottom:20px;position:relative;overflow: hidden;}
.noticia .info{padding:30px;}
.noticia h1{text-align: left;padding-top: 0;}
.noticia h1 a{font-size: 30px;color: #004B6B;}
.noticia h1 a:hover{text-decoration: none;}
.noticia .data{color:#50d6e4;font-size: 16px;margin-bottom:5px;}
.noticia .info.hiha-img{margin-right:320px;}
.noticia .image{float:right;width: 300px;position: absolute;top:0;right:0;}

.cont-camera{position: relative;}
.camera{background-position: -306px -6px;width: 21px;height: 14px;margin-right:15px;}
.camera-text{position: absolute;bottom: 10px;left: 10px;width: 21px;height: 19px;overflow: hidden;color:#fff;font-size: 14px;display: block;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.camera-text:hover{width: 100%;}

#carrusel_noticies{background-color: #004B6B;padding:30px 0;}
#carrusel_noticies h2{color:#5AD8E6;margin-top:0;}
#carrusel_noticies h2 a:hover{text-decoration: none;}
#carrusel_noticies ul{list-style: none;}
#carrusel_noticies p{color:#fff;padding-bottom:15px;}
#carrusel_noticies .bx-controls-direction{position: relative;}
#carrusel_noticies .bx-controls-direction a{width: 28px;height: 28px;display: block;background-image: url(images/base.png);background-repeat: no-repeat;color: transparent;position: absolute;right: -40px;}
#carrusel_noticies .bx-controls-direction a.bx-next{background-position: -232px -122px;bottom: 22px;}
#carrusel_noticies .bx-controls-direction a.bx-prev{background-position: -203px -122px;bottom:74px;}
#carrusel_noticies .bx-controls-direction a.bx-next:hover{background-position: -232px -151px;}
#carrusel_noticies .bx-controls-direction a.bx-prev:hover{background-position: -203px -151px;}
#carrusel_noticies .veure-mes{color:#fff;}

.texte-dret{text-align: right;}
.texte-dret h3{color:#fff;font-size: 30px;line-height: 35px;font-family: 'Roboto', sans-serif;}
.texte-dret h4{color:#fff;font-size: 13px;line-height: 15px;}

.entry-content p{position: relative;padding-bottom: 20px;}
.entry-content p a.more-link{position: absolute;right:0;bottom:-20px;border:1px solid #5ad8e6;color:#fff;display: inline-block;padding:8px 20px;font-size:14px;text-transform: uppercase;background-color: #5ad8e6;}
.entry-content p a:hover{border: 1px solid #5ad8e6;background-color: #fff;color:#5ad8e6;text-decoration: none;}
.bread-crumb{margin-bottom:10px;}

#cont-404{max-width: 600px;margin: 0 auto;text-align: center;}
#cont-404 p{font-size: 16px;}
#cont-404 button{border: 1px solid #5ad8e6;background-color: #5ad8e6;color:#fff;padding:3px 15px;}
#cont-404 a.buto{border: 1px solid #5ad8e6;background-color: #5ad8e6;color:#fff;}
#cont-404 a.buto:hover{background-color: #fff;color: #5ad8e6;}

#fb-root {display: none;}
.fb-like-box{background-color: #fff;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

.galeria-imatges{margin-top:30px;}
.galeria-imatges a{width:202px;height: 152px;display: inline-block;border:1px solid #fff;margin:11px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.galeria-imatges a:hover{border:1px solid #5AD8E6;}
.galeria-imatges a span{width:200px;height: 150px;display: block;background-size: cover;}

.cont_videos iframe{width: 100%;}
/*#by6tems{float:right;margin-right:30px;}*/
.iframe iframe{max-width: 100%;}
#by6tems{position: absolute;bottom:10px;right:90px;}

h2 a:hover{color:#004a6b;text-decoration: none;}
.webcam-container{margin-top:20px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
overflow: hidden;
}
.logotit{
color:#004A6B;
font-size: 38px;
font-weight: bold;
}
.logotit2{
color:#CFCFCF;
color: #A5A4A4;
line-height: 30px;
}
.logotit:hover{
color:#5ad8e6;
text-decoration:none;
}
.logotit2:hover{
color:#5ad8e6;
text-decoration:none;
}
.gfield .gfield_checkbox label{
font-size:9px;
}
.gfield_contains_required .ginput_container{
float: left;
width:100%;
/*width: 90%;
margin-left:5% !important;
*/}
.gfield_contains_required .gfield_label{
float: left;

}
#slider_fitxa img{
width:100%;
}
.slider_fitxa .bx-controls-direction a{
width: 32px;
height: 32px;
display: block;
background-image: url(images/base.png);
background-repeat: no-repeat;
color: transparent;
position: absolute;
top:44%;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.slider_fitxa .bx-controls-direction a.bx-prev {
background-position: -14px -15px;
left: 20px;
}
.slider_fitxa .bx-controls-direction a.bx-prev:hover {
background-position: -14px -78px;
}
.slider_fitxa  .bx-controls-direction a.bx-next {
background-position: -80px -15px;
right: 20px;
}
.slider_fitxa .bx-controls-direction a.bx-next:hover {
background-position: -80px -78px;
}
.popup_block .inner{
    position: absolute;
   left: 50%;
  top: 50%;
  
  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);
  
  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 50%;
  height: 440px;
}
.popup_block .inner iframe{
	margin-left:-5px;
}
#webcam-img{max-width: 100%;display: block;}
@media (max-width: 850px) {#carrusel_noticies .bx-controls{display: none;}}
@media (max-width: 768px) {
    .table, .table .table-row, .table .table-row .table-cell{display: block;width: 100%!important;}
    .caixes-home .block_home{padding:10%;}
    .caixes-home .block_home.link_video{height: 440px;}
    #webcam-icona{margin-top: 310px;}
    .table.esquerra,.table.dreta{width: 100%;float:none;}
    .peu-fosc{background-image: none;}
    #capcalera-page .tranparencia{width: 100%;}
    #capcalera-page .tranparencia.amb-picto .picto-cap{display: none;}
    #capcalera-page .tranparencia.amb-picto .cont-text-cap{padding-left: 0;margin-left: 0;text-align: center;}
    .platja-item{width: 100%;}
    #filters a{display: block;margin-top:5px;}
    .noticia .info.hiha-img{margin-right: 0;}
    .noticia .image{display: none;}
	.popup_block .inner{
  
  width: 90%;
  height: 440px;
}
}
@media (max-width: 480px) {
    .com_arribar{padding-left: 0;}
    .com_arribar .base{position: static;}
    .block-perque .caixa-x1 h4{font-size: 14px;}
    .block_home .titol{
        font-size: 30px;
    }
}

div.comparteix:hover{
	-moz-box-shadow: inset 0 0 200px #000000;
	-webkit-box-shadow: inset 0 0 200px #000000;
	box-shadow: inset 0 0 200px #000000;
	cursor:pointer;
	transition: all 0.2s ease;
}

/* NOU TEMPLATE GAROINADA */
.blocBlau {
	background-color : #00acd0;
	text-align : center;
	font-family: 'Roboto', sans-serif;
	font-weight : 600;
	font-size : 16px;
	float: left;
    width: 100%;
    min-height: 70px;
    color: white;
}
.blocBlau .fileRestaurant, .blocBlau .fileCartell {
	height: 100%;
    padding: 15px 0px;
	text-decoration: underline;
	letter-spacing: 0.5px;
}
.blocBlau .fileRestaurant img, .blocBlau .fileCartell img {
	margin-right: 10px;
}
.blocBlau .fileRestaurant a, .blocBlau .fileCartell a, .blocBlau .fileRestaurant a:hover, .blocBlau .fileCartell a:hover {
	color : #fff;
}
.blocsGaroinada {
	margin-top : 10px;
}
.blocGaroinada {
	background-color : #fff;
	float : left;
	width : 100%;
	margin-top : 20px;
}
.blocGaroinada .blocGaroinadaImg {
	width : 40%;
}
.blocGaroinada .blocGaroinadaImg img {
	width : 100%;
}
.blocGaroinada.imgLeft .blocGaroinadaImg {
	float : left;
}
.blocGaroinada.imgRight .blocGaroinadaImg {
	float : right;
}
.blocGaroinadaText {
	float:left;
	width : 60%;
	height: 100%;
    padding: 20px;
}
.blocGaroinadaText h3 {
	font-size: 28px;
    font-weight: 600;
    text-align: left;
	color: #00acd0;
	padding: 0px 20px;
	line-height: 28px;
}
.blocGaroinadaText p {
	margin-top: 40px;
    color: black;
    font-size: 18px;
    line-height: 24px;
    padding: 0px 20px;
	text-align: left;
}
.blocGaroinadaText .textPreu {
	font-weight : 600;
	color: #00acd0;
}
.blocGaroinadaImgHide {
	display : none;
}


.categories {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.categories .categoria {
	position: relative;	
	width: 49%;
}

.categories .categoria img {
	width: 100%;
}

.categories .categoria a {
	position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
	
	justify-content: center;
	text-decoration: none;
    align-items: center;
}

.categories .categoria span {
	font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: white;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
	text-shadow: 1px 1px 5px #000;
}

.breadcrumbs {
	display: flex;
	flex-flow: wrap;
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 0;
}

.breadcrumbs li {
	list-style: none;
	margin-right: 20px;
	position: relative;
	font-size: 16px;
}

.breadcrumbs li:not(:first-child) {
	margin-left: 20px;
}

.breadcrumbs li:not(:last-child)::after {
	content: "";
	width: 15px;
	height: 15px;
	top: 0px;
    right: -25px;
	position: absolute;
	background-image: url(images/icons/chevron_right-24px.svg);
	background-size: contain;
}

@media (min-width: 769px) and (max-width: 1024px) {
	.blocGaroinadaText {
		padding: 10px;
	}
	.blocGaroinadaText p {
		margin-top: 5px;
	}
	.blocGaroinadaText h3 {
		font-size: 24px;
		line-height: 24px;
	}
	.blocGaroinadaText p {
		font-size: 14px;
		line-height: 20px;
	}
}
@media (max-width: 768px) {
	.blocGaroinadaText, .blocGaroinada .blocGaroinadaImg {
		width : 100%;
	}
	.blocGaroinadaImgHide {
		display : block;
	}
	.blocGaroinadaImgShow {
		display : none;
	}
}

@media(max-width:450px){
	.categories .categoria { width: 100%; margin-bottom: 30px; }
}
/* /NOU TEMPLATE GAROINADA */


/* SOSTENIBILITAT */
.list ul {
	padding-left: 18px;
}

.list ul li {
	line-height: 25px;
}

.list ul li::marker {
	color: #52d6e5;
}

.fitxer {
    font-weight: bold;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.fitxer::before {
    content: '';
    height: 20px;
    width: 20px;
    display: inline-block;
    background-image: url(images/icons/file.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    transition: all 0.5s ease;
}

.fitxer:hover::before {
    background-image: url(images/icons/file-h.svg);
}


@media (max-width: 991px) {
    .container.sostenibilitat {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .container.sostenibilitat .row{
        margin-top: 20px !important;
    }

    .caixa-gris.sostenibilitat {
        margin-top: 20px !important;
    }

    .container.sostenibilitat .col-md-6 {
        margin-bottom: 40px;
    }

    .logos {
        flex-direction: column !important;
        align-items: center;
    }

    .logos .logo {
        height: 80px !important;
    }

    .fitxer-ctr {
        width: auto !important
    }
}


/* END SOSTENIBILITAT */