/**/



.subratllat{text-decoration:underline;}

#coneix_mao{
	width:100%;
	display:flex;
	justify-content:center;;
	align-items: center;
	text-align:center;
}
#coneix_mao div{
	text-align:center;
	width:20%;
	padding:2%;
	margin:6% 2% 2% 2%;
	background-image: url('/usr/maosona/fons-quisom.png');
	background-repeat: no-repeat;
	background-position: center center fixed;
	background-size: cover;
	color:#fff;
	font-size:1.8vw;
}

.im_titol{
		width:20%;
		font-size:24px;
		color:#fff;
		text-align:center;
		padding:4% 0;
		height:2vw;
		background-image: url("/usr/maosona/mao_titols.png");
		background-size: cover;  
		background-position: center;  
		float:left;
		}
		
.franja{width:76%;float:left;padding:2%}
.franja hr{}
.img_grup{width:20%;float:left;}
.img_grup img{width:100%;}
.text_grup{width:76%;float:left;font-size:18px;padding:2%;}
#quisom hr{border-color: #84182D;  border-width: 10px;}
#quisom{font-size:20px;}
.a_100{width:78%;margin-left:10%;padding:1%;float:left;}
.a_100_gris{width:78%;margin-left:10%;padding:1%;color:#fff;background-color:#777;border-radius:5px;float:left;font-size:20px;text-align:center;}
.a_75{width:76%;float:left;padding:2%;}
.a_25{width:20%;float:left;}
.im_titol{
}


.bola1{background-color:#777;color:#fff;background-color:#777;color:#fff;border-radius:10px;padding:4% 2%;margin:2%;width:72%;}
.bola2 img{width:100%;margin:0;}

#peu_quisom{background-color:#84182D;color:#fff;margin:2% 0;width:100%;float:left;display:flex;align-items:center;justify-content:space-between;}
#peu_quisom div {width:86%;margin:2%;float:left;text-align:justify;}
#peu_quisom img {width:6%;margin:2%;float:center;}

#barra_contactes{display:flex;justify-content:center;background-color:#84182d;padding:0.4% 1%;flex-wrap:wrap;}
#barra_contactes div{color:#FFF;font-size:16px;padding:0 4%;}

	#quadre_links{display:flex;justify-content:space-between;padding:4% 10%;background-color:#555555;text-align:center;flex-wrap:wrap;}
	#quadre_links a{color:#fff;text-decoration:none;font-size:14px;}
	#quadre_links img{width:100px;}
	#quadre_links strong{width:100%;}

#index_quisom {  
		background-image: url("/usr/maosona/habitacio.jpg");
		background-size: cover;  
		background-position: center;  
		width: 100%;  
		height: 90vh;
}

.ico_quisom{
	text-align:center;
}

.ico_quisom strong{
	background-color:#84182D;
	display:block;
	width:60%;
	margin-left:20%;
	padding:1%;
}
   
.ico_quisom a{
	
	padding:2%;
	text-align:center;
	font-size:1vw;
   width:100%;
   text-align:center;
   color:#fff;
   text-decoration:none;
}


#index_central{
	width:50%;
	margin-left:25%;
	display:flex;
	justify-content:space-between;
	background-color:#999;
	padding:3% 0;
	
}

 .ico_prin {width:30%;}

#index_central img{
	width:100%;
}





.titol_producte_normal{display:none;}
#documents{display:flex;width:60%;justify-content:center;margin-left:20%;flex-wrap:wrap;}

#docum_titol{
	text-align:center;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	font-size:4vw;
	background-color:#555555;
	width:70%;
	margin:4% 10%;
	padding:5%;
	border-radius:30px 0 30px 0;
	color:#fff;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
	}

.docum{
	border:solid 3px #84182D; 
	float:left;
	width: calc(38% - 6px);
	margin:4%;
	min-width:300px;
	background-color:#fff;
	border-radius:30px;
	overflow:hidden;
}
.titol_docum{text-align:center;padding:5%;background-color:#84182D;font-size:1vw;font-weight:bold;color:#fff;}
.llista_docum{padding:4%;}
.llista_docum div{padding:1%;}
.llista_docum div a{padding:0 10px;}
.llista_docum img{width:15px;}

#peu_doc{font-size:3vw;color:#fff;background-color:#777;text-align:center;width:100%;padding:1% 0;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

#peu2_doc{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin:2% 0;}
#p21,#p23{width:15%;font-size:4vw;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);word-wrap:nowrap;align-self:center;color:#888;}
#p22{width:50%;align-self:center;}
#p22 img{width:100%;}


#link_localitzacio{width:5vw;border:solid 0.6vw #84182D;border-radius:10px;text-align:center;background-color:#fff;}
#link_localitzacio img{width:80%;margin:10%;}

#video_loc{font-size:0.5vw!important;float:left;width:100%;padding:1%;text-align:center;cursor:pointer;font-weight:bold;}

#video_loc:hover{text-decoration:underline;}
#vid{display:none;position:fixed;width:60%;top:8%;left:20%;border:solid 1px grey;}

.v_mobil{display:none;}
	.v_screen{display:inline;}

	
	html{
	
		font-size: 16px;
		font-family:Arial,Helvetica,sans-serif;
		height:100%;
	}
	body{
		height:100%;
		margin:0;

	}
.capsalera{padding:2%;}

#prod_106493,
#prod_106408,
#prod_106507,
#prod_49048{
	color:#ffffff!important;
	background-color:#84182D;
	float:left;
}

#prod_106493 *,
#prod_106408 *,
#prod_106507 *,
#prod_49048 *{
	color:#ffffff!important;
}


#div_fl_esquerra{display:none;float:left;}

.capa_logo{float:left;width:100%;}
.capa_logo img{width:100%;}

#content{
	float:left;
	background-color:#ffffff;
	height:auto;
	width:100%;
	

}
#columnaesquerra{
	width:25%;
	margin:0;
	padding:0;
	overflow:hidden;
	/*min-height:200px;*/
	float:left;
}
	
