@font-face{
     font-family: ProximaNovaBold;
     src: url('../fonts/ProximaNova-Bold.otf');
}
@font-face{
     font-family: ProximaNovaExtraBold;
	 src: url('../fonts/ProximaNova-Extrabold.otf');
}
@font-face{
     font-family: ProximaNovaLight;
	 src: url('../fonts/ProximaNova-Light.otf');
}
@font-face{
     font-family: ProximaNovaRegular;
	 src: url('../fonts/ProximaNova-Regular.otf');
}
@font-face{
     font-family: ProximaNovaSemibold;
	 src: url('../fonts/ProximaNova-Semibold.otf');
}

html {cursor:none;}

body {
	padding:0;
	margin:0;
   background-image: url(../images/sfondo_vending_cp40Locker.png);

	/*font-family: 'Lato', sans-serif;*/
	/* SM padding-top: 10px; */
	font-family: ProximaNovaRegular;
	cursor:none;
	overflow:hidden;
}


@-webkit-keyframes animazione_volo {
   from { background-position: 0 0; }
   25% {background-position: 50% 0; } 
   50% {background-position: 100% 0;} 
   75% {background-position: 50% 0; }
   to { background-position: 0 0; }
   }

#volo { 
   width: 1280px; //1366px; 
   height: 1080px; //768px; 
   z-index:0;
   //SM background-image: url(../images/1368x1000.png);
   //SM -webkit-animation: animazione_volo 20s linear infinite; /* Safari and Chrome */
   //SM animation: animazione_volo 20s linear infinite;
}

#jQKeyboardContainer {
	top: 525px;
	left: 748px;
	z-index: 0;
}


a:hover {
	cursor:none;
}

img {
	pointer-events:none;
}

a {cursor:none;}
a:link    {cursor:none;}
a:visited {cursor:none;}
a:hover   {cursor:none;}
a:active  {cursor:none;} 

.box {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	z-index:1500;
}

