body{background-color:white;margin:0;font-family:'Lato', sans-serif;color:#4d4d4d}
p,h1,h2,h3,h4,h5,ul,li{margin:0;padding:0}
h1,h2,h3,h4,h5{font-weight:normal}
a{color:#4d4d4d}

h3 p {
	margin-top: 40px;
	font-size: 1.2rem !important;
	line-height: 1.4;
}

#main-menu{width:75rem;margin:0 auto;height:5rem;display:flex;align-items:center;justify-content:flex-start}
#main-menu #main-logo{margin-right:auto}
#main-menu .item{cursor:pointer;font-size:1.3rem;border-right:1px solid #b2b2b2;padding:.5rem 2rem}
#main-menu .item:last-child{border-right:none}
#main-menu .item:hover .submenu{display:block}
#main-menu .item .submenu{position:absolute;display:none;background-color:white;padding:1rem;margin-left:-1rem;z-index:1000}
#main-menu .item .submenu .link{display:flex;align-items:center;margin-bottom:.5rem}
#main-menu .item .submenu .link:last-child{margin-bottom:0}
#main-menu .item .submenu .link svg{margin-right:.5rem}
#main-menu .item .submenu .link a{display:block;font-size:1rem;text-decoration:none}
#main-menu .item .submenu .link a:hover{opacity:.5}

#home-welcome{display:flex;background-color:#f2f2f2;border:1px solid #cccccc;padding:.3rem;box-sizing:border-box}
#home-welcome img{margin-right:2rem}
#home-welcome h2{font-size:2rem;margin-bottom:2rem;font-weight:bold}
#home-welcome p{font-size:1.1rem}
#home-resources .items{display:flex}
 .mb-sm{margin-bottom:.5rem}
 .mb-m{margin-bottom:1rem}
 .mb-l{margin-bottom:2rem}
 .mb-xl{margin-bottom:4rem}
 .clickable{cursor:pointer}
 .clickable:hover{opacity:.5}
 .vue-template{display:none}
 div.image{background-repeat:no-repeat;background-position:top center;}
 @keyframes fade-in{from{opacity:0}
 to{opacity:1}
 }
 .fade-in{animation-name:fade-in;animation-iteration-count:1;animation-duration:500ms;animation-fill-mode:forwards}
 @keyframes rotate{from{transform:rotate(0)}
 to{transform:rotate(360deg)}
 }
 .rotate{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1000ms}
 .columns{display:flex;flex-direction:row;margin:0 -.5rem 0 -.5rem;overflow: hidden;}
 .columns>div{margin:0 .5rem 0 .5rem;width:calc(50% - 1rem)}
 .columns p {margin-bottom: .35rem;line-height: 1.4;}
 #top-bar{background-color:#37474f}
 #top-bar .wrapped{height:2.5rem;align-items:center}
 #top-bar .wrapped .menu a{font-size:1.1rem;color:#b2b2b2;margin-left:.5rem;text-decoration:none;float:right;margin-top:10px}
 #top-bar .wrapped .menu a.active{color:white;pointer-events:none}
 #top-bar .wrapped .menu a:hover{color:white}
 #top-bar .wrapped .redes1 ul{list-style-type:none;float:left;margin-top:10px}
 #top-bar .wrapped .redes1 li{display:inline;padding:20px;font-size:1.1rem}
 #top-bar .wrapped .redes1 a{text-decoration: none;color:#b2b2b2;}
 #top-bar .wrapped .redes1 a:hover{color:white}
 #bottom-bar{background-color:#37474f;color:white}
 #bottom-bar .wrapped{height:2.5rem;display:flex;align-items:center;justify-content:flex-start} 
 #bottom-bar .wrapped{width:75rem;margin-left:auto;margin-right:auto}
 #bottom-bar .wrapped a{color:white;margin-left:auto} 
 #bottom-bar .wrapped .redes ul{list-style-type:none;align-items:center;margin-left:15rem}
 #bottom-bar .wrapped .redes li{display:inline;padding:20px;font-size:2.1rem}
 #bottom-bar .wrapped .redes a{text-decoration: none}
 
 h2.box-title{background-color:#f2f2f2;border:1px solid #cccccc;margin-bottom:1rem;margin-top:1rem;padding:.7rem;font-weight:bold;font-size:1.5rem;box-sizing:border-box}
 .data-table{background-color:#f2f2f2;border-spacing:0;border-collapse:separate;margin-bottom:2rem}
 .data-table td{padding:.5rem;border-top:1px solid #cccccc}
 .data-table td h3{font-weight:bold}
 .data-table tr:last-child td{border-bottom:1px solid #cccccc}
 button{display:inline-block;border:none;padding:.75rem 2rem;margin:0;text-decoration:none;background:#81b14e;color:#ffffff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background 250ms ease-in-out, transform 150ms ease;-webkit-appearance:none;-moz-appearance:none;outline:none}
 button[disabled]{opacity:.5}
 div.select{width:100%;border:1px solid #b2b2b2;position:relative}
 div.select select{color:#4d4d4d;width:100%;font-size:1rem;padding:.75rem 1rem;border:none;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none;border-radius:0}
 div.select select[disabled]{background-color:#f2f2f2}
 div.select svg{pointer-events:none;position:absolute;top:calc(50% - 1px);right:1rem}
 input[type="text"]{font-size:1rem;padding:.75rem 1rem;width:100%;box-sizing:border-box;border:1px solid #b2b2b2;color:#4d4d4d}
 .photo-item{background-color:#f2f2f2;border:1px solid #cccccc;padding:.3rem;box-sizing:border-box;margin:.5rem;height:15rem;box-sizing:border-box;text-decoration:none}
 .photo-item .image{padding-top:55%}
 .photo-item .bar{padding:.3rem;background-color:#81b14e;color:white;font-size:.8rem;display:flex;text-transform:uppercase}
 .photo-item .bar .category{margin-left:auto}
 .photo-item h3{font-weight:normal;font-size:1rem;padding:.5rem 0;hyphens:auto}
 .photo-item-list{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:-.5rem}
 .photo-item-list .photo-item{flex:0 0 calc(25% - 1rem)}
 .resource-item{background-color:#f2f2f2;border:1px solid #cccccc;padding:.3rem;box-sizing:border-box;margin:.5rem;display:flex;text-decoration:none}
 .resource-item .icon{background-color:#81b14e;height:3.5rem;flex:0 0 3.5rem;margin-right:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}
 .resource-item .icon svg{width:70%}
 .resource-item .icon svg path{fill:#f2f2f2}
 .resource-item .icon svg path.fill-none{fill:none}
 .resource-item h3{color:#37474f;font-size:.8rem;text-transform:uppercase;font-weight:bold}
 .resource-item h4{color:#4d4d4d;font-size:.9rem;hyphens:auto}
 .resource-item-list{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:-.5rem;padding-bottom:20px;}
 .resource-item-list .resource-item{flex:0 0 calc(33% - 1rem)}
 .main-content{background-color:#f2f2f2;border:1px solid #cccccc;padding:.3rem;display:flex;box-sizing:border-box}
 #main-content .image{min-height:20rem;margin-bottom:0.5rem} 
#mapa_noticia{
	display:none;
}
 .main-content .content{margin-left:1rem; width: 100%}
	.main-content .content .text{padding:1rem; width: 90%; line-height: 1.4;}
 .main-content .text h2{font-size:2rem;font-weight:bold;margin-bottom:1rem}
 .main-content .text h3{margin-bottom:1rem}
 .main-content .text	 p{margin-bottom:.6rem; font-size:16px; line-height: 1.3;}
 .main-content .operator-info{font-size:1.1rem;line-height:2rem}
 #photo-lightbox .lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.75)}
 #photo-lightbox .lightbox .spinner{width:5rem;height:5rem;position:absolute;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem)}
 #photo-lightbox .lightbox .spinner svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
 #photo-lightbox .lightbox .spinner .spinner-circle{opacity:0.54;fill:none;stroke:#FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
 #photo-lightbox .lightbox .spinner .spinner-part{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
 #photo-lightbox .lightbox .next,#photo-lightbox .lightbox .previous{width:4rem;height:4rem;background-color:#81b14e;position:absolute;cursor:pointer;transition:.3s all;top:calc(50% - 2rem);border-radius:50%}
 #photo-lightbox .lightbox .next svg,#photo-lightbox .lightbox .previous svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
 #photo-lightbox .lightbox .previous{left:2rem}
 #photo-lightbox .lightbox .next{right:2rem}
 #photo-lightbox .lightbox .current-image{position:absolute;top:5rem;right:8rem;bottom:5rem;left:8rem;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:.5s all}
 #photo-lightbox .lightbox .footer{position:absolute;right:0;bottom:1rem;left:0;color:white;text-align:center}
 #photo-lightbox .lightbox.loading .next,#photo-lightbox .lightbox.loading .previous{pointer-events:none;opacity:.5}

#main-content-operador,
#main-content-race{background-color:#f2f2f2;border:1px solid #cccccc;padding:.3rem;box-sizing:border-box}
#main-content-operador h1,
#main-content-race h1{font-weight:bold;margin-bottom:.5rem}

#main-content-operador h2,
#main-content-race h2{font-size:1.2rem;padding:10px 0}
 /*#main-content-race .top{margin-bottom:2rem}*/

#main-content-race .image{min-height:20rem;margin-bottom:0.5rem}
#main-content-operador .image{width:20rem; min-height:20rem;margin-bottom:0.2rem}

#main-content-operador .logo{width:30% !important}
#main-content-operador .descrip{width:70% !important}

#main-content-race .descrip{line-height: 1.6; margin-top:10px;}
#main-content-operador .resource-item-list,
#main-content-race .resource-item-list{margin:20px 0}
#main-content-operador .resource-item-list .resource-item,
#main-content-race .resource-item-list .resource-item{flex:0 0 calc(50% - 1rem);margin-left: 1px !important;}
#main-content-operador .thumbs, 
#main-content-race .thumbs{display:flex;flex-wrap:wrap;margin:0 -.25rem 0 -.25rem}
#main-content-operador .thumbs .thumb,
#main-content-race .thumbs .thumb{width:calc(25% - .5rem);padding-top:calc(25% * .66);margin:.25rem .25rem .25rem .25rem;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center center}

#main-content-operador .thumbs .thumb:hover,
#main-content-race .thumbs .thumb:hover{opacity:.5}
 
.main-content .image{min-height:20rem;margin-bottom:0.5rem}
.main-content .columns{width: 100%}
#main-content .thumbs{display:flex;flex-wrap:wrap;margin:0 -.25rem 0 -.25rem}
 #main-content .thumbs .thumb{width:calc(25% - .5rem);padding-top:calc(25% * .66);margin:.25rem .25rem .25rem .25rem;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center center}
 #main-content .thumbs .thumb:hover{opacity:.5}
 


#hero{background-color:#f2f2f2; width:75rem;margin: 0 auto;border: 1px solid #cccccc;margin-bottom: 1rem;}
#hero .content{position:relative;height:30rem;width:75rem}

#hero .imagen_top{position:relative;width:800px;top:0;left:25rem;bottom:0;height: 480px;}

#search-form{position:absolute;width:20rem;background-color:white;top:2rem;left:2rem;bottom:2rem;border: 1px solid #cccccc}
 #search-form .tabs{display:flex}
 #search-form .tabs .tab{padding:1rem;box-sizing:border-box;background-color:#f2f2f2;flex:0 0 50%;cursor:pointer;font-size:1rem}
 #search-form .tabs .tab.active{background-color:white;cursor:default}
 #search-form .tab-content{padding:1rem}
 #search-form button{width:100%}
 #search-form .select,#search-form input[type="text"]{margin-bottom:.5rem}


.fitxa{margin-bottom: 10px; overflow:auto; }
.fitxa .item{padding: 10px 0; clear:both;}
.fitxa .item .titol{float:left; color:#80ae4e; font-weight: 700; width:135px;}
.fitxa .item .cont {float:right; width: calc(100% - 140px) ;line-height: 1.4;}
.fitxa .item .cont .producto{ line-height: 1.6;}
.fitxa .item .cont .punt{ line-height: 1.6;}
.fitxa .item .noticia {width:60px;}

#legal {
	background-color: #f2f2f2;
    border: 1px solid #cccccc;
    padding: 2rem;
    box-sizing: border-box;
    width: 75rem;
    margin-left: auto;
    margin-right: auto;
	line-height: 1.4;
}

#legal h2{
	font-size: 2em;
	margin: 0 0 1em 0;
	
}

#legal h3{
	font-size: 1.5em;
	margin: .8em 0;
	
}

#legal .titular{
	padding: 10px 20px;
}


#legal .cookies p{
	margin-bottom: 10px;
}


#legal .cookies ul{
	margin: 20px;
}

#legal .cookies ul li{
	margin-bottom: 10px;
}
#legal .privacitat ol { counter-reset: item }
#legal .privacitat li{ display: block ; padding-bottom: 10px;}
#legal .privacitat li:before { content: counters(item, ".") ""; counter-increment: item }


#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
	background-color: #37474f;
}
#infobox3 {
    margin: 30px auto;
    position: relative;
    top: 0px;
    height: 120px;
	width: 75rem;
    text-align:center;
	color: #b2b2b2;
  	
}
#infobox3 p {
    line-height:1.4;
    font-size:18px;
    text-align:center;
	padding-bottom: 20px;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
	color: #d2d2d2;
}

.lista_associacio{
	font-size: 18px;
}
.wrapped {width:75rem;margin:25px auto}

.titulo_tabla{
	height: 30px;
	background:#4d4d4d;;
	color:#fff;
	text-align: left;
	padding: 10px;
	
}

/*
-----------  MAPA --------------------
*/

.info_content h1{
	font-size: 16px;
	margin: 10px 0 6px;
	font-weight: 400;
}
.info_content .dir{
	font-size: 14px;
	margin: 5px 0 4px;
	font-weight: 200;
}

.info_content .info{
	font-size: 12px;
	margin: 5px 0 4px;
	font-weight: 100;
}

#tancar{
	background-color: #f2f2f2;
    border: 1px solid #cccccc;
	padding: 20px;
	font-size: 18px;
	
}

#tancar a{
	color:#000;
	text-decoration: none;
}

#titulo_operador{
	display:flex;
	justify-content: space-between ;
}

#titulo_operador a{
	text-decoration: none;
}