body {

	margin: 0;

	padding: 0;

	height: 100%;

	background: #ffffff;

	color: #000;

	font-size: 100%;

	line-height: 1.35;

}

html, body {

	max-width: 100%;

	overflow-x: hidden;

}

img {

	border-radius: 7px;

}

div {

	border-radius:7px;

}

@font-face {

    font-family: futura;

    src: url('fonts/Futura Md BT Bold.ttf');

}

@font-face {

    font-family: infostory22;

    src: url(fonts/Swis721WGLBTRoman.ttf);

}

@font-face {

    font-family: dax;

    src: url(fonts/dax-regular.ttf);

}



@font-face {

    font-family: infostory;

    src: url(fonts/MavenPro-Regular.ttf);

}



@font-face {

    font-family: constellation;

    src: url(fonts/Constellation.ttf);

}





#topSocial {

	width: 40%;

}

#imgScrittaPadel {

	width: 20%;

}

#imgpromo {

	max-width: 100%;

}

#imgSez {

 min-width: 220px;

	max-width: 310px;

	float: left;

	margin: 10px;

	width: 100%;



}



.imgprod {

	border-radius: 4px;

	border: 0px;

	margin: 4px auto 4px auto;

	display: block;

	height: 185px;

	max-width:100%;



}



.riquadroflexS {

	float: left;

	width: 60%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}

.riquadroflexD {

	float: left;

	width: 40%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}



.riquadroRibbon{

	border-radius: 0px;

	margin: 0px;

	overflow: hidden;

	padding: 0px;

	background: #ffffff;

	width: 33.2%;

	display: block;

	height: auto;

	float: left;

}





h1 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

}

.testo085 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.85em;

	color: #353131;

	font-style: normal;

	text-decoration: none;

}

.teston100 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.00em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

}

.teston075 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.75em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}

.teston085 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.85em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}

.testob085 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.85em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

}

.teston095 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}

.teston070 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.70em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}





.nexta {

	font-family: dax, Arial, Verdana, Helvetica, sans-serif;

	font-size: 3em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}





.teston105 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.05em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

}

.testob105 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.05em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.05em;

}

.testoVerde105 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.05em;

	color: #008000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.05em;

}

.testob85 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.85em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.8em;

}

.testob100 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.00em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.05em;

}

.testob105 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.05em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.2em;

}

.testob110 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.10em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

}

.testob115 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.15em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

}

.testob120 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.20em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.2em;

}

.testob130 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.35em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}



.testob150 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.5em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}





.testob200 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 2em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}



.teston120 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}

.teston95 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #000;

	font-style: normal;

	text-decoration: none;

}

.testob95 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #f5f5f5;

	font-style: normal;

	text-decoration: none;

	line-height: 1.28em;

}

.teston90 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.90em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

}

.teston110 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.10em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.8em;

}

.teston130 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.35em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}



.infostory {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.1em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.6em;

}



.infostory200 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 2em;

	color: #800000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}





.constellation {

	font-family: constellation,Arial, Verdana, Helvetica, sans-serif;

	font-size: 2em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}







.infostory130 {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.3em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}



.drop {

	font-family: dax,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.4em;

	color: #000000;

	font-style: normal;

	text-decoration: none;

	line-height: 1.5em;

	min-width: 40%;

	max-width: 40%;

	background-color: #ffffff;

	border-radius: 9px;

	border: 2px solid #5F5B50;

	margin: 13px;

}





.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;

	aspect-ratio: 1/1;

}









.incCerca{

	width: 88%;	

	float: left;

}



.incCerca2{

	width: 10%;	

	float: left;

	text-align: left;

}





.riquadroMeta{

	width: 47%;	

}





.btn-home {

width: 290px;

    padding: 0px 0px;

    color: #000;

    font-size: 16px;

    font-weight: 600;

    border: none;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.25s ease;

    box-shadow: 0 4px 10px rgba(0,0,0,0.15);

    text-decoration: none;

}



.btn-home:hover {

    background-color: #ccc;

    box-shadow: 0 6px 14px rgba(0,0,0,0.2);

    transform: translateY(-2px);

}



.btn-home:active {

    transform: translateY(0);

    box-shadow: 0 3px 8px rgba(0,0,0,0.15);

}









