﻿body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff;
	color: #fff;
	font-size: 100%;
	line-height: 1.4;
}
img {
	border-radius: 10px;
}
div {
	border-radius: 10px;
}
#topSocial {
	width: 40%;
}
@font-face {
    font-family: constellation;
    src: url(font/Constellation.ttf);
}

@font-face {
    font-family: maven;
    src: url(font/MavenPro-Regular.ttf);
}

@font-face {
    font-family: avenir;
    src: url(font/AvenirLTStd-Heavy.otf);
}



.groupbutton {
	margin: 8px 6px 8px 7px;
	padding: 8px 7px 8px 7px;
	height: auto;
	display: inline-block;
	width: 225px;
	text-align: center;
	background-color: #01D1CC;
	box-shadow: 0px 0px 10px rgb(161,159,154);
}


.groupbutton2 {
	margin: 8px 6px 8px 7px;
	padding: 5px 7px 5px 7px;
	height: 61px;
	display: inline-block;
	width: 215px;
	text-align: center;
	background-color: #01D1CC;
	box-shadow: 0px 0px 10px rgb(161,159,154);
	overflow: hidden;
}

/* Contenitore immagine riutilizzabile */
.img-box {
    width: 100%;
    height: 100%;       /* mantiene proporzioni piene del box */
    overflow: hidden;
    position: relative;
}

/* Immagine riutilizzabile */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* riempie il contenitore, ritaglia se serve */
    display: block;
}

.testo085 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
}
.teston100 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.teston075 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
}
.teston085 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
}
.teston095 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
}
.testob085 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
.testob090 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
.testob095 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}
.teston105 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.testob105 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.testob110 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.testob120 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.20em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.testov120Dynamic {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.20em;
	color: #009900;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.testob130 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.30em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.teston110 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.teston120 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.teston130 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.3em;
}
.constellation180 {
	font-family: avenir,constellation,Arial, Verdana, Helvetica, sans-serif;
	font-size: 3em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.4em;
}
.teston95 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.1em;
}
.teston90 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.testoArancio95 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #FF6600;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}
.testoRosso95 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #DA251D;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}
.testoRosso130 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.30em;
	color: #DA251D;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}
.testoArancio120 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.20em;
	color: #FF6600;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}
.testoVerde120 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.20em;
	color: #009900;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.testoVerde085 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #009900;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}
.testob075 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
.testob100 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
.tivedoinalta_noninbassa {
	overflow: hidden;
	background: #F0F0F0;
	display: block;
}
.container {
	overflow: hidden;
	min-width: 320px;
	max-width: 1268px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
}
.container2 {
	overflow: hidden;
	min-width: 320px;
	max-width: 1400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background: fff;
}


.figura {
	overflow: hidden;
	min-width: 320px;
	max-width: 1400px;
	display: block;
	margin-bottom: 10px;
}


