@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Expanded');
html{
		font-size: 16px;
		font-family:  helvetica, arial, sans-serif;
		color:#fff;
	}
	body{
		margin:0;background-color:#fff;
		color:#000;
		font-family:'Encode Sans Expanded', sans-serif;
	}
		
	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;}
	
	#superior1{
		position:absolute;
		top:16.56vw;
		right:0px;
	}
	
	

	.logo{overflow:hidden;margin:0 !important;padding:0 !important;}
	.logo img{width:100%;}
	#barra_logo{display:none;}
	#idiomes{
		float:right;
		position:absolute;
		padding:0;margin:0;
		width:140px;
		height:auto;
		right:0;
		/*margin-top:-20px;*/
		z-index:9;
		
		}


Logo img{width: 24%;margin-left:38%;}
	#idioma{
		padding:4px;background-color:#2C2C2C;color:#fff;
	}
	.fletxes{
		cursor:pointer;
		float:right;
		right:10px;
	}
	#fl_avall{
	}
	#fl_amunt{
		display:none;
	}
	#div_fl_esquerra{display:none;float:left;}
	

	
	
	#banderes_mobil{display:none;}
	
	
	#banderes{
		/*position:absolute;*/
		margin:0;
		padding:0;
		z-index:999;

	}

	#banderes li{
		height:20px;
		list-style:none;
		padding:4px;
		background-color:#2C2C2C;
		border:solid 1px #333;

	}
	#banderes li a{
		background-color:#2C2C2C;color:#fff;
		text-decoration:none;
		top:-10px;
	}
	
#columnaesquerra{
		width:0%;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;}
	
	#columnadreta{
		background-color:#EFF;
		width:0%;
		float:right;}
	
	#cos{
		margin:0  10%;		
		float:left;
		width:80%;
		padding:0;
		overflow:hidden;
		min-height:200px;
		}