.teston150 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.5em;

	color: #353131;

	font-style: normal;

	text-decoration: none;

	line-height: 1.3em;

}



.testoArancio95 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #E32124;

	font-style: normal;

	text-decoration: none;

	text-align: center;

}



.testoArancio100 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.00em;

	color: #E32124;

	font-style: normal;

	text-decoration: none;

	text-align: center;

}



.testoArancio105 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.05em;

	color: #E32124;

	font-style: normal;

	text-decoration: none;

	text-align: center;

}



.testoArancio120 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.20em;

	color: #E32124;

	font-style: normal;

	text-decoration: none;

	text-align: center;

}



.testob075 {

	font-family: infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.75em;

	color: #D7D7D7;

	font-style: normal;

	text-decoration: none;

}

.container {



	overflow: hidden;

	min-width: 320px;

	max-width: 1268px;

	margin-left: auto;

	margin-right: auto;

	height: auto;

	background: fff;

	display: block;

}

.container2 {

	overflow: hidden;

	min-width: 320px;

	max-width: 1368px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	height: auto;

	background: #ffffff;

	

}

.container_menu {

	min-width: 320px;

	max-width: 1480px;

	margin-left: auto;

	margin-right: auto;

	height: auto;

}

.container3 {

	min-width: 320px;

	max-width: 1920px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	height: auto;

	background: fff;

}

div.cerca {

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	padding: 2 1 1 1;

	height: 55px;

	background-color: #800000;";

	width: 100%;

	font-family: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #ffffff;

}



.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: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.3em;

	color: #000000;

	font-style: normal;

	text-decoration: none;

	margin-top: 2px;

	margin-bottom: 2px;

}

.button {

	width: 80%;

	height: 33px;

	background-color: #800000;

	color: #ffffff;

	font-family: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.1em;

	border: 1px;

	border-color: maroon;

}



.groupbutton {

	margin: 7px 12px 12px 0px;

	padding: 12px 27px 12px 17px;

	height: 320px;

	display: inline-block;

	width: 23%;

	text-align: center;

	background-color: #fff;

	box-shadow: 0px 0px 15px rgb(140, 124, 83);

}



.bt {

	max-width: 100px;

	min-width: 85px;

	height: 29px;

	background-color: #808080;

	color: #ffffff;

	font-family: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	border: 1px solid white;

}

.campo {

	font-size: 0.95em;

	background-color: rgb(248, 248, 248);

	border: 1px solid rgb(204, 204, 204);

	padding: 3px;

	margin-left: 0px;

	margin-right: 0px;

	width: 100%;

	height: 27px;

}





quadroSinistra60 {

	line-height: 18px;

	margin: 0px 0px 0px 0px;

	overflow: hidden;

	padding: 5px;

	float: left;

	height: auto;

	width: 60%;

	display: block;

}

.riquadroSinistra {

	line-height: 18px;

	margin: 0px 0px 0px 0px;

	overflow: hidden;

	padding: 5px;

	background: #ffffff;

	border-bottom: 0px solid #ebebeb;

	float: left;

	height: auto;

	width: 15%;

	display: block;

}

.riquadroDestra {

	line-height: 18px;

	margin: 0px 0px 0px 0px;

	overflow: hidden;

	padding: 5px;

	background: #ffffff;

	border-bottom: 0px solid #ebebeb;

	float: left;

	height: auto;

	width: 84%;

	display: block;

}



.riquadroGalleryHome {

	line-height: 18px;

	margin: 6px 2px 10px 2px;

	overflow: hidden;

	padding: 5px;

	background: black;

	float: left;

	height: 280px;

	width: 24%;

	display: block;

}



.riquadroHome {

	margin: 5px 1px 4px 2px;

	overflow: hidden;

	padding: 2px;

	background: white;

	height: auto;

	width: 24.3%;

	background: white;

}



.riquadroHomea {

display: inline-block ;

	margin: 3px 1px 3px 2px;

	overflow: hidden;

	padding: 3px;

	

	background: white;

	height: auto;

	width: 24%;

}