.container1920 {
	overflow: hidden;
	min-width: 320px;
	max-width: 1366px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background: fff;
}
.container_menu {
	min-width: 320px;
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background: #fff;
}
.container3 {
	min-width: 320px;
	max-width: 1920px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
div.split1 div {
	float: left;
	width: 100%;
	padding: 5 5%;
}
div.split3 div {
	width: 100%;
	border: 1px dotted #C0C0C0;
	float: left;
	width: 32%;
	width: 33%;
	width: 32%;
	padding: 0 0%;
	height: 140px;
	background-color: #ffffff;
	overflow: hidden;
}
div.split4 div {
	float: left;
	width: 23%;
	width: 23%;
	width: 23%;
	width: 23%;
	padding: 0 1%;
}
.styled-select {
	padding: 3px;
	width: 99%;
	min-width: 180px;
	height: 30px;
	overflow: hidden;
	background: url(images/new_arrow.png) no-repeat right #ddd;
	border: 1px solid #808080;
	font-family: maven,maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
.buttonGroup {
	display: inline-table;
	padding: 8px;
	margin: 11px;
	min-width: 160px;
	max-width: 160px;
	height: 65px;
	background-color: #528226;
	box-shadow: 1px 2px 3px #999999;
	
}
.button {
	width: 80%;
	height: 33px;
	background-color: #800000;
	color: #fff;
	font-family: maven,maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	border: 1px;
	border-color: maroon;
}
.bt {
	max-width: 100px;
	min-width: 85px;
	height: 29px;
	background-color: #808080;
	color: #fff;
	font-family: maven,maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	border: 1px solid white;
}
.campo {
	font-size: 0.95em;
	background-color: rgb(204,202,196);
	border: 1px solid rgb(204, 204, 204);
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	height: 27px;
}
.riquadroGalleryHome {
	line-height: 18px;
	margin: 6px 2px 10px 2px;
	padding: 5px;
	height: 280px;
	width: 24%;
	display: block;
}
div.splitpage div {
	float: left;
	width: 49%;
	width: 49%;
	padding: 0 0%;
	overflow: hidden;
}
.riquadroSinistra {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	border-bottom: 0px solid #ebebeb;
	float: left;
	height: auto;
	width: 25%;
	display: block;
	background: white;
}
.riquadroDestra {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	border-bottom: 1px solid #ebebeb;
	float: left;
	height: auto;
	width: 74%;
	display: block;
	background: white;
}
.riquadroSinistraHome {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	background: white;
	border-bottom: 1px solid #ff;
	float: left;
	width: 50%;
	display: block;
	background: white;
}
.riquadroSinistra65 {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	background: white;
	border-bottom: 1px solid #ebebeb;
	float: left;
	height: auto;
	width: 65%;
	display: block;
	background: white;
}
.riquadroDestra65 {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	background: white;
	border-bottom: 1px solid #ebebeb;
	float: left;
	height: auto;
	width: 34%;
	display: block;
	background: white;
}
.riquadroConsigliate {
	border: 1px solid #C0C0C0;
	float: left;
	width: 40%;
	margin-top: 2px;
	margin-bottom: 2px;
}
.boxprezzi {
	display: block;
	border: 0px solid #BB162B;
	float: left;
	width: 32%;
	text-align: right;
	height: 32px;
}
.riquadroSinistra2 {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	background: white;
	border-bottom: 1px solid #ebebeb;
	float: left;
	min-height: 580px;
	width: 55%;
	display: block;
	background: white;
}
.riquadroSinistra60 {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	float: left;
	height: auto;
	width: 65%;
	display: block;
}
.riquadroDestra2 {
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 5px;
	background: white;
	border-bottom: 1px solid #ebebeb;
	float: left;
	height: auto;
	width: 45%;
	display: block;
	background: white;
}
.riquadroFotoLista {
	padding: 7px 10px 10px 10px;
	width: 32%;
	float: left;
}
.riquadroHome {
	line-height: 18px;
	margin: 10px 9px 10px 1px;
	overflow: hidden;
	padding: 9px 5px 10px 5px;
	float: left;
	height: auto;
	width: 32%;
	display: block;
	background: white;
}
.riquadro50 {
	border: 0px solid #C0C0C0;
	line-height: 18px;
	margin: 10px 9px 10px 1px;
	overflow: hidden;
	padding: 9px 5px 10px 5px;
	float: left;
	height: auto;
	width: 48.5%;
	display: block;
	background: #f5f5f5;
	float: left;
}


.riquadroHome2 {
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 0px;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	box-shadow: 0px 0px 15px rgb(204,202,196);
}
.riquadroShop1 {
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 8px;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	box-shadow: 0px 0px 15px rgb(204,202,196);

}




.riquadroShop2 {
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 8px;
	background: white;
	display: inline-block;
	min-width: 260PX;
	max-width: 336PX;
	height: 450px;
		box-shadow: 0px 0px 15px rgb(204,202,196);

}
.riquadroHome_piccolo {
	line-height: 25px;
	margin: 3px 3px 3px 5px;
	overflow: hidden;
	padding: 9px;
	background: #f5f5f5;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	border: 1px solid #ccc;
	height: 95px;
	text-align: left ;
}
.riquadroHome4b {
	box-shadow: 3px 3px 3px #C0C0C0;
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 8px;
	background: white;
	border-bottom: 1px solid #E32124;
	float: left;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	border: 1px solid #C0C0C0;
	height: 340px;
}

.riquadroHome6 {
	border-radius: 15px;
	box-shadow: 1px 2px 4px #C0C0C0;
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 0px;
	background-color: #fff;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 18px;
	text-align: left ;
}
/*
GALLERY è il controllo del blocco responsivo da adottare
*/
div.gallery {
	border: 0px solid #ccc;
}
div.gallery:hover {
	border-radius: 6px;
	border: 0px solid #777;
	background-color: #ccc;
}
div.gallery img {
	height: 180px;
}
div.desc {
	padding: 15px;
	text-align: center;
}
* {
	box-sizing: border-box;
}
.responsive {
	padding: 0 6px;
	float: left;
	width: 16.5%;
	height: 300px;
	margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
.responsive {
	width: 32.999%;
	margin: 6px 0;
	font-size: 13px;
}
}
@media only screen and (max-width: 710px) {
.responsive {
	width: 49.9%;
	font-size: 12px;
}
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/*
FINE CODICE
*/
.riquadroHome3 {
	line-height: 18px;
	margin: 5px 5px 10px 10px;
	overflow: hidden;
	padding: 8px;
	display: block;
	background: white;
	border-bottom: 1px solid #fff;
	border: 0px solid #ccc;
	height: 290px;
	float: left;
}
.riquadroHome4 {
	line-height: 18px;
	margin: 5px 5px 10px 10px;
	overflow: hidden;
	padding: 8px;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	border: 0px solid #C0C0C0;
		box-shadow: 0px 0px 15px rgb(204,202,196);

	height: 290px;
}
.riquadroHome4a {
	line-height: 18px;
	margin: 5px 5px 10px 10px;
	overflow: hidden;
	padding: 8px;
	background: white;
	border-bottom: 0px solid #fff;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	border: 1px solid #C0C0C0;
	height: 290px;
}
.riquadroHome5 {
	box-shadow: 3px 3px 4px #C0C0C0;
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 0px;
	background: #FFFFFF;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	border: 1px solid #C0C0C0;
	height: 320px;
}
.riquadroHome6 {
	line-height: 18px;
	margin: 5px 5px 10px 10px;
	overflow: hidden;
	padding: 8px;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 640PX;
	display: block;
	border: 0px solid #C0C0C0;
		box-shadow: 0px 0px 15px rgb(204,202,196);

	height: 290px;
}
.RiquadroScomparsa {
	float: left;
	width: 100%;
	padding: 0 0%;
}
.riquadroHomeGalleryFotos {
	box-shadow: 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	height: 290px;
}
.riquadroHomeGalleryFotos_quadrata {
	box-shadow: 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background: white;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	height: 290px;
}
.zoom {
	transition: transform .2s; /* Animation */
}
.zoom:hover {
	transform: scale(1.10); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
@media screen and (min-width: 220px) and (max-width: 800px) {


.riquadro50 {
	line-height: 18px;
	margin: 10px 10px 9px 1px;
	overflow: hidden;
	padding: 9px 5px 10px 5px;
	width: 99%;
}

.riquadroHomeGalleryFotos {
	min-width: 49%;
	max-width: 49%;
	height: 415px;
}
.riquadroHomeGalleryFotos_quadrata {
	min-width: 99%;
	max-width: 99%;
	height: auto;
}
.riquadroGalleryHome {
	line-height: 18px;
	margin: 1px 3px 3px;
	overflow: hidden;
	padding: 1px;
	background: black;
	float: left;
	height: 275px;
	width: 48.1%;
	display: block;
}
.constellation180 {
	font-size: 2.3em;
	color: #000000;
	line-height: 1.1em;
}
#topSocial {
	padding-top: 12px;
	width: 55%;
}
#topmenu {
	width: 40%;
}
#imgPrdHome {
	max-height: 395px;
	max-width: 100%;
}
#downloads {
	width: 100%;
}
#logo-home {
	clear: both;
	display: none;
}
#slide_product {
	width: 99%;
}
#menu3_01 {
	width: 97%;
}
.cella {
	width: 97%;
}
.testov120Dynamic {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
}
.riquadroConsigliate {
	border: 1px solid #C0C0C0;
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
}
.riquadroSinistraHome {
	width: 100%;
}
.riquadroSinistra60 {
	width: 100%;
}
.boxprezzi {
	width: 100%;
	height: auto;
	text-align: center;
}
.riquadroFotoLista {
	width: 100%;
}
.tivedoinalta_noninbassa {
	display: none;
}
.riquadroSinistra {
	width: 100%;
}
.riquadroDestra {
	width: 100%;
}
.riquadroSinistra65 {
	width: 100%;
}
.riquadroDestra65 {
	width: 100%;
}
.riquadroSinistra2 {
	width: 100%;
	height: auto;
}
.riquadroDestra2 {
	width: 100%;
	height: auto;
}
.riquadroHome_piccolo {
	padding: 5px;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}


