/*
	stili principali */

body{
	font-family:"Trebuchet MS", Verdana, Arial, "MS Sans Serif"; margin: 0;	font-size:12px;  width:100%; color:#333333; background-color:#f3f3f3;}
address{
	padding:0 0 0 5px; margin:0; font-style:normal;}
	
/*
	linea per il posizionamento di h1 e h2	*/
.linea_top{
	background-image:url(../immagini/layout/bkg_linea_titolo_top.gif); background-repeat:repeat-x; 
	height:20px; margin:0; position:absolute; top:0; left:0; width:257px; border-bottom:3px solid white;}
.linea_top h1{
	color:white; padding:2px 0 0 5px; font-size:11px; font-weight:bold; margin:0; display:inline; font-variant:small-caps;}

/*************************************************************************************************
	banner	
*************************************************************************************************/
#banner {
	padding: 0; background-image:url(../immagini/layout/bkg_sfondo.jpg);
	background-repeat:repeat-x; background-position:top; height:180px; margin:0;}
#menu_superiore{
	padding: 0; float:left;}
#menu_superiore img{
	float:left; padding:0; border-right:1px solid white;}	
#banner #logo{
	float: left; width: 255px; margin: 50px 0 0 0;}
	
/*************************************************************************************************
	contenitore	
/***********************************************************************************************	
	
#contenitore {
	width: 763px; margin:41px 0 0 0;}	*/
	
/*************************************************************************************************
	contenuto	
*************************************************************************************************/
#contenuto {
	padding: 30px 0 0 0; float:left; background-image:url(../immagini/layout/sfondo_centrale_01.gif);
	background-repeat:repeat; width:508px; margin:0 0 30px 0; color:#FFF;}
#contenuto_ {
    width: 508px; margin:0; background-image:url(../immagini/layout/sfondo_centrale_02.gif);
    background-repeat:no-repeat;}
/*formattazione*/
#contenuto table.principale{
	margin:25px 0 0 15px;}
#contenuto table.preventivo{
	margin:25px 0 0 0;}
#contenuto table .lineadivisione{
	text-align:center; padding:20px 0 20px 0;}
#contenuto table .lineadivisione_offerta{
	text-align:center; padding:0 0 30px 0;}
#contenuto table.principale .testososta{
	color:#333333; padding:5px 10px 0 10px;}	
	
/*h2; h3: titolo e sottotitolo della pagina (utilizzati anche nei box in home)*/	
#contenuto h2{
	font-size:18px; font-weight:bold; letter-spacing:1px; margin:0; padding:0 0 0 5px; font-variant:small-caps;}
#contenuto h3{
	font-size:12px; margin:0; padding:2px 0 5px 5px;}
#contenuto h4{
	font-size:13px; margin:0; padding:2px 0 5px 5px;}	