.riquadroHome2 {

  display: inline-block;

  vertical-align: top;

  width: 100%;              /* di default prende tutta la larghezza -> colonna */

  min-height: 200px;

  margin: 5px 0;

  font-size: 14px;          /* riattiva font */

  box-sizing: border-box; 

  box-shadow: 0 14px 25px rgba(0,0,0,0.12); border: 1px solid rgba(128,128,128,0.12); 

}



.riquadroHome2a {

	line-height: 22px;

	margin: 5px 1px 10px 6px;

	overflow: hidden;

	padding: 1px;

	background: #ffffff;

	min-width: 260PX;

	max-width: 336PX;

	display: inline-block;

}





.riquadroHome3 {

    line-height: 18px;

	margin: 5px 1px 7px 2px;

	overflow: hidden;

	padding: 4px;

	background: #ffffff;

	height: auto;

	width: 24.3%;

}



.riquadroHome3A {

	line-height: 18px;

	margin: 1px 1px 1px 2px;

	overflow: hidden;

	padding: 4px;

	background: #ffffff;

	height: auto;

	width: 24.3%;



}



.riquadroAmanzon1 {

	display: inline-block;

	border: 1px solid #C0C0C0;

	box-shadow: 1px 1px 5px #808080;

	width: 100%;

	height: 220px;

	padding-top: 8px;

	margin-bottom: 15px;

	padding-bottom: 8px;

	padding-right: 4px;

}









.riquadroHome4 {

	border: 1px;

	line-height: 18px;

	margin: 5px 1px 10px 6px;

	overflow: hidden;

	padding: 0px;

	background: #ffffff;

	border-bottom: 0px solid #ccc;

	min-width: 260PX;

	max-width: 336PX;

	display: block;

     box-shadow: 0 14px 25px rgba(0,0,0,0.12); border: 1px solid rgba(128,128,128,0.12); 

	height: 550px;

}



.riquadroHome4a {

	box-shadow: 3px 3px 3px #6D0305;

	line-height: 18px;

	margin: 5px 1px 10px 6px;

	overflow: hidden;

	padding: 8px;

	background: #ffffff;

	border-bottom: 1px solid #ccc;

	float: left;

	display: block;

	min-width: 260PX;

	max-width: 336PX;

	display: block;

	border: 1px solid #ccc;

	height: 220px;

}



.riquadroHome4b {



	line-height: 18px;

	margin: 5px 1px 10px 6px;

	overflow: hidden;

	padding: 8px;

	background: #ffffff;

	border-bottom: 1px solid #ccc;

	float: left;

	display: block;

	min-width: 260PX;

	max-width: 336PX;

	display: block;

	border: 0px solid #ccc;

	height: 220px;

}



.riquadroHome5 {

	box-shadow: 3px 3px 3px #ccc;

	line-height: 18px;

	margin: 5px 1px 14px 6px;

	overflow: hidden;

	padding: 0px;

	background: #ffffff;

	float: left;

	min-width: 260PX;

	max-width: 336PX;

	display: block;

	border: 1px solid #ccc;

	height: 320px;

	border-radius:15%;

	aspect-ratio: 1 / 1;

}

.riquadroPcUnion {

	box-shadow: 3px 3px 3px #999999;

	line-height: 18px;

	margin: 5px 3px 15px 5px;

	overflow: hidden;

	padding: 4px;

	background: #ffffff;

	min-width: 260PX;

	max-width: 336PX;

	display: inline-block;

	border: 1px solid #ccc;

	height: 320px;



}





.cella {

	line-height: 27px;

	margin: 4px 1px 4px 4px;

	padding: 4px;

	background: #000;

	border-bottom: 1px solid #00A1F1;

	float: left;

	display: block;

	width: 22%;

	border: 2px solid #C0C0C0;

	height: auto;

	font-family: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 0.95em;

	color: #ffffff;

	font-style: normal;

	text-decoration: none;

}



.listaRef

{

height: 310px;

border: 1px solid #C0C0C0; float: left;	box-shadow: 2px 2px 3px 1px #C0C0C0; 

overflow: hidden;



float: left; 

width: 49%; margin-top: 2px; 

margin-bottom: 12px; background-color: #ffffff;   

overflow: hidden; 

margin-right: 8px;





}







div.cerca {

	height: 75px;

	padding-left: 8px;

	float: left;

	padding-right: 8px;

	max-width: 80%;

	background: #131921;

	padding-top: 15px;

}