#columnadreta{
	background-color:#EFF;
	width:0%;
	min-height:200px;
	float:right;
}
#widgets{

	height:40px;
	width:100%;
	display:none;
	left:0;
	top:0;

	
}





	
#cos{
	float:left;
	width:100%;
	padding:0;
	overflow:hidden;
	min-height:200px;
	background: #D9D9D9;
	
	
}



	



	



	
.ps_envasado-de-componentes,.ps_trabajos-tecnicos,.ps_embalajes-de-carton-ondulado{width:40%;height:15vw;}

/* SECCIO INICI */
.titol_producte_normals{display:none;}

.ps_inicio{width:100%;border:none;height:auto;
-webkit-box-shadow: none; 
	
}

/* Productes i serveis */




.ps_documentacio a{text-decoration:none;font-size:1.3vw;color:#666;}
.ps_documentacio a:hover{color:#000;}

.seccio_normal{width:30%;float:left;margin:1%;}
.seccio_normal a{text-decoration:none;font-family:Georgia, "Times New Roman", Times, serif;color:#84182d;}
.seccio_normal a:hover{color:#a4384d;}
.seccio_normal img{width:90%;margin.left:5%;}
.texte_seccio_normal{height:40px;}


/* SLIDE */

#productes_part_superior{width:100%;float:left;}
	
#slide_producte{width:100%;float:left;}
.slide_embalatges_cartro {width:50% !important; margin-left: 25%;}






/******** MENU */
	
	
#contenidor_menu{
	
		
		background-color:#84182d;
		font-size:12px;color:#ffffff;
		float:left;		
		width:100%;
		z-index:999;

}

#navmenu-h{
	list-style-type: none;	
	padding:0;
	float:left;
	position:relative;
	margin:0 0 0 5%;
	display:flex;
	justify-content:space-around;
	width:90%;

}




#navmenu-h li{
	float:left;
	
	cursor:pointer;
}


#li_Inici{
margin-left:2%;	
background:url(/usr/tjserra/boto_home.png) no-repeat  ;
	
	width:2.2vw; height: 1.89vw;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	
}

#li_Inici a{display:none !important;}

#navmenu-h li a{display:block;font-size: 12px; padding: 10px 10px 5px 10px; text-transform: uppercase;  

padding: 6px; 
float: left; 



}
	

#navmenu-h ul{
	
	background-color:#84182d;
	width:130px;
	display:none;
	position:absolute;
	list-style-type: none;	
	float:none;
	margin: 25px 200px 200px 0px;
	z-index:60;
	
	
}

	#navmenu-h ul li a{background-color:#84182d;}
	
	#navmenu-h ul li{left:-40px;float:left;width:110%;padding:2;margin-left:2px;position:relative;}

	#contenidor_menu a{

		font-weight:bold;
		text-decoration:none;
		color:#ffffff;
		
		border:0;
	}
	
	#contenidor_menu a:hover{color:#000000;background-color:none;}
	#contenidor_menu li ul a {color:#ffffff;}




	#menu_btn{display:none;float:left;}

	#div_img_cistella{width:30px;float:left;cursor:pointer;}
	#div_img_cistella img{width:100%;}



#avis_cockies{
	float_left;
	width:100%;
	height:auto;
	background-color:#666;
	position:fixed;
	bottom:0;
	text-align:center;
	font-size:12px;
	filter:alpha(opacity=95); opacity:0.95;
	padding:1%;
	z-index:999;
}
#accepta_cockies{
	width:120px;
	background-color:#0033FF;
	color:#fff;
	padding:7px;
	cursor:pointer;
}


#avisos_legals{
	background-color:#fff;
	top:4vw;
	width:60%;margin-left:20%;
	height:80%;
	position:fixed;
	border:solid 2px #84182D;
	display:none;
	z-index:9999;
-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	overflow-y:scroll;
	font-size:12px;
	padding:1%;
}



	/* Videos */

	.youtube {    
		margin:auto;
		max-width:800px;
		position: relative;
	    padding-bottom: 56.25%;    
		padding-top: 35px;
		height: 0;
		overflow: hidden;}
	.youtube iframe {    
		position: absolute;    
		top:0;    
		left: 0;    
		width: 98%;
		height: 98%;}


		/* Peu */
	#sota{float:left;background-color:#84182d; width: 100%;}

	.part_peu{
		width:31%;min-width:280px;
		margin:0;
		padding:1% 1% 60px 1%;
		overflow:hidden;
		height:350px;
		float:left;
		overflow:hidden;
               
	}
	