.header {
	width: 1850px;
	height: 210px;
	background: url('../images/BTNCP6.png') no-repeat;
/*SM	position: relative; */
	position: absolute;
/*SM	float: left; */
	margin-left: 40px;
/*SM	margin-top: 10px; */
	margin-top: 110px;

/* GRADIENT */	
	background: #30cce6; /* Old browsers */
	background: -moz-linear-gradient(top,  #30cce6 0%, #01428a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30cce6), color-stop(100%,#01428a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8eff0 0%,#b2b5cc 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30cce6', endColorstr='#01428a',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}

.flag {
	width: 90px;
	height: 140px;
	margin-top: 20px;
	margin-left: 26px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


.qr_code {
	width: 280px;
	height: 140px;
	margin-top: 130px;
	margin-left: 202px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;
	z-index:99998;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


.farmaciediturno {
	position: absolute;
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 20px;
	float: left;
	width:254px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 233px;
	margin-left: 0;
	
}


.box_logo {
	width: 211px;
	height: 140px;
	margin-top: 30px;
	margin-left: 49px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;
	z-index:99998;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}



.logo {
	width: 411px;
	height: 106px;
	top: 140px;
	left: 215px;
	position: absolute;
}

.totale {
	width:459px;
	height: 168px;
	margin-top: 130px;
	margin-left: 1415px;
	position: absolute;
	
    overflow: hidden;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.totaleScritta {
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	font-size: 38px;
	float: left;
	width:241px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: 20px;
}

.contantiScritta {
	text-align: center;
	color: #ffffff;
	/*font-weight: 300;*/
	font-family: ProximaNovaRegular;
	font-size: 35px;
	float: left;
	width:250px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
}

.costoComplessivo {
	text-align: center;
	width: 210px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	color: #ff823b;
	/*font-weight: 900;*/
	font-family: ProximaNovaExtrabold;
	float: left;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin-top: -67px;
	margin-left: 238px;
	font-size: 80px;
}

.costoComplessivoDecimal {
	font-size: 70px;
}

.testo {
	color: #ffffff;
	font-size: 35px;
	width: 678px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 190px;
	margin-top: 295px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	margin-left: 45px;
}

.box_istruzioni {
	width: 425px;
	height: 138px;
	margin-top: 130px;
	margin-left: 529px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 29px;
    padding-top: 28px;
	z-index:0;		

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 

/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


.testoIstruzioni {
	color: #ffffff;
	font-size: 20px;
	width: 878px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-top: 335px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	margin-left: 45px;
}

.button {
	width: 350px;
	height: 300px;
	background: url('../images/BTNCP6.png') no-repeat;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.buttonOFF {
	width: 490px;
	height: 210px;
	background: url('../images/BTN_off.png') no-repeat;
	position: relative;
	float: left;
	margin-left: 31px;
	margin-top: 10px;
}

.buttonOFF h2 {
	text-align: center;
	color: #ffffff;
	/*font-weight: 400;*/
	font-family: ProximaNovaSemibold;
	font-size: 35px;
	width:450px;
	text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
	margin: 50px auto;
}

.product {
	width:141px;
	height: 269px;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
	float: left;
    overflow: hidden;
    padding-left: 13px;
    padding-top: 0px;

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}


video#bgvid { 
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100; 
background: url(loop-hd.jpg) no-repeat;
background-size: cover; 
z-index: 0;
}


.form {
	position: absolute;
	top: 400px;
	left:175px;
	margin-left: 10px;

    margin: 95px auto;
    padding: 17px;
    overflow: hidden;


	
	/*background: #1c91be;  Old browsers */
	background: -moz-linear-gradient(top,  #1c91be 0%, #01428a 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c91be), color-stop(100%,#01428a));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #1c91be 0%,#01428a 100%);  Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c91be 0%,#01428a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c91be 0%,#01428a 100%); /* IE10+ */
	/* background: linear-gradient(to bottom,  #1c91be 0%,#01428a 100%); W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c91be', endColorstr='#01428a',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}


#codice_prenotazione {
	padding-left: 0px;
    background: #fefefe;
    font-size: 60px;
    height: 90px;
    width: 361px;
	 -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}


#form_codice_spedizione{
	// z-index: 4999;
	left: 748px;
	top: 266px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 
  font-size: 30px;
  position:relative;
  top:-8px;
}


.titolo {
	color: #ffffff;
	font-size: 18px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 183px;
	margin-top: 30px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	width: 90px;
}

.pezzi {
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 183px;
	margin-top: 140px;
	/*font-weight: 700;	*/
	font-family: ProximaNovaBold;
	width: 90px;
}

.priceBox {
	width:146px;
	height: 70px;
	margin-top: 215px;
	margin-left: 181px;
	position: absolute;
	float: left;
    overflow: hidden;	

/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);
}

/*
.price {
	width:59px;
	height: 43px;
	margin-top: 40px;
	margin-left: 19px;
	position: absolute;
	float: left;	
}
*/
.price {
	text-align: center;
	width: 112px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	color: #ff823b;
	/*font-weight: 900;*/
	font-family: ProximaNovaExtrabold;
	float: right;
	margin: 16px auto;
	font-size: 42px;
}

.priceDecimal {
	
	font-size: 28px;
}

.price img {float:left;display:inline;border:1px solid black;}

.euro {
	color: #ffffff;
	font-size: 34px;
	position: absolute;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin-left: 12px;
	margin-top: 20px;
	/*font-weight: 400;*/
	font-family: ProximaNovaSemibold;
}

.lightbox {
	cursor:none;display:none;
	position:absolute;left:0;
	margin-left:0px;margin-top:0px;
	width:1853px; height:750px;
	z-index:3000;
	background:url('../images/sfondo_vending_cp40Locker.png') no-repeat;
	background-color:#FFFFFF;

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 
}

.detailbox {
	cursor:none; display:none;
	position:absolute; 
	top:351px; left: 38px;
	//margin-left:20px; margin-top:-15px;
	width:1830px; height:700px;
	//z-index:3000;
	background:url('../images/LightboxDetailCP66.png') no-repeat;
	background-color:#FFFFFF;

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}
.detailboxMV {
	cursor:none;
	display:none;
	position:absolute;
	top:605px;
	left:0px;
	margin-left:37px;
	margin-top:-270px;
	width:1853px;
	height:754px;
	z-index:3000; 
	border-radius: 14px 14px 14px 14px;
	background:url('../images/sfondo_vending_cp40Locker.png') no-repeat;}

.lightbox_resto {
	cursor:none; display:none;
	position:absolute; top:0px; left:0;
	// margin-left:10px;margin-top:0px;
	width:100%; height:100%;
	z-index:3000;
	background:url('../images/img_ritiro_resto_cp66_touch.gif') center no-repeat;
}

.lightbox_erogazione {
	cursor:none; display:none;
	position:absolute; top:0px; left:0;
	// margin-left:10px;margin-top:0px;
	width:100%; height:100%;
	z-index:3000;
	background:url('../images/img_ritiro_prodotto_cp66_touch.gif') center no-repeat;
}

.lightbox_scontrino {
	cursor:none; display:none;
	position:absolute;top:0px;left:0;
	// margin-left:10px;margin-top:0px;
	width:100%;height:100%;
	z-index:3000;
	background:url('../images/img_ritiro_scontrino_cp66_touch.gif') center no-repeat;
}


.prodImg {

position:relative;
top:0px;
left:1300px;
}

.prodName {
position:absolute;
top:15px;
left:450px;
margin:0 auto;
color:#ffffff;
font-size:40px;
font-weight:800;
/* SHADOW */
text-shadow: 0px 2px rgba(0, 0, 0, 0.5);

}

.prodDesc {
position:absolute;
top:120px;
left:450px;
width:550px;
height:400px;
color:#ffffff;
}

.prodPieces {
	position:absolute;
	top:525px;
	left:450px;
	width:377px;
	color:#ffffff;
}

.prodPrice {
position:absolute;
top:430px;
left:450px;
width:377px;
color:#ffffff;
font-size:40px;
font-weight:800;
text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
}





.lightbox h1 {
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}

.lightbox h2 {
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}


.lightbox .buttonAnnulla 
{
position: absolute;
float: left;
left: 550px;
bottom: 20px;
/*width: 235px;*/
width: 195px;
height: 170px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #f69966 0%, #eb5223 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.lightbox .buttonAnnulla p {
	color: #ffffff;
	font-size: 30px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 20px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	padding-top:0px;
}
.lightbox .buttonAnnulla img {top:0;left:0;}


.lightbox .buttonAcquista {
position: absolute;
float: left;
left: 814px;
bottom: 20px;
/*width: 422px;*/
width: 350px;
height: 170px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #5496ca 0%, #103e89 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.lightbox .buttonAcquista p {
	color: #ffffff;
	font-size: 30px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 20px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width:250px;
}

#boxProdottiBottom {position:absolute;bottom:10px; width:768px; height:300px;}


.lightbox .buttonAcquista img {top:0;left:0;}



.buttonAcquista .icona_contanti {
			position:absolute; 
            top:5px; 
            left:0px; 
            width:100%; 
            height:90%;
            background: url(../images/icona_contanti.png) no-repeat bottom center;
}

.buttonAcquistaSatispay .icona_satispay {
			position:absolute; 
            top:0px; 
            left:0px; 
            width:100%; 
            height:90%; 
            background: url(../images/icona_satispay.png) no-repeat bottom center;
}


.buttonAnnulla .icona_annulla {
	position:absolute; 
	top:5px; 
	left:0px; 
	width:100%; 
	height:90%; 
	background: url(../images/icona_annulla.png) no-repeat bottom center;
}


.buttonAcquistaPOS .icona_pos {
	position:absolute; 
	top:8px; 
	left:0px; 
	width:100%; 
	height:90%; 
	background: url(../images/icona_pos.png) no-repeat bottom center;
}


.buttonAcquistaPOS {
position: absolute;
float: left;
left: 20px;
bottom: 20px;
width: 320px;
height: 170px;
top:200px;
border-radius: 10px;
background: rgb(35,78,142);
box-shadow: 0px 0px 10px 1px #333333;
}

.buttonAcquistaPOS p {
	color: #ffffff;
	font-size: 26px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 20px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width:240px;
	padding-top:0px;
}



.buttonAcquistaSatispay {
position: absolute;
float: left;
left: 380px;
bottom: 20px;
width: 320px;
height: 170px;
top:200px;
border-radius: 10px;
background: rgb(229,76,67);
box-shadow: 0px 0px 10px 1px #333333;
}

.buttonAcquistaSatispay p {
	color: #ffffff;
	font-size: 26px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 15px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width:240px;
	padding-top:0px;
}







.buttonAcquistaOtherPaymentMethods {
position: absolute;
float: left;
left: 1123px;
bottom: 20px;
width: 350px;
height: 170px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #5496ca 0%, #103e89 100%);
box-shadow: 0px 0px 10px 1px #333333;

}

.buttonAcquistaOtherPaymentMethods p {
	color: #ffffff;
	font-size: 30px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: -10px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width:220px;
	height: 170px;
	padding-top:30px;
}









.lightbox img {float: left; position: relative;margin-left:30px;}
.lightbox .title {}
.lightbox .description {}
.lightbox .textDetail {position:absolute; float:right; padding-left: 320px; top: 90px;width:400px;}
.lightbox .textDetail p {width:400px;}



.detailboxMV .textDetailMV {position:absolute; float:right; padding-left: 427px; top: 200px;width:540px;}
.detailboxMV .textDetailMV p {width:545px;}



.detailboxMV .buttonStopMV
{
position: absolute;
float: left;
left: 20px;
top: 350px;
width: 235px;
height: 150px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #f69966 0%, #eb5223 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.detailboxMV .buttonStopMV p {
	color: #ffffff;
	font-size: 32px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 40px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width: 230px;
}



.detailboxMV .buttonProcediMV {
position: absolute;
float: left;
left: 266px;
top: 350px;
width: 433px;
height: 150px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #5496ca 0%, #103e89 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.detailboxMV .buttonProcediMV p {
	color: #ffffff;
	font-size: 32px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 28px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
	width: 250px;
}




/*
.grayscale {
    opacity:0.5;
}
*/
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.title_countdown{
	text-align: center;
	color: #ffffff;
	/*font-weight: 700;*/
	font-family: ProximaNovaSemibold;
	font-size: 14px;
	float: left;
	width:210px;	
	margin-top: 10px;
	display: none;
}

#overpayOff {
	left: 200px;
	display:none;
	background: url('../images/LightboxAvvisi.png') no-repeat center center;	
	width: 700px;
	height: 568px;
}

#overpayOff .textDetail {position:absolute; float:left; padding-left: 100px; top: 160px;width:545px;}

#preHeader {
	display: block;
	width: 1850px;
	height: 80px;
	/* background: url('../images/BTN.png') no-repeat; */	
	position: relative;
	float: left;
	margin-left: 40px;
	margin-top: 10px;

/* GRADIENT */	
	background: #30cce6; /* Old browsers */
	background: -moz-linear-gradient(top,  #30cce6 0%, #01428a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30cce6), color-stop(100%,#01428a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #30cce6 0%,#01428a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8eff0 0%,#b2b5cc 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30cce6', endColorstr='#01428a',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}

#preHeader span {
	color: #ffffff;
	padding-top: 10px;
	font-size: 29px;
	width: 1820px;
	height: 38px;
	position: absolute;
	top: -10px;
	left: 15px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	/*margin-left: 190px;*/
	margin-top: 25px;
	/*font-weight: 700;*/
	font-family: ProximaNovaBold;
	/*margin-left: 15px;*/
	text-align:center;
	
	/* GRADIENT */	
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */

/* RADIUS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
/* BOX SHADOW */
    box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5);

}




#detailboxMV .textDetailMV {
	position:absolute; 
	float:left; 
	padding-left: 35px; 
	top: 170px;
	width:690px;
	color:#ffffff;
	}



.detailboxOtherPaymentMethods {
	cursor:none;display:none;
	position:absolute; top:589px; left:518px;
	margin-left:51px;margin-top:-253px;
	width:728px;height:700px;
	z-index:3000;
	background:url('../images/LightboxDetailCP8_satispay.png') no-repeat;background-color:#FFFFFF;

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}




.detailboxSatispay {
	cursor:none;
	display:none;
	position:absolute;
	top:320px;
	left:596pz;
	margin-left:20px;
	//margin-top:-270px;
	width:728px;
	height:700px;
	z-index:3000;
	background:url('../images/LightboxDetailCP8_satispay.png') no-repeat;
	background-color:#FFFFFF;

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}

.detailboxSatispay .textDetailboxSatispay1 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 50px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}

.detailboxSatispay .textDetailboxSatispay2 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 60px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}


.detailboxSatispay .priceDetailboxSatispay3 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 80px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}