.boxinfo1 {

	line-height: 18px;

	overflow: hidden;

	padding: 1px;

	background: #000;

	border-bottom: 1px solid #00A1F1;

	float: left;

	display: block;

	width: 100%;

	display: block;

	border: 4px solid #C0C0C0;

	height: auto;

}

.riquadroFotoLista {

	padding: 5px 5px 5px 5px;

	width: 35%;

	float: left;

	display: block;

	height: auto;

}

.tivedoinalta_noninbassa {

	overflow: hidden;

	background: #ffffff;

	display: block;

}





#boxAvvisi{

 height: 50px;

}





.zoom {

	transition: transform .3s; /* Animation */

}

.zoom:hover {

  /* Modifica i colori qui */

    border-style: solid;

	border-color: inherit;

	border-width: 0px;

	border-image: url('') 1;

	transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */;

}

.bg-img {

	width: 100%;

	padding: 10% 0;

	background-size: cover;

	background-position: left;

	border: 0px solid;

}

/* width */

::-webkit-scrollbar {

	width: 12px;

}

/* Track */

::-webkit-scrollbar-track {

	border-radius: 5px;

	background: #F3F3F3;

}

/* Handle */

::-webkit-scrollbar-thumb {

	background: #CCCCCC;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

	background: #999999;

}

#textboxcerca {

	float: left;

	width: 50%;

	text-align: center;

	height: 65px;

	padding-top: 15px;

	padding-left: 13px;

}



.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 {

	border-radius: 6px;

	box-shadow: 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	overflow: hidden;

	background: #ffffff;

	float: left;

	display: block;

	min-width: 260PX;

	max-width: 336PX;

	height: auto;

}



.div-table-col {

	float: left;/*fix for  buggy browsers*/;

	display: table-column;

	width: 31%;

	background-color: white;

}









@media screen and (min-width: 220px) and (max-width: 767px) {

#topSocial {

	padding-top: 12px;

	width: 45%;

	background-color: #ffffff;

}

#topmenu {

	padding-top: 0px;

	width: 45%;

	background-color: #ffffff;

}



#boxAvvisi{

 height: auto ;

}





#imgSez {

	max-width: 100%;

	float: left;

	margin: 10px;



}



.incCerca{

	width: 100%;	

	float: left;



}



.nexta {



	font-size: 2em;

	color: #000;

}





.incCerca2{

	width: 100%;	

	float: left;

	text-align: center;

}







    .drop {

        min-width: 98%;

        max-width: 98%;

    }



.container2 {  

    margin-top: 130px;

 }



.imgprod {

	width: 100%;

	height: auto;



}



 .riquadroHome2 {

    width: 30%; /* tre colonne affiancate */

    margin: 1.5%;

  }



.div-table-col {

	width: 100%;



}









.listaRef

{

height: auto;

overflow: hidden;

width:100%;





}



.riquadroMeta{

	width: 100%;	

}





.riquadroHomeGalleryFotos_quadrata {

	max-height: 150px;

	aspect-ratio: 1/1;

	margin-bottom: 3px;

}





.riquadroflexS {

	float: left;

	width: 100%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}



.riquadroflexD {

	float: left;

	width: 100%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}







.tivedoinbassa_noninalta {

	display: inline-block;

}



.riquadroAmanzon1 {

	height: auto;

}



.riquadroAmanzon1 div {

 img  {

 width: 100%; }

 

}

.riquadroHomeGalleryFotos_quadrata {

	min-width: 99%;

	max-width: 99%;

	height: auto;

	aspect-ratio: 1/1;

}



.tivedoinalta_noninbassa {

	display: none;

}

#cella-logo {

	margin-top: 10px;

	width: 85px;

}

.riquadroSinistra60 {

	width: 100%;

}

.riquadroFotoLista {

	width: 100%;

}

.cella {

	width: 97%;

}

.riquadroSinistra {

	width: 100%;

}

.riquadroDestra {

	width: 100%;

}

div.cerca {

	width: 100%;

	float: left;

	height: auto;

	padding-bottom: 15px;

}

.riquadroGalleryHome {

	line-height: 18px;

	margin: 1px 3px 3px;

	overflow: hidden;

	padding: 1px;

	background: #ffffff;

	float: left;

	height: 275px;

	width: 48.1%;

	display: block;

}