#div_avis_legal,#comptador_nou{text-align:center;margin:4% 0;color:#fff;}
#div_avis_legal a{color:#fff;}
	#de_tit{width:100%;font-size:2vw;padding:10px;text-decoration:underline;}
	.de_img{	
			padding:2px;
			width:6%;
			float:left;}
	.de_div{font-size:1.4vw;padding:4px;width:90%;float:left;}
	#dades_empresa{padding:4%;margin-left:2%;color:#ffffff;}
	#dades_empresa a{color:#ffffff;}
	.de_linia{padding:2px;width:100%;float:left;}
	
	/* Mapa Google */
	
	#map_canvas{
		width:96%;
		height:96%;
		margin:2% 0 0 2%;
	}
	
	/* Barra Social */
	
	

	.div_interior{width:100%;height:30px;color:#ffffff;padding-top:20px;}
	.div_interior a{color:#ffffff;text-decoration:none;}
	.div_interior img{width:28px;height:28px;} 
	
	/* Politiques i condicions i agraďments*/
	
	.t_peu{
		width:90%;margin:5%;
		color:#060505;
		font-size:0.8vw;
	}
	.t_peu ul li{list-style:none;}
	.t_peu ul li a{color:#060505;text-decoration:none;}
	.titols_peu{width:50%;float:left;}


#login_central{width:50%;margin-left:25%;font-size:12px;}
#titol_ident{font-weight:bold;padding-bottom:20px;}
#titol_seccio {display:none;}




	/* CONTACTE */
	#contacte input,#contacte textarea{
		height:32px;
		margin-bottom:10px;
		margin-left:30%;
		width:30%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	#contacte textarea{
		height:80px;
		width:30%;
	}
	.titols_form{
		margin-left:30%;padding:0;
		padding-bottom:20px;
	}
	#contacte{
		background-color:#x;padding:20px;
		
	}

#avis_legal {vertical-align: middle;  padding: 0%; }
#avis_legal input{width:1.7%;padding-top: 10vw;  float: left;}
#avis_legal span{ padding: 0%; float: left; height: 40px;}

.productes_sec_botiga{height:162px;margin:4px 0 4px 0;border:dotted 1px #ccc; overflow:hidden;font-family: arial, verdana;}
.imatges_productes_botiga{width:24%;float:left; 

}

.imatges_productes_botiga img{
	width:86%;float:left;padding:5%;
	
}
.texte_productes_botiga{font-size:10px;overflow:hidden;}

.texte_producte_normal{font-size:16px;overflow:hidden; margin: 0; width: 100%;}
.texte_producte_normals{font-size:14px;overflow:hidden;}

.b_pags:hover{background-color:#D51D61;}

.paginador{height:40px;}

.b_pags{
	float:left;
	padding:3px;
	background-color:#e8becc;
	border-radius:15px;
	text-decoration:none;
	margin:6px 3px 3px 3px;
	color:#000;
}

.b_pags:hover{background-color:#D41C5E;}

#titol_prod{margin:10px 0 10px 0;color:#D51E61;font-weight:bold;}
#productes_recomanats{
float:left;
margin-top:40px;
border-top:dotted 2px #D51E61;
padding-top:20px;
}

.producte_recomanat{width:20%;min-width:120px;height:18%;min-height:102px;float:left;overflow:hidden;}
.producte_recomanat img{border:dotted 1px grey;width:80%;margin-left:10%;}
.titols_recomanats{text-align:center;width:80%;margin-left:10%;font-size:12px;}


/* PRODUCTES */
	
	#slide_producte_normal{width:100%;float:left; }
	#foto_producte_normal img{width:50%;max-width:800px;margin:0 0 0 25%;}
	#slide_producte{width:100%;float:left; }
.flexslider{border:solid 0px #000 !important;}	

	
	
	
	#contingut_producte_normal{margin:1%;text-align:justify;}
	


.capaboto {
	width:16vw;
	height:16vw;
  border: 1px solid #000000; /* Borde de 1px amb color negre */
  border-radius: 30px 4px 30px 4px; /* Puntes arrodonides a la dreta i baix esquerra */
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
  padding: 10px; /* Espai interior */
  color: #FFFFFF; /* Color del text */
  font-weight: bold; /* Negreta */
  text-align: center; /* Centratge del text */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size:120%;
  text-decoration:none;
}
.capaboto div{display:flex;align-items:center;}
.capaboto a,* a{text-decoration:none;}
.capaboto img{width:94%;height:70%;}

.botorec {
	width:9vw;
	height:9vw;
  border: 1px solid #000000; /* Borde de 1px amb color negre */
  border-radius: 30px 30px 30px 30px; /* Puntes arrodonides a la dreta i baix esquerra */
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
  padding: 10px; /* Espai interior */
  color: #FFFFFF; /* Color del text */
  font-weight: bold; /* Negreta */
  text-align: center; /* Centratge del text */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size:1.2vw;
  margin:4%;
}



.fletxa-tt[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.fletxa-tt[data-title]:after {
	display:flex;
	
	background-image: url('/usr/maosona/vinyeta.png');
	background-repeat: no-repeat;
	background-position: center top;
	width:340px;
	height:150px;
	padding:6% 22% 0 22% ;
    content: attr(data-title);
    color: #fff;
    font-size: 16px;
    position: absolute;
	top: -9em;
    left: 0;
    white-space: wrap;
    opacity: 0;
    z-index: 9999999;
    visibility: hidden;
    border-radius: 6px;
	text-align:justify;
    
}
.fletxa-tt[data-title] {
    position: relative;
}




.gris_clar{background-color: #bbbbbb; /* Color de fons més clar */
 background-image: linear-gradient(to bottom right, #bbbbbb, #999999); /* Degradat de colors */
  }
.maosona{background-color: #FF0000; /* Color de fons més clar */
 background-image: linear-gradient(to bottom right, #84182D, #54000D); /* Degradat de colors */
  }
.vermell{background-color: #FF0000; /* Color de fons més clar */
 background-image: linear-gradient(to bottom right, #ff0000, #770000); /* Degradat de colors */
  }

.gris_fosc{background-color: #FF0000; /* Color de fons més clar */
 background-image: linear-gradient(to bottom right, #999999, #555555); /* Degradat de colors */
  }
  
#imatges_embalatge{display:flex;justify-content:center;width:60%;margin:2% 20%;flex-wrap:wrap;align-items:center;}
#imatges_embalatge div{width:22%;margin:2%;}
#imatges_embalatge div img{width:100%;}

#imateg_peu{width:54%;margin:2% 23%;}
#peu_embalatge{width:100%;text-align:center;font-size:18px;font-weight:bold;color:#84182D;}


#barra_botons{display:flex;justify-content:space-around;padding:4% 10%;flex-wrap:wrap;width:80%;}
#barra_botons div{height:130px;width:130px;margin:1%;}
#barra_botons a{color:#fff;}


#barra_botons2{display:flex;justify-content:center;padding:0;flex-wrap:wrap;width:100%;}
.emb_car{width:80%;float:left;margin:3% 10%;padding:0;}


.capabotog {
	float:left;
	width:calc(18% - 10px);	
	height:13vw;
  border: 1px solid #000000; /* Borde de 1px amb color negre */
  border-radius: 40px 4px 40px 4px; /* Puntes arrodonides a la dreta i baix esquerra */
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
  padding: 10px; /* Espai interior */
  color: #FFFFFF; /* Color del text */
  font-weight: bold; /* Negreta */
  text-align: center; /* Centratge del text */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size:1.2vw;
  
}
.capabotog div{padding:4%;}
.capabotog img{width:80%;}

.color_mao{color:#84182D;}


.text-cartro{height:13vw;line-height: 2vw;display:flex; align-items: center;width:76%;float:left;margin:0;padding:10px;font-size:1.2vw;padding:1% 2%;text-align:justify;font-weight:bold;}




#botons_emb2{display:flex;justify-content:center;float:left;width:80%;margin:4% 10%;}

#exemples_cartro{display:flex;width:16%;height:6vw;border-radius: 40px 40px 40px 40px;background-color:#fff;border:solid 2px #84182D;padding:2%;margin:2%;}
#exemples_cartro div{width:50%;text-align:right;color:#84182D;font-weight:bold;font-size:1.2vw;text-align:center;}
#exemples_cartro img{width:80%;font-size:16px;}
#exemples_cartro a{text-decoration:none;color:#84182D;}




#veure_seccio{
	margin:2%;
	width:34%;padding:2%;text-align:center;
	border-radius: 20px 20px 20px 20px;
	display:flex;align-items:center;justify-content:center;
	background-color:#555;text-align:center;color:#fff;font-size:1.4vw;font-weight:bold;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
	}
	#veure_seccio a{color:#fff;text-decoration:none;}
	
	
#titol_TMEM{	width:60%;margin:4% 20%;padding:2%;text-align:center;
	border-radius: 20px 0px 20px 0px;
	display:flex;align-items:center;justify-content:center;
	background-color:#555;text-align:center;color:#fff;font-size:1.4vw;font-weight:bold;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
}
#text_TMEM{color:#84182D;width:72%;margin:2% 10%;padding:2% 4%;font-size:1.2vw;text-align:center;font-weight:bold;}

#fotos_TMEM{display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  width: 80%; margin: 4% auto; }
#fotos_TMEM img{  height: 8.4vw;	margin:1vw;}
#fotos_TMEM .imatges{	 box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);	}
	



/*#sectors1{width:80%;margin:4% 10%;color:#84182D;font-size:1.5vw;font-weight:bold;text-align:justify;padding:1%;display:flex;align-items:center;background-color:#bbb;}*/
#sectors1{
	width:72%;margin:4% 10%;color:#84182D;font-size:1.25vw;font-weight:bold;text-align:justify;
	padding:2% 4%;background-color:#bbb;
	display:flex;justify-content:space-between;align-items:center;
	 border-bottom: 10px solid #84182D; border-right: 10px solid #84182D;border-image: linear-gradient(to right, gray, white, #84182D) 1;
}

#sectors1 img{width:16%;float:left;}
#sectors2{width:60%;margin:4% 20%;}
#sectors2 img{width:100%;border-radius: 2vw;box-shadow: 0px 0px 26px 0px rgba(0,0,0,1);text-align:justify;padding:1%;}
#sectors3{width:60%;margin:4% 20%;color:#84182D;font-size:1.5vw;font-weight:bold;}	
#sectors4{width:60%;margin:4% 20%;}
#sectors4 img{width:100%;box-shadow: 0px 0px 26px 0px rgba(0,0,0,1);}
#sectors5{width:60%;margin:4% 20%;color:#84182D;font-size:1.5vw;font-weight:bold;text-align:justify;padding:1%;}
#sectors6{width:60%;margin:4% 20%;}
#sectors6 img{width:100%;}



#instalacions1{	display: flex;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;}
#instalacions1 img{   max-height: 7vw;}

#instalacions2{	display: flex;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;border-radius:30px 0 30px 0;background-color:#777;color:#fff;
font-size:18px;font-weigth:bold;padding:2%;align-items:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#instalacions3{	display: flex;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;border-radius:30px;background-color:#84182D;color:#fff;
font-size:18px;font-weigth:bold;padding:2%;align-items:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#instalacions4{	display: flex;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto; }
#instalacions4 img{width:100%;}

#instalacions5{	display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  width: 82%;  margin: 4% auto; border-top: 1.4vw solid #84182D;border-right: none;border-bottom: none;}
#instalacions5 img{ width:auto;height: 12vw;	margin:1vw;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);}

#instalacions6{	display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  width: 82%;  margin: 4% auto;border-top: 1vw solid #84182D;background-color:#777;}
#instalacions6 img{ width:auto;height: 9.5vw;	margin:1vw;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);border-radius:10px;}


#infraes1{	display: flex;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;}
#infraes1 img{   max-height: 7vw;}
#infraes1 .imgombra{border-radius:10px;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);}

#infraes2{	display: flex;  flex-wrap: no-wrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;border-radius:30px 0 30px 0;background-color:#777;color:#fff;
font-size:18px;font-weigth:bold;padding:2%;align-items:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#infraes3{	display: flex;  flex-wrap: no-wrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto;border-radius:30px;background-color:#84182D;color:#fff;
font-size:18px;font-weigth:bold;padding:2%;align-items:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#infraes4{	display: flex;  flex-wrap: no-wrap;  justify-content: space-between;  align-items: center;  width: 80%;  margin: 4% auto; }
#infraes4 img{width:100%;}

#infraes5{	display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  width: 82%;  margin: 4% auto; border-top: 1.4vw solid #84182D;border-right: none;border-bottom: none;}
#infraes5 img{ width:auto;height: 12vw;	margin:1vw;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);}


#tots_valors{background-color:#fff;float:left;width:80%;margin-left:10%;}

#valors1{	width:72%;margin:4% 10%;color:#84182D;font-size:1.25vw;font-weight:bold;text-align:justify;
	padding:2% 4%;background-color:#bbb;
	display:flex;justify-content:space-between;align-items:center;
	 border-bottom: 10px solid #84182D; border-right: 10px solid #84182D;border-image: linear-gradient(to right, gray, white, #84182D) 1;
}
.img1{width:16%;float:left;}
.img2{width:8%;float:left;}
#valors1 div{width:74%;float:left;}

#valors2{	display: flex; justify-content: space-between;  align-items: center;  width: 76%;  margin: 4% auto;border-radius:30px;background-color:#84182D;color:#fff;
font-size:18px;font-weight:bold;padding:2%;text-align:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#valors3{	display: flex; justify-content: center;  align-items: center;  width: 50%;  margin: 4% auto;border-radius:30px;background-color:#555;color:#fff;
font-size:18px;font-weight:bold;padding:2%;text-align:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#valors4{	display: flex; justify-content: space-between;  align-items: center;  width: 76%;  margin: 4% auto;border-radius:30px;background-color:#999;color:#84182D;
font-size:18px;font-weight:bold;padding:2%;text-align:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#metode1{	width:72%;margin:4% 10%;color:#84182D;font-size:1.25vw;font-weight:bold;text-align:justify;
	padding:2% 4%;background-color:#bbb;
	display:flex;justify-content:space-between;align-items:center;
	 border-bottom: 10px solid #84182D; border-right: 10px solid #84182D;border-image: linear-gradient(to right, gray, white, #84182D) 1;
}


#metode1 div{width:74%;float:left;}

#metode2{	display: flex; justify-content: space-between;  align-items: center;  width: 76%;  margin: 4% auto;border-radius:30px;background-color:#84182D;color:#fff;
font-size:18px;font-weight:bold;padding:2%;text-align:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#metode3{	display: flex; justify-content: space-between;  align-items: center;  width: 76%;  margin: 4% auto;border-radius:30px;background-color:#555;color:#fff;
font-size:18px;font-weight:bold;padding:2%;text-align:center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);
}

#metode4{width:80%;margin:0 10%;float:left;display:flex;display:flex; text-align:center;align-items:center; justify-content:center;
}

#metode41 {width:40%;float:left;display:flex; text-align:center;align-items:center; justify-content:center;}
#metode41 div{width:calc(58% - 6px);padding:4%;border-radius:20px; border:solid 3px #84182D;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
	font-size:1.4vw;line-height:2.4vw;font-weight:bold;color:#84182D;display:flex; text-align:center;align-items:center; justify-content:center;background-color:#fff;}

#metode42{width:60%;float:left;display:flex; text-align:center;align-items:center; justify-content:center;}
#metode42 img{width:80%;}


#metode5{display:flex;justify-content:center;width:80%; margin:4% 10%;float:left;align-items:center;}
#t_metode51{width:20%;display:flex; text-align:center;align-items:center; justify-content:center;line-height:1.8vw;
background-color:#84182D;color:#fff;border-radius:20px;margin:2%;padding:2%;font-weight:bold;font-size:1vw;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);}
#t_metode52{width:25%;display:flex; text-align:center;align-items:center; justify-content:center;line-height:1.8vw;
background-color:#777;color:#fff;border-radius:20px;margin:2%;padding:2%;font-weight:bold;font-size:1vw;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);}
#t_metode53{width:20%;display:flex; text-align:center;align-items:center; justify-content:center;line-height:1.8vw;
background-color:#84182D;color:#fff;border-radius:20px;margin:2%;padding:2%;font-weight:bold;font-size:1vw;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4);}


#metode6{width:76%;margin:2% 10%;background-color:#777;padding:2%;float:left;font-weight:bold;color:#fff;font-size:1vw;text-align:center;}

#metode7{width:80%;margin:4% 10%;float:left;display:flex;display:flex; text-align:center;align-items:center; justify-content:center;
}

#t_metode71 {width:40%;float:left;display:flex; text-align:center;align-items:center; justify-content:center;}
#t_metode71 div{width:calc(58% - 6px);padding:4%;border-radius:20px; border:solid 3px #84182D;box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
	font-size:1.4vw;line-height:2.4vw;font-weight:bold;color:#84182D;display:flex; text-align:center;align-items:center; justify-content:center;background-color:#fff;}

#t_metode72{width:60%;float:left;display:flex; text-align:center;align-items:center; justify-content:center;}
#t_metode72 img{width:80%;}


#valorsmissio1,#valorsmissio3{
	width:72%;margin:4% 10%;color:#84182D;font-size:1.25vw;font-weight:bold;text-align:justify;
	padding:2% 4%;background-color:#bbb;
	display:flex;justify-content:space-between;align-items:center;
	 border-bottom: 10px solid #84182D; border-right: 10px solid #84182D;border-image: linear-gradient(to right, gray, white, #84182D) 1;
	}
