@charset "utf-8";
/* CSS Document INTRO */
html  {overflow-x: hidden;}
body{	overflow-x: hidden;	margin: 0;	padding: 0; color:#666666}
::-moz-selection { background-color: #727272;color: #fff;text-shadow: none;-webkit-text-shadow: none;}
::selection{	background-color: #727272;	color: #fff;	text-shadow: none;	-webkit-text-shadow: none;}

a{	color: #32519c;	outline: none!important;}
a:hover, a:active, a:focus { text-decoration: none; }
a:hover, a:focus, a:active { color: #32519c; }

img {	height: auto;	max-width: 100%;	border: 0;	-ms-interpolation-mode: bicubic;}


body, p, label, ul li, h1, h2, h3, h4, h5, button { font-family: "Roboto"; }
h1, h2, h3, h4, h5 { margin: 0; font-weight:100; font-family:"Roboto", serif;}

.transition, .transition:hover
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
*:focus { outline: 0; }
/* CSS Document INTRO */
/* CSS Document INTRO */
/* CSS Document INTRO */

/*OVERLAY*/
.overlay h3,.overlay h4{ color:#000;}
.overlay .telefono{ text-align:center}
.overlayTelefono .fancybox-inner{ overflow:visible;}
.overlayTelefono .h3{ font-size:22px}

.sesso{ padding:10px 0px; display:block}

.over .bnt-default{ margin-top:20px}

.over h3 { margin-bottom:10px; font-size:22px;}
@media all and (max-width: 380px){
.overlay .col-xs-4{ width:100%; float:none;}
}
/*OVERLAY*/

/*CONTENUTI*/

.blocco{ background:#ccc; color:#fff;position:relative;}
.content section { 	display:block; position:relative; padding-bottom:20px;}
.content section .container{ /*position:relative*/}
.content section h3{ color:#25489f;font-size:42px; font-family: "Roboto", serif; padding:20px 0px 40px 0px; text-align:center; margin:0px 15px; font-weight:bold; font-style:italic;}
 h3 strong{ font-weight:400}
.content section h3 small{ font-family:"Roboto"; font-size:18px; font-style:italic; font-weight:300; display:block; padding-top:30px; margin-top:10px; background:url(../images/Bg_tit.png) no-repeat center top;}
.content section h4{ font-size:24px; font-weight:300;}
@media all and (max-width:767px){
.content section h3{ font-size:30px;padding: 20px 0px 20px 0px}
.content section h3 small{ font-size:16px; padding-top:15px}
}
/*CONTENUTI*/


/*BOTTONE*/
.btn-default{  color:#fff; border:none; font-size:18px; font-weight:400;
-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 3px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 3px 0px 0px rgba(50, 50, 50, 0.2);
padding:5px 30px 5px 30px;
}

.btn-default:hover,.btn-default:active{background-color:#a4d780; color:#fff;}
.btn-lg{ font-size:30px} 
.btn-fb,.btn-fb:hover,.btn-fb:active{ background:#49639f; padding:10px 20px; margin-top:10px}
.btn-fb i{ border-right:1px solid #2f4883; padding-right:10px;margin-right:10px}

.btn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4d780+0,6ab335+100 */
background: #a4d780; /* Old browsers */
background: -moz-linear-gradient(top, #a4d780 0%, #6ab335 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4d780 0%,#6ab335 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4d780 0%,#6ab335 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4d780', endColorstr='#6ab335',GradientType=0 ); /* IE6-9 */
copy
}
.bottone { float:right;}
.bottone span{ display:block; text-align:center; margin-top:15px; color:#000}
.bottone span{  border-radius:5px; padding:5px ; position:relative; top:-18px; display:block; font-size:14px; z-index:0;}
.bottone span{ margin-top:15px;}

.bottone span{ background: #FFFFFF; border-radius:5px; padding:5px ; position:relative; top:-18px; display:block; font-size: 14px; z-index:0;}
.bottone span{ margin:0px 20px;margin-top:15px;}


.bottone .btn{font-size:24px; padding: 15px 60px 15px 60px; z-index:1; position:relative;font-weight:bold;}
.bottone .btn i{ font-size:35px; top:3px; position:relative}
.ancora{ font-size:12px; color:#666; margin-top:5px}
@media all and (max-width:767px){
.bottone{  text-align:center; width:100%}	
.bottone .btn{ width:100%;}
.bottone { padding:0px 15px}
form .bottone { padding:0px 0px}
}
@media all and (max-width: 480px){
.bottone .btn {padding: 15px 60px 15px 15px }
}

/*BOTTONE*/


/*SLIDE*/
/*SLIDE*/
/*SLIDE*/
#slide{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5871ae+0,ffffff+21 */
background: #5871ae; /* Old browsers */
background: -moz-linear-gradient(top,  #5771ae 0%, #e4e8f2 400px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5871ae 0%,#e4e8f2 200px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5871ae 0%,#e4e8f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5871ae', endColorstr='#e4e8f2',GradientType=0 ); /* IE6-9 */
padding-bottom:20px;
}
.titolo h1{color:#25489f; font-size:40px; font-family: "Roboto", serif; font-style:italic; font-weight:bold; background:#e2e8f7; padding:20px 0px 20px 0px; text-align:center; }
#slide .prodotto,#slide .testi { padding-right: 0px; padding-left: 0px; }
#slide .prodotto{position:absolute;}
#slide .prodotto img{ margin-left: -100px}
#slide .testi {margin-top: 35px;}

#slide  li h4{font-weight:300;color:#fff;font-size: 26px;}
#slide  li span {font-weight:300;color:#000;}
#slide  li { color:#777}
 
#slide  ul { padding:0px;}
#slide  ul > li
{
	background:url(../images/icon_ok.png) no-repeat left top;
	list-style:none;
	padding-left:30px;
	padding-bottom: 20px;
}

#slide .prezzo { text-align:right}
#slide .prezzo{ font-family: "Roboto", serif; font-size:18px; color:#666;}
#slide .prezzo strong{ font-family:"Roboto"; font-size:66px; line-height:55px; color:#67b621; font-weight:normal} 
#slide .prezzo strike{ font-family:"Roboto";  color:#000; font-size:25px} 

@media (min-width: 1200px)
{
	#slide .immagine{ margin:0px 60px;}
}
@media (min-width: 768px) and (max-width:991px)
{
	#slide  li h4{ font-size:15px; min-height:30px;}
	#slide  li { background-position:left -5px}
	#slide .prezzo{ font-size:20px}
	#slide .prezzo strong{ font-size:40px}
	#slide  ul > li{ padding-bottom:5px;}
	
}
@media all and (max-width:767px){
#slide  .prodotto{ text-align:center; margin:0px 0px 20px 0px; position:static }
#slide .testi ul{ margin:10px 20px; }
#slide .prezzo{text-align:center;}
#slide { padding-bottom:20px}
#slide .incluso { padding:15px}
#slide h3{ font-size:40px;}
#slide .tv{ width:60px}
#slide ul h4{ font-size:18px}
#slide  ul > li{ margin:0px auto ; max-width:450px}	
}
/*SLIDE*/
/*SLIDE*/
/*SLIDE*/


/*HEADER*/
/*HEADER*/
/*HEADER*/
header{ padding:15px 0px; background:#fff}
@media all and (max-width:767px){
header{ padding-top:80px;}
}
/*LOGO*/

.logo img{ width:250px;}
@media (max-width:767px)
{
}
@media (min-width: 481px)  and (max-width:767px){
.logo{ float:left}
}
@media all and (max-width: 480px){
.logo{ text-align:center} 
.logo  { margin:0px auto; overflow:hidden;}
}
/*LOGO*/
/*TELEFONO*/
.telefono { margin-top:20px; }
.telefono a { font-weight:bold; font-size:24px; color:#000; }
.telefono span{  font-size:24px; font-weight:300 ; color:#000;}
.telefono small{ font-size: 11px;    /*text-transform: uppercase;   */  line-height: 12px;     letter-spacing: 0px;     display: block;}
.telefono .tel{ line-height:24px ;font-weight:bold;}
.telefono .icon-tel { 	display:inline-block; 	width:15px; position:relative; top:3px;  }
.telefono .icon-tel img { 	position:relative; 	top:-4px; 	height:25px; }
@media (min-width: 481px)  and (max-width:767px){
.telefono span{ float:none;}
.telefono { float:right;}
}
@media all and (max-width:767px){
.telefono { margin-top:0px}	
.telefono .chiama{ display:block}
}
@media all and (max-width: 480px){
.telefono {width:250px; text-align:center}
.telefono { margin:0px auto; overflow:hidden;}
}
/*TELEFONO*/
/*HEADER*/
/*HEADER*/
/*HEADER*/

/* CARATTERISTICHE*/
.caratteristiche h3{ color:#000}
.caratteristiche h2{ font-weight:100; font-size:40px;}
.caratteristiche .blocco{ background:#e8653d; padding:40px 0px; margin:50px 0px 80px 0px}
.caratteristiche .video{ position:absolute;top:-80px; width:100%}
.caratteristiche .punti h4{ font-weight:500; color:#000; font-size:18px; font-style:italic; color:#6285db}
.caratteristiche li span {font-style:italic; font-weight:500;color:#000;}
.caratteristiche li { color:#777}
.caratteristiche .punti img{ max-width:130px; display:block; margin:20px auto; }

/* CARATTERISTICHE*/

/* BOLLINI*/
.bollini { font-size:14px;  margin-bottom:20px; text-align:center; margin-top:20px; font-weight:normal}
.bollini [class*="col"] { padding:0px 5px}
.bollini .row { margin:0px -5px}
.bollini div div div{ border-radius:5px; border:1px solid #ccc; overflow:hidden; padding:10px; color:#000;font-family: "Roboto", serif;
-webkit-box-shadow:  0px 2px 0px 0px rgba(117,117,117,0.38);
-moz-box-shadow:  0px 2px 0px 0px rgba(117,117,117,0.38);
box-shadow:  0px 2px 0px 0px rgba(117,117,117,0.38);
background:#e4f5e3;
}
.bollini img{ display:block;  max-width:60px;  float:left}
@media all and (min-width: 1200px)
{.bollini .row{ margin:0px 30px}
}
@media all and (max-width: 767px)
{
.bollini [class*="col"] { width:100%}
}
@media (min-width: 768px)
{
	.bollini img{ margin-right:4px}
}
@media (min-width: 1200px)
{
	.bollini img{ margin-right:10px}
}
@media (min-width: 768px) and (max-width: 991px)
{
.bollini img{ margin:0px auto; float:none} 	
}
/* BOLLINI*/

/*DETTAGLI PRODOTTI*/
#prodottoOver
{
	max-width:500px;	
}
#prodottoOver img
{
	width:100%;
}
/*DETTAGLI PRODOTTI*/

/* COMEFUNZIONA*/
.comefunziona { background:#eff1f7}
.comefunziona h4{ color:#000;}
.comefunziona .punti img{ margin-bottom:10px; border-radius:10px}
.comefunziona .punti h4{ font-weight:500; color:#000; font-size:18px; font-style:italic; color:#6285db; margin-bottom:10px; text-align:center; line-height:22px;}
.comefunziona .punti h4 strong{ font-size:22px;}
.comefunziona iframe{ height:auto; }
@media  (min-width:768px)
{
	.comefunziona iframe{ height:auto; min-height:450px}
}
@media all and (max-width:767px){.comefunziona .punti { text-align:center } }
/* COMEFUNZIONA*/


/* TABELLA*/
.tabella .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 5px;
}
.tabella {  color:#000;}
.tabella strike{ color:#333; font-size:14px}
.tabella  img{ max-height:50px;}
.tabella table tr td{ background:#73c25b; color:#fff; } 
.tabella table tr td + td{ color:#FF0004; background:#fff;}
.tabella table tr td + td .green { color:#1fa001;}  

.tabella table tr + tr + tr + tr{ background:#eee; font-size:18px}

.tabella  table tr td{ background:#73c25b; color:#fff; } 

/*TABELLA*/
/* RICEVERAI*/
.riceverai h4{ color:#000;}
.riceverai .punti img{ margin-bottom:10px; border-radius:10px}
.riceverai .punti h4{ font-weight:500; color:#000; font-size:16px; font-style:italic; }
.riceverai [class*="col"] { padding:0px 5px}
.riceverai .row { margin:0px -5px}
.riceverai { font-size:13px}
.riceverai .piu { position:absolute; width:auto; right:-23px; top:70px; z-index:9999;}

@media all and (min-width:768px){ .riceverai .col_venti{ margin-top:51px} }
@media all and (min-width:992px){ .riceverai .col_venti{ margin-top:64px} }
@media all and (min-width:1200px){ .riceverai .col_venti{ margin-top:77px} }


@media all and (max-width:767px){.col_venti{ width:50%; float:left; margin-bottom:20px}}

/*
@media all and (max-width:767px){
	.riceverai .col_venti{ width:100%; float: none; margin-bottom:20px}
	.riceverai img{ max-width:75%; margin:0px auto; display:block}
	.riceverai .piu{ right:0px}
}
*/
/* RICEVERAI*/

/* FARE*/
.fare h4{ color:#000; }
.fare .punti img{ margin-bottom:10px; border-radius:10px}
.fare .punti h4{ font-weight:500; color:#000; font-size:18px; font-style:italic; color:#6285db}

/* FARE*/

/* VANTAGGI */

.vantaggi{ background:#5570b1;}
.content .vantaggi h3 {color:#fff}
.vantaggi h3 small{ color:#a8bbe7}
.vantaggi { color:#a8bbe7}
.content .vantaggi  h4{ font-weight:500; color:#fff; font-size:18px; font-style:italic; margin-bottom:10px; }
.vantaggi img{ max-width:130px; display:block; margin:0px auto; margin-bottom:20px; background:#fff;/*7188c1;*/ padding:15px}
.vantaggi img{ border-radius:100px}

/*VANTAGGI*/

/* NAV BAR*/
/* NAV BAR*/
/* NAV BAR*/

.navigazione{ position:relative; margin-top:-20px; width:100%;background:#c5cfe9; margin-bottom:3px}
.navigazione:before{ display:block; content:" "; position: absolute; width:100%; height:3px; bottom:-3px;  background:url(../images/ombraMenu.png) no-repeat bottom center;}
.navigazione > .container{ padding:0px}
.navbar-collapse{ padding:0px}
.navbar .container-fluid{ padding:0px}
.navbar-default{ background:#fff; border:none
}
.navbar{ min-height:50px; border-radius:0px;  margin-bottom:0px}

.nav a{background:#c5cfe9; min-height:50px; line-height:30px; color:#25489f;  font-size:15px; font-weight:300; border-right:1px solid #eee; }
.nav > li > a {
    
    padding: 10px 13px;
}
.nav li.active a,.nav a:hover{ background:#5570b3; color:#fff;}
.nav li.active a{background:#5570b3; color:#fff; }
.nav li:last-child  a { font-weight:bold; border:none; color:#5570b3; margin-bottom:0px}
.nav li:last-child  a:hover {background:#5570b3; color:#fff;}
.nav > li > a:hover, .nav > li > a:focus{
background:#5570b3; color:#fff;
-webkit-box-shadow: inset 0px 2px 3px 0px rgba(117,117,117,0.38);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(117,117,117,0.38);
box-shadow: inset 0px 2px 3px 0px rgba(117,117,117,0.38);
} 
.sticky .nav li:last-child  a { background:#4760A1; color:#fff;}
.sticky .nav li:last-child  a:hover{ background:#5570b3}
@media all and (max-width:991px) {
.nav li a{ height:60px; line-height:normal}
}

@media all and (max-width:767px){
.navigazione{ position:fixed; top:0px;margin-top:0px!important; width:100%; padding:0px;z-index:100}
.navigazione .container-fluid{ padding:0px 15px;}
.navigazione li a{ line-height:normal; height:auto;min-height:auto}
.navigazione .navbar{min-height:auto}
.nav a{ min-height:inherit}
}
@media (min-width: 768px)
{
.sticky{position: fixed; z-index:1000;   top:10px;
}
}
/* NAV BAR*/
/* NAV BAR*/
/* NAV BAR*/

/*VUOTA*/
.vuota{ background:#fafafa}
/* VUOTA*/

/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
footer{ display:block; color:#999; padding:20px; background:#3d3d3d}
footer a{ color:#ccc;}
footer a:hover{ color:#999;}
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/

/*FANCYBOX*/
.fancybox-skin{ background:#fff!important;}
/*FANCYBOX*/

/*FORM*/
/*FORM*/
/*FORM*/

form .ordina h3{ color:#2e3192}
form .ordina h3 small{color:#4447a6}
section.ordina{ background:#fafafa}
/* ORDINA*/

.content section .form h4{ font-weight:bold; font-style:italic; font-size:22px; color:#000}
.form .box{ background:#fff; border-radius:5px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 2px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 2px 0px 0px rgba(0, 0, 0, 0.1);
padding:15px;
margin-top:15px;
} 
.form h5{ color:#000; font-size:17px; font-weight:bold; margin:20px 0px 10px 0px}
.form .dati input,.form .dati select{ margin-bottom:10px}

.codiceFiscale, .privacy, .radiobutton {
position: relative;
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
font-weight:100;
}
.codiceFiscale a, .privacy a, .radiobutton a
{
	font-weight:bold	
}
.codiceFiscale label, .privacy label,  .radiobutton
{
	font-weight:300;
}
.radiobutton,.privacy label { cursor:pointer}
.radiobutton.check{ background:#fff;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 2px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
.radiobutton{ border-radius:5px;
padding:10px 15px;
margin-top:15px;
 border-radius:5px;
} 
.radiobutton input{ position:relative; width:20px}


 .imgCorriere{ width:12%; display:inline-block; text-align:center}
 .prezzoCorriere{ width:48%; display:inline-block; padding-left:10px;} 
 .nomeCorriere { width:35%; display:inline-block; font-size:16px; padding-left:10px;  color:#000}
 
.pagamento .nomeCorriere{  width:20%;}
.pagamento .imgCorriere{  width:27%;}

.totale{ color:#000; font-size:17px; line-height:70px; float:left;}
.acquista{ margin-top:10px}
.termini{ border-top: 1px solid #ccc; clear:both; padding:20px 0px; margin:15px 0px; overflow:hidden; color:#aaa;}
form{ overflow:hidden}
.campiObbligatori{text-align:right; padding:15px;}
@media all and (max-width:767px){
.totale{ text-align:center;width:100%}
.prezzoCorriere,.nomeCorriere, .imgCorriere{ display:block; width:100%; text-align:center}
.nomeCorriere{ font-weight:bold; color:#000}
.pagamento .nomeCorriere{display:block; width:100%;}
.pagamento .imgCorriere{  display:block; width:100%;}
.imgCorriere{ margin:10px;}
.radiobutton input{ float:left; margin-bottom:30px}
}


/*FORM*/
/*FORM*/
/*FORM*/

/*COLONNA FORM*/
/*COLONNA FORM*/
/*COLONNA FORM*/
.col{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px)
{
	.col{width: 33.33333333%;float: left;}
}
/*COLONNA FORM*/
/*COLONNA FORM*/
/*COLONNA FORM*/


/*COLONNA EXTRA*/
.colonna,.col_venti{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 768px)
{
.colonna,.col_venti{
	float:left;
}
/*COLONNA LARGA 20%*/
.col_venti{ width:20%; }
/*COLONNA LARGA 20%*/
}

/*COLONNA EXTRA*/


/*SCONTO*/
/*SCONTO*/
/*SCONTO*/
.row.sconto{ margin:0}
.sconto_titolo{
font-size: 16px;
font-weight:300;
color: #000;
}


.row.sconto .btn.btn-default{
padding: 4px 12px;
top: -2px;
position: relative;

}

.sconto_ok{ 
font-size: 30px;
vertical-align: middle;
color: #ff2d2d;

}
@media (max-width: 767px)
{
#scontoresult{ margin-top:15px; text-align:center}
.sconto_pulsante{ text-align:right}
}

@media (min-width: 768px)
{
.sconto_ok,.sconto_ko{ padding-left:15px}
.row.sconto .btn.btn-default{padding-left: 15px;}
.sconto_titolo{padding-left: 30px; margin-right:15px}
.sconto_titolo,.sconto_campo,#scontoresult,.sconto_pulsante{display:inline-block;}
.sconto_campo{ min-width:30%}
#discountcode{ margin-bottom:0px}
.row.sconto .btn.btn-default{margin-left:10px;}
}
/*SCONTO*/
/*SCONTO*/
/*SCONTO*/

/*MULTIPRODOTTO*/
/*MULTIPRODOTTO*/
/*MULTIPRODOTTO*/

.radiobutton.check .multiprodotto_struttura .col-sm-12
{
	background: url(../images/ck_on.jpg) no-repeat 98% center;
	background-size: 60px ;
}
.radiobutton .multiprodotto_struttura .col-sm-12
{
	background: url(../images/ck_off.jpg) no-repeat 98% center;
	background-size: 60px ;
}

@media (max-width: 991px)
{
.radiobutton.check .multiprodotto_struttura .col-sm-12	{background-position: 98% top;}
.radiobutton .multiprodotto_struttura .col-sm-12	{background-position: 98% top;}
}

.multiprodotto_struttura
{
	display:block;
	clear:both;
}
.multiprodotto_struttura:before,.multiprodotto_struttura:after
{
  display: table;
  content: " ";
  
}
.multiprodotto input{ float:left; margin-top:10px}
.multiprodotto .radiobutton{ background:#fff;
	-webkit-box-shadow: inset 0px 0px 28px -4px rgba(0,0,0,0.1), 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  inset 0px 0px 28px -4px rgba(0,0,0,0.1),  0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	box-shadow:       inset 0px 0px 28px -4px rgba(0,0,0,0.1),  0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	

	margin:10px;
	border:3px solid #fff;
	border-bottom:3px solid #ccc;
}
.multiprodotto .radiobutton.check{
	border:3px solid #ccc;
}
.radiobutton .label_img div
{
	margin:10px;
	
	border-radius:5px;
	-webkit-box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	border:5px solid #fff;
	position:relative;
	width:auto;
	
}

.radiobutton .label_img img
{

	max-height:100%;
	background:#ccc;

}
.radiobutton .label_testo
{
	
	padding-left:10px;
}
.radiobutton .label_img
{
	position:relative;	
}
.radiobutton .label_img .big
{
	display:block;
	top:0px;
	position:absolute;
	z-index:100;
	
	width:100%;
	z-index:100;
	max-width:none;
	height:auto;
	max-height:none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	top:0px;
	left:0px;
}
.radiobutton .label_img:hover .big{
	display:block;
	position:absolute;
	top:-5px;
	left:-5px;
	max-width:none;
	height:auto;
	max-height:none;
	width:170%;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius:5px;
	-webkit-box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 2px 10px 5px rgba(0, 0, 0, 0.1);
	border:5px solid #fff;
	z-index:800;

}

.radiobutton .label_titolo
{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.radiobutton .label_descrizione
{
	font-size:14px;
	font-weight:normal;
	color:#666;
}
.radiobutton .label_descrizione
{
font-size:14px;
font-weight:normal;
color:#666;
}
.radiobutton .label_prezzo { font-size:20px; color:#000; text-transform:uppercase;}
.radiobutton .label_prezzo strong
{ font-size:50px; color:#67b621;}
.radiobutton .label_prezzo
{
	
	background:none;
	font-family:"Roboto";
	text-align:left;
	padding-left:10px;
}

.radiobutton .label_vantaggio
{
	 text-transform: none; font-size: 16px;
}

@media (min-width: 768px)
{
.radiobutton .label_prezzo
{
	text-align:left;
}
.radiobutton .label_titolo
{min-height:100px;}
.radiobutton input
{
	
	float:left;
}
.radiobutton .label_testo
{
	width:45%;
	float:left;	
	margin-top:10px;
}

.radiobutton .label_img
{
	width:20%;	
	float:left;
}

.radiobutton .label_prezzo
{
	width:30%;
	float:left;	

}

}



@media (max-width: 768px)
{
.radiobutton .label_prezzo
{
	text-align:center;
	padding:0;
	
}
	
.radiobutton .label_img .big{ display:none;}
.radiobutton .label_img:hover .big{ display:none;}

.radiobutton .label_prezzo { text-align:center;}

.radiobutton .label_testo
{  margin: 0px ;
padding:0px;
text-align:center;

}
.radiobutton .label_img{

	text-align: center;
	margin-bottom:10px;
	margin-left: 30px;
}
.radiobutton .label_img div
{
	margin:5px auto;
}

}

#showcf{
    width: 48%;
    display: inline-block;
    margin-left: 10px;
    /* margin-right: -20px; */
}



.colcf{
	width: 45%;
	padding-right: 10px;
	display:inline-block;
	/* box-sizing: border-box; */
	/* overflow: hidden; */
	/* margin-left: 10px; */
}
.colcf .codiceFiscale{
    min-height: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
input.form-control.cf{
	width:100%!important;
}
.radiobutton input.cf
{
float:none
}
@media (max-width: 768px)
{
	#showcf{ width:100%;margin-left:0px;}
	.colcf{ width:100%}
	.cf{ margin-bottom:0px!important}
}


/*MULTIPRODOTTO*/
/*MULTIPRODOTTO*/
/*MULTIPRODOTTO*/


/* BANNER */
.banner { padding: 0px 30px; overflow:hidden; margin-top: 15px}
.banner .row{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d8e79f+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d8e79f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d8e79f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#d8e79f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e79f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: 1px solid #76f38b;
	font-style: italic;
}
.foto_spatola{ padding-right: 0px;}
.banner h2{ color:#3586d1; font-size:26px; padding:15px 0px; text-align:center;display:block}
.banner h2 small{ color:#3586d1;  font-size:22px; display:block}
.banner span{ color:#000000; font-size:15px}
.fascetta{
    background: #fff;
    
    margin: 20px 0px;
    text-align: center;
    font-size: 20px;
    color: #2295ff;
}
.fascetta span{ display: block;padding: 30px 0px 10px 0px;}