.riquadroHome {

	line-height: 18px;

	margin: 1px;

	overflow: hidden;

	padding: 1px;

	background: black;

	height: auto;

	width: 22%;

}



.riquadroHomea {

	box-shadow: 2px 2px 5px #CCCCCC;

	line-height: 18px;

	margin: 1px 1px 5px 1px;

	overflow: hidden;

	padding: 0px;

	height: 75px;

	width: 47.1%;

}





  .riquadroHome2 {

    width: 98%;   /* due box per riga */

    margin: 0%;

  }



.riquadroHome2a {

	line-height: 18px;

	margin: 1px;

	overflow: hidden;

	padding: 0px;

	height: auto;

	min-width: 100%;

	max-width: 100%;

}



.riquadroHome3 {

	line-height: 18px;

	margin: 2px 3px 4px 3px;

	overflow: hidden;

	padding: 1px 1px 14px 1px;

	background: black;

	float: left;

	height: 80px;

	min-width: 48.15%;

	max-width: 48.15%;

	display: block;

	overflow: hidden;

}

.riquadroHome3A {

	margin: 20px;

	height: auto;

	width: 99.5%;

	padding-top: 10px;

	font-size: medium;

	margin-left: 4px;

	   box-shadow: 0 14px 25px rgba(0,0,0,0.12); border: 1px solid rgba(128,128,128,0.12); 

}

.riquadroHome4 {

	border: 1px;

	background-color: #ffffff;

	line-height: 18px;

	margin: 3px 5px 9px 3px;

	overflow: hidden;

	padding: 3px 3px 5px 3px;

	height: auto;

	min-width: 99.5%;

	max-width: 99.5%;

	min-height: 380px;

}









.riquadroHome4a {

	line-height: 18px;

	margin: 4px 4px 6px 5px;

	overflow: hidden;

	padding: 3px 3px 5px 3px;

	float: left;

	height: auto;

	min-width: 99%;

	max-width: 99%;

	display: block;

	min-height: 510px;

}

.riquadroHome4b {

	line-height: 18px;

	margin: 4px 4px 6px 5px;

	overflow: hidden;

	padding: 3px 3px 5px 3px;

	float: left;

	height: 220px;

	min-width: 47.5%;

	max-width: 47.5%;

	display: block;

}

.riquadroHome5 {

	line-height: 18px;

	margin: 4px 4px 6px 5px;

	overflow: hidden;

	padding: 3px 3px 5px 3px;

	float: left;

	height: auto;

	min-width: 98%;

	max-width: 98%;

	display: block;

	height: auto;

}



.riquadroPcUnion {

	min-width: 45%;

	max-width: 45%;



	height: 330px;



		

}



div.splitpage div {

	float: left;

	width: 100%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}

#ListaProdottiMarche {

	display: none;

}

.cerca {

	display: none;

}

.cerca2 {

	display: none;

}

.riquadroHomeGalleryFotos {

	min-width: 49%;

	max-width: 49%;

	height: 450px;

}

.riquadroHomeGalleryFotos_quadrata {

	min-width: 49%;

	max-width: 49%;

	height: 230px;

}

.box {

	border: 1px solid #00FFFF;

	color: #000;

	border-radius: 7px;

}

.box:hover {

	color: purple;

}

/* TABELLA */



/* Create two equal columns that floats next to each other */

.column {

	float: left;

	width: 50%;

	padding: 10px;

	height: auto; /* Should be removed. Only for demonstration */

}

/* Clear floats after the columns */

.row:after {

	content: "";

	display: table;

	clear: both;

}

#textboxcerca {

	float: left;

	width: 38%;

	text-align: center;

}

}

@media screen and (min-width: 768px) and (max-width: 1167px) {



#topmenu {

	padding-top: 17px;

	width: 50%;

}



#topSocial {

	padding-top: 35px;

	width: 20%;

}

#imgScrittaPadel {

	padding-top: 17px;

	width: 35%;

}





.incCerca{

	width: 100%;	

	float: left;



}

.incCerca2{

	width: 100%;	

	float: left;



}





.container2 {  

    margin-top: 14px;

 }



