/* =========================================================
Generale
============================================================ */
body{ 
	background-size: 100% ;  
	color: #444;	
	font-size: 16px;	font-weight:300;	
	/*font-family:'Open Sans', Arial, Helvetica ,  sans-serif;*/ 
	font-family: 'Muli', Arial, Helvetica , sans-serif;
}
div, article, section, header, footer, nav, li {position:relative;}
.group:after {	display:block;	height:0;	clear:both;content:".";visibility:hidden; /* For clearing */}
::-moz-selection {color:#333;}
::selection {color:#333;}
/* scroll to top */
.scrollup{	position:fixed;	width:32px;height:32px;bottom:20px;right:20px;}

/* =========================================================
Impaginazione Home
============================================================ */
#bloccoPreliminari{border-bottom: 1px solid #ff9933; text-align: right; padding: 5px; color: #0081c2;}
#bloccoPreliminari h1{font-size: 0.85em;  padding: 0px; margin: 0px;}
#preTestata{/*height:85px;*/  /*background:#33ff33;*/ padding: 8px 0px; }
.contenitore{/*background:#FFF;*/ max-width:1340px; margin:0px auto;}
#sezTestata{}
#linkMenuOrizz{padding-top: 9px;}
#linkMenuOrizz a:hover{color:#036; }
#testata{	/*background:url(/grafica/sfondoTestata.jpg);	height:320px; */	}
#contFormLogin{padding-right:10px;   /*padding:10px;*/}
#spalla2{padding-left:10px;}

.btnFontArial{font-family:Arial,Verdana,sans-serif;}

/* ---------form ricerca offerte--------- */
/*.form-control[readonly] {cursor: auto;background: #FFF;}*/

#formRicercaOfferte{background:#f5f5f5; margin:5px 10px 0px 10px; padding:3px; border-radius:10px; color:#000; }
#titoloFrmOfferte{font-size:1.1em; text-align:center; color: #ff6c00;}
#eticSoloNaveGratis{display: inline; font-size: 0.85em;}
.paddingForm{padding:8px;}
.form-control[readonly] {cursor: auto;background: #FFF;}
.dataCalendario[readonly] {cursor: auto;background: #FFF;}

/* ---------form lineare di ricerca offerte--------- */
#formRicercaOfferteLineare{
	width: 80%;
	position: relative;
	margin: 0px auto;
}
#strisciaFormRicerca{ 
	
	position: relative;
	background-color: #ffffffAA;   
	color:#ffffff; 
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px;
	margin: 0 auto;
}
#strisciaFormRicerca label{ 
	font-weight: bold;
	font-size: 1.2em;
	text-shadow:2px 2px #666666;
}


 
.colonneOffCercaLineare{padding: 4px;}
.selectOffCercaLineare{height: 35px;}

.testataLineare {overflow: hidden;padding: 0;border: none;position: relative;}
.dataRicercaLineare{height: 30px;  }
.testataLineareImg {width: 100%;}
.testataLineareBlocco {
	width: 80%; 
	position: absolute;/*background-color: rgba(255, 255, 255, .8); */left: 0;bottom: 45%;left:15%;
	padding: 10px;margin: 0;
}

#fasciaBoxGeoHome{padding:10px;}
#fasciaLinkGeoHome{
	padding:20px 10px;  
	background:#ffd12f; 
	text-align: center;
	
}
#fasciaLinkGeoHome a{
	background:#ffffff; 
	padding:10px;  
	border-radius: 10px; 
	font-family: 'Muli', Arial, sans-serif;

}
#fasciaSep1{
	background:url(/grafica/sfondoSep1.jpg);
	margin: 30px 0px;
	height: 248px;
	overflow: hidden;
	text-align: center; 
	font-weight: bold;
	color: #ffffff;
	text-shadow:2px 2px #666666;
	font-family: 'Muli', Arial, sans-serif;
}
#fasciaSep1 h3{
	margin-top: 0px;
	font-size: 2.8em;
	 font-weight: bold;
	 background-color: #003366AA;
}
#fasciaSep1 h4{
	font-size: 1.8em;
	 font-weight: bold;
}

#eticFasciaBoxGeo{	
	margin-top: 5px;
	background:#4686d8; 
	padding:5px; color: #fff;
	text-align: center; 
	font-size:1.5em; 
	font-weight: bold; 
	/*text-shadow: 1px 1px #000;*/ 
	font-family: 'Roboto' ,Arial, sans-serif; 
	font-weight:bold; 
}
.linkGeoHome{ 
	font-family:Verdana,arial,sans-serif; 
	color:#00467f;
	font-size: 1.5em;
}


