@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: #17bd01;	outline: none!important;}
a:hover, a:active, a:focus { text-decoration: none; }
a:hover, a:focus, a:active { color: #17bd01; }

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


.paddingCol_5 [class*="col"] { padding:0px 5px}
.paddingCol_5.row { margin:0px -5px}

/* 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; font-weight:300}
.content section .container{ /*position:relative*/}
.content section h3{ color:#0086ad;font-size:72px; font-family: "Roboto", serif; padding:20px 0px 40px 0px; text-align:center; margin:40px 15px; font-weight:100; }
 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; color:#006176}
.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}
}
@media all and (max-width:991px){
	.content section h3{ font-size:40px;}
}

.sfondo_top{ background:url(../images/sfondo.jpg);    background-size: 100% 100%; 
    background-repeat: no-repeat; overflow:hidden; }
/*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:#43d443; 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{
background: #43d443; /* Old browsers */
background: -moz-linear-gradient(top, #43d443 0%, #129800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #43d443 0%,#129800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #43d443 0%,#129800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43d443', endColorstr='#129800',GradientType=0 ); /* IE6-9 */
copy
}
.btn:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43d443+0,39ba27+100 */
background: #43d443; /* Old browsers */
background: -moz-linear-gradient(top, #43d443 0%, #39ba27 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #43d443 0%,#39ba27 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #43d443 0%,#39ba27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43d443', endColorstr='#39ba27',GradientType=0 ); /* IE6-9 */
	
}

.bottone { /*float:right;*/width:100%}
.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: 20px;
    padding: 5px 15px 5px 15px;
    z-index: 1;
    position: relative;
    font-weight: bold;
    width: 100%;
	}
.bottone .btn small{ 
	display: block;
    font-size: 13px;
    font-weight: normal;

}
.bottone .btn i{ 
    font-size: 31px;
    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}
}

/*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:#000; font-size:45px; font-family: "Roboto", serif;  font-weight:100; text-align:center; }
.titolo h1 em{ color:#42a5ba; font-style:normal}
#slide .prodotto,#slide .testi { padding-right: 0px; padding-left: 0px; }

#slide .carousel-inner{ overflow:inherit}
#slide .prodotto{ margin-bottom:-80px}
#slide .prodotto img{}
#slide .testi { margin-top:20px;}


#slide  li h4{font-weight:300; color:#000; font-size:22px}
#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:8px;
}

#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 15px;}
}
@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; margin-bottom:-50px }
#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; }
@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}*/
.logo{ text-align:center} 
}
@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 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9fa+0,d4e5e9+100 */
background: #f0f9fa; /* Old browsers */
background: -moz-linear-gradient(top, #f0f9fa 0%, #d4e5e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f9fa 0%,#d4e5e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f9fa 0%,#d4e5e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9fa', endColorstr='#d4e5e9',GradientType=0 ); /* IE6-9 */

}