.riquadroHomeGalleryFotos {

	min-width: 24%;

	max-width: 24%;

	height: 420px;

}

.riquadroHomeGalleryFotos_quadrata {

	min-width: 19.5%;

	max-width: 19.5%;

	height: 120px;

	overflow: hidden;

	margin-bottom: 2px;

}



.riquadroHome2 {

    width: 30%; /* tre colonne affiancate */

    margin: 1.5%;



  }



.tivedoinbassa_noninalta {

	display: none;

}



#tabCategorieprod {

	width: 90%;

}



.riquadroMeta{

	width: 38%;	

}



.riquadroflexS {

	float: left;

	width: 100%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}

.riquadroflexD {

	float: left;

	width: 100%;

	padding: 0 0%;

	overflow: hidden;

	min-height: 100%;

}



.riquadroHomeGalleryFotos_quadrata {

	min-width: 19.5%;

	max-width: 19.5%;

	height: 100px;

	overflow: hidden;

}





.listaRef

{

height: 290px; 

width: 48.5%;

overflow: hidden 

}



#cella-logo {

	width: 165px;

}

.riquadroSinistra {

	width: 25%;

}

.riquadroDestra {

	width: 74%;

}



.riquadroGalleryHome {

	height: auto;

	min-width: 48.1%;

	max-width: 48.1%;

	height: 275px;

}

.riquadroHome {

	height: auto;

	min-width: 24%;

	max-width: 24%;

	height: auto;

	margin-left: 4px;

}



.riquadroHomea {

	height: auto;

	min-width: 32%;

	max-width: 32%;

	height: auto;

	margin-left: 4px;

}





.riquadroHome2a {

	margin: 5px 0px 1px 3px;

	min-width: 32%;

	max-width: 32%;

	height: auto;

}



.riquadroHome3 {

	line-height: 18px;

	margin: 2px 3px 4px 3px;

	overflow: hidden;

	padding: 1px 1px 14px 1px;

	background: black;

	float: left;

	height: 80px;

	min-width: 32.5%;

	max-width: 32.5%;

	display: block;

	overflow: hidden;

}

.riquadroHome3A {

	margin: 5px 0px 10px 3px;

	min-width: 31.7%;

	max-width: 31.7%;

	height: 420px;

}

.riquadroHome4 {

	margin: 5px 0px 10px 3px;

	min-width: 49%;

	max-width: 49%;

	height: 385px;



}

.riquadroHome4a {

	margin: 5px 0px 10px 3px;

	min-width: 49%;

	max-width: 49%;

	height: 380px;

}

.riquadroHome4b {

	margin: 5px 0px 10px 3px;

	min-width: 24%;

	max-width: 24%;

	height: 220px;

}

.riquadroHome5 {

	margin: 5px 0px 10px 3px;

	min-width: 48%;

	max-width: 48%;

	height: 395px;

}



.riquadroPcUnion {

	margin: 5px 0px 10px 3px;

	min-width: 32%;

	max-width: 32%;

	height: 480px;

}









#ListaProdottiMarche {

	display: none;

}

#textboxcerca {

	float: left;

	width: 50%;

	text-align: center;

	height: 65px;

	padding-top: 10px;

	padding-left: 10px;

}

}

@media screen and (min-width: 1168px) and (max-width: 8000px) {

#topmenu {

	padding-top: 17px;

	width: 60%;



}

#topSocial {

	margin-top: 25px;

	width: 20%;



}



.tivedoinbassa_noninalta {

	display: none;

}



#tabCategorieprod {

	width: 65%;

}



.container2 {  

    margin-top: 13px;

 }





#cella-logo {

	width: 200px;

}

.riquadroSinistra {

	width: 30%;

}

.riquadroDestra {

	width: 70%;

}

.riquadroHome {

	margin: 5px 2px 4px 2px;

	min-width: 13%;

	max-width: 13%;

	height: auto;

}



.riquadroHomea {

display:inline-block;

	margin: 5px 2px 4px 2px;

	min-width: 13%;

	max-width: 13%;

	height: auto;

	

}





.riquadroHome2 {

    width: 30%; /* tre colonne affiancate */

    margin: 1.5%;

        height: 750px;

  }