#valorsmissio1 div,#valorsmissio3 div{padding:0 5% 0 5%}	
#valorsmissio1 img,#valorsmissio3 img{height:7vw;}
#valorsmissio4{margin-bottom:2%;}
.vme,.vmd{
	width:70%;margin:0 15%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	
	
}
.textdiv{font-size:1.2vw;display:flex;align-items:center;font-weight:bold;}


.vme .textdiv{width:auto;}
.vme .imgdiv{width:14%;text-align:right;}
.vme .imgdiv img{height:6vw;margin-right:4%;}


.vmd .textdiv{width:auto;margin-left:24%;}
.vmd .imgdiv{width:20%;margin-left:4%;}
.vmd .imgdiv img{height:6vw;}







.color_maosona{color:#84182D;padding:0 5px;}

.conjunt_valors{width: 9.5%; float: left; padding: 0.5%; margin: 1% 1% 1% 1%;}
.text_valors{width: 100%; float: left; padding: 0.5%; }
.foto_valors img{width: 100%; float: left; padding: 0.5%;}
.text_treball{width: 50%; float: left; padding: 0.5%; line-height: 24px;}
.foto_treball{width: 35%; float: left; padding: 0.5%; }
.foto_treball img{width: 100%; margin-left: 20%;}



.hr_mao {
  border: none;
  height: 1.4vw;
  width:80%;margin:2% 10%;
  background-color: #84182D;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
	

#banner_inici{
	background-color: #555555; /* Color de fons més clar */
	background-image: linear-gradient(to bottom right, #555555, #888888); /* Degradat de colors */
	width:48%;margin: 3% 0;float:left;text-align:center;background-color: #84182D;color:#fff;padding:2%!important;
 }
 
 

.botogran {
  border: 1px solid #000000; /* Borde de 1px amb color negre */
  border-radius: 80px 4px 80px 4px; /* Puntes arrodonides a la dreta i baix esquerra */
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */
  padding: 10px; /* Espai interior */
  color: #FFFFFF; /* Color del text */
  font-weight: bold; /* Negreta */
  text-align: center; /* Centratge del text */
}

#tini1{
	line-height: 1.5;
	width:21%;
	float:left;
	padding:4% 0% 4% 1%;
	font-size:0.85vw;
	font-weight:normal!important;
	} 
	
#tini2{
	line-height: 1.5;
	width:21%;
	float:left;
	padding:4% 1% 4% 2%;
	font-size:0.85vw;
	font-weight:normal!important;
	} 
	