.figura {
width:100%; 

}

.riquadroHome {
	line-height: 18px;
	margin: 10px 3px 10px 3px;
	overflow: hidden;
	padding: 5px;
	background: white;
	float: left;
	height: auto;
	width: 98%;
	display: block;
}
.riquadroHome2 {
	line-height: 18px;
	margin: 4px 4px 6px 5px;
	overflow: hidden;
	padding: 3px 3px 5px 3px;
	height: auto;
	min-width: 98%;
	max-width: 98%;
}
.riquadroHome3 {
	line-height: 18px;
	margin: 3px 1px 0px 1px;
	overflow: hidden;
	padding: 0px;
	float: none;
	height: auto;
	min-width: 48%;
	max-width: 48%;
	height: auto;
}
.riquadroShop1 {
	line-height: 18px;
	margin: 7px 2px 9px 0px;
	overflow: hidden;
	padding: 3px 3px 5px 4px;
	float: left;
	height: auto;
	min-width: 100%;
	max-width: 100%;
	display: block;
	height: 500px;
}
.riquadroShop2 {
	line-height: 18px;
	margin: 4px 4px 6px 5px;
	overflow: hidden;
	padding: 3px 3px 5px 3px;
	height: 390px;
	min-width: 47%;
	max-width: 47%;
}
.riquadroHome4 {
	line-height: 18px;
	margin: 4px 4px 15px 4px;
	overflow: hidden;
	padding: 3px 3px 5px 3px;
	float: left;
	height: auto;
	min-width: 99%;
	max-width: 99%;
	display: block;
	height: auto;
}
.riquadroHome4a {
	line-height: 18px;
	margin: 4px 4px 6px 5px;
	overflow: hidden;
	padding: 3px 3px 5px 3px;
	float: left;
	height: auto;
	min-width: 47.5%;
	max-width: 47.5%;
	display: block;
	height: 382px;
}
.riquadroHome4b {
	margin: 8px 3px 15px 3px;
	min-width: 48%;
	max-width: 48%;
	height: 250px;
	overflow: hidden;
	display: inline-block;
}
.riquadroHome5 {
	line-height: 18px;
	margin: 4px 4px 6px 4px;
	overflow: hidden;
	padding: 3px 3px 5px 3px;
	float: left;
	height: auto;
	min-width: 98%;
	max-width: 98%;
	display: block;
	height: auto;
}
div.splitpage div {
	float: left;
	width: 100%;
	padding: 0 0%;
	overflow: hidden;
	min-height: 100%;
}

