@charset "utf-8";

/* CSS Document INTRO */
html  {overflow-x: hidden; height: 100%;}
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:300; 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 */

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

html,body {height: 100%;}

/* Wrapper for page content to push down footer */



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

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

/*COLONNA EXTRA*/


/*BOTTONI*/
/*BOTTONI*/
/*BOTTONI*/
/*BOTTONI*/

/*BOTTONE GENERALE*/
.btn{
-webkit-box-shadow:inset 0px -5px 0px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:inset    0px -5px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: inset        0px -5px 0px 0px rgba(50, 50, 50, 0.1);
text-shadow: -0.53px -0.848px 0px rgba(0, 0, 0, 0.23);
border:none;
background: #e9c15a;
}
.btn:hover,.btn:active{color:#fff;}
/*BOTTONE GENERALE*/
 

/*BOTTONE FORM*/
.btn-form{width:100%;color:#fff; font-size: 24px;font-weight:400; padding: 5px 15px 5px 15px;position: relative;z-index: 1;font-weight: bold;background-color:#e9c15a;white-space:normal; }
.btn-form:hover,.btn-form:active{background-color:#e9c15a; color:#fff;}
.btn-form
{
background: #e9c15a; /* Old browsers */
background: -moz-linear-gradient(top, #e9c15a 0%, #d4aa3f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e9c15a 0%,#d4aa3f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e9c15a 0%,#d4aa3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c15a', endColorstr='#d4aa3f',GradientType=0 ); /* IE6-9 */
copy;
}
.btn-form:hover,.btn-form:active
{
background: #e9c15a; /* Old browsers */
background: -moz-linear-gradient(top, #e9c15a 0%, #e2b94f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e9c15a 0%,#e2b94f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e9c15a 0%,#e2b94f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c15a', endColorstr='#e2b94f',GradientType=0 ); /* IE6-9 */	
}

.btn-form.btn small{ 	display: block;    font-size: 13px;    font-weight: normal;	margin-bottom:4px;}
.btn-form.btn i{     font-size: 31px;    top: 3px;    position: relative;}
@media (min-width:768px) and (max-width:991px)
{
.btn-form.btn{	font-size: 15px;	}	
.btn-form.btn i{     font-size: 22px;}
.btn-form.btn small{ font-size: 12px;	}
}
/*BOTTONE FORM*/

/*BOTTONE FB*/
.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}
/*BOTTONE FB*/

/*BOTTONI*/
/*BOTTONI*/
/*BOTTONI*/
/*BOTTONI*/

/*HEADER*/
/*HEADER*/
/*HEADER*/
/*LOGO*/
.logo { }


@media (min-width:768px)
{
.frame {
  display: inline-block;
  position: relative;
}
.logo img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding:0px 15px;
}
}
@media (max-width:767px)
{
	.frame{ height:auto!important}
	.logo .contenitore{ padding-bottom:0px}
	.logo img{ max-height:50px; max-width:150px }
}
@media (min-width: 481px)  and (max-width:767px){
.logo{ text-align:center;} 

}
@media all and (max-width: 480px){
.logo{ text-align:center} 
.logo  { margin:0px auto; overflow:hidden;}
}
/*LOGO*/
/*HEADER*/
/*HEADER*/
/*HEADER*/

/*SFONDI STRUTTURA*/
/*SFONDI STRUTTURA*/
/*SFONDI STRUTTURA*/

.altro_bg{ position:absolute; top:0px ; width:100%; height:100px; left:0px; background:#cf5650; z-index:2;}
.altro_bg2{ position:absolute; top:0px ; height:100%;}
.altro_bg2 div { height:100%;     padding:1px;}
.altro_bg2 div div{  background:#e8e8e8; height:100%;  z-index:2;}
.destra,.sinistra { z-index: 3}
.arrow { display:block; margin:0px auto 15px auto;color-fill:#000000;}
path,
 circle,
 polygon,image { 
    fill: #000000!important; 
	color-fill:#000000;
  }
  
  .weather_icon .my-class {
    fill:blue;
    stroke:green;
}

.bg_sinistra,.bg_destra{ margin:0px -15px; padding:0px 15px}
.bg_sinistra{ background:#cf5650}
.bg_destra{ background:#be4d48}

.sinistra section{ background:#fff; margin:0px -15px;}
.destra section{  margin:0px -15px; padding:0px 15px}

.prodotto{ width:100%}
.sfondo_top{}
@media all and (max-width:767px){
.bg_destra{ height:auto!important}
.altro_bg{display:none}
}


.contenitore_top  { padding:15px 0px 20px 0px;text-align:center; height:100%;display: table; width: 100%;}
.contenitore_c{     display: table-cell;    vertical-align: middle; text-align:center}
@media all and (max-width:767px){
	
	.contenitore_top.titolo{ padding-top:0px}
}
/*SFONDI STRUTTURA*/
/*SFONDI STRUTTURA*/
/*SFONDI STRUTTURA*/


/*TESTI*/
/*TESTI*/
/*TESTI*/

.titolo-pagina,
.titolo-form{ font-family:"Roboto Condensed"}

.contenitore { padding:20px 0px 25px 0px;text-align:center}
.cont{ padding:0px 0px 0px 20px}


.intro{ margin:10px 0px 20px 0px;}
.titolo-pagina,
.titolo-form,
.titolo-pagina small,
.titolo-form small{ color:#fff; display:block;
  text-shadow: 1px 1.732px 0px rgba(207, 86, 80, 0.094);


}



.titolo-pagina{font-weight:500; font-size:33px; }
.titolo-pagina small{ font-weight:light; font-size:20px; color:#ffe5a3} 

.titolo-form { font-size:35px;font-weight:500; font-style:italic; color:#ffe5a3}
.titolo-form small{ font-weight:light; font-size:15px;color:#ea9f9c }

.titolo-punti{ font-size:18px;color:#cf5650; margin-bottom:10px}
.titolo-punti small{ color:#fe827c; display:block}

.punti{ margin:20px 0px 30px 0px}
.titolo-punto{ font-size:16px;color:#000; font-weight:bold; margin-top:10px}
.titolo-punto i{ font-size:150%;  position:absolute; margin-left:-30px; color:#b4b4b4}
.titolo-punto small{ color:#000}
.punto span{ color:#7c7c7c; font-size:12px;}


@media all and (max-width:767px){
.punti { margin:15px!important}
}
/*TESTI*/
/*TESTI*/
/*TESTI*/


/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
@media (min-width: 767px) {
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
  position:relative;
}	
}
@media (min-width: 768px) {
#push,
footer {
  height: 60px;
}
}
.logoFooter { filter: grayscale(100%); 
	max-width: 100px;
    /* line-height: 150px; */
    margin: 10px 20px 10px 0px;
    /* display: inline-block; */
    float: left;
}
@media (max-width: 767px) {
  footer {height:auto; font-size:8px }
  .logoFooter{ display:none}
}
footer{ display:block; color:#999; padding:15px 20px; background:#3d3d3d;}

footer{
  bottom: 0;
  width: 100%;
  position:relative;
  z-index:2;
  font-size:12px;
	}
footer a{ color:#ccc;}
footer a:hover{ color:#999;}

/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/

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


/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */




.form .dati input,.form .dati select{ margin-bottom:10px;height: 42px;   padding: 10px 12px;}
.form-control {padding:6px 19px;margin:7px 0px; border-radius:5px; height:46px; background:#ffffff; border-color:#e1e1e1} 

/* AREA CAMPI*/
.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}


/* AREA CAMPI*/

/* AREA FORM DISPLAY*/

form{ overflow:hidden}
.obbligatori { margin:10px 0px}
.acquista { margin:10px 0px}


/* SENZA TEL*/
#form.senzaTel .form-top{	display:none}
.form-top{	display:none}
/* SENZA TEL*/
.form-top h4{ display:block; }
.form-top h4 small{display:block;}
.form-top h4 strong{ background:#0091bb; color:#fff; display:inline-block; padding:3px; margin:3px}

.form-top .call-center{ width: 50%; margin:0px auto; display:block;}

.form-top .numero-verde {	 position:relative; margin-top:10px; }
.form-top .numero-verde img{ max-width:100%; }

.form-top .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}
.form-top .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;}


/* AREA FORM DISPLAY*/

/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */
/* AREA FORM */