#content{
	float:left;
	background-color:#F3F1E9;
	height:auto;
	width:80%;margin-left:10%;	
	-webkit-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.35);
}
html{
		font-size: 16px;
		font-family: helvetica, arial, sans-serif;
	}
body{
	margin:0%;

}
		
h1{font-size:1.8rem;} 
h2{font-size:1.3rem;}
h3{font-size:1.1rem;}
h4{font-size:0.8rem;}
h5{font-size:0.6rem;}
h6{font-size:0.4rem;}

#content{width:70%;margin-left:15%;}

.capa_logo img{width:100%;margin:0;padding:0;}
#pasefotos{float:left;width:100%;margin-left:0%;height:350px;overflow:hidden;}
#pasefotos img {width:100%;}

#logo_menu{display:none;}
#logo_menu img{height:100%;}

#widgets{display:none;}

.fletxes{
	cursor:pointer;
	float:right;
	right:10px;
}

	#fl_amunt{
		display:none;
	}

	#div_fl_esquerra{display:none;float:left;}
	
#columnaesquerra{
	
	float:left;
	width:30%;
	

}

#columnadreta{
	display:none;
}
	
#cos{
		text-align:justify;
		float:left;
		width:92%;
		margin-left: 2%;
		padding:2% 2% 2% 2%;
		overflow:hidden;
               
		
		
		
}
	
	
	#sota{
		width:100%;
		margin:0 auto;
		padding:0;
		overflow:hidden;
		background-color:#2c2c2c;
		float:left;
		}
	#img_linia{
		float:left;
	}	
	
	
		/* CONTACTE */
	#contacte input,#contacte textarea{
		height:32px;
		margin-bottom:10px;
		margin-left:50px;
		width:90%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	#contacte textarea{
		height:80px;
		width:89.6%;
	}
	.titols_form{
		margin:10px 2px 0 0;padding:0;font-size:14px;text-decoration:none;color:#c54c27;
	}
	#contacte{
		background-color:#x;padding:0 40px 0 40px;
		
	}

	
	
/******** MENU */

	#contenidor_menu{
	float:left;
	width:100%;
	margin:0;
        color:#fff;
background-color:#13324d;
	
}	
	
	
	#navmenu-h{
		list-style-type: none;	
		padding:0;
		margin:0;
               
		