.riquadroHome6 {
	float: left;
	height: auto;
	min-width: 99%;
	max-width: 99%;
	display: block;
}

.RiquadroScomparsa {
	display: none;
}

.groupbutton {
	margin: 1px;
	padding: 8px 7px 8px 7px;
	height: auto;
	display: inline-block;
	width: 46.1%;
	text-align: center;
	background-color: #01D1CC;
	height: 170px;
	overflow: hidden ;
}
.groupbutton2 {
	margin: 1px;
	padding: 8px 7px 8px 7px;
	height: auto;
	display: inline-block;
	width: 46.1%;
	text-align: center;
	background-color: #01D1CC;
	height: 71px;
	overflow: hidden ;
}




}
@media screen and (min-width: 801px) and (max-width: 767px) {
#logo-home {
	clear: both;
	display: none;
}
}
@media screen and (min-width: 801px) and (max-width: 1268px) {
.riquadroHomeGalleryFotos {
	min-width: 49%;
	max-width: 49%;
	height: 490px;
}
.riquadroHomeGalleryFotos_quadrata {
	min-width: 32%;
	max-width: 32%;
	height: 385px;
}
.riquadroGalleryHome {
	height: auto;
	min-width: 48.1%;
	max-width: 48.1%;
	height: 275px;
}
.tivedoinbassa_noninalta {
	display: none;
}
#topmenu {
	max-width: 55%;
}
#topSocial {
	padding-top: 9px;
	width: 25%;
}
#imgPrdHome {
	max-width: 100%;
	max-height: 275px;
}
#menu3_01 {
	width: 97%;
}
#slide_product {
	width: 70%;
}
.riquadroSinistra {
	width: 25%;
}
.boxprezzi {
	width: 100%;
	height: auto;
	text-align: center;
}
.riquadroDestra {
	width: 74%;
}
.riquadroHome_piccolo {
	min-width: 48%;
	max-width: 48%;
	height: 145px;
	overflow: hidden ;
	padding: 5px;
}
.riquadroHome {
	height: auto;
	min-width: 32.1%;
	max-width: 32.1%;
}
.riquadroHome2 {
	margin: 5px 0px 10px 3px;
	min-width: 49%;
	max-width: 49%;
	height: 330px;
	overflow: hidden;
}
.riquadroHome3 {
	margin: 7px 2px 1px 1px;
	width: 16.2%;
	height: 85px;
}
.riquadroShop1 {
	margin: 5px 0px 10px 3px;
	min-width: 49%;
	max-width: 49%;
	height: 460px;
	overflow: hidden;
}
.riquadroShop2 {
	margin: 5px 0px 10px 3px;
	min-width: 32%;
	max-width: 32%;
	height: 450px;
	overflow: hidden;
}
.riquadroHome4 {
	padding: 1px;
	margin: 5px 6px 20px 6px;
	min-width: 47.7%;
	max-width: 47.7%;
	height: 415px;
	overflow: hidden;
}
.riquadroHome4a {
	padding: 1px;
	margin: 5px 6px 10px 6px;
	min-width: 31.5%;
	max-width: 31.5%;
	height: 500px;
	overflow: hidden;
}
.riquadroHome4b {
	margin: 5px 6px 4px 4px;
	min-width: 48.5%;
	max-width: 48.5%;
	height: 260px;
}
.riquadroHome5 {
	margin: 5px 0px 10px 3px;
	min-width: 48%;
	max-width: 48%;
	height: 360px;
}