/*titolo e sottotitolo della pagina suddivisi per sezione*/
.titolonoleggio, .titolonoleggio a{
	color:#9cb816; text-decoration:none;}
.titolonoleggioplus h2{
	color:#9cb816; text-decoration:none; font-size:20px; padding:25px 0 0 0; text-transform:uppercase; font-weight:bold;
	letter-spacing:1px;}	
.sottotitolonoleggio, .sottotitolonoleggio a{
	color:#968c56; text-decoration:none}
.sottotitolonoleggioplus{
	color:#968c56; text-decoration:none; padding:0 0 15px 0;}
.titoloassistenza, .titoloassistenza a{
	color:#2fc8b6; text-decoration:none;}
.sottotitoloassistenza, .sottotitoloassistenza a{
	color:#1e867a; text-decoration:none;}
.titoloaccessori, .titoloaccessori a{
	color:#ddbc10; text-decoration:none}
.sottotitoloaccessori, .sottotitoloaccessori a{	
	color:#990000; text-decoration:none;}
.titolovendita, .titolovendita a{
	color:#968c56; text-decoration:none;}
.sottotitolovendita, .sottotitolovendita a{
	color:#cfc27c; text-decoration:none;}
	
/*offete lastminute e oktoberfest*/
.titolo_lastminute{
	color:#FF0000; font-weight:bold; padding:0 0 0 10px; line-height:19px;}
.titolo_lastminute a{
	color:#666; font-weight:bold; padding:0;}
.titolo_lastminute a:hover{
	color:#999999; font-weight:bold; padding:0;}
.testo_lastminute{
	color:#666666 font-weight:bold; padding:0 0 0 0; line-height:22px; font-size:13px;}
.testo_lastminute a{
	color:#666666 font-weight:bold; padding:0; line-height:22px;}
.testo_lastminute a:hover{
	color:#666666 font-weight:bold; padding:0; line-height:22px;}   
.prezzo_listino{
	color:#666666; font-weight:bold; text-decoration:line-through; padding:0; font-size:20px;}
.titolo_offerta{
	color:#9cb816; font-weight:bold; padding:0; font-size:15px; text-align:center;}
.testo_offerta{
	color:#666666; padding:0; font-size:15px; text-align:center; line-height:25px;}	
.tabella_oktoberfest{
	border:1px solid #ccc;}
.principale .programma{
	font-size:14px; font-weight:bold; padding:0; color:#006699;}
.principale .programma a{
	font-size:14px; font-weight:bold; padding:0; color:#006699;}
.principale .programma a:hover{
	font-size:14px; font-weight:bold; padding:0; color:#003399;}	
prova a{
	color:#FF0000;}	
.principale .flash{
	border:1px solid #ccc;}	
.principale .link{
	margin:0; border:1px solid #000000; background-color:#6a6a5e; text-align:center;}
.principale .link a{
	margin:0; color:#FFFFFF; padding:0 10px 0 10px; text-decoration:none; font-weight:bold;}
#contenuto .principale h4{
	color:#FF0000; font-weight:bold; padding:0; font-size:21px;}
		
/*sezione noleggio*/
.titolointernonoleggio{
	color:#990000; padding:35px 0 10px 5px; font-weight:bold;}	
.immaginicamper img{
	float:left; padding:0 30px 0 10px;}
.avanti{
	padding:25px 0 0 15px;}
.caratteristichecamper table{
	margin:0 0 0 10px; line-height:25px;}
.caratteristichecamper table.tariffeveicolo{
	border:1px solid #cccccc; background-color:white; font-size:12px; color:#333;}
.caratteristichecamper .omologogazione{
	color:#9cb816; font-weight:bold; font-size:16px;}
ul.veicoli{
	margin:10px 0 0 0; padding:0 0 0 15px; list-style-type:none;}
ul.veicoli li{
	padding:3px 0 3px 0;}
ul.veicoli li a{
	color:#990000; text-decoration:none; font-size:12px; font-weight:bold;}
/*link approfondimento*/
.approfondimento{
	padding:15px 0 0 5px; font-weight:bold;}
.approfondimento a{
	color:#9cb816;}
.testohome{
	color:#666666; vertical-align:top; padding:0 10px 5px 3px;}
.testoofferta{
	color:#666666; vertical-align:top; padding:0 10px 0 10px; font-size:14px; color:red; font-weight:bold;}
.testoofferta a{
	vertical-align:top; font-size:14px; color:red; font-weight:bold;}
.testoofferta a:hover{
	vertical-align:top; font-size:14px; color:#990000; font-weight:bold;}
#contenuto table.principale p{
	padding:10px 10px 0 5px}
#contenuto table strong{
	color:#9cb816;}
/*date*/
ul.avvertenzenoleggio{
	list-style-type:none; padding:0 0 0 5px; margin:5px 0 20px 15px; line-height:20px; color:#000;}
/*tariffe*/
table .tariffe{
	border:1px solid #cccccc; background-color:white; font-size:12px; color:#333; margin:15px 0 35px 0;}
.prezzi{
	text-align:center; width:60px; border:1px dotted #EEEEEE; padding:2px 0 2px 3px;}
.bassa{
	background-color:#66CCFF;}
.media{
	background-color:#66FF33;}
.alta{
	background-color:#FFCC00;}
.anchor, .anchor a{
	color:#9cb816; margin:15px 15px 0 0;}
/*calendario*/
.tabella_leggenda{
	margin:15px 0 25px 25px; background-color:white;}
.tabella_calendario{
	border:1px solid #CCCCCC; margin:20px 2px 20px 2px; background-color:white;}
.mese{
	font-size:12px; color:#000000; text-align:center; background-color:#CCCCCC; padding:2px 0 2px 0; letter-spacing:1.3px;}
.giorno{
	width:15px; color:#FF0000; text-align:center; font-size:10px; border:1px dotted #EEEEEE;}
.giorno_no_numero{
	width:15px; color:#FFFFFF; text-align:center; font-size:10px; border:1px dotted #EEEEEE;}
.stagione{
	width:15px; color:#000000; text-align:center; font-size:11px; border:1px dotted #CCCCCC;}	
.bassacalendario{
	 background-color:#66CCFF;}
.mediacalendario{
	background-color:#66FF33;}
.altacalendario{
	background-color:#FFCC00;}
/*condizioni-prenotazione*/
ul.principale{
	list-style-type:lower-alpha; margin:10px 0 15px 0; padding:0; font-weight:bold;}
ul.principale li{
	font-weight:normal; padding:2px 0 2px 5px;}
ul.interno{
	list-style-type:lower-roman; margin:5px 0 5px 20px; padding:0; font-weight:bold;}
ul.interno li{
	font-weight:normal; padding:1px 0 1px 5px;}
ul.anchor{
	margin:15px 0 10px 20px; list-style-type:none; line-height:20px; color:#9cb816; font-size:13px;}
ul.anchor li{
	font-size:11px;}
ul.anchor li a{
	text-decoration:none; padding:0px 0 0px 20px; color:#333;}
dl.condizioni{
	margin:10px 0 0 0; padding:0; color:#333333;}
dl.condizioni dt{
	color:#9cb816; font-size:13px; font-variant:small-caps; font-weight:bold; margin:5px 0 10px 0;}
dl.condizioni dd{
	margin-bottom:25px;}
/*area preventivo*/
.menupreventivo img{
	float:left; margin:0 0 0 15px;}
.imgpreventivo{
	padding:55px 0 0 15px;}
/*
    preventivo-noleggio-camper.aspx */
.veicolinoleggio h5{
    color:#9cb816; font-size:14px; font-weight:bold; padding:10px 0 0 15px; margin:0; letter-spacing:1px;
	text-transform:uppercase;}
.veicolinoleggio h6{
    color:#006633; font-size:11px; font-weight:bold; padding:0 0 5px 15px; margin:0; letter-spacing:1px;}
.linkcamper{
    vertical-align:bottom;}      
.linkcamper a{
    text-decoration:underline; padding: 0 0 0 10px; color:#666;}
.linkseleziona a{
    font-weight:bold; padding: 0 15px 0 10px; margin:0; color:red; font-size:13px; letter-spacing:1px;}

/*
    preventivo-seleziona-data.aspx  */      
.selezionadata{
    padding:0 10px 0 10px; font-size:13px; font-weight:bold;}
.calendario{
    padding:0 10px 0 10px;}
.errore{
    color:Red; font-weight:bold; font-size:18px;}
.contenuto h3 {
    text-decoration:underline; color:#9CB816; margin:5px 0 5px 0;}
.contenuto h4{
    color:Green; margin:10px 0 10px 0;}
#RBtariffa{
    font-weight:bold; line-height:25px;}
    
/*
    preventivo-risultato.aspx   */

/*contenuto*/.riepilogo{
    padding:20px; font-size:16px; font-weight:bold;}
.prezzo{
    font-size:22px; color:#750000;}                 
/*contenuto*/.mail{
    color:#9CB816; font-size:24px; font-weight:bolder;}
/*contenuto*/.spiegazione{
    font-size:14px; margin-right:20px; line-height:normal;}
/*contenuto*/.spiegazione a{
    font-size:14px; color:#9cb816;}
.tabellamail{
	padding:35px 0 0 0; line-height:35px; font-size:13px; margin:0 0 0 10px;}
.nomemail{
	padding:0 0 0 10px;}
.tabellamail a{
	color:#9cb816;}

/*
	noleggio camper */ 
.thumbnail{
	position: relative; z-index: 0;}
.thumbnail:hover{
	background-color: transparent; z-index: 50; cursor:hand;}
.thumbnail span.camperthumb{
	position: absolute; background-color:white; padding: 30px; left: -1000px; border: 1px solid #9cb816;
	visibility: hidden; color: black; text-decoration: none; font-size:12px; color:#000000; min-width:200px; 
	text-align:center;}
.thumbnail span.camperthumb img{
	border-width: 0; padding: 2px; float:none;}
.thumbnail span.camperthumb b{
	font-size:14px; color:#9cb816; display:block;}
.thumbnail span.camperthumb p{
	margin:10px 0 10px 0;}
.thumbnail:hover span.camperthumb{
	visibility: visible; top: 0; left: -100px; right:30px;}	            	
td.noleggiocamper{
	padding:10px 0 40px 8px;}	
dl.noleggiocamper dt{
	color:#9cb816; font-size:16px; font-weight:bold; padding:0 0 10px 0;}
dl.noleggiocamper dt a{
	color:#9cb816; text-decoration:none;}
dl.noleggiocamper dd{
	padding:0; margin:0;} 
.noleggiocamper dd img{
	float:left; margin:0 40px 0 0;}
dl.noleggiocamper dd a{
	color:#9cb816; text-decoration:none;}
	
/*
	accessori	*/
.offerteaccessori a{
	color:#9cb816; text-decoration:underline; font-weight:bold;}
.offerteaccessori a:hover{
	color:#666666; text-decoration:underline; font-weight:bold;}
.offerteaccessori .prezzo{
	font-size:15px; color:#333333; padding:0; font-weight:bold;}	
.titoloparagrafo{
	font-size:19px; color:#006699; font-weight:bold; padding:10px 0 10px 0; letter-spacing:1px;
	background-color:#dbdbdb; border:1px solid #ccc;}
.titoloparagrafo a{
	color:#006699; text-decoration:none}
.titoloparagrafo a:hover{
	color:#006699; text-decoration:none}		
.offerteaccessori{
	line-height:25px;}
.offerteaccessori .testo{
	color:#333333; padding:0; font-size:13px;}
.offerteaccessori b{
	color:#FF0000; font-weight:bold; padding:0; font-size:15px;}		
.accessoriprezzo{
	font-size:13px; color:#FF6600; font-weight:bold; padding:0;}
.imgaccessori{
	padding:10px 0 0 0;}
ul.offerte{
	margin:10px 0 0 0; padding:0 0 0 15px; list-style-type:none;}
ul.offerte li{
	padding:3px 0 3px 0;}
ul.offerte li a{
	color:#006600; text-decoration:none; font-size:12px; font-weight:bold;}
.offerteaccessori .navigatore{
	color:#990000; padding:20px 0 0 0; font-weight:bold;}
.offerteaccessori .navigatore a{
	color:#990000; padding:0; font-weight:bold; text-decoration:underline;}
/*
	vendita camper	*/
table.venditacamper{
	letter-spacing:1px; margin:20px 0 0 0;}
table.venditacamper a{
	color:red;}
table.venditacamper, .singolocamper .titolo{
	font-weight:bold; color:#006699;}
table.venditacamper, .singolocamper .specifica{
	font-weight:bold;}
.contattacivendita{
	font-size:18px; padding:30px 0 10px 10px;}
.contattacivendita a{
	text-decoration:underline;color:#9cb816;}
.singolocamper{
	font-weight:normal; line-height:20px;}
.gallery img{
	padding:0 5px 0 0;}

/*
	contatti	*/
dl.elencocontatti{
	margin:10px 0 0 5px; padding:0; color:#000;}
dl.elencocontatti dt{
	color:#9cb816; font-size:13px; font-variant:normal; font-weight:bold; margin:5px 0 2px 0;  }
dl.elencocontatti dd{
	margin:0 0 10px 5px;}
dl.elencocontatti dd a{
	color:#333333; text-decoration:none;}	
.tblcontatti{
		color:#000;}
.tblcontatti input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; font-size:11px;}

/*
	dove siamo	*/

.newcar{
	font-size:16px; letter-spacing:1px;}
ul.dovesiamo{
	list-style-type:none; padding:0 10px; margin:10px 0;}
ul.dovesiamo li{
	padding:3px 0 3px 0;}
table.offerte{
	border:1px solid #EAEAEA; line-height:30px; margin:10px 0 15px 0;}
ul.dettagliofferta{
	list-style-type:none; margin:5px 0 10px 10px; padding:0; line-height:25px;}
ul.dettagliofferta li{}
.avvertenze{
	font-style:oblique; padding:20px 0 20px 0;}

		
/*************************************************************************************************
	
	colonna_sinistra
	
*************************************************************************************************/

#colonna_sinistra {
	float: left; width: 255px; margin:0 0 30px 0; padding:0 0 0 0;}
/*menu laterale*/
#menu_laterale{
	margin:20px 20px 0 20px;}
.titolo_menu{
	color:black; font-weight:bold; padding:2px 0 2px 5px; display:block; font-size:13px; 
	letter-spacing:2px; background-position:top; background-repeat:repeat-x;}
/*titoli del menu*/	
.noleggio{
	background-image:url(../immagini/menu/menu_noleggio.jpg); }
.assistenza{
	background-image:url(../immagini/menu/menu_assistenza.jpg);}
.accessori{
	background-image:url(../immagini/menu/menu_accessori.jpg);}
.vendita{
	background-image:url(../immagini/menu/menu_vendita.jpg);}
.contatti{
	background-image:url(../immagini/menu/menu_contatti.jpg);}
.storico_offerte{
	background-image:url(../immagini/menu/menu-vecchie-offerte.jpg);}
/*fine titoli del menu*/
#colonna_sinistra ul{
	list-style-type:none; padding:0; margin:0 0 15px 0;}
#colonna_sinistra ul li{
	font-size:12px; border-bottom:1px solid #CCC; padding:10px 0 0 10px}
#colonna_sinistra ul li a{
	text-decoration:none; color:#333333;}
#colonna_sinistra ul li a:hover{
	text-decoration:none; color:#CCCCCC;}		

/*************************************************************************************************	
	footer
*************************************************************************************************/
#footer {
	clear: both; padding: 0; margin:30px 0 0 0; background-image:url(../immagini/layout/bkg_footer.jpg); background-repeat:repeat;
	padding:15px 0 20px 270px; color:#FFF;}
#footer a{
	color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#footer a:hover{
	color:#999999; text-decoration:none;}
.landing a{
	color:#9cb816; text-decoration:none;}	
.landing a:hover{
	color:#999999; text-decoration:none;}
.landing ul{
	padding:0; margin:0;}
.landing ul li{
	padding:5px 0 0 10px; color:#999999; font-weight:bold; list-style-type:none;}
.landing ul li a{
	padding:5px 0 0 10px; color:#999999; font-weight:bold; text-decoration:none;}
	
#FrogJS{
width: 450px;
height: 500px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size:12px;
color: #333;
padding: 10px 1px 5px 0; line-height:20px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
#FrogJS b{
	color:#FF6600;}
#FrogJS strong{
	color:#006699;}		

#FrogJS{2
width: 450px;
height: 500px;
margin: 0 auto;
}
#FrogJS2Credit{
text-align: right;
font-size:12px;
color: #333;
padding: 10px 1px 5px 0; line-height:20px;
}
#FrogJS2Caption{
text-align: left;
line-height: 140%;
}
#FrogJS2 b{
	color:#FF6600;}
#FrogJS2 strong{
	color:#006699;}			

.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid #ccc;
overflow: scroll; /*leave this value alone*/
width: 460px; /*Width of Carousel Viewer itself*/
height: 292px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 440px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}