.colorosona{color:#84182D;font-weight:800;}

#banner_inici img{width:40.3%; margin:0%; float:left;}
#banner_inici #video_loc{width:12%; margin:0% 2%; float:left;}
#text_banner{width:100%;text-align:center;float:left;color:#000;font-size:1.2vw;}

#PD1{
	background-color:#777;
	margin:0;
	width:100%;
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;}
  
  #pd1-1{width:36%;margin:2%;padding:3%;font-size:24px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:30px 0 30px 0;background-color: #84182D;color:#fff;border: 1px solid #000000 ;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */}
  #pd1-2{width:40%;margin:5%;}
  #pd1-2 img{width:100%;}

#PD3{background-color: #84182D;margin:5% 22%;padding:3%;width:50%;border:radius:20px;text-align:center;color:#fff;font-size:24px;border-radius:20px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 3px 3px rgba(0, 0, 0, 0.4), 0 -3px 3px rgba(255, 255, 255, 0.1), 1px 0 3px rgba(0, 0, 0, 0.4); /* Sombra per simular un relleu */}

#PD3 a{color:#fff;text-decoration:none;}


#cap_treballs_tecnics{
	padding:0;
	background-image: url("/usr/maosona/cap-treballs-tecnics.png");
	width:80%;height:10vw;margin:4% 10%;
	background-size: contain; /* Mostra la imatge completa */
	background-repeat: no-repeat; /* Evita la repetició de la imatge */
	background-position: center left;
	background-color:#bbbbbb;
	}