.altro_bg ,.altro_bg2 div div{ z-index: 2}
.sinistra, .destra{ z-index: 3}
.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:#0091bb}
.caratteristiche li span {font-style:italic; font-weight:500;color:#000;}
.caratteristiche li { color:#777}
.caratteristiche .punti { margin-bottom:20px; color:#000;}
.caratteristiche .punti img{ max-width:100px; display:block; float:left; margin-right:20px;}
.caratteristiche .caratteristiche_sf{ position:absolute; right:0px ; top:100px; z-index:1}
@media all and (min-width:1200px){
.caratteristiche .caratteristiche_sf{ max-width:530px;}
}
@media all and (max-width:1199px){
.caratteristiche .caratteristiche_sf{ max-width:450px; }
}
@media all and (max-width:991px){
.caratteristiche .caratteristiche_sf{ max-width:250px;top:50%;    }
}
@media all and (max-width:768px){
.caratteristiche .caratteristiche_sf{  position:static; margin:-30px 0px 20px auto; display:block;  }
.caratteristiche .punti img{ display:block; float:none; margin:0px auto}
}

/* CARATTERISTICHE*/

/* BOLLINI*/
.bollini {   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{ overflow:hidden; padding:5px; color:#fff;font-family: "Roboto", serif;
-webkit-box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
-moz-box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
text-align:center;

background: #29596b; /* Old browsers */
background: -moz-linear-gradient(top, #29596b 0%, #285668 50%, #224b5f 51%, #0b293c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #29596b 0%,#285668 50%,#224b5f 51%,#0b293c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #29596b 0%,#285668 50%,#224b5f 51%,#0b293c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29596b', endColorstr='#0b293c',GradientType=0 ); /* IE6-9 */
}
.bollini span{ line-height:40px;font-size:19px; font-weight:100; }
.bollini img{ display:block;  max-width:40px;  float:left}
@media all and (min-width: 1200px)
{.bollini .row{ margin:0px -5px}
}
@media all and (max-width: 767px)
{
.bollini [class*="col"] { width:100%; margin-bottom:20px}
}
@media (min-width: 768px)
{
	.bollini img{ margin-right:4px}
.bollini [class*="col"]:nth-child(1) {width:20%}
.bollini [class*="col"]:nth-child(2) {width:40%}
.bollini [class*="col"]:nth-child(3) {width:40%}
}
@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:#fff url(../images/come_sf.jpg) left top no-repeat;}
.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; margin-bottom:5px; line-height:22px;}
.comefunziona .punti h4 strong{ font-size:22px;}
.comefunziona iframe{ height:auto; margin:20px 0px ; z-index:3; position:relative}

@media  (min-width:768px)
{
	.comefunziona iframe{ height:auto; min-height:450px}
}
@media  (min-width:1200px)
{
 .comefunziona { margin-top:40px}
}
@media all and (max-width:767px)
{
	.comefunziona .punti { text-align:center } 
	.comefunziona 
	{	
		background:#fff;
	}
}
/* 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}}

/* 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:#0091bb}
/* FARE*/

/* VANTAGGI */

.vantaggi{ background:#67c6d1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67c6d1+0,39768e+100 */
background: #67c6d1; /* Old browsers */
background: -moz-linear-gradient(top, #67c6d1 0%, #39768e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #67c6d1 0%,#39768e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #67c6d1 0%,#39768e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c6d1', endColorstr='#39768e',GradientType=0 ); /* IE6-9 */
copy;

}
.content .vantaggi { text-align:justify}
.content .vantaggi h3 {color:#fff}
.vantaggi h3 small{ color:#ffffff}
.vantaggi { color:#184152}
.content .vantaggi h4{ font-weight:500; color:#fff; font-size:19px;  margin-bottom:10px; text-align:left }
.vantaggi img{ max-width:130px; display:block; margin:0px auto; margin-bottom:20px; background:#34869a; padding:15px}
.vantaggi img{ border-radius:100px}
.vantaggi img.bg { background:none;max-width:100%; padding:0; margin:20px auto 0px auto}
.vantaggi img.vantaggi_sf{  background:none;max-width:100%; padding:0; margin:20px auto 0px auto; position:absolute; right:0px; top:-500px; border-radius:0px!important; }
.content section.vantaggi {padding-bottom:0px;  font-size:16px; }

@media all and (max-width:1199px){
 .vantaggi img.vantaggi_sf{ top:-450px }
}
@media all and (max-width:768px){
	.vantaggi img.vantaggi_sf{ max-width:100px;top:-200px}
	.content section.vantaggi { font-size:12px; }
}
/*VANTAGGI*/


/* UPSELLING*/
.upselling{ }
.upselling .contenutoUp{ border-radius:5px; background:#e7f7fc; padding:15px;margin-top: -130px;    padding-top: 100px;}
.upselling .ideale{ border-radius:5px; background:#dddad0; color:#000; padding:10px; float:right; margin-bottom:10px; margin-left:10px}
.content .upselling h4{ font-size:38px; color:#000; font-weight:bold; font-style:italic; margin-bottom:10px}
.content .upselling h4 small{ display:block; font-weight:300; font-size:16px}

.content .upselling h5{ font-weight:500; color:#000; font-size:18px; font-style:italic; margin-top:10px;}
.upselling .punti{ color:#000; margin-top:20px }
.upselling .punti em{ color:#666; font-style:normal}
/*.upselling  ul {padding:0px ; margin:0px}
.upselling  ul li{ list-style:none; }
.upselling  ul li:before { content:"\f054"; font-family:"FontAwesome"; color:#999999; padding-right:5px }
.upselling .upTesto{ text-align:justify}
.upselling .ordina{ margin-top:20px}
.upselling .ordina .prezzo {}
.upselling .ordina .btn{ padding:5px 12px; display:block}
.upselling .ordina .prezzo{ font-family: 'Roboto Slab', serif; font-size:18px; color:#000;}
.upselling .ordina .prezzo strong{ font-family:'Roboto Slab'; font-size:56px; color:#67b621; font-weight:normal;    line-height: 40px;} 
.upselling .ordina .prezzo strike{ font-family:'Roboto Slab';  color:#999; font-size:25px} 
*/
.upselling img{ margin:0px auto; display:block}
.upselling iframe{ margin:15px auto}
/* UPSELLING*/
/* PREZZO*/
.content .ApartireDa{ padding:15px 0px}
.content .ApartireDa h3{ font-size:35px;   overflow:hidden; display:table; width:100%;; margin:0px}
.content .ApartireDa h3 em{background:#42a5ba;  color:#a0eaf2; padding:15px;  display:table-cell}
.content .ApartireDa h3 span{background:#a0eaf2; color:#42a5ba;  padding:15px;  display:table-cell }
@media all and (max-width:768px){
.content .ApartireDa h3 { margin:0px 0px}
.content .ApartireDa h3 em{ display:block}
.content .ApartireDa h3 span{display:block }
}
/* PREZZO*/

/* 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.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*/



/*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*/



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


/* AREA CAMPI*/
.form .dati input,.form .dati select{ margin-bottom:10px;height: 42px;   padding: 10px 12px;}

.codiceFiscale, .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}

.fineForm .acquista,.fineForm .obbligatori{ margin-top:10px}
.termini{ border-top: 1px solid #ccc; clear:both; padding:20px 0px; margin:15px 0px; overflow:hidden; color:#aaa;}
.fineForm .obbligatori{ font-size:14px}
@media all and (min-width: 768px){
.fineForm .obbligatori{ float:left; width:55%}
.fineForm .acquista { float:left;width: 45%;}
}
.campi { margin:0px -5px}
.campi [class*="col-"]{ padding:0px 5px!important} 

.form-control {padding:6px 19px;margin:7px 0px; border-radius:5px; height:46px; background:#f7f7f7;background:#ededed; border-color:#e1e1e1} 

/* AREA CAMPI*/

/* AREA FORM DISPLAY*/

form{ overflow:hidden}
.formCont{ background:#fff; margin-bottom:15px;
-webkit-box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
-moz-box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
box-shadow:  0px 5px 0px 0px rgba(117,117,117,0.38);
padding:10px;
border: 3px solid #4e8eac;
}

.form-dwn [class*="col"] { padding:0px 5px}
.form-dwn .row { margin:0px -5px}

@media all and (min-width:992px){
.form-top{	width:45%}
.form-dwn{	width:55%}

}


@media all and (min-width:1200px){
.form-top{	width:40%}
.form-dwn{	width:60%}
}
@media (max-width: 991px)
{
.colonna.form-top,.colonna.form-dwn{
    float: none;
	overflow:hidden;
}
}
.formCont h4{ font-weight:500; color:#000; font-size:24px; font-style:italic; color:#0091bb; margin-bottom:10px}
.formCont h4 small{ display:block; font-size:14px}

#form .logo{ display:none}

.form-top h4{ margin-left:138px; display:block; }
.form-top h4 small{display:block;}
.form-top h4 strong{ background:#0091bb; color:#fff; display:inline-block; padding:3px; margin:3px}
.numero-verde {	margin-left:138px; position:relative; margin-top:10px; width:274px}
.numero-verde img{ max-width:100%; position:absolute; left:0px; top:0px;}
.numero-verde  a{ position:relative; z-index:100;  padding: 0px 0px 0px 30px; display:block; font-size:43px; color:#000; font-weight:300; letter-spacing:-3px}
.numero-verde small{ display:block; position:absolute; font-size:10px; margin-top:-5px; text-transform:uppercase;color:#000; padding-left:70px; letter-spacing:0px; font-weight:400;}
.call-center{ 	 width: 138px;   position: absolute;    z-index: 100;}
@media (max-width: 991px)
{
.form-top { padding-bottom:30px; margin-bottom:10px}
.numero-verde.freccia{ display:none}
}
@media all and (max-width: 768px){
.form-top { padding-bottom:30px; margin-bottom:10px}

}
@media all and (max-width: 550px){
.numero-verde a
{  
  padding: 4px 0px 0px 24px;
  font-size: 32px;
}
.numero-verde small {
  font-size: 9px;
  padding-left: 50px;
}
.numero-verde { margin-top:10px;width: 180px;}
.numero-verde a{font-size: 25px; padding: 5px 0px 0px 28px;letter-spacing:-1px}
.numero-verde small
{
	font-size: 7px;
	padding-left: 42px;
	margin-top:-3px
}
.call-center{ width:80px}
.form-top h4 { margin-left:80px}
.numero-verde { margin-left:80px;}
.formCont h4{ font-size:17px}
.formCont h4 small{ font-size:10px}
.fineForm .obbligatori{ font-size:10px}
.form-top { padding-bottom:30px; margin-bottom:10px}
}

#form.piuCampi .form-dwn .richiediOra{ display:none}
/* AREA FORM DISPLAY*/



/* SENZA TEL*/
#form.senzaTel .form-top{	display:none}
#form.senzaTel .form-dwn{	width:100%}
/* SENZA TEL*/

/* PIU CAMPI */
@media all and (min-width:992px){
#form.sticky.piuCampi .form-dwn .richiediOra{ display:block}
#form.sticky.piuCampi .form-dwn form{ display:none}

}
.richiediOra{ display:none}
.richiediOra{ text-align:center}
.richiediOra h3{ font-weight:bold; line-height:127px}
/* PIU CAMPI */

/* STICKY*/


@media (min-width: 992px){
#form{ width:100%; position:relative; z-index:1; }
#form.sticky{position: fixed; z-index:1000;  padding-bottom:10px;padding-top:10px; top:0px;
border-bottom:1px solid #ccc;
box-shadow:0px 10px 10px rgba( 0,0,0,0.2);
background: #fff;
border-bottom: 5px solid #4e8eac;
}
#form.sticky .formCont{ box-shadow:none;padding:0px; margin:0px; border:none;}
#form.sticky .formCont h4 small{display:none; }
#form.sticky .formCont h4 {font-size:18px}
#form.sticky .formCont .call-center{width:90px}
#form.sticky .bottone .btn{ padding:5px 15px}

#form.sticky .form .dati input,
#form.sticky  .form .dati select {
    margin-bottom: 10px;
    height: 34px;
    padding: 7px 12px;
}

.fineForm .acquista,.fineForm .obbligatori{ margin-top:0px}
}
@media (max-width: 991px){
#form.sticky {
    position: static;
    margin: 0px!important;
}
}
/* STICKY*/
/*FORM*/
/*FORM*/
/*FORM*/