#titol_seccio{display:none;}
.titol_producte_normals{display:none;}
	
	#sota{
		width:100%;
		margin:0 auto;
		padding:0;
		overflow:hidden;
		background: rgba(248,181,0,1);
		color:#000!important;;
		float:left;
	
		}
	#sota a{color:#000;}
		
	.seccio_botiga,.seccio_normal{margin:10px;float:left;min-width:300px;width:31%;height:120px;border:solid 1px grey;}
	.texte_seccio_botiga, .texte_seccio_normal, .img_seccio_botiga, .img_seccio_normal img{float:left;}
	
	.productes_seccio_botiga{padding:5px;float:left;width:100%; height:100px;overflow:hidden;}
	.productes_seccio_botiga img{float:left;width:16%;}

	.productes_seccio{padding:5px;float:left;width:97%;}
	.productes_seccio img{float:left;width:16%;}
	
	/* 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{
		display:none;margin-left:50px;padding:0;
	}
	#contacte{

		width:80%;
		padding:1%;margin:6% 12%;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		background: rgba(248,181,0,1);
	}
	
	.bflexslider{float:left;}
	.bflexslider img{width:100%;}
	#t_20076{position:absolute;font-size:4vw;width:30%;margin-left:65%;top:6vw;text-align:center;color:#F7A26A;text-shadow: 1px 2px #999;}
	#t_74696{position:absolute;font-size:4vw;width:30%;margin-left:65%;top:6vw;text-align:center;color:#a8d12e;text-shadow: 1px 2px #999;}
	/******** MENU */
	#contenidor_menu{
		/*float:left;*/
		background-color:#AE172B;
		width:100%;
		text-align:left;
		overflow:hidden;
	}
	#navmenu-h{
		margin:0;
		list-style-type: none;	
		padding:0;
		display:flex;
		justify-content:left;
		align-items:center;

		}
	#navmenu-h li{
	
		padding:5px 10px 5px 10px;
		cursor:pointer;
	}
	
	#navmenu-h ul{border:solid 1px #313131;width:60px;display:none;float:left;position:absolute;}
	
	
	#navmenu-h ul li{border:none;margin-left:2px;}

	#contenidor_menu a{
		font-size:1vw;
		text-decoration:none;
		color:white;
		transition:color 1s;
		border:0;
	}
	
	

	.nivell_2{
		background-color:#000;list-style:none;
		width:180px!important;
		margin-left:0;padding-left:0;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	}
	
	#contenidor_menu a:hover{color:#ff0000;}

	
	
	#menu_btn{position:absolute;display:none;top:60px;right:10px;border:solid 1px grey;background-color:#fff;padding:4px;opacity:0.80;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}

	#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:#000;}
	#menubotiga a:hover{color:#555;}

	/* 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%;}
	
	/* Cistella */
		#cuadres{height:20vw;}
		#cuadres .passos{
			width:15vw;
			height:15vw;
			margin:2vw ;
			float:left;
			background-repeat: no-repeat;
			background-position: center;
			margin auto;
		}	
		#cuadres .pas1{	background-image: url(/img/pas1.png);	}
		#cuadres .pas2{	background-image: url(/img/pas2.png);	}
		#cuadres .pas3{	background-image: url(/img/pas3.png);	}
		#cuadres .pas4{	background-image: url(/img/pas4.png);	}

		#cuadres .pas1_error{	background-image: url(/img/pas1_error.png);	}
		#cuadres .pas2_error{	background-image: url(/img/pas2_error.png);	}
		#cuadres .pas3_error{	background-image: url(/img/pas3_error.png);	}
		#cuadres .pas4_error{	background-image: url(/img/pas4_error.png);	}
		

		#titols_cistella_mes{width:100%;}
		
		#cuadres .textos_interior{
			width:100%;
			height:auto;
			font-size:1.4vw;
			word-wrap:break-word;
			text-align:center;
			margin-top:11vw;
			line-height:1.2vw;
		}

		#titols_cistella_mes{font-size:1.6vw;width:95%;margin-left:1%;}
		.registre_cistella{font-size:1.6vw;width:95%;margin-left:2%;margin:1%;height:8.2vw;background-color:#CCCCCC;}
		#totals_cistella{background-color:#aaaaaa;font-size:1.6vw;width:95%;height:4vw;margin-left:1%;font-weight:bold;}
		
		.c_ref{float:left; width:28%;margin:0.6% 0 0 4%;height:1.6vw;}
		.c_desc{float:left; width:66%;margin:0.6% 0 0 0;height:1.6vw;}
		.c_qty{float:left; width:28%;margin:0.6% 0 0 4%;height:4.2vw;}
		.c_preu{float:left; width:28%;margin:0.6% 0 0 0;height:4.2vw;}
		.c_tot{float:left; width:28%;margin:0.6% 0 0 0;height:4.2vw;}
		.c_elim{float:left; width:10%;margin:0.6% 0 0 0;height:4.2vw;}
		
		.c_ref .ci_valor{font-weight:bold;}
		.c_desc .ci_valor{font-weight:bold;color:#090;}
		
		.ci_desc{width:100%;}
		.ci_valor{width:100%;}
	
		#total_1{width:56%;float:left;margin:1% 0 0 4%;}
		#total_2{width:20%;float:left;margin:1% 0 0 0%;}
		
		#botons_cistella{font-size:1.6vw;width:95%;height:4vw;margin-left:1%;font-weight:bold;}
		#cistella_tornar{float:left;width:30%;margin:2% 0 0 13%;padding:1%;background-color:#0C3;}
		#cistella_comprar{float:left;width:30%;margin:2% 0 0 13%;padding:1%;;background-color:#0C3;}

		
		/* Intranet */
		
		#login_central{width:80%;margin-left:10%;}
		#login_central div{text-align:center;margin:5px;}
		#titol_ident{font-weight:bold;margin-top:10% !important;}
		#l_registre{font-size:8px;margin-top:20px !important;}
		#l_recordar{font-size:10px;margin:10px 0 40px 0 !important;}
		
		
		#menu_area_privada,.cont_proc_compra{margin:4vw;}
		#menu_area_privada div{margin:1vw;}

		
	
	/* Peu */

	.part_peu{
		width:33.3%;min-width:280px;
		margin:0 0 60px 0;
		padding:0;
		height:220px;
		float:left;
		overflow:hidden;
	}

	#comptador_nou{font-size:10px;padding:0;margin:0;}
	
	#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%;}
	#dades_empresa a{}
	.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;}
	
	/* PRODUCTES */
	
#slide_producte_normal{width:50%;max-width:800px;margin:0 0 0 0;}
    	#galleria_normal{}
	
	.contingut_producte_normal{width:98%;margin:1%;text-align:justify;}
	.contingut_producte_normal img{width:50%;}
	#foto_producte_normal img{width:50%;max-width:800px;margin:0 0 0 25%;}
	
	
	/* SLIDE */
	
	#slide_producte{width:50%;min-width:300px;float:left;color:#fff;}
	#preus{width:50%;background-color:#cccccc;height:320px;float:left;}
    	#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;
}	

	
   	
	
	#pasefotos img{width:100%;}