.detailboxPOS {
	cursor:none;
	display:none;
	position:absolute;
	top:320px;
	left:596px;
	margin-left:20px;
	//margin-top:-270px;
	width:728px;
	height:700px;
	z-index:3000;
	background:url('../images/LightboxDetailCP8_satispay.png') no-repeat;
	background-color:#FFFFFF;

/* RADIUS */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px; 

/* SHADOW */
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.6);
}

.detailboxPOS .textDetailboxPOS1 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 50px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}

.detailboxPOS .textDetailboxPOS2 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 60px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}


.detailboxPOS .textDetailboxPOS3 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 80px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}



.detailboxPOS .textDetailboxPOS4 {
	text-align: center;
	font-family: ProximaNovaBold;
	font-size: 26px;
	float: left;
	line-height:37px;
	padding-top: 80px;
	margin: 0 auto;
	width:700px;
	color: #444444;
	text-shadow: 0px 1px rgba(255, 255, 255, 1);
}






.buttonIndietro {
position: absolute;
float: left;
left: 50px;
top: 560px;
width: 635px;
height: 100px;
border-radius: 10px;
background: -webkit-linear-gradient(top, #f69966 0%, #eb5223 100%);
box-shadow: 0px 0px 10px 1px #333333;
}

.buttonIndietro p {
	color: #ffffff;
	font-size: 40px;
	text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
	margin: 30px auto;	
	font-family: ProximaNovaSemibold;
	text-align:center;
}

.buttonIndietro .icona_annulla {
			position:absolute; 
            top:0px; 
            left:0px; 
            width:55%; 
            height:90%; 
            background: url(../images/icona_annulla.png) no-repeat bottom center;
}

.detailboxSatispay .qrcode {
position: absolute;
float: left;
left: 250px;
top: 300px;
border-style:solid; 
border-color:#444444; 
border-width:2px;
border-radius: 20px;
padding:20px;
width:150px;
height:150px;
}

.detailboxSatispay .qrcode img {
	width:150px;
	height:150px;
}




#btnIndietro {
	position: absolute;
	top: 933px;
	left: 1316px;
	background: url('../images/BTNCP6') center;
	background-size: cover;
	border-radius: 20px;
	border: solid black 1px;
}

#btnIndietro div {
	font-size: 28px;
	color: white;
	text-align: center;
	margin: 25px 40px;
}

#msgErr {
	position: absolute;
	display: none;
	top: 440px;
	left:330px;
	width: 700px;
	border-radius: 20px;
	border: solid red 2px;
}

#msgErr div {
	font-size: 40px;
	color: white;
	text-align: center;
	margin: 25px 40px;
}