.riquadroHome6 {
	padding: 1px;
	margin: 5px 6px 20px 6px;
	min-width: 47.7%;
	max-width: 47.7%;
	height: 415px;
	overflow: hidden;
}

.testov120Dynamic {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.00em;
	line-height: 1.1em;
}
.riquadroSinistra65 {
	width: 100%;
}
.riquadroDestra65 {
	width: 100%;
}
}
@media screen and (min-width: 711px) and (max-width: 840px) {
.riquadroHomeGalleryFotos_quadrata {
	min-width: 32%;
	max-width: 32%;
	height: 285px;
}
}
@media screen and (min-width: 1269px) and (max-width: 8000px) {
#topmenu {
	padding-top: 25px;
	width: 45%;
	background: aqua;
}
#topSocial {
	padding-top: 34px;
	width: 25%;

}
#imgPrdHome {
	max-width: 100%;
	max-height: 335px;
}
.riquadroHomeGalleryFotos {
	min-width: 24%;
	max-width: 24%;
	height: 520px;
}
.riquadroHomeGalleryFotos_quadrata {
	min-width: 24%;
	max-width: 24%;
	height: 360px;
}
#slide_product {
	width: 65%;
}
.tivedoinbassa_noninalta {
	display: none;
}
.testob130 {
	font-family: maven,Arial, Verdana, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	line-height: 1.9em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.riquadroSinistra {
	width: 25%;
}
.riquadroDestra {
	width: 74%;
}
.riquadroHome {
	min-width: 32.3%;
	max-width: 32.3%;
}
.riquadroHome2 {
	margin: 8px 16px 8px 0px;
	min-width: 31%;
	max-width: 31%;
	height: 380px;
}


.figura {
margin: 8px; min-width: 240px; max-width: 510px; width:100%; float: left;

}

.riquadroHome6 {
	min-width: 31.5%;
	max-width: 31.5%;
	height: 60px;
  overflow-y: auto;

  /* Nasconde visivamente la scrollbar */
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* Internet Explorer / Edge */
}

.riquadroShop1 {
	margin: 1px 8px 15px 2px;
	min-width: 32.2%;
	max-width: 32.2%;
	height: 530px;
	border: 0px solid #C0C0C0;
}
.riquadroShop2 {
	margin: 5px 6px 4px 0px;
	min-width: 24%;
	max-width: 24%;
	height: 510px;
}
.riquadroHome3 {
	margin: 8px 6px 1px 1px;
	width: 16%;
	height: auto;
	border: 0px;
}
.riquadroHome4 {
	margin: 14px 6px 7px 6px;
	min-width: 32%;
	max-width: 32%;
	height: 350px;

}
.riquadroHome4b {
	margin: 5px 6px 4px 4px;
	min-width: 24%;
	max-width: 24%;
	height: 230px;
	overflow: hidden;
}
.riquadroHome4a {
	margin: 14px 6px 7px 6px;
	min-width: 24%;
	max-width: 24%;
	height: 410px;
}
.riquadroHome5 {
	margin: 5px 6px 4px 4px;
	min-width: 32%;
	max-width: 32%;
	height: 475px;
}

.riquadroHome6 {
	margin: 14px 6px 7px 6px;
	min-width: 31%;
	max-width: 31%;
	height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;        /* Firefox */
  scrollbar-color: #888 #f1f1f1;
}

.riquadroHome_piccolo {
	margin: 0px 0px px 0px;
	min-width: 23.1%;
	max-width: 23.1%;
		overflow: hidden ;
	padding: 5px;
	height: 130px;

}
/*Testo su piu colonne*/
.dueColonne {
	/*Numero di colonne*/
    column-count: 2; /* Distanza tra le colonne*/;
	column-gap: 30px; /*Stile per il bordo delle colonne*/;
	column-rule: 1px solid #ccc;
/*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */-moz-column-count: 2;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #ccc;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #666;
}
.treColonne {
	padding: 10px;
	background: #fff;
	border: 1px solid #ececec;
	column-count: 3;
	column-gap: 30px;
	column-rule: 1px solid #d2d2d2;
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #d2d2d2;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #d2d2d2;
}
}
.div-table-col {
	float: left;/*fix for  buggy browsers*/;
	display: table-column;
	width: 34%;
	background-color: white;
}
.riquadro_a {
	border: 1px solid #800000;
	padding: 3px 3px 3px 3px;
	margin: 6px 3px 8px 4px;
	background-color: #FFF;
	font-family: maven,maven,Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
	text-decoration: none;
	width: 105px;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
}
div.clearer {
	float: none;
	clear: left;
}
input[type=text] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
input[type=password] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
input[type=tel] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
input[type=email] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
input[type=number] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
input[type=textarea] {
	padding: 5px 5px;
	border-radius: 1px;
	border: 2px solid #808080;
	transition: background-color 0.3s;
	border-image: url('') none;
	width: 95%;
	color: rgb(85, 85, 85);
	font-size: 1.1em;
	background-color: rgb(255, 255, 255);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-webkit-appearance: none;
}
#sf_home_dett {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/sf_mare.jpg) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.riquadroHome5Copy {
	box-shadow: 2px 3px 3px #C0C0C0;
	line-height: 18px;
	margin: 5px 1px 10px 6px;
	overflow: hidden;
	padding: 4px;
	background: #FFFFFF;
	float: left;
	display: block;
	min-width: 260PX;
	max-width: 336PX;
	display: block;
	border: 1px solid #C0C0C0;
	height: 320px;
}