float:left;
width:100%;
background-color:#13324d;
               
		
		}
	#navmenu-h li{
	
		float:left;
		padding:5px 10px 5px 10px;
		cursor:pointer;
		position: relative; 
		
                
		background-color:#13324d;
	}
	#navmenu-h li a{font-size:12px;color:#ffffff; text-decoration:none;}
	
	#navmenu-h ul{
		
                margin: 5% 0 0 0;
		background-color:#ffffff;
		width:105px;
		display:none;
		position:absolute;
		list-style-type: none;	
		float:none;
		z-index:60;
	}
	
	#navmenu-h ul li a{font-size:12px;color:#ffffff; text-decoration:none;}
	
	#navmenu-h ul li{left:-40px;float:left;width:110%;padding:2;margin-left:2px;position:relative;}


	#contenidor_menu a:hover{color:#fff;background-color:none;}

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

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

	
	/*Menu Botiga*/
	#menubotiga li{font-size:0.8rem;list-style:none;padding:2px;}
	#menubotiga a{text-decoration:none;color:#ffffff;}
	#menubotiga a:hover{color:#ffffff;}

	/* 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 */

	.part_peu{
		width:33.3%;min-width:280px;
		margin:1% 0;
		padding:0;
		overflow:hidden;
		height:220px;
		float:left;
		overflow:hidden;
	}
	
	#de_tit{width:100%;font-size:1.3vw;padding:10px;}
	.de_img{padding;2px;width:4%;float:left;}
	.de_div{font-size:1vw;padding:4px;width:90%;float:left;}
	#dades_empresa{padding:4%;margin-left:2%;color:#fff;}
	#dades_empresa a{color:#fff;}
	.de_linia{padding:2px;width:100%;float:left}
	
	/* Mapa Google */
	
	#map_canvas{
		width:96%;
		height:96%;
		margin:2% 0 0 2%;
	}
	
	/* Barra Social */
	
	#barra_social{
		width:90%;margin-left:5%;
		height:90%;margin-top:5%;
		text-align:center;
	}
	.div_interior{width:100%;height:30px;color:#fff;padding-top:20px;}
	.div_interior a{color:#fff;text-decoration:none;}
	.div_interior img{width:28px;height:28px;} 
	
	/* Politiques i condicions i agraïments*/
	
	.t_peu{
		width:90%;margin:5%;
		color:#fff;
		font-size:0.8vw;
	}
	.t_peu ul li{list-style:none;}
	.t_peu ul li a{color:#FFF;text-decoration:none;}
	.titols_peu{width:50%;float:left;}
	
	
	#div_compartir{border:solid 0 grey!important;}
	#div_avis_legal{margin-left:6%;}
	#div_avis_legal a{color:#ddd;font-size:10px;}
	#comptador_nou{margin:6%;color:#ddd;font-size:10px;}
	
	/* PRODUCTES */
	
	#slide_producte_normal{width:100%;;max-width:800px;margin:2% 0 0 3%;}

    #galleria_normal{}
	
	#foto_producte_normal img{width:100%;max-width:800px;margin:0 0 0 0%;}
	
	#contingut_producte_normal{margin:1%;text-align:justify;}
	
	/* SLIDE */
	
	
	#slide_producte{width:100%;float:left;color:#fff;}
	#slide_producte_botiga{width:100%;}

    #galleria{height:320px;color:#fff;}
	.galleria-container{background-color:#DCE285;}


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

#avisos_legals{
	font-size:10px;
	display:none;
	background-color:white;
	color:black;
	width:800px;
	height:auto;
	overflow:auto;
	border:solid 1px grey;
	padding:20px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-260px;
	-webkit-box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	line-height:20px;
	z-index:9999999!important;
}
#avisos_legals a{background-color:#999;padding:2px 5px;cursor_poiter;}
#avis_legal a{cursor:pointer;color:#000;}
#avis_legal a:hover{text-decoration:underline!important;}
#avis_legal{float:left;width:70%;text-align:left;margin-left:25%;}	
#avis_legal input{width:auto;float:left;text-align:left;margin-left:0!important;}	

	
	/************************************************************************************/
	/*                         7777777777         22           22                       */
	/*                                77        22  22       00  00 					*/ 
	/*                               77	           22        00  00						*/
	/*                               77          22          00  00						*/
	/*                               77         2222222        00                       */  
	/************************************************************************************/
   	
	@media (max-width: 720px) {
		
		#pasefotos{margin:0;width:100%;padding:0;height:auto;}
		#pasefotos img{margin:0;}
		#Fotos{margin:0;}
		#content{width:100%;margin-left:0;}
		#cos{
			margin:0;width:94%;
			padding:3%;
			background-color:#fcfefe;
			

		}

.iframe.ytb-embed {
max-width: 96% !important;
display: block;
margin: 10px auto;
}
		
		#columnaesquerra{width:94%;margin-left:3%;}

#inici2{width:50%;margin-left:25%;}
#inici21,#inici22,#inici23{width:100%;}
#inici2 img{display:none;}
#contacte input,#contacte textarea,.titols_form{margin:2%;width:98%;}
#avis_cockies{
	width:100%;}
		

		/********** MENU */
		
		/* Header */
		#div_fl_esquerra{
			color:#000;
			display:block;
			cursor:pointer;
			background-color:#fff;
			border:solid 1px red;
		}
		
		#div_fl_esquerra img{padding:6px 0 6px 20px;}
		#fl_avall,#fl_amunt{position:absolute; top:105px;}
		
		#menu_btn{margin-left:10px;display:block;}
		#menu_btn img{width:25px;cursor:pointer;margin:2px;}
		
		#contenidor_menu{
			display:none;
			position:fixed;
			top:0;
			width:70%;
			height:70%;
			float:left;

			background-color:#13324d;
			/*opacity: 0.9;
			filter:  alpha(opacity=90);*/
	-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	z-index:55;
		}
		#navmenu-h{
			margin:0;padding:0;
			float:left;
			left:0;
			z-index:1;
			list-style-type: none;
		}
		#navmenu-h li{
			font-size:14px;
			left:0;
			width:98%;
			padding:1%;
			border:solid 1px #bbb;
			border-left:0;
			border-right:0;
			
			background-color:#13324d;
		}

		#navmenu-h li a{font-size:14px;width:100%;}

		#navmenu-h a{
			color:#999;
		}

		#navmenu-h a:hover{
			color:#fff;
		}
#navmenu-h ul{
	margin:0;
	padding:0;
display:block;
position: inherit;
	list-style-type: none;
	-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);}

#navmenu-h ul li{margin:0;padding:0;margin-left:80px;width:100%; border:none; }		
		#logo_menu{display:block;}


		#widgets{height:30px;max-height:30px;overflow:hidden;display:block;background-color:#fff;position:fixed;width:100%;top:0;z-index:50;}

.capa_logo{margin-top:30px; }

		/* Peu */

		.part_peu{
			width:99%;
			
		}

		#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 agraïments*/
		
		.t_peu{
			font-size:2.6vw;
		}
		
		/* PRODUCTES */
		
		#slide_producte_normal{width:50%;max-width:800px;margin:0 0 0 0;}
		#galleria_normal{}
		
		#foto_producte_normal img{width:100%;margin:0 0 0 0;}
		
		#contingut_producte_normal{margin:1%;text-align:justify;}

		
		
		/* SLIDE */
	
		#slide_producte_normal{width:100%;}
		#preus{width:100%;}
	}