#cap_verificacions{
	padding:0;
	background-image: url("/usr/maosona/cap-verificacions.png");
	width:80%;height:10vw;margin:4% 10%;
	background-size: contain; /* Mostra la imatge completa */
	background-repeat: no-repeat; /* Evita la repetició de la imatge */
	background-position: center left;
	background-color:#bbbbbb;
	}

#cap_envasats{
	padding:0;
	background-image: url("/usr/maosona/cap-envasats.png");
	width:80%;height:10vw;margin:4% 10%;
	background-size: contain; /* Mostra la imatge completa */
	background-repeat: no-repeat; /* Evita la repetició de la imatge */
	background-position: center left;
	background-color:#bbbbbb;
	}
	
#imgenvasats-2{width:15%;float:left;} 
#imgenvasats-2 img{width:100%;}

#cap_embalatges_cartro{
	padding:0;
	background-image: url("/usr/maosona/cap-embalatges-cartro.png");
	width:80%;height:10vw;margin:4% 10%;
	background-size: contain; /* Mostra la imatge completa */
	background-repeat: no-repeat; /* Evita la repetició de la imatge */
	background-position: center left;
	background-color:#bbbbbb;
	}



	
#text_rodona{width:8.25%;height:5.4vw;margin-top:3%;margin-left:18.7%;float:left;font-weight:bold;font-size:0.65vw;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;}
#ctt_text{float:left;width:50%;font-size:1.2vw;text-align:justify;color:#84182D;font-weight:bold;display:flex;align-items:center;margin:0 2% 0 3%;height:10vw;}

#cos_treballs_tecnics{
	width:82%;margin: 2% 9%;
	background-color:#D9D9D9;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	
}
.fletxa-tt{
		margin:1%;
		width:31%;
		height:8vw;
		min-width:140px;
		min-height:56px;
		display:flex;
		justify-content:center;
		background-image: url('/usr/maosona/fons-fletxa.png');
		background-size:contain;
		background-position: center;
		float:left;
		background-repeat: no-repeat;
}

