@import url('https://fonts.googleapis.com/css?family=Dosis');



html,body{margin:0;padding:0;font-family: 'Dosis', serif;}

#widgets{display:none;}

.capa_logo{display:flex;justify-content:center;}
#banda_sup{background-color:#000;color:#fff;font-size:28px;text-align:center;}
#banda_logo{text-align:center;margin:1%;}


#contenidor_menu{display:flex;justify-content:center;width:100%;}
#navmenu-h{list-style:none;display:flex;justify-content:center;width:100%;}
#div_fl_esquerra{display:none;}
#navmenu-h li{margin:0 3%;cursor:pointer;transition:background-color 0.4s;width:9%;}
#navmenu-h a{text-decoration:none;color:#000;margin:1%;font-size:1.4vw;transition:color 1s;}
#navmenu-h li ul{border:solid 1px #aaa;width:10vw;position:absolute;list-style:none;display:none;background-color:#fff;padding:0.5%;border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
#navmenu-h li ul li {width:100%;}
#navmenu-h li ul li a{padding:0 1%;}
#navmenu-h a:hover{color:#0079d6;font-weight:bold;}

#slide_producte_normal{margin-left:0%;width:100%;padding:0;border:0:}
#pasefotos img{width:100%;}
#slogans{width:80%;display:flex;justify-content:space-between;flex-flow:row wrap;margin:4% 10%;float:left;}
#slogans>div{
	width:44%;background-color:#b6dcf9;height:8vw;margin:2%;padding:1%;	
	display: flex;   justify-content: center;   align-items: center;font-size:2vw;color:#000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
#slogans>div img{width:20%;margin:2%;}
#toportem{}
#financiem{}
#experts{font-size:1.5vw!important;}
#postvenda{font-size:2.5vw!important;}


#linia_menu{background-color:#054ECF;width:100%;;height:4px;}




#sota {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #0079d6;
    display:flex;
	justify-content:center;
flex-flow:row wrap;
}


.part_peu {
outline:solid 1px #444!important;
    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%;
}
/* 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;
}

#avis_cockies {
    color: #fff;
    float:left;
    width: 70%;
    margin-left: 15%;
    height: auto;
    background-color: #000;
    position: fixed;
    bottom: 5vw;
    text-align: center;
    font-size: 18px;
    filter: alpha(opacity=85);
    opacity: 0.85;
    padding: 2%;
    z-index: 999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
}
.mes_info_cockies{color:#fff;}

#cos{width:100%;margin-left:0%;padding0;margin:0;}
#titol_seccio{display:none;}


/* Presentacio seccions botiga */

.productes_sec_botiga{display:flex;align-items:center;flex-flow:row wrap;float:left;width:32%;padding:0%;margin:0.5%;height:20vw;border-radius: 5px;overflow:hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
background-image: linear-gradient(to right, #ccc , #555);border:solid 1px #eee;
}
.imatges_productes_botiga img{width:100%;margin:0;}
.titol_producte_botiga{width:100%;text-align:center;border:solid 1px red;}
.texte_producte_botiga{display:none;}
.texte_productes_botiga h2{font-size:1.5vw;text-align:center;width:100%;}


.paginador {
display:flex;
justify-content:center;
flex-flow:row wrap;
width:100%;
}
.paginador a{
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
}

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







/* Presentacio productes botiga */

#productes_part_superior{width:47%;padding:1%;float:left;margin:1%;}
#titol_prod{padding:1%;}
#texte_prod{width:48%;float:left;}
#texte_prod .texte{text-align:justify;padding:1%;}
#texte_prod table{width:98%!important;margin:1%;}



#productes_recomanats>div{width:96%;margin:2%;display:flex;flex-flow:row wrap;justify-content:space-between;margin:1%;}
.producte_recomanat{width:16%;margin:0.5%;padding:0;border:solid 1px #aaa;}

.producte_recomanat a{width:100%;display:block;}
.producte_recomanat a img{width:100%;display:block;}
.titols_recomanats a{width:100%;text-align:center;text-decoration:none;}


.ubicacio{border:solid 1px grey;width:80%;margin:2% 10%;float:left;padding:0%;float:left;}
.img_ubi{width:100%;height:40vw;background-color:#bbb;}
.txt_ubi{margin:1% 0;font-size:1.5vw;padding:1%;}
#horari{border:solid 1px grey;width:80%;margin:2% 10%;float:left;padding:1%;float:left;font-size:1.5vw;}

/* SEGWAY 2018 */

.seccio_botiga{width:24.4%;padding:0;float:left;transition:opacity 1s;margin:2% 4%;height:15.5vw;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border:solid 1px #999;}
.seccio_botiga:hover{opacity: 0.7; filter: alpha(opacity=70);}
.seccio_botiga img{width:100%;height:12vw;margin:0 auto;}
.seccio_botiga a{color:#fff;font-size:0.8vw;text-decoration:none;}
.texte_seccio_botiga{width:96%;padding:1vw 2%;background-color:#0079D6;margin:0;}

.seccio_normal{width:41.6%;padding:0;float:left;transition:opacity 1s;margin:2% 4%;height:26.5vw;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border:solid 1px #999;overflow:hidden;}
.seccio_normal:hover{opacity: 0.7; filter: alpha(opacity=70);}
.seccio_normal img{width:100%;height:23vw;margin:0 auto;}
.seccio_normal a{color:#fff;font-size:0.8vw;text-decoration:none;}
.texte_seccio_normal{width:96%;padding:1vw 2%;background-color:#0079D6;margin:0;}



#tot_seccions{width:82%;margin:4% 11% ;float:left;}
.apartats_seccions{width:24.4%;padding:0.3%;float:left;transition:opacity 1s;}
.apartats_seccions:hover{opacity: 0.7; filter: alpha(opacity=70);}

.imatge_apartat{width:100%;height:16vw;overflow:hidden;}
.imatge_apartat img{height:16vw;margin:0 auto;}
.texte_apartat{width:96%;padding:1vw 2%;height:1vw;background-color:#0079D6;}

.apartats_seccions a{color:#fff;font-size:1vw;text-decoration:none;}




.avis_comptador{display:flex;justify-content:center;align:items:center;flex-flow:row wrap;}
#div_avis_legal{width:86%;text-align:center;padding:7%;}
#div_avis_legal a{color:#fff;}
#comptador_nou{bottom:0;width:86%;text-align:center;color:#fff;padding:7%;}


#slideshow {   width: 100%;height:45vw;}
#slideshow > div { width:100%;position: absolute;}
#slideshow > div img{width:100%;}

#empresa_text{width:96%;padding:2%;text-align:justify;}
#empresa_img{width:100%;display:flex;justify-content:center;}
#empresa_img img{width:98%;margin:1%;}

/* 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:88%;
		padding:5% 1%;margin:2% 5%;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		background: #d7e5ef;
	}

#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;}