@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* ===== Inter self-hosted (OTF) ===== */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* =================================== */

/* CSS Document */
.banner_arrotondato img{
    border-radius: 20px;
	moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#prodotto_contenitore {
	margin:0;
	padding:0;
	width:100%;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
    /*font-family: Segoe UI, Myriad Pro, Arial;*/

}
#prodotto_descrizione{
}
#categoria_banner{
	margin-bottom:30px;
}
#categoria_banner img{
	max-width:100%;
	border:0;
}
.prodotto_variante_preventivo_btn{
    width: 140px;
    border-radius: 20px 20px;
	moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:#3366FF;
    color: white;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	line-height:19px;
	font-size:14px;
	display:none;
}
.prodotto_variante_preventivo_btn:hover{
    width: 150px;
    height:50px;
    border-radius: 8px 8px;
 	background-color: #006666;
    color: white;
}
.prodotto_variante_carrello_btn{
	display:none;
}
input#aggiungi_variante_carrello {
	/*max-width:100%;*/
	width:auto;
}

/*			VARIANTI			*/
#prodotto_varianti_contenitore{
	width:100%;
/*	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
*/}
.prezzo_piccolo {
	font-size: 20px!important;
	color: #000000!important;
	/*font-family: Arial, Helvetica, sans-serif!important;*/
	font-weight: bold;
	margin-top: 0px;
}
.prodotto_variante{
	background-color:#FFFFFF;
	border-bottom:0px solid #00CC99;
	margin-bottom:1px;
/*
	box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
	background-image:url(../images/interfaccia/scheda_prodotto_ombra_pulsanti.jpg);
*/
	padding-top:0px;
	padding-left:10px;
	padding-bottom:5px;
	display: table;
	height:39px;
	width:100%;
	/*box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1) inset;*/	
	padding-top:3px; 
	text-align:right; 
	vertical-align:middle;
}
#prodotto_variante_ombra_top img{
	width:100%;
	height:20px;
	display:table-cell;
}
.prodotto_variante_descrizione{
	display:table-cell;
	vertical-align:middle;
	font-size: 15px;
	color: #666666;
	line-height:22px;
	font-weight:normal;
	text-align:left;
}
.prodotto_variante_prezzo{
	/*width:112px;*/
	text-align:right;
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
}
.prodotto_variante_preventivo{
	width:102px;
	text-align:right;
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
}
.prodotto_variante_carrello{
	width:122px;
	text-align:right;
	display:table-cell;
	vertical-align:bottom;
	padding-right:10px;
}
.prodotto_varianti_variabili{
	text-align:left;
	color:#000000;
	display:none;
}

#prodotto_variante_ombra_bot img{
	width:100%;
	height:20px;
}
/* Clear floats after the columns */
/*.prodotto_variante:before{
    content:"";
    display: block;
    clear: left;
}*/
form:before, form:after{
    content:"";
    display: block;
    clear: left;
}

@media screen and (min-width:1001px) and (max-width:1200px){
	.prodotto_variante{
		width:100%;
	}
	.prodotto_variante_descrizione{
		text-align:left;
		font-size:15px;
		font-size:14px;
	}
}
@media screen and (min-width:651px) and (max-width:1001px){
	.prodotto_variante{
		width:50%;
		margin-bottom:1px;
		margin:0;
		padding:2%;
		float:left;
		height:auto;
		/* Inizializzo il valore display: table*/
		display:block;
	}
	/* Inizializzo il valore display: table-cell */
	.prodotto_variante > div {
		display:block;
	}
	.prodotto_variante_descrizione{
		float:left;
		width:100%;
		text-align:left;
		margin-bottom:10px;
		color:#333333;
		font-size:15px;
	}
	.prodotto_variante_prezzo{
		float:left;
		width:100%;
		/*text-align:center;*/
		margin-bottom:10px;
	}
	.prodotto_variante_preventivo{
		float:left;
		width:50%;
		text-align:left;
		display: table-cell;
	}
	.prodotto_variante_preventivo img, input{
		max-width:auto;
	}
	.prodotto_variante_carrello{
		float:right;
		width:47%;
		text-align:right;
		padding-right:0px;
	}
}
@media screen and  (max-width:650px){
	#prodotto_contenitore{
		width:100%;
		margin-left:0%;
		margin-right:0%;
	}
	.prodotto_variante{
		width:100%;
		background-color: #FFFFFF;
		padding:5%;
		margin-bottom:1px;
		background-image:none;
		/*box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.2) inset;	
		box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.99) inset;	
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2) inset;*/	
/*		
		-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
		-o-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
*/
	}
	.prodotto_variante_descrizione{
		float:left;
		width:100%;
		text-align:left;
		margin-bottom:10px;
		color:#333333;
		font-size:15px;
		line-height:18px;
	}
	.prodotto_variante_prezzo{
		float:left;
		width:100%;
		/*text-align:center;*/
		margin-bottom:10px;
	}
	.prodotto_variante_preventivo{
		float:left;
		width:45%;
		text-align:left;
		display: table-cell;
	}
	.prodotto_variante_carrello{
		float:right;
		width:47%;
		text-align:right;
		padding-right:0px;
	}
	/* Clear floats after the columns */
/*	.prodotto_variante_preventivo:before, .prodotto_variante_preventivo:after  {
		content:"";
		display: table;
		clear: both;
	}
	*/
}
@media screen and (max-width:434px){
}
/*@media screen and (max-width:450px){
	
}*/