#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:80%;text-align:left;margin-left:10%;}	
#avis_legal input{width:auto;float:left;text-align:left;margin-left:0!important;}	
	
	/*************************************************************/
	
	/*	C O N T I N G U T S	*/
	
	/*************************************************************/
	
		
	/*Seccions sense imatges*/
	.productes_Inici, .productes_almacen_de_hierro,.productes_Videos{width:98%;}
	
	/*Inici*/
	.c_bigues{
		width:11vw; 
		min-width:140px;
		min-height:calc(140px * 1.6);
		height: calc(11vw * 1.6);
		border:solid 1px grey;
		padding:1vw;
		margin:1vw;
		float:left;}
	.c_bigues img{width:100%;}
	.productes_Inici h1{color:#ABC83B;}
	.c_bigues h2{
		padding-top:-20px;
		margin-top:0;
		width:100%;
		float:left; 
		text-align:center;
		}
	@media (max-width: 720px) {
		/*Inici*/
		.c_bigues{
			width:40vw;
			height:calc(40vw * 1.4);
			min-width:100px;
			min-height:calc(100px * 1.6);
			padding:1.6vw;
			margin:1.6vw;
		}
	}

#principal_inici{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;}
#principal_inici h1{width:100%;color:#AE172B;}

.q_inici{
   width:31%;
    -ms-display: flex;
   display: flex;
justify-content:center;
   align-items: center;
   height:25vw;
flex-flow:row wrap;
-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
transition:opacity 1s;
color:#000;
text-decoration:none;
}


.seccio_normal{display:none;}

.q_inici2{
   width:22%;
    -ms-display: flex;
   display: flex;
justify-content:center;
   align-items: center;
   height:25vw;
flex-flow:row wrap;
-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
transition:opacity 1s;
color:#000;
text-decoration:none;
}


.q_inici:hover{opacity:0.6; }
.q_inici2:hover{opacity:0.6; }

.q_inici .q_imatge{width:100%;height:15vw;}
.q_inici2 .q_imatge{width:100%;height:8vw;}

.q_imatge img{width:100%;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}


.q_inici .q_text{bottom:0;height:8vw;margin:0;width:98%;padding:1%;font-size:1vw;}
.q_inici2 .q_text{bottom:0;height:10vw;margin:0;width:98%;padding:1%;font-size:1vw;}

.q_inici .q_text a{font-size:1.3vw;text-decoration:none;color:#AE172B;}
.q_inici2 .q_text a{font-size:1.3vw;text-decoration:none;color:#AE172B;}

.q_inici .q_text a:hover{text-decoration:underline;}
.q_inici2 .q_text a:hover{text-decoration:underline;}

.content_dep{display:flex;justify-content:space-between;}
.content_dep #img_fiscal{width:40%;}
.content_dep  #img_fiscal img{width:100%;}
.content_dep>div{width:56%;display:flex;justify-content:center;align-items:center;flex-flow:row wrap;padding:2%;}

.content_dep h2{width:100%;text-align:center;}

#mapa_peu{width:96%;height:12vw;padding:2%;}

#logospetits{display:flex;justify-content:space-between;height:50px;padding:4px;
background: rgba(248,181,0,1);
background: -moz-linear-gradient(left, rgba(248,181,0,1) 0%, rgba(252,205,77,1) 52%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,181,0,1)), color-stop(52%, rgba(252,205,77,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(248,181,0,1) 0%, rgba(252,205,77,1) 52%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(248,181,0,1) 0%, rgba(252,205,77,1) 52%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(248,181,0,1) 0%, rgba(252,205,77,1) 52%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(248,181,0,1) 0%, rgba(252,205,77,1) 52%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#ffffff', GradientType=1 );


}	
#logospetits div{width:177px;}	
#logospetits div img{width:100%;}