@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');


@font-face{
	font-family:Crysta;
	src: url(/fonts/Crysta.ttf);}

html{
		font-size: 16px;
		font-family: Josefin+Sans,helvetica, arial, sans-serif;
	}
body{
	margin:0%;

}

#banderes{
	text-transform:uppercase;
}

.titol_producte_normals{display:none;}

#logoadmin{width:15%;float:left;}
#logoadmin img{width:100%;padding:0 20%;}
#tel_logo{float:right;color:#FFB23B;font-size:3vw;padding:2%;}
#tel_logo a{text-decoration:none;color:#FFB23B;font-size:3vw;}

		
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{
	float:left;
	background-color:#E9F5F4;
	height:auto;
	width:100%;margin-left:0%;	


}


	.capa_logo{height:100px; overflow:hidden;}
	.capa_logo img{width:100%;min-width:720px;}


#pasefotos{width:100%;margin-left:0%;height:1200px;overflow:hidden;  }
#pasefotos img {height:auto; margin:0;border-style: none;}

#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:0%;
	

}

#columnadreta{
	display:none;
}
	
#cos{
		text-align:justify;
		float:left;
		padding:0;
		
}

.cos_noinici{width:100%;}
	
	
	#sota{
		width:100%;
		
		
		padding:0;
		overflow:hidden;
		background-color:#435dbc;
		float:left;
		height:350px;
		}
	#img_linia{
		float:left;
	}	
	
	
		/* CONTACTE */
	#contacte input,#contacte textarea{
		height:32px;
		margin-bottom:10px;
		margin-left:50px;
		width:50%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		#contacte textarea{
		height:50%;
		width:10%;
	}

	.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:87.8%;
	margin-left:0px;
        color:#435dbc;
background-color:#435dbc;
	
	
}	
	
	
	#navmenu-h{
		list-style-type: none;	
		padding:0;
		margin:0px;
margin-left:14%;

            
		
float:left;
width:100%;
background-color:#435dbc;
               
		
		}
	#navmenu-h li{
	
		float:left;
		padding:3px 5px 3px 5px;
		cursor:pointer;
		position: relative; 
		           
		background-color:#435dbc;
	}
	#navmenu-h li a{font-size:14px;color:#ffffff; text-decoration:none;}
	
	#navmenu-h ul{
		
                margin: 0;
		background-color:#435dbc;
		width:205px;
		display:none;
		position:absolute;
		list-style-type: none;	
		float:none;
		z-index:60;
		border-radius:5px;
		transition:display 1s;

	}
	
	#navmenu-h ul li a{font-size:11px;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:#f4e42a;}

	#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:0;
		padding:0;
		overflow:hidden;
		height:240px;
		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%;
	}


#mapapeu{padding-top:20px;}
#mapapeu iframe{width:100%;height:60vw;}
	
	/* 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;}
	
	/* PRODUCTES */
	
	#slide_producte_normal{width:100%;}
.slide_distribucio{width:50% !important; margin: 1% 1% 1% 1%;}
.slide_sant_fruitos{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_santpedor{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_puig_reig{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_rentabennet{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_supermercat{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_preus{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_punt{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_cepsa{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_rentador{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_altresserveis{width:50% !important; margin: 3% 0% 1% 5%;}
.slide_preus2{width:50% !important; margin: 3% 0% 1% 5%;}




    #galleria_normal{}
	
	#foto_producte_normal img{width:50%;max-width:800px;margin:0 0 0 0%;}
	
	#contingut_producte_normal{margin:0%;text-align:justify;}
.flexslider{border:solid 0px #000 !important;}	
	
	/* 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:100%;
	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;}

#div_avis_legal	{ width:100%;color:#FFB23B;text-align:center;}
#div_avis_legal	*,#comptador_nou{color:#FFB23B;text-decoration:none;text-align:center;}


	
	/************************************************************************************/
	/*                         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%;height:auto;padding:0;}
		#pasefotos img{margin:0;}
		#Fotos{margin:0;}
		#content{width:100%;margin-left:0;}
		#cos{
			margin:0;width:100%;
			padding:0%;
			background-color:#fcfefe;
			

		}

.apartat_logo{margin-top:6%;}
#logoadmin{width:30%;float:left;margin:0;padding:0;}
#tel_logo{float:right;color:#FFB23B;font-size:6vw;padding:2%;}
#tel_logo a{text-decoration:none;color:#FFB23B;font-size:6vw;}



.slide_distribucio{width:100% !important;}
.slide_rentabennet{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_sant_fruitos{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_santpedor{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_puig_reig{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_supermercat{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_preus{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_punt{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_cepsa{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_rentador{width:100% !important; margin: 0% 0% 0% 0%;}
.slide_altresserveis{width:100% !important; margin: 0% 0% 0% 0%;}
		
		#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%;}
#sota{width:100%;margin-left:0;}
		

		/********** MENU */
		
		/* Header */
		#div_fl_esquerra{
			color:#000;
			display:block;
			cursor:pointer;
			background-color:#fff;
					}
		
		#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:100vh; 
			overflow-y: scroll;
			float:left;
			
			background-color:#435dbc;
			opacity: 0.9;
			filter:  alpha(opacity=95);
	-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;
margin-left: 5%;
		

		}
		#navmenu-h li{
			font-size:1.4rem;
			left:0;
			width:98%;
			padding:1%;
			
			border-left:0;
			border-right:0;
				
			
		
		}

		#navmenu-h li a{font-size:18px;widt:100%;}

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

		#navmenu-h a:hover{
			color:#fff;
		}
#navmenu-h ul{
	margin:0;
	padding:0;
	list-style-type: none;
		display: block;
		position: static;
		margin-left: 2%;
			background-color:#435dbc;
	-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:40px;width:100%;
		
}		
		#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%;}
	}