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

* { padding: 0; margin: 0; }

body { margin:0; padding:0; font: 100%/1 Arial, Helvetica, sans-serif; color: #000; background: #FFF; text-align: left; height: 100%; font-weight:400; }

a { color: #C03917; text-decoration: none; }
a:hover { color: #C03917; text-decoration: underline; }

h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }
h1 { font-size: 2em; color:#C03917; line-height:120%; font-weight:700; }
h2 { font-size: 1.5em; color:#C03917; line-height:120%; font-weight:700; }
h3 { font-size: 1.2em; color:#C03917; line-height:120%; font-weight:700; }
h4 { font-size: 1.05em; color:#C03917; line-height:120%; font-weight:400; }
h1 { margin: 0 0 20px 0; font-weight:700; }
h2 { margin: 0 0 20px 0; font-weight:700; }
h3 { margin: 0 0 10px 0; font-weight:700; }
h4 { margin: 0 0 15px 0; font-weight:400; }

/*h1.h1home { line-height:100%; text-align:center;}*/
h1.h1-home-principal { font-size:1.5em; text-align:center; }
h2.h1home { line-height:100%; text-align:center; font-size: 2em; color:#C03917;}
.separador-centrat-h1-home { width:45px; height:2px; display:block; background-color:#C03917; margin:30px auto 30px auto; }
.linia2-h1home { font-size:0.8em; color:#000; }

p { margin: 0 0 15px 0; line-height:140%; font-size:0.95em; }
p.pcentrat { text-align:center; }
ul, ol { margin: 0 0 10px 0; list-style:none; }
ul li { margin-bottom:10px; }
.textcentrat { text-align:center; }
.textdreta { text-align:right; }
p.pdreta { text-align:right; }

strong { font-weight:700; }
img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.img-marge-bottom { margin-bottom:10px;  }

#wrapper { width: 100%; text-align: left; min-height:100%; }

#headcontainer { clear:both; width: 100%; background:#FFF; padding-bottom:15px;}
#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: #999; text-align: center; }

#telefon-fixe { width: 120px; top: 0; left: 0; float:right; }
#telefon-fixe2 { clear:both; width:120px; height:20px; background-color:#C03917; position: fixed; margin-top:15px; font-size:0.85em; color:#FFF; padding-top:10px; z-index:3;}
#telefon-fixe2 a { color:#FFF; }

#logo { float:left; width:178px; margin: 20px 0 0 0; }

a.linkidioma { margin-left:20px; }

#header-right { float:right; margin: 15px 0 0 0;}
#idiomes { font-size:0.85em; float:right; text-align:right; color:#C03917; font-family: 'Roboto Condensed', sans-serif; }
#idiomes a { color:#999; }
#idiomes a:hover { color:#C03917; }

.slicknav_menu { display:none; }

#nav { margin-top:85px; }
#nav nav { float:right;  }
/*#nav nav ul li a { float:left; padding:0; display:block; color:#999; text-transform:uppercase; padding-bottom:6px; font-family: 'Roboto Condensed', sans-serif; font-size:0.85em; font-weight:700; }
#nav nav ul li a:hover { color:#C03917; border-bottom:3px solid #C03917; }
#nav nav ul li a.active { color:#C03917; cursor:default; border-bottom:3px solid #C03917; }*/

#nav nav ul { list-style-type: none; margin:0; padding:0; }
#nav nav li { float:left; margin:0; padding:0; }
#nav nav ul li a, #nav nav ul li a:after, #nav nav ul li a::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#nav nav ul li a { position: relative; display: inline-block; outline: none; color: #999; text-decoration: none; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 0.85em;}
#nav nav ul li a.active { color:#C03917; cursor:default; }
#nav nav ul li a:hover, #nav nav ul li a:focus { outline: none; color:#C03917;}
#nav nav ul li a { padding: 0 0 7px; }
#nav nav ul li a.linkinactive { cursor:default; }
#nav nav ul li a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #C03917; content: ''; opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#nav nav ul li a:hover::after, #nav nav ul li a:focus::after, #nav nav ul li a.active::after { height: 3px; opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

a.linkmenuprincipal { margin-left:38px;  }

.fa-menu-desplegable { padding-left:5px; }

/* SUBMENU */
#nav ul > li div { border: 0; display: block; position: absolute;  opacity: 0; background-color:#FFF; display:none; z-index:10000; font-weight:700; font-size:0.9em;
margin-top:3px; /* Aquest és el que toco perquè no faci un salt el submenu del menu */
-moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#nav ul > li div a {  padding:0; float:none; margin-left:0; border:0; color:#999; font-weight:700; font-size:0.9em; }
#nav ul > li div a:hover, #nav ul > li div a:focus { color:#C03917; border:0; }
#nav ul > li div ul { float: left; }
#nav ul > li div ul li { line-height: 1em; margin-bottom:10px; text-align:left; }
#nav ul > li div ul:not(:first-child) { margin-left: 0px; }
#nav ul > li:hover div, #nav ul > li:active div, #nav ul > li:focus div { opacity: 1; display:block; border:0; }
.submenu { padding:30px 30px 10px 30px; margin-top:15px; margin-left:0px; border: 0; color:#999;}
.submenu ul li { clear:both; }
#nav ul > li div a { font-weight:700; padding-bottom:2px; }
#nav ul > li div a.active { color:#C03917; border:0; cursor:default; }

#nav ul > li div a:hover::after, #nav ul > li div a:focus::after, #nav ul > li div a.active::after { height: 1px; }

.submenu3 { margin-left:30px; border:0; }

.banner-galeria { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0; position: relative; text-align: center;}
.text-requadre-banner { width: 38%; margin:0 auto; margin-top:150px; padding:25px; font-size: 2.6em; color:#FFF; line-height:120%; font-weight:700; background: url('../img/bg-galeria-requadre.png'); background-repeat:no-repeat; background-position: top right; }
.text-requadre-banner2 { width: 35%; margin:0 auto; margin-top:150px; padding:25px; font-size: 2.6em; color:#FFF; line-height:120%; font-weight:700; background: url('../img/bg-galeria-requadre.png'); background-repeat:no-repeat; background-position: top right; }

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

.maincontentcontainerbg { background:url(../img/bg.png) top left; background-repeat:no-repeat; background-attachment: fixed; }
.maincontentcontainerbgmediambiental { background:url(../img/bg-medi-ambient.jpg) top left; background-repeat:no-repeat; background-size:34%; }

p.pdestacat{ color:#000; font-size:1.05em; width:73%; margin:0 auto; margin-bottom:25px; }

.separador-centrat { width:45px; height:2px; display:block; background-color:#C03917; margin:25px auto 40px auto; }
.separador-esquerra { width:45px; height:2px; display:block; background-color:#C03917; margin:25px 0 40px 0; }
.separador-esquerra-compromis-mediambiental { width:45px; height:2px; display:block; background-color:#C03917; margin:25px 0 40px 0; }

.capa_boto_ressenyes { padding-top:15px; }
a.boto_ressenyes { border:1px solid #C03917; width:250px; display:block; text-align:center; margin:0 auto; color:#C03917; padding:14px 15px; }
a.boto_ressenyes:hover { background-color:#C03917; color:#FFF; text-decoration:none; }

#home-serveis { background-color:#FFF; clear:both; width:100%; padding:0; }

#home-serveis figure { position: relative; float: left; overflow: hidden; margin: 0 0 2px 0; margin-right:0.2%; width: 33.2%; background: #FFF; }
#home-serveis figure.figure-ultima { margin-right:0; }
#home-serveis figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
#home-serveis figure figcaption { color: #fff; font-size: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#home-serveis figure figcaption::before, #home-serveis figure figcaption::after { pointer-events: none; }
#home-serveis figure figcaption, #home-serveis figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#home-serveis figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
#home-serveis figure h2 { color:#FFF; font-weight:700; font-size:1.2em; }
/*#home-serveis figure h2 span { font-weight: 700; }*/
#home-serveis figure h2, #home-serveis figure p { margin: 0; }
/*#home-serveis figure p { letter-spacing: 1px; font-size: 68.5%; }*/

#home-serveis figure.effect-honey { background: #C03917; }
#home-serveis figure.effect-honey img { opacity: 0.6; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
#home-serveis figure.effect-honey:hover img { opacity: 1; }
#home-serveis figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: '';
	-webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
#home-serveis figure.effect-honey h2 { position: absolute; bottom: 0; left: 0; width: 90%; padding:0 5%; text-align: left;
	-webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); }
/*#home-serveis figure.effect-honey h2 i { font-style: normal; opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); }*/

#home-serveis figure.effect-honey figcaption::before, #home-serveis figure.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
#home-serveis figure.effect-honey:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/* #home-serveis figure.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }*/
#home-serveis figure.effect-honey:hover h2 { opacity: 1; -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); }

.postheadercontainer { clear:both; width: 100%; background:#C03917; padding:35px 0 55px 0; }
.postheadercontainer:after { content:""; display:block; clear:both; }

.postheadercontainer h1 { color:#FFF; font-weight:700; margin-bottom:0; }
.postheadercontainer h2 { color:#DF9D8B; font-weight:700; margin-bottom:0; }

.h3-numero { font-size:120%; }
.spanh3small { font-size:80%; }

.maincontentcontainernomargebottom { padding-bottom:0; }
.bg-serveis-container { width:100%; background:url(../img/bg-serveis.png) repeat; padding:50px 0; }
.nobg-serveis-container { width:100%; background:none; padding:50px 0; }

.left-com-treballem { float:left; width:47%; margin-right:6%; }
.right-com-treballem { float:left; width:47%; margin-right:0%; }

.div-llista-left { float:left; width:47%; margin-right:6%; }
.div-llista-right { float:left; width:47%; margin-right:0%; }
ul.ul-contingut { margin: 0; list-style:none; line-height:140%; margin-left:15px; font-size:0.95em; margin-bottom:0; }
ul.ul-contingut li { margin-bottom:10px; }
i.fa-llista { font-size:0.4em; color:#C03917; display:block; float:left; padding:7px 7px 0 0;}

.maincontentclients img { border:1px solid #DF9D8B; margin-bottom:30px; }
.maincontentclients img:hover { border:1px solid #C03917; }

.col_bg_gris { background:url(../img/bg-serveis.png) repeat; }
.col_contacte { padding-top:60px; padding-bottom:60px; }
.contingut_formulari { padding:0 3%; }

.col_contacte_1_1 { width:100%;}
.col_contacte_1_2 { width:48%; margin-right:4%; float:left; clear:both; margin-bottom:25px; }
.col_contacte_2_2 { width:48%; float:right; margin-bottom:20px; }

.titol-check { font-size:0.9em; }
.form-tag { margin-bottom:8px; }
.form-boto { margin-bottom:10px; }
input.inputtext { background-color:#FFF; border:1px solid #CCC; height:24px; padding:5px 2%; font-family: Arial, Helvetica, sans-serif; color:#999; display:block; width:94%; font-size:0.9em; font-weight:400;}
input.inputtext:focus, textarea:focus { border:1px solid #C03917; }
textarea { background-color:#FFF; border:1px solid #CCC; height:77px; padding:5px 1%; font-family: Arial, Helvetica, sans-serif; color:#999; display:block; width:97%; font-size:0.9em; font-weight:400; }
textarea:focus, textarea:focus { border:1px solid #C03917; }
.inputcheck { padding-top:3px; margin-bottom:3px; }
.enviar-form {  background-color:#999; color:#FFF; font-family:  Arial, Helvetica, sans-serif; font-weight:400; border:0; display:block; padding:10px 30px; text-transform:uppercase; font-size:0.9em; }
.enviar-form:hover { background-color:#C03917; }
.missatge-KO { padding: 0 0 20px 0; color:#C03917; text-align:right; font-size:0.95em; }
.missatge-OK { padding: 0 0 20px 0; color:#1E8208; font-weight:700; font-size:0.95em; }
.enviar-form { float:right; margin-right:1%;}

.p_nota_legal { font-size:0.9em; margin-bottom:0px; color:#666; }
.link_nota_legal, .link_nota_legal:hover { color:#666; font-weight:700;}

#footer { background-color:#000; clear:both; width:100%; padding:40px 0 30px 0; }
#footer:after { content:""; display:block; clear:both; }
#footer-content { clear: both; width: 90%; font-size: 0.8em; max-width: 1200px; margin: 0 auto; padding:0; position: relative;  }
#footer-content p { margin: 0 0 10px 0; color:#FFF; line-height:160%; }
.footer-left { float:left; width:36%; margin-right:2%; }
/*.footer-center { float:left; width:44%; margin-right:2%; }*/
.footer-right { float:right; width:16%; }
.footer-center-left { float:left; width:26%; margin-right:2%; }
.footer-center-right { float:left; width:14%; margin-right:2%; }
.footer-center-right a { margin:0 18px 0 0;  }
#footer a { color:#FFF; text-decoration:underline;}
#footer a:hover { color: #C03917; text-decoration:underline;}
p.pdretafooter { text-align:right; }
p.pxarxessocials { text-align:left; padding-top:15px; }
p.pxarxessocials .fa-brands { margin-right:15px; }
.footer-right img { /*padding-bottom:7px;*/ }
.footer-right a { text-decoration:none !important; line-height:140%; }
.footer-right a:hover { color:#bc010f !important; }
.footer-center-left img { margin-right:15px; padding-bottom:10px;}

.footer-left-left { float:left; width:30%; margin-right:2%; }
.footer-left-right { float:left; width:66%; margin-right:2%; }
.footer-left-left img { width:85%; height:85%; }

#addthis { background-color:#1b1b1b; clear:both; width:100%; padding:15px 0 5px 0; color:#FFF; }
#addthis:after { content:""; display:block; clear:both; }
#addthis-content { clear: both; width: 90%; font-size: 0.8em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; color:#FFF; text-align:right; }
#addthis-content p { color:#FFF; line-height:160%; }
.addthis_inline_share_toolbox { display:inline; float:right;}
p.p-addthis { display:inline-block; float:right; padding:6px 8px 0 0; text-align:right; }

.negreta { font-weight:700; }

/* Per fer els videos responsive */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:10px; } 
.video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mapa-container { position: relative; padding-bottom: 86.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:10px; margin-bottom:20px; } 
.mapa-container iframe, .mapa-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.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; }
.m35 { height:35px; }
.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:#000; z-index:9999999999; border-bottom:1px solid #C03917; }
#cookieMessage { width: 1200px; padding:10px 0 10px 0; margin: 0 auto; position: relative; font-size:0.85em; line-height:130%; text-align:left; }
#cookieClose { float: right; display: block; padding: 5px 9px; text-decoration: none; background: #C03917; border: 0; margin-top: 3px; font-weight: bold; margin-left:30px; font-size:0.85em; }
#cookieMessage a:link, #cookieMessage a:active, #cookieMessage a:visited { color:#C03917; text-decoration:none; }
#cookieMessage a:hover { color:#000; }
a#cookieClose:link, a#cookieClose:active, a#cookieClose:visited { background-color:#C03917; color:#fff; text-decoration:none; border:1px solid #C03917; }
a#cookieClose:hover { background:#FFF; color:#C03917; }

@media only screen and (max-width: 1340px) {
	#cookieMessage { width: 90%; }
	#cookieClose { margin-bottom:15px;margin-left:25px; }
        
        #home-serveis figure h2 { font-size:1.1em; }
        
        .maincontentcontainerbgmediambiental { background-size:33%; }

}

@media only screen and (max-width: 1240px) {
    #home-serveis figure h2 { font-size:1em; }
    
	.footer-left { float:none; width:100%; text-align:center; margin-right:0%; }
	/*.footer-center { clear:both; float:left; width:68%; margin-top:25px; margin-right:4%; }*/
	.footer-right { float:right; width:28%; margin-top:25px; margin-right:0%; }
    
    .footer-center-left { float:left; width:46%; margin-right:4%; margin-top:25px; }
    .footer-center-right { float:left; width:18%; margin-right:4%; margin-top:25px; }
	
    .footer-left-left { float:none; width:100%; margin-right:0; margin-bottom:15px; }
    .footer-left-right { float:none; width:100%; margin-right:0; }
    .footer-left-left img { width:20%; height:20%; }
    
	.footer-center-right a { margin:0 12px 0 0;  }
	
	.pxarxessocials { text-align:center !important; }
	p.pxarxessocials .fa-brands { margin-right:8px; margin-left:8px; }
}

@media only screen and (max-width: 1210px) {
    .maincontentcontainerbgmediambiental { background:url(../img/bg-mediambient-2.jpg) top left; background-repeat:no-repeat; background-size:33%; }

}

@media only screen and (max-width: 1060px) {
    #home-serveis figure h2 { font-size:0.95em; }
    
    .text-requadre-banner, .text-requadre-banner2 { margin-top:110px; }
}

@media only screen and (max-width: 1024px) {
	#home-serveis figure { max-height:240px; }
    #home-serveis figure img { max-height:240px; }
}

@media only screen and (max-width: 1023px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; }
	.submenu { padding:10px 0 0 0px; margin-top:0; margin-left:10px; }
	#nav nav ul li a { margin:0; padding:0; }
	#nav nav ul li { margin:0; padding:0; }
	#nav nav ul { margin:0; padding:0; }
	a.linkmenuprincipal { font-weight:700; margin-left:0px; font-size:1em; }
	
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.1em; }
        
        .postheadercontainer { padding:25px 0 45px 0; }
	
	.maincontentcontainer1 { padding-bottom:40px; }
	.maincontentcontainerhome1 { padding-top:40px; }
        .maincontentcontainernomargebottom { padding-bottom:0; }
	
	p.pdestacat{ width:90%; }
        
        #home-serveis figure { margin-right:0.2%; width: 33.2%; }
        #home-serveis figure.figure-ultima, #home-serveis figure.figure-tercera { margin-right:0; }
        #home-serveis figure h2 { font-size:1.1em; }
        
        #cookieMessageWrapper { border-top:1px solid #C03917; }
        
        .col_contacte { padding-top:40px; padding-bottom:40px; }
	
	.col_com_treballem_trencar { display:block; clear:both; width:100%; margin-left:0; }
    
    .maincontentclients img { margin-bottom:20px; }

}

@media only screen and (max-width: 840px) {
	.footer-center { clear:both; float:none; width:100%; margin-top:40px; margin-right:0%; text-align:center; }
    .footer-right { clear:both; float:none; width:100%; margin-top:40px; margin-right:0%; text-align:center;}
	p.pdretafooter { text-align:center; }
	.footer-center-right a img { margin-bottom:20px; }
    .footer-center-right a { margin:0 6px;  }
    
    .footer-center-left { float:left; width:71%; margin-right:4%; margin-top:40px; }
    .footer-center-right { float:left; width:25%; margin-right:0%; margin-top:40px; }
    
    .footer-left-left img { width:25%; height:25%; }
    
    .footer-right img { padding-top:40px; }

}

@media only screen and (max-width: 800px) {	
	.col-trencar { display:block; clear:both; width:100%; margin-left:0; }
        
    .text-requadre-banner, .text-requadre-banner2 { margin-top:80px; }
	
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
        
    #home-serveis figure.effect-honey h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); font-size: 1em;}
        
    .col_trencar1 { display:block; clear:both; width:100%; margin-left:0; }
    .col_trencar2 { display:block; clear:both; width:100%; margin-left:0; margin-top:10px; }

    #home-serveis figure { max-height:200px; }
    #home-serveis figure img { max-height:200px; }
    
    .footer-left-left img { width:30%; height:30%; }
    
    .maincontentclients img { margin-bottom:15px; }
}

@media only screen and (max-width: 600px) {
    
    #telefon-fixe { position:absolute; right:0; top:5px; width:100px; }
    #telefon-fixe2 { position: fixed; right:0; margin-right:5%; font-size:0.75em; width:100px;}
    
	#logo { float:left; width:100%; display:block; text-align:left; }	
	#header-right { float:left; width:100%; display:block; }
	#idiomes { float:none; display:block; text-align:center; margin-top:10px; }
        #headcontainer { padding-bottom:5px;}
        
        .postheadercontainer { padding:20px 0 30px 0; }
        
        .text-requadre-banner, .text-requadre-banner2 { margin-top:50px; padding:15px; background: url('../img/bg-galeria-requadre-movil.png'); background-repeat:no-repeat; background-position: top right; }
	
        p.pdestacat{ color:#000; margin-bottom:0px; }
        .separador-centrat { margin:25px auto 25px auto; }
        
	#nav { margin-top:10px; }
        
        /*.footer-left { float:none; width:100%; text-align:center; margin-right:0; }
        .footer-center { float:none; width:100%; text-align:center; margin-top:25px; margin-right:0;  }
        .footer-right { float:none; width:100%; text-align:center; margin-top:25px; margin-right:0;  }
        p.pdretafooter { text-align:center; }*/
        
        #home-serveis figure { margin-right:0%; width: 100%; }
        #home-serveis figure.figure-tercera { margin-right:0%; }
        #home-serveis figure.figure-ultima, #home-serveis figure.figure-segona, #home-serveis figure.figure-quarta { margin-right:0; }
        #home-serveis figure h2 { font-size:1em; }
        #home-serveis figure img { margin-top:-100px; }
        #home-serveis figure.effect-honey h2 { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }

        #home-serveis figure { max-height:340px; }
        #home-serveis figure img { max-height:340px; }
        
        .maincontentcontainerbgmediambiental { background:none; }
        .col_amagar_mobil { display:none; }
        .separador-esquerra-compromis-mediambiental { margin:25px 0 25px 0; }
        
        .col_contacte_1_1 { width:100%;}
        .col_contacte_1_2 { width:100%; margin-right:0%; float:none; clear:both; margin-bottom:20px;}
        .col_contacte_2_2 { width:100%; float:right; margin-bottom:20px; }
        
        h1 { font-size: 1.5em; }
	
	.left-com-treballem { float:none; width:100%; margin-right:0%; }
	.right-com-treballem { float:none; width:100%; margin-right:0%; }
	
	.capa_boto_ressenyes { padding-top:30px; }
	
	#addthis { padding:15px 0 10px 0;}
	#addthis-content { text-align:center; }
	.addthis_inline_share_toolbox { display:inline; float:none !important; margin:0 auto;}
	p.p-addthis { display:none !important; }
    
    .footer-left-left img { width:40%; height:40%; }
	
}

@media only screen and (max-width: 480px) {
         .text-requadre-banner, .text-requadre-banner2 { margin-top:40px; }
        
	.footer-left { clear:both; float:none; width:100%; text-align:center; margin-right:0; }
        .footer-center { clear:both; float:none; width:100%; text-align:center; margin-top:30px; margin-right:0;  }
        .footer-right { clear:both; float:none; width:100%; text-align:center; padding-top:0px; margin-right:0;  }
        p.pdretafooter { text-align:center; }
	.footer-center-right a { margin-bottom:0px; display:block; }
	
        /*.footer-center-right a { margin-bottom:20px; display:block; }*/
    
    .footer-left-left img { width:50%; height:50%; }
}

@media only screen and (max-width: 400px) {
        .div-llista-left { float:none; width:100%; margin-right:0%; }
        .div-llista-right { float:none; width:100%; margin-right:0%; }
	
	a.boto_ressenyes { border:1px solid #C03917; width:80%; display:block; text-align:center; margin:0 auto; color:#C03917; padding:14px 9%; }
}

@media only screen and (max-width: 319px) {
        #home-serveis figure.effect-honey h2 { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
        #home-serveis figure.effect-honey:hover h2 { -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
        
        #home-serveis figure { height:45px; }
        #home-serveis figure img { height:45px; }
}