::-moz-selection{background: #F8C735; color: #fff; text-shadow: none;}
::selection {background: #F8C735; color: #fff; text-shadow: none;} 

* { padding: 0; margin: 0; }

body { margin:0; padding:0; font : 100%/1 'Source Sans Pro', sans-serif; color: #666; background: #FFF; text-align: left; height: 100%; font-weight:400; }

a { color: #999; text-decoration: none; }
a:hover { color: #F8C735; text-decoration: none; }

h1 { font-size: 1.8em; color:#F8C735; line-height:110%; font-family:'Lato', sans-serif;  }
h2 { font-size: 1.5em; color:#F8C735; line-height:110%; font-family:'Lato', sans-serif; }
h3 { font-size: 1.3em; color:#F8C735; line-height:110%; font-family:'Lato', sans-serif; }
h1, h2, h3 { margin: 0 0 15px 0; font-weight:700; }

p { margin: 0 0 15px 0; line-height:140%; }
p.p-centrat { text-align:center; }
.mesmarge { margin-bottom:30px; }
.mesnomarge {margin-bottom:30px; }
ul, ol { margin: 0 0 10px 0; list-style:none; }
ul li { margin-bottom:10px; line-height:130%; }
.textcentrat { text-align:center; }

strong { font-weight:700; }
img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

#wrapper { width: 100%; min-height:100%; margin:0; padding:0; }
#headcontainer { clear:both; width: 100%; background:#F8C735; margin:0; padding:0; }
#headcontainer:after { content:""; display:block; clear:both; }
header { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding: 0; position: relative; color:#FFF; }

#xarxes-socials-header { float:left; width:20%; padding:20px 0; font-size:1.2em; }
#logo { float:left; width:60%; text-align:center; padding:20px 0; }
#telefon-header { float:left; width:20%; padding:20px 0; font-size:0.9em; line-height:130%; text-align:right;}
.fa-telefon-header { margin-right:2px; }
.fa-movil-header { margin-right:4px; }
header a { color:#FFF; margin-right:15px; }
header a:hover { color: #666; text-decoration: none; }

#navcontainer { clear:both; width: 100%; background:#FFF; }
#navcontent { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding: 0; position: relative; }
#nav { }
#nav nav {  }
#nav nav ul { list-style-type: none; margin:0; padding:0; padding-top:18px; padding-bottom:18px; text-align:center; }
#nav nav ul li { margin:0; padding:0; display:inline; margin-right:24px; margin-left:24px; }
#nav nav ul li a { color:#999; font-family:'Lato', sans-serif; font-size:0.8em; font-weight:700; }
#nav nav ul li a:hover { color:#F8C735; }
#nav nav ul li a.active { color:#F8C735; cursor: default; }

.slicknav_menu { display:none; }

#galeria-home { clear:both; width:100%; border-bottom:3px solid #F8C735;}
.text-galeria-home { }
.text-galeria-home-centrat { width: 90%; max-width: 1200px; margin:0 auto; text-align:center; padding-top:170px; }
.text-galeria-home-centrat h2 { font-size:3em; color:#FFF; font-family:'Lato', sans-serif; margin:0; padding:0; text-shadow: 2px 1px #666; margin-bottom:2px; }
.text-galeria-home-centrat p { font-size:1.3em; color:#A09DA5; font-family:'Lato', sans-serif; margin-bottom:2px; }
.text-galeria-fons { margin:0 auto; text-align:center; background-color:#FFF; font-weight:700; padding: 2px 5px; margin:0 auto;}

.maincontentcontainer1 { clear:both; width: 100%; background:#F5F5F5; }
.maincontentcontainer1:after { content:""; display:block; clear:both; }
.maincontent1 { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding-top:40px;}

#intro-home { text-align:center; width:720px; margin:auto;}
#intro-home2 { text-align:center; width:720px; margin:auto;}
#titol-home { text-align:center; margin:0 auto;}
.h1-home {  text-align:center;}
.fa-h1-home { display:inline-block; color: #F8C735; padding: 0px 14px 0 14px; font-size:0.6em; vertical-align:top; }
.h2-home {  text-align:center;}

a.text-imatge-home { margin-top:-2px; font-family:'Lato', sans-serif; background-color:#FFF; border-bottom:3px solid #F8C735; display:block; padding: 15px; font-size:1.1em; line-height:120%; text-align:center; 
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in;}
a.text-imatge-home:hover { background-color:#F8C735; border-bottom:3px solid #F8C735; color:#FFF;
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in; }
.separacio-caixes-home { height:40px; }

a.linkboto { background: #F8C735; color: #fff; text-align:center; padding:10px 20px; font-family:'Lato', sans-serif; border:1px solid #F8C735; margin:0 auto;
transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in; }
a.linkboto:hover { background: #fff; color: #F8C735; 
transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in; }

.separador-blanc { height:3px; display:block; background-color:#FFF; width:100%; margin-top:15px; margin-bottom:30px; }
.img-qui-som { margin-bottom:15px; }
p.p-qui-som { margin-bottom:5px; }

a.link-menu-serveis { font-family:'Lato', sans-serif; background-color:#FFF; border-bottom:3px solid #F8C735; display:block; padding: 10px 15px; font-size:0.85em; line-height:130%; text-align:left; margin-bottom:30px; 
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in;}
a.link-menu-serveis:hover { background-color:#F8C735; border-bottom:3px solid #F8C735; color:#FFF;
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in; }
a.link-menu-serveis-active { background-color:#F8C735; border-bottom:3px solid #F8C735; color:#FFF; }

.fa-cube-titol { display:inline-block; color: #F8C735; padding: 0px 7px 0 7px; font-size:0.6em; vertical-align:top; }

a.link-altes-capacitats { font-size:1.1em; line-height:120%; font: 'Source Sans Pro', sans-serif; line-height:120%; font-weight:700;}
.icon-link-altes-capacitats { margin-right:10px; color:#F8C735; }

a.link-publicacio { font-family:'Lato', sans-serif; font-size:1.1em; line-height:120%; font-weight:700;}
.icon-link-publicacio { margin-right:10px; color:#F8C735; }

.col_faq { background-color:#FFF; }
.separador-gris { height:3px; display:block; background-color:#F5F5F5; width:100%; margin-top:15px; margin-bottom:15px; }
.col_faq h2 { padding:15px 15px 0 15px; font-size:1.1em; line-height:130%; }
.col_faq p { padding:0 15px 15px 15px; margin-bottom:0; }
.marge-faqs { height:30px; }

.link-links { text-align: center; line-height:130%; display:block; margin-bottom:30px; }

.fa-contacte1 { color: #F8C735; margin:0 10px; }
.fa-contacte2 { color: #F8C735; margin:0 7px; }
.fa-contacte3 { color: #F8C735; margin:0 8px; }
.fa-contacte4 { color: #F8C735; margin:0 6px; }
.veure-mapa-ampliat  { clear:both; text-align:right; padding-top:5px; font-size:0.9em; }

/* Per fer l'iframe el Google Maps Responsive */
#video-left { float:left; width:100%; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; } 
.video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fa-llista { color: #F8C735; margin:0 7px 0 10px; }
.fa-llista-nomarge { color: #F8C735; margin:0 5px 0 0px; }

#prefooter { background:url("../img/bg-peu-questionaris.png"); clear:both; width:100%; border-top:3px solid #F8C735; padding:35px 0;}
#prefooter:after { content:""; display:block; clear:both; }
#prefooter-content { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative;  }
#prefooter-content p { font-size:0.9em; }
#prefooter h3 { color:#999; }

a.link-prefooter { font-family:'Lato', sans-serif; font-size:1.1em; line-height:120%; font-weight:700; }
.icon-link-prefooter { margin-right:10px; color:#F8C735; }

#footer { background-color:#F8C735; clear:both; width:100%; padding:20px 0 20px 0; }
#footer:after { content:""; display:block; clear:both; }
#footer-content { clear: both; width: 90%; font-size: 0.85em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; color:#666; }
#footer-content p { margin-bottom:5px; }
#footer a { color:#666;}
#footer a:hover { color: #FFF; }
.footer-left p { text-align:left; }
.footer-right p { text-align:right; }
.footer-left a { margin-right:15px;}
.footer-right a { margin-left:15px;}
p.footer-xarxes-socials { font-size:1.4em; margin-bottom:20px; line-height:0.7em; }
a.link-mail-footer { margin:0; }
.marge-telefons-peu { width:15px; display:inline-block; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.m5 { height:5px; }
.m8 { height:8px; }
.m10 { height:10px; }
.m15 { height:15px; }
.m20 { height:20px; }
.m25 { height:25px; }
.m30 { height:30px; }
.m40 { height:40px; }
.m45 { height:45px; }
.m50 { height:50px; }
.m60 { height:60px; }

/* Estils Cookies */
#cookieMessageWrapper { display:none;position:relative;top:0;width:100%; background:#FFF; color:#666; z-index:9999999999; margin:0; border-top:2px solid #F8C735; }
#cookieMessage { width: 1200px; padding:10px 0 10px 0; margin: 0 auto; position: relative; font-size:0.9em; line-height:150%; text-align:left; }
#cookieClose { float: right; display: block; padding: 5px 10px; text-decoration: none; background: #93B73D; border: 0; margin-top: 3px; font-weight: bold; margin-left:30px; font-size:0.9em; }
#cookieMessage a:link, #cookieMessage a:active, #cookieMessage a:visited { color:#F8C735; text-decoration:none; }
#cookieMessage a:hover { color:#666; }
a#cookieClose:link, a#cookieClose:active, a#cookieClose:visited { background-color:#F8C735; color:#fff; text-decoration:none; }
a#cookieClose:hover { background:#666; }
/*----------------*/

@media only screen and (max-width: 1440px) {

	#cookieMessage { width: 90%; }
    #cookieClose { margin-bottom:15px;margin-left:25px; }
}	

@media only screen and (max-width: 1200px) {
	.separacio-caixes-home { height:30px; }
}

@media only screen and (max-width: 1150px) {
    #nav nav ul li a { font-size:0.7em; }
}

@media only screen and (max-width: 1024px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; position:relative; z-index:20; }
	#nav nav ul li a { margin:0; padding:0; }
	#nav nav ul li { margin:0; padding:0; }
	#nav nav ul { margin:0; padding:0; }

	.text-galeria-home-centrat { padding-top:140px; }

	#intro-home { width:auto;}
	#intro-home2 { width:auto;}

	.separacio-caixes-home { height:20px; }
}

@media only screen and (max-width: 800px) {
	.text-galeria-home-centrat { padding-top:100px; }
	.text-galeria-home-centrat p { font-size:1.8em;  }	
}

@media only screen and (max-width: 600px) {
	.maincontent1 { padding-top:20px;}

	.text-galeria-home-centrat { padding-top:60px; }
	.text-galeria-home-centrat h2 { margin-bottom:5px;  }	
	.text-galeria-home-centrat p { font-size:2em;  }	

	#xarxes-socials-header { padding:10px 0; width:35%; font-size:0.9em; }
	header a { margin-right:12px; }
	#logo { padding:10px 0; width:30%; }
	#telefon-header { padding:10px 0; width:35%; }
	#logo img { width:50%; }

	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em;}
	h3 { font-size: 1.2em;}
	.fa-h1-home { padding: 0px 9px 0 9px; }
	.separacio-caixes-home { height:0px; }

	.text-imatge-home { margin-bottom:10px; }

	a.link-prefooter { font-size:1em; }
    a.link-altes-capacitats { font-size:1em; }
    a.link-publicacio { font-size:1em; }

	a.link-menu-serveis { margin-bottom:0px; padding:7px; }

	.mesmarge { margin-bottom:15px; }
    .mesnomarge {margin-bottom:-15px; }

    .marge-faqs { height:0px; }
    
	/* Estils Cookies */
	#cookieMessage { font-size:0.75em; line-height:130%; }
	#cookieClose { padding: 3px 7px; margin-top: 0px; margin-left:10px; font-size:1em; margin-bottom:0; }
}

@media only screen and (max-width: 320px) {
	h1 { font-size: 1.3em; }
	h2 { font-size: 1.2em;}
	h3 { font-size: 1.1em;}

	#xarxes-socials-header {  }
	#telefon-header { font-size:0.8em;}
}