.riquadroHome2a {

	margin: 5px 6px 12px 4px;

	min-width: 32.1%;

	max-width: 32.1%;

	height: auto;

}



.riquadroHome3 {

	margin: 5px 4px 4px 9px;

	min-width: 10%;

	max-width: 10%;

	height: 77px;

}

.riquadroHome3zz {

	margin: 5px 4px 4px 9px;

	min-width: 11.2%;

	max-width: 11.2%;

	height: 77px;

}

.riquadroHome3A {

	margin: 6px 9px 6px 9px;

	min-width: 23.3%;

	max-width: 23.3%;

	height: 428px;

}

.riquadroHome4 {

	margin: 7px 2px 13px 2px;

	min-width: 24%;

	max-width: 24%;

	height: 480px;

}



.riquadroHome4a {

	margin: 5px 6px 4px 4px;

	min-width: 32%;

	max-width: 32%;

	height: 495px;

}

.riquadroHome4b {

	margin: 5px 6px 4px 4px;

	min-width: 10.1%;

	max-width: 10.1%;

	height: 140px;

}



.riquadroHome5 {

	margin: 5px 6px 10px 4px;

	min-width: 32%;

	max-width: 32%;

	height: 430px;

}





.riquadroHomeGalleryFotos_quadrata {

	min-width: 19.5%;

	max-width: 19.5%;

	height: 155px;

	overflow: hidden;

}







.riquadroPcUnion

 {

	margin: 5px 6px 10px 4px;

	min-width: 23.8%;

	max-width: 23.8%;

	height: 300px;

}





#textboxcerca {

	float: left;

	width: 70%;

	text-align: center;

}

/*Testo su piu colonne*/

.dueColonne {

	/*Numero di colonne*/

    column-count: 2; /* Distanza tra le colonne*/;

	column-gap: 15px; /*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: 15px;

	-moz-column-rule: 1px solid #ccc;

	-webkit-column-count: 2;

	-webkit-column-gap: 15px;

	-webkit-column-rule: 1px solid #666;

}

.treColonne {

	padding: 10px;

	background: #ffffff;

	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;

}

}



.riquadro_a {

	padding: 3px 3px 3px 3px;

	margin: 3px 3px 4px 4px;

	background-color: #ffffff;

	font-family: infostory,infostory,Arial, Verdana, Helvetica, sans-serif;

	font-size: 1.10em;

	color: #000;

	font-style: normal;

	text-decoration: none;

	border-top-style: solid;

	border-top-width: 1px;

	border-top-color: #ccc;

	width: 90px;

	display: block;

	float: left;

}

div.clearer {

	float: none;

	clear: left;

}

input[type=text] {

	padding: 5px 5px;

	border-radius: 1px;

	border: 1px solid #999999;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') none;

	width: 95%;

	color: #000;

	font-size: 1.1em;

	background-color: #ffffff;

	-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: 1px solid #E32124;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') 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: 1px solid #E32124;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') 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: 1px solid #E32124;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') 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: 1px solid solid #C10023;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') 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: 1px solid #E32124;

	transition: background-color 0.3s;

	border-image: url('unionWhite.css') 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_pp.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;

}

.newStyle1 {

	margin-top: 20px;

}

.newStyle2 {

}





/* P */

.feature-box {

    display: inline-block;

    padding: 7px 13px;

    margin: 8px 3px;   /* 8px sopra/sotto, 3px a destra/sinistra */

    border-radius: 6px;

    background: linear-gradient(145deg, #ffffff, #ccc);

    color: #1f1f1f;

    font-size: 15px;

    font-weight: 600;

    box-shadow: 

        0 2px 6px rgba(0,0,0,0.15),

        inset 0 1px 0 rgba(255,255,255,0.8);

    transition: all 0.2s ease;

}

.feature-box:hover {

    transform: translateY(-1px);

    box-shadow: 

        0 4px 10px rgba(0,0,0,0.22);

}



/* =========================================

   HOME - spazio corretto sotto l’header fisso

   Regola mirata: evita che lo slider salga sotto il menu

   in modalità smartphone, senza alterare il desktop.

   ========================================= */

.home-slider-offset {

    margin-top: 115px;

}



@media screen and (min-width: 220px) and (max-width: 767px) {

    .home-slider-offset {

        margin-top: 150px;

    }

}