.fletxa-tt img{margin:2%;height:7vw;}
.fletxa-tt span{width:44%;font-size:1.5vw;padding:2% 4% 2% 2%;color:#84182D;font-weight:bold;display: flex; justify-content: center; align-items: center;text-align:center;}

.senser{width:96%;float:left;}
.mitat{width:45%;float:left;border:solid 1px #bbb;padding:1%;height:140px;margin:0 0 2% 2%;}


.imatges_inicials{float:left;width:46%;margin:2%;padding:0;}

.imatges_inicials img{width:100%;}

.i_esquerra{width:19%;float:left;}	
.i_esquerra2{width:19%;float:right;}	

.i_esquerra div{width:92%;float:left;padding:4%;height:8vw;}		
.i_esquerra img{width:92%;float:left;padding:4%;}		

.i_esquerra2 div,.i_esquerra2 img{width:92%;float:left;padding:4%;font-size:10px;font-weight:bold;color:#578000;text-align:center;background-color:#fff;}		



.i_central{width:79%;float:left;}	
.i_central2{width:79%;float:right;margin-right:1.7%;background-color:#fff;}	

.i_quadres{width:33%;float:left;height:22vw;overflow:hidden;margin-top:20px;}
.i_quadres div{width:90%;padding:0 5% 0 5%;text-align:center;font-size:12px;color:#EC3092;font-weight:bold;}
.i_quadres img{width:66%;margin-left:14%;padding:3%;}


#img_gran{width:100%;}


#i_peu div{width:12%;padding :1%;float:left;min-width:100px;}
#i_peu img{width:auto;height:2.4vw;margin-left:auto;margin-right:auto;display:block;}
#i_peu{clear:both;width:96%;padding:2%;}

.titol_gran{color:#EC3092;padding:10px;font-weight:bold;width:80%;margin-left:10%;}
.titol_petit{color:#EC3092;padding:10px;width:80%;margin-left:10%;}
.texte{width:80%;margin-left:10%;text-align:justify;}

#mapa{width:100%;}

#foto_qui_som{width:100%;}

.menu a{float: left;width: 9.2vw;height:9.2vw;min-width: 200px; min-height:269px; margin: -1vw 1vw  1vw 3vw; margin-left:9%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu #menu1{background-image:url(/usr/blocksal/blocsal_cat.jpg);}



.menu #menu2{background-image:url(/usr/blocksal/sal_fina_cat.jpg);} 



.menu #menu3{background-image:url(/usr/blocksal/pastilles_piscina_cat.jpg);}


.menu_cast a{float: left;width: 9.2vw;height:9.2vw;min-width: 218px; min-height:269px; margin: -1vw 1vw  1vw 3vw; margin-left:9%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu_cast #menu4{background-image:url(/usr/blocksal/blocsal_cast.jpg);}



.menu_cast #menu5{background-image:url(/usr/blocksal/sal_fina_cast.jpg);} 



.menu_cast #menu6{background-image:url(/usr/blocksal/pastilles_piscina_cast.jpg);}


.menu_ing a{float: left;width: 9.2vw;height:9.2vw;min-width: 218px; min-height:269px; margin: -1vw 1vw  1vw 3vw; margin-left:9%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu_ing #menu7{background-image:url(/usr/blocksal/blocsal_ing.jpg);}



.menu_ing #menu8{background-image:url(/usr/blocksal/sal_fina_ing.jpg);} 



.menu_ing #menu9{background-image:url(/usr/blocksal/pastilles_piscina_ing.jpg);}

.menu_fr a{float: left;width: 9.2vw;height:9.2vw;min-width: 218px; min-height:269px; margin: -1vw 1vw  1vw 3vw; margin-left:9%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu_fr #menu10{background-image:url(/usr/blocksal/blocsal_fr.jpg);}



.menu_fr #menu11{background-image:url(/usr/blocksal/sal_fina_fr.jpg);} 



.menu_fr #menu12{background-image:url(/usr/blocksal/pastilles_piscina_fr.jpg);}

.menu_al a{float: left;width: 9.2vw;height:9.2vw;min-width: 222px; min-height:269px; margin: -1vw 1vw  1vw 3vw; margin-left:9%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu_al #menu13{background-image:url(/usr/blocksal/blocsal_al.jpg);}



.menu_al #menu14{background-image:url(/usr/blocksal/sal_fina_al.jpg);} 



.menu_al #menu15{background-image:url(/usr/blocksal/pastilles_piscina_al.jpg);}

.foto_10kg{width: 16.6%; float:left;margin-left:2%;margin-bottom:2%; 
-webkit-box-shadow: 2px 6px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 6px 15px 0px rgba(0,0,0,0.75);
box-shadow: 2px 6px 15px 0px rgba(0,0,0,0.75);
}
.text_10kg {width: 96%; float:left; text-align : justify; color:##000066;font-size: 14px;}

#ps_inicio{width:96%;float:left;}
.conjunt_inici {margin: 2% 0% 2% 7%;width: 22.33%; float:left; }
.conjunt_inici:hover { opacity: 0.4; filter: alpha(opacity=40);}

.foto_inici img{width: 100%; border: solid 1px black; margin: 0% 0% 3% 0%;}



.texte_inici{
	background-color:#c3c3c3; float:left;width: 100%; height: 50px;   margin-bottom: 10px; padding-top: 0px; line-height: 150%;
 	-ms-display: flex;
 	display: flex;
  	align-items: center;
  	justify-content: center;
	text-align:center;

 }
.texte_inici a {text-decoration:none; color:#fff; font-weight:bold;}


.slide_fotos_fixes_cartro_ondulat{width:60vw !important;margin-left:20vw;margin-top:2vw;}

.fotos_infra{width:17.8%;height:11.5vw;margin: 3% 1% 1% 1%; float: left;-webkit-box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);
-moz-box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);
box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);}

.fotos_infra img{width:96%;}
.fotos_infra:hover{opacity: 0.4; filter: alpha(opacity=40);}

.fotos_infra4{width:23%;margin: 3% 1% 1% 1%; float: left;-webkit-box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);
-moz-box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);
box-shadow: 6px 6px 16px 0px rgba(3,3,3,1);}

.fotos_infra4 img{width:100%;}
.fotos_infra4:hover{opacity: 0.4; filter: alpha(opacity=40);}



#ps_productos-y-servicios table{width:48%;margin:1%;float:left;}

.text_interior{margin: 2% 0% 2% 7%;width: 100%; float:left;}

.quisom{width:100%; float: left; margin: 2% 0% 2% 0%;} 
.quisom img{width: 100%; } 

.cartro{width: 15%; float: left; padding: 0.5%; margin: 5% 0% 0% 0%;}
.cartro img{width: 100%; float: left; }
.clients{width: 54%; float: left; padding: 0.5%;}
.foto_metode{width: 60%; float: left; padding: 0.5%;}


/***************************************************************************************************

      720

**************************************************************************************************/

@media (max-width: 720px) {		

.mitat{width:96%;}

.imatges_inicials{float:left;width:94%;}

.conjunt_inici {width: 94%; margin:1%; padding:0%;}

.fotos_infra{width:47%; margin: 3 0% 1% 0% ; float: left;height:32vw;}

.fotos_infra img{width:90%; float: left;}

.foto_inici img{width: 98%; float:left; margin-left:0%;}
.texte_inici{width: 98%; float:left; justify;margin-left: 0%;}

.clients{width: 100%; float: left; }

.conjunt_valors{width: 50%; float: left; padding: 0.5%; margin: 1% 1% 3% 25%;}
.text_valors{width: 100%; float: left; padding: 0.5%; }
.foto_valors img{width: 100%; float: left; padding: 0.5%;}

.text_treball{width: 95%; }
.foto_treball{width: 95%;  }
.foto_treball img{width: 95%; margin-left: 5%;}


.foto_10kg{width: 47%; float:left;margin-left:5%; margin-bottom:5%;}
.foto_10kg img{width: 70%; float:left;}
.text_10kg {width: 96%; float:left;text-align : justify;}

.foto_metode{width: 100%; float: left; padding: 0%;}

.fotopiscina {width: 98%; float:left;}
.fotopiscina img {width: 100% !important;}

	
.i_esquerra,.i_esquerra2{width:100%;float:left;}		
.i_esquerra div{width:33.3%;padding:0;height:18vw;}		
.i_esquerra2 div{width:49%;padding:0;}		
.i_central,.i_central img{width:100%;}
.i_central2{float:left;width:100%;}
.menu{float:left; width: 96%; margin:5%;}
.menu_cast {float:left; width: 96%;}
.menu_ing {float:left; width: 96%;}
.menu_fr {float:left; width: 96%;}
.menu_al {float:left; width: 96%;}
.menu a,.menu_cast a,.menu_ing a,.menu_fr a,.menu_al a{width: 84%;height:96.4vw;margin-left:4%;}

.i_quadres{padding:0;width:50%;float:left;height:60vw;}


#i_peu div{width:31%;}
#i_peu img{height:9.5vw;}

.slide_fotos_fixes_cartro_ondulat{width:96vw !important;margin-left:0vw;}
#ps_productos-y-servicios table{width:96%;}

}



@media (max-width: 1275px) {

/*#navmenu-h, #contenidor_menu{height:50px;}*/
}

	

/****************************************************************************
****************************************************************************

******************************** 720 ****************************************

****************************************************************************
****************************************************************************/


@media (max-width: 720px)  {

#coneix_mao div{width:30%;padding:4%;margin-top:3%;}
#index_central{width:70%;margin-left:15%;}
#index_quisom{height:44vw;}
.im_titol{font-size:3vw;height:2%;padding:3% 0;}
.a_100{width:100%;margin-left:0;font-size:3vw;}
.a_100_gris{width:94%;margin-left:3%;font-size:3vw;}
.a_75{width:73%;margin-left:1%;}
.bola1{margin:0 2%;font-size:3vw;width:92%;}
.bola2{width:40%;margin-left:30%;padding:0;margin:0;font-size:3vw;}
#quisom,.text_grup,.a_100_gris{font-size:3vw;}



#cap_treballs_tecnics{	
	padding: 0;
    background-image: url(/usr/maosona/cap-treballs-tecnics.png);
    width: 100%;
    height: 38vw;
    margin: 4% 0%;
    background-size: 110% auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #bbbbbb;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#text_rodona {
    width: 15.25%;
    height: 5.4vw;
    margin-top: 9.2%;
    margin-left: 35.7%;
    float: left;
    font-weight: bold;
    font-size: 1.6vw;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ctt_text {
    float: left;
    width: 100%;
    font-size: 2.2vw;
    text-align: justify;
    color: #84182D;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0 2% 0 3%;
    height: 10vw;
    order: 3;
}

#imgenvasats-2 {
    width: 30%;
    float: right;
}



.fletxa-tt{font-size:2vw;width:45%;}
.fletxa-tt img{height:7vw!important;margin:7%;}












#link_localitzacio{width:15vw;}	
#video_loc{font-size:1.4vw!important;}
	
#barra_botons{
	justify-content:center;
}	
.capaboto,.botorec{
	margin:2vw;
	width:30vw;
	height:30vw;
	font-size:2.5vw;
}	
	
#mapapeu iframe{height:48vw!important;}

.part_peu{width:96%;padding:2%;}

.seccio_normal {width:96%;}

.texte_producte_normals{font-size:14px;overflow:hidden; width: 100%;}

#content{width:100%;margin-left:0;}
#titol_prodbotiga{display:block;cursor:pointer;}
.m_nivell1{display:none;}
#columnaesquerra{width:100%;}
#cos{width:100%;}

	/* CONTACTE */
	#contacte input,#contacte textarea{
		height:52px;
		margin-bottom:8px;
		margin-left:10%;
		width:80%;
		
	}
	
	#contacte textarea{
		height:80px;
		width:80%;
	}
	.titols_form{
		margin-left:5%;padding:0;
		padding-bottom:20px;
	}
	#contacte{
		background-color:#x;padding:20px;
		
	}

#widgets{display:block;}

#menu_btn{
	margin-left:10px;
	display:block;
}

#menu_btn img{width:32px;cursor:pointer;}




/*.productes_seccio img{float:left;width:85%;padding:5%; }*/
.contingut_producte_normal{text-align:justify;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#84182d;padding-top:2vw;width:100%;margin:0;}



/* MENU */

#contenidor_menu{top:0;position:fixed;display:none;width:55%;}

#navmenu-h{

	background-color:#84182D;
	width:100%;
	margin:0;padding:0 16px 0 0 ;
	float:left;
	left:0;
	z-index:99;
	height:1400px;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
display:block;
	
}


#div_fl_esquerra{margin:8vw 0 0 8vw;display:block;height:100px !important;border:solid 1px white;}

#navmenu-h li{
	top:100px;
	margin-left:10px;
	width:100%;
	height:40px;			
	padding:0;
	border:0;
	border-bottom:dotted 1px #019eaf;
	
	background-color:none;
	
}

#li_Inici{background-image:none;}
#li_Inici a{display:inline !important;}

#navmenu-h a{

	height:80%;			
	width:80%;
	color:#fff;

}

#navmenu-h a:hover{
	color:#f4cf90;
}

#navmenu-h  ul {
	background-color:#84182D;
	margin:0px 0 0 10px;
	padding:0;
	border:solid 1px #64080D;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.75);
}


#navmenu-h  ul li{
	
	display:inline;
	float:left;
	width:100%;

	height:90%;
	border:0;
	position:initial;
	margin:0;
	padding:0;

}

#navmenu-h ul li a{
	width:94%;
	margin:0;
	padding:3%;	


}
#navmenu-h ul li a: hover{color:#019eaf;}
		


/* Menu botiga*/


		#menubotiga{padding:0;margin:0;}
		#menubotiga li{
			/*margin:5;*/
			padding:6px 0 6px 0;
			border-top: solid 1px #CCCCCC;
			border-bottom: solid 1px #CCCCCC;
			width:100%;
		}
		#menubotiga li a{
			margin-left:10px;
		}	
		.menu_botiga_1{display:none;}

		


/* Peu */

		

		#de_tit{font-size:3.4vw;}
		.de_div{font-size:2.4vw;}
		
		/* Mapa Google */
		
		#map_canvas{
		margin:0;
		width:100%;
		height:100%;
		}

		/* Politiques i condicions i agraiments*/
		
		.t_peu{
			font-size:2.6vw;
		}
	

#avis_cockies{width:96%;}

#banner_inici{width:94%;margin: 3% 1%;}
#tini2,#tini1{display:none;	} 


}
/******************************************************************************/