#boxAltreDateOfferta{   }
#listaDateOfferta{  }
#btnCambiaData{}

.strApartireDaContesto3{font-weight: bold; color: #009933 }
.strPrezzoContesto3{font-weight: bold; background: #ffff00;}

/* ---- promo ---*/
#listaOffertePromo{
	background:#4686d8; 
	padding:10px;
}
#eticFasciaPromo{background:#f5d03a; padding:5px; 	 color: #ffffff; font-size:1.2em; font-weight: bold;  text-shadow: 1px 1px #000; font-family:  Arial, sans-serif;   }

.boxPkt{ 
	position: relative;

}

.boxPkt_SfBordo img{
	background:#ffffff;
	padding: 2%;
	
}

  .boxPkt img{width: 98%;}

  .boxPktTesto{
	  color: #fff;
	  position: absolute;
	  bottom: 20px;
	  text-shadow:2px 2px  #666666 ;
  }
  .boxPktTitolo{
	  line-height: 1em;
	  font-weight: bold;
	  font-size: 1.5em;
	  background: #00000055;
	  padding-left: 10px;
  }
  
  .boxPktTitolo a {color: #fff;}
  .boxPktTitolo a:hover {text-decoration: none;}
  .boxPktLocalita{
	  font-size: 1.3em;
	  text-shadow:2px 2px  #666666 ;
	  padding-left: 10px;
  }
  
  .boxPktPrezzo{
	  background-color: #ff9000; 
	  padding: 8px; 
	  color: #fff;
	  width: 40%;
	  bottom: 20px;
	  position: absolute;
	  font-size: 1.5em;
  }
/* ---- /promo ---*/



/* ---- catalogo home---*/
.colPkt3{padding: 15px;  }  

.boxPkt3{
	border: 1px solid #cccccc;
	padding: 5px;
}  
  
.boxPkt3ContImg{
	height: 250px;
	overflow: hidden;
}  
.boxPkt3ContImg img{
	max-width:400px ;
}  

.boxPktTitolo3{ 
	padding-top:  15px   ;
	font-size: 1.3em;	
	font-weight: bold;	
}  

.boxPktInfo3{
	margin: 10px 0px;
	border-bottom: 1px solid #e4e4e4;
	padding:  15px 0px  ;
}

.boxPktLocalita3{
	padding:  15px 0px  ;
	font-size: 1em; 
	border-bottom: 1px solid #e4e4e4;
}  
 


/* ---- fascia geo home---*/
.colBoxGeo{  }
.boxGeo{position: relative; padding: 5px;  }
.boxGeoTesto{color: #fff;position: absolute;bottom: 15px;}
.boxGeoTitolo{line-height: 1em;font-weight: bold;font-size: 1.3em;background: #00000055;padding-left: 10px;}
.boxGeoTitolo a {color: #fff;}
.boxGeoTitolo a:hover {text-decoration: none;}

 /* ------------------risultati ricerche------------------ */ 
  
 .contBoxPktRis{
	 margin: 30px 0px;
	 padding: 10px 0px;
	 width: 100%;
	 max-width: 500px;
	 border-bottom: 1px solid #666666;
	 
 }


.boxPkt4{
	border: 1px solid #cccccc;
	padding: 5px;
}  
  
.boxPkt4ContImg{
	height: 250px;
	overflow: hidden;
}  
.boxPkt4ContImg img{
	max-width:400px ;
}  

.boxPktTitolo4{ 
	padding-top:  15px   ;
	font-size: 1.3em;	
	font-weight: bold;	
}  

.boxPktInfo4{
	margin: 10px 0px;
	border-bottom: 1px solid #e4e4e4;
	padding:  15px 0px  ;
}

.boxPktLocalita4{
	padding:  15px 0px  ;
	font-size: 1em; 
	border-bottom: 1px solid #e4e4e4;
} 
.boxPkt4ListaIco{
	padding:  15px 0px  ;

	 
} 


/* ---- form contatti ---*/
#skFormContatti{background:#d5d5d5; padding:5px;height: 230px;}
#eticFormContatti{color:#FFF; font-size:1.5em; font-weight:bold; text-shadow:2px 2px #999;}
.rigaFrmContatti{margin-bottom:4px;}
.colFrmContatti{padding:0px 2px;}

#spalla2{padding:10px 5px;}


/* ---- offerte lancio---*/
#contOffLancio{/*padding:3px;*/   overflow:hidden;  height:auto;position: relative; max-height: 350px;}
#descrOffLancio{color:#FFF;background:url(/img/sf10x10-50-Nero.png); position: absolute;    bottom: 0px; width: 100%;}
.titoloOffLancio{font-size: 1.8em; }

#corpoOffLancio {font-size: 0.85em;  }
.linkOffLancio{color:#FF0;}
.linkOffLancio:hover{color:#F90;}

/* ---- bx chiama---*/
#boxChiama{background: #E4F3FF; padding: 5px;}
#boxChiama h3{margin: 0px; padding: 0px; font-family: 'Raleway', Arial, sans-serif;  }


/*--------- fascia testo home-------------*/
#fasciaTestoHome{padding:5px 10px   ; font-size: 0.9em; line-height: 1.5em; /* text-align: justify;  */ font-family:'Raleway',Verdana,Arial;  }
.testoRossoFasciaTxtHome{color:#F30;}
.testoGrassFasciaTxtHome{font-weight: bold;}


.stepTestoHome{height: 96px; width:227px;padding-left: 90px; padding-top: 3px; font-family: 'Raleway', Arial, sans-serif;   }
.stepTestoHome h3{ color:#ff4310; font-size: 1.1em; font-weight: bold; line-height: 1.2em; }
#step1TH{background-image: url(/grafica/boxStep_1.png) }
#step2TH{background-image: url(/grafica/boxStep_2.png) }
#step3TH{background-image: url(/grafica/boxStep_3.png) }
#listaStepHome{margin-bottom: 5px;}

/* ---- offerte corpo---*/


/* ---- interna----------------------------------------*/
#spalla2Int{ padding:0px 0px;}
#spalla1Int{ padding:0px 10px 10px 0px;}

/* ----articoli----*/
.titoloArticolo{padding-top: 15px;}
.titoloArticolo h1{font-size:1.6em; color:#F30;}
.corpoArticolo{font-family: 'Raleway',Verdana,Arial,sans-serif;}


footer{min-height: 300px; background:#003a66; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:30px 0px;}
footer a, footer a:hover{color:#FFF;}

footer ul{list-style:none; margin-left:0px;padding-left:0px;}
.menuRiepilogo h4{font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:15px;}

#copyright{margin-top:20px; text-align:center; border-top:1px solid #666;}

/* -----------Riepilogo ordine-------------*/
.riepilogoOrdine{padding: 20px 0px;}
.rigaRiepilogoOrdine{font-size: 0.9em; border-bottom:1px solid #cccccc ; }
.eticRiepilogo{font-weight: bold; color:#0081c2; }
/* -----------/Riepilogo ordine-------------*/

.ajax-loader {  visibility: hidden;  background-color: rgba(255,255,255,0.7);  position: fixed;     z-index: 200 !important;   width: 100%;  height:100%;}
.ajax-loader img {  position: relative;  top:50%;  left:50%;}


/* ------------cookies---------- */
#infoCookiesBreve {	background:#000; color:#fff;	width:100%; margin:0 auto;height: auto;	z-index: 100000;font-size: 12px;line-height: 18px;}
#testoCookiesBreve{padding:5px; }
#btnCookies{  text-align:right; } 
/* ------------/cookies---------- */


/* --- icone----- */
.iconaAzione{font-size: 2em;}
.iconaGrand3{font-size: 3em;}
.iconaGrand2-5{font-size: 2.5em;}
.iconaGrand2{font-size: 2em;}
.iconaGrand1-5{font-size: 1.5em;}
.iconaGrand1-2{font-size: 1.2em;}
.iconaGrand1-1{font-size: 1.1em;}

/* --- testi----- */
.testoGrandeF{font-size: 2em;}
.testoGrandeE{font-size: 1.60em;}
.testoGrandeD{font-size: 1.50em;}
.testoGrandeC{font-size: 1.40em;}
.testoGrandeB{font-size: 1.25em;}
.testoGrandeA{font-size: 1.10em;}

.testoPiccoloA{font-size: 0.90em;}
.testoPiccoloB{font-size: 0.75em;}
.testoPiccoloC{font-size: 0.60em;}
.testoPiccoloD{font-size: 0.50em;}
.testoPiccoloE{font-size: 0.40em;}

/* --- colori----- */
.coloreNo{color:#C00;}
.coloreSi{color:#449d44  ;}