body, html{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, h7, h8, p{
	font-size: 100%;
	margin:0;
	padding:0;
	font-weight: normal;
}


img{
	border: none;
}


a{
	outline: none;
	}

p{	
	margin: 5px 0 5px 0;
}
a:link, a:visited{
	text-decoration: none;
	color: #CCC;
}

a:hover{
	color: #FFF;
	text-decoration: underline;
}

body{
	background-image: url(images/bkgCarbon.jpg);
	background-repeat: repeat-x;
	color: #CCC;
	background-color: #282828;
}

.clear{
	clear: both;
	display: block;
}

/* Template
------------------------------------------ */
#wrapper{
	width: 100%;
	height: 100%;
}


#container{
	width: 980px;
	background-color: #000;
	margin: 0 auto;
}

#content{
	min-height: 350px;
}


#footer{
	color: #b8b8b8;
	clear: both;
	height: 31px;
	line-height: 31px;
	font-size: 10px;
}
#footer a{
	color: #b8b8b8;
}
#footer .infoLeft{
	float: left;
	margin-left: 15px;
}
#footer .infoRight{
	float: right;
	margin-right: 15px;
}
#footer h1{
	color: #b8b8b8;
	font-size: 10px;
}


.clearer{
	display: block;
	clear: both;
}

/* Sotto Menu */
ul.menuCategoria{
 margin:0;
 padding:0;
 list-style: none;
 border-top: #ee1c25 1px solid;
 background-image: url(images/bkgMenuDettaglio.jpg);
 background-repeat: repeat-x;
 height: 50px;
}

ul.menuCategoria li{
	float: left;
}

ul.menuCategoria li a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 11px 5px 11px;
	display: block;
}
ul.menuCategoria li a:hover{
	text-decoration: none;
	background-image: url(images/fascettaSelezionato.gif);
	background-repeat: repeat-x;
}

a.selezionato{
	background-image: url(images/fascettaSelezionato.gif);
	background-repeat: repeat-x;
}



.dwnlBrochure{
	padding-top: 21px;
	padding-left: 65px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 154px;
	height: 28px;
	background-image: url(images/bkgDwnlBrochure.jpg);
	background-repeat: no-repeat;
}

.dwnlBrochure:hover{
	color: #F00;
	text-decoration: none;
}


/* HOME
------------------------------------*/

#home{
  padding-left:12px;
}

#home #boxNews{
		width:310px;
		height: 204px;
		background-color: #999;
		background-image: url(images/bkgNews.jpg);
		background-repeat: no-repeat;
}

#boxNews .data{
	text-align: center;
	padding: 15px;
	float: left;
}

#boxNews .giornoMese{
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #d60202;
	letter-spacing: 1px;
	text-align: center;
}

#boxNews .anno{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
}

#boxNews h3{
	margin-left: 5px;
	margin-top: 15px;
	font-weight: bold;
}

#boxNews p{
	clear: both;
	margin: 35px 15px 0px 15px;
}

#boxNews a{
	color: #bcbbbb;
	display: block;
	width: 280px;
	height: 90px;
	font-size: 10px;
}

#boxNews a:hover{
	color: #fff;
	text-decoration: none;
}

#home #boxVideo{
		width:310px;
		height: 204px;
}


#boxScooter, #boxProtezioni, #boxNews, #boxManutenzione, #boxAbbigliamento, #boxVideo{
	float: left;
	margin-right: 12px;
	margin-top: 12px;
}

/* PRODOTTI SOTTO CATEGORIE
------------------------------------*/

#prodSubCat{
  padding-left:12px;
}

#prodSubCat .boxDescrizione{
	margin-right: 12px;
	margin-top: 12px;
	background-color: #1c1c1c;
	padding: 5px;
	color: #adadad;
	
}

#prodSubCat .boxDescrizione img{
	float: left;
}

#prodSubCat .boxCategoria{
	float: left;
	margin-right: 12px;
	margin-top: 12px;
}

/* PRODOTTI DETTAGLIO
------------------------------------*/
#prodDettaglio{
	position: relative;

}


#prodDettaglio .backBtn{
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 10px;
	height: 22px;
	width: 165px;
	text-align: right;
	line-height: 22px;
	background: url(images/frecciaBack.png) left top no-repeat;
	font-weight: bold;
	padding: 0;
	font-size: 11px;
}

#prodDettaglio .backBtn:hover{
	background-position: left bottom;
	text-decoration: none;
}


#prodDettaglio .colonnaSx{
	float: left;
	padding-left: 35px;
}



#prodDettaglio #coloreProdotto{
	margin-bottom: 10px;
}

#prodDettaglio .gallery{
	margin-left: 3px;
	margin-bottom: 25px;
}
#prodDettaglio .gallery img{
	border: none;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* Scheda dettagli */

#prodDettaglio .schedaDettagli{
	width: 515px;
	display: block;
	float: right;
	margin-right: 12px;
}

#prodDettaglio .schedaDettagli h1{
	color: #d42d43;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

#prodDettaglio .listaDettagli{
	display: block;
	width: 476px;
	min-height: 523px;
	background-image: url(images/bkgSchedaDett.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 10px;
}

#prodDettaglio .listaDettagli h2{
	border-bottom: 1px solid #d42d43;
	color: #d42d43;
	margin-bottom: 10px;
	font-weight: bold;
}

#prodDettaglio .listaDettagli h3{
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}

#prodDettaglio .listaDettagli ul{
	font-size: 10px;
	color: #dcdcdc;
	margin: 8px 0 12px 40px;
	padding: 0;
}

#prodDettaglio .listaDettagli ul li{
	margin: 0;
	padding: 0;
}



/* PRODOTTI STANDARD
------------------------------------*/

#prod{
	padding: 15px 15px 15px 15px;
	margin-bottom: 20px;
}

#prod h1{
	color: #d42d43;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
#prod h2{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
}


#prod .columnSx{
	float: left;
	display: block;
	width: 200px;
	text-align: center;
}

#prod .columnDx{
	float: right;
	display: block;
	width: 650px;
}

#prod p{
	margin-bottom: 10px;
}


#prod a{
	margin-bottom: 3px;
	color: #F90;
	display: block;
}

#prod .backBtn{
	display: inline-block;
	position: absolute;
	top: -45px;
	right: 10px;
	height: 22px;
	width: 165px;
	text-align: right;
	line-height: 22px;
	background: url(images/frecciaBack.png) left top no-repeat;
	font-weight: bold;
	padding: 0;
	font-size: 11px;
	color:#CCC;
}

#prod .backBtn:hover{
	background-position: left bottom;
	text-decoration: none;
	color: #FFF;
}

/* PRODOTTI CATEGORIE
-------------------------------------*/

#prodCat{
	padding: 15px 0px 15px 15px;
	margin-bottom: 20px;
}
#prodCat .boxTipologie{
	float: left;
	margin-right:21px;
}





/* CONTATTACI
------------------------------------*/

#contattaci{
	margin-left: 15px;
	margin-top: 12px;
	margin-bottom: 20px;
}

	#formContact {
		color: #CCC;
	}

	#formContact h1{
		font-size: 14px;
		font-weight: bold;
		color: #d42d43;
		margin-bottom: 15px;
	}
	
	#formContact p{
		clear: both;
		font-size: 10px;
		margin-bottom: 10px;
	}
	
	#formContact .field{
		display: block;
		margin-bottom: 10px;
	}
	
	#formContact label{
		display: block;
		font-size: 12px;
		font-weight: bold;
	}
	
	#formContact .field label{
		display: block;
		width: 120px;
		float: left;
		line-height: 18px;
	}
	
	#formContact .field input{
		width: 280px;
		display: block;
		border: none;
		border: #333 1px solid;
		background-color: #000;
		color: #CCC;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		height: 18px;
		line-height: 18px;
		background-image: url(images/bkgCarbon.jpg);
		background-repeat: repeat-x;
	}
	
	#formContact textarea{
		width: 500px;
		height: 268px;
		border: #333 1px solid;
		background-color: #000;
		color: #CCC;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(images/bkgCarbon.jpg);
		background-repeat: repeat-x;
		padding: 5px
	}
	
	#formContact .columnSx {
		float: left;
	}
	
	#formContact .columnDx {
		float: right;
		margin-right: 15px;
		margin-top: -17px;
	}
	
	#formContact .btn{
		text-align: center;
		display: block;
		color:#FFF;
		border: #F00;
		background-color:#d42d43;
		width: 120px;
		height: 20px;
		line-height: 20px;
		margin-top: 25px;
	}
	
	#formContact .btn:hover{
		text-decoration: none;
		background-color: #F00;
	}
	
	
	
/* PROFILO
------------------------------------*/

#profilo{
	padding: 15px;
	margin-bottom: 20px;
}

#profilo h1{
	color: #d42d43;
	font-size: 14px;
	font-weight: bold;
}
#profilo h2{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}


#profilo .columnSx{
	float: left;
	display: block;
	width: 200px;
}

#profilo .columnDx{
	float: right;
	display: block;
	width: 650px;
}

#profilo p{
	margin-bottom: 10px;
}

/*MISSION
------------------------------------*/

#mission{
	padding: 15px;
	margin-bottom: 20px;
}

#mission h1{
	color: #d42d43;
	font-size: 14px;
	font-weight: bold;
}
#mission h2{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}


#mission .columnSx{
	float: left;
	display: block;
	width: 200px;
}

#mission .columnDx{
	float: right;
	display: block;
	width: 650px;
}

#mission p{
	margin-bottom: 10px;
}



/* DOVE SIAMO
------------------------------------*/

#doveSiamo{
	padding: 15px;
	margin-bottom: 20px;
}

#doveSiamo h2{
	color: #d42d43;
	font-weight: bold;
	font-size: 13px;
}

#doveSiamo .columnSx{
	float: left;
	display: block;
	width: 140px;
	background-color: #333;
	padding: 10px;
	height: 301px;
}

#doveSiamo .columnDx{
	float: right;
	display: block;
	width: 775px;
	background-color: #999;
	height: 320px;
}


/* PRESS DOWNLOAD
------------------------------------*/

#pressDownload{
	padding: 0 0 0 15px;
	margin-bottom: 5px;
	min-height: 350px;
}


#pressDownload ul{
	margin: 0px 15px 15px 0px;
	padding:0px;
	list-style: none;
	width: 445px;
	height: 125px;
	float: left;
	border: #666 1px solid;
	padding: 10px;
}
#pressDownload ul li{
	margin: 0;
	padding:0;
}

#pressDownload li a:hover{
	text-decoration: none;
}

#pressDownload ul li.img{
	float: left;
	margin: 0 15px 0 0;
}

#pressDownload ul li.data{
	margin-bottom: 5px;
	font-weight: bold;
}
#pressDownload ul li.titolo{
	font-size: 12px;
	font-weight: bold;
	color: #d42d43;
	margin-left: 15px;
	margin-bottom: 5px;
}

#pressDownload ul li.testo{
	margin-bottom: 10px;

} 





/* PRESS DOWNLOAD DETTAGLIO
----------------------------------------- */

#pressDownloadDett{
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}
#pressDownloadDett .data{
	margin-bottom: 5px;
	font-weight: bold;
}

#pressDownloadDett .titolo{
	font-size: 12px;
	font-weight: bold;
	color: #d42d43;
	margin-bottom: 5px;
}

#pressDownloadDett .imgDettaglio{
	float: left;
}

#pressDownloadDett .dettaglio{
	float: left;
	display: block;
	width: 830px;
	margin-left: 15px;
	border: none;
	list-style: none;
	margin-bottom: 20px;
	min-height: 300px;
}

#pressDownloadDett .dwnl, #pressDownloadDett .urlEsterno{
	margin-bottom: 3px;
	color: #F90;
	font-size: 10px;
	display: block;
}

#pressDownloadDett .dwnl:hover, #pressDownloadDett .urlEsterno:hover{
		margin-bottom: 3px;
	text-decoration: underline;
}

/* FORM DIVENTA RIVENDITORE 
---------------------------------------*/

	#formRivenditore {
		color: #CCC;
	}

	#formRivenditore h1{
		font-size: 14px;
		font-weight: bold;
		color: #d42d43;
		margin-bottom: 15px;
	}
	
	#formRivenditore p{
		clear: both;
		font-size: 10px;
		margin-bottom: 10px;
	}
	
	#formRivenditore .field{
		display: block;
		margin-bottom: 10px;
	}
	
	#formRivenditore label{
		display: block;
		font-size: 12px;
		font-weight: bold;
	}
	
	#formRivenditore .field label{
		display: block;
		width: 120px;
		float: left;
		line-height: 18px;
	}
	
	#formRivenditore .field input{
		width: 280px;
		display: block;
		border: none;
		border: #333 1px solid;
		background-color: #000;
		color: #CCC;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		height: 18px;
		line-height: 18px;
		background-image: url(images/bkgCarbon.jpg);
		background-repeat: repeat-x;
	}
	
	#formRivenditore textarea{
		width: 500px;
		height: 202px;
		border: #333 1px solid;
		background-color: #000;
		color: #CCC;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(images/bkgCarbon.jpg);
		background-repeat: repeat-x;
		padding: 5px;
		margin-bottom: 15px;
	}
	
	#formRivenditore .checkBoxMarchi{
		padding: 0px 5px 3px 0px;
		margin-top: 0px;
		
	}
	
	#formRivenditore .checkBoxMarchi label{
		display: inline;
		margin-right: 10px;
		line-height: 30px;
	}
	
	#formRivenditore .checkBoxMarchi input{
		margin:0 5px 0 0;
		padding:0;
	}
	
	#formRivenditore .columnSx {
		float: left;
	}
	
	#formRivenditore .columnDx {
		float: right;
		margin-right: 15px;
		margin-top: -17px;
	}
	
	#formRivenditore .btn{
		text-align: center;
		display: block;
		color:#FFF;
		border: #F00;
		background-color:#d42d43;
		width: 120px;
		height: 20px;
		line-height: 20px;
		margin-top: 25px;
	}
	
	#formRivenditore .btn:hover{
		text-decoration: none;
		background-color: #F00;
	}
	




/* CERCA RIVENDITORE
----------------------------------------- */

#cercaRivenditore{
	padding: 0 0 0 12px;
	margin-bottom: 5px;
	min-height: 350px;
}

#cercaRivenditore #boxRicerca{
	width: 325px;
	height: 200px;
	padding: 0px 0 10px 0px;
	border: #333 1px solid;
	float: left;
	background-image: url(images/bkgRivenditori.jpg);
	background-repeat: no-repeat;
}

#cercaRivenditore select{
	float: left;
	background-color: #333;
	color: #CCC;
	margin-left: 10px;
	font-size: 11px;
	width: 123px;
	margin-top: 10px;
	padding: 0;
	border: none;
	outline: none;
	height: 17px;
}

#cercaRivenditore .cerca{
	margin-top: 10px;
	margin-left: 10px;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	height: 15px;
	background-color: #d42d43;
	display: block;
	float: left;
	padding: 1px 3px 0 2px;
	line-height: 15px;
}
#cercaRivenditore .cerca:hover{
	text-decoration: none;
	background-color: #FFF;
	color: #d42d43;
}

#cercaRivenditore option{
	line-height: 25px;
	
}

#cercaRivenditore #columnDx{
	float: left;
	margin-left: 15px;
	width: 610px;
}

#cercaRivenditore h1{
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	background-image: url(images/bkgMenuDettaglio.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
}

#cercaRivenditore .boxIndirizzo{
	width: 250px;
	float: left;
	margin-right: 20px;
	padding: 10px;
	margin-bottom: 10px;
}

#cercaRivenditore .boxIndirizzo h2{
	font-size: 12px;
	font-weight: bold;
	color: #d42d43;
}

#cercaRivenditore .boxIndirizzo a{
		color: #FFF;
}

/* FAQ
------------------------------------------- */
#faq{
	padding: 0 12px 0 12px;
	margin-bottom: 25px;
	min-height: 350px;
}

#faq h2{
	color: #d42d43;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 8px;
}


#faq .domanda{
	display: block;
	margin-bottom: 10px;
	line-height: 22px;
	padding-left: 8px;
	padding-right: 5px;
	font-size: 12px;
	background-color: #333;
	background-image: url(images/bkgMenuDettaglio.jpg);
	background-repeat: repeat-x;
}
#faq .domanda:hover{
	text-decoration: none;
	cursor: pointer;
}
#faq .risposta{
	margin-top: 5px;
	margin-bottom: 15px;
}


/* Paginazione
------------------------------------------- */

#paginazione{
	clear: both;
	margin-right: 15px;

}

#paginazione a{
	padding: 2px 7px 2px 7px;
	background-image: url(images/bkgPaging.gif);
	background-repeat: repeat-x;
	height: 14px;
	font-size: 10px;
}

#paginazione a:hover{
	color: #F00;
	text-decoration: none;
}

#paginazione .left{
	float: left;
}

#paginazione .right{
	float: right;
}


/* sitemap
------------------------------------------- */
#sitemap{
	padding: 12px 0px 0 12px;
	margin-bottom: 5px;
	min-height: 350px;
	
}

#sitemap ul{
	width: 128px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 10px;
}

#sitemap ul li.titolo{
	font-weight: bold;
	background-image: url(images/bkgPaging.gif);
	background-repeat: repeat-x;
	padding: 2px 5px 2px 5px;
}

#sitemap ul li{
	padding: 2px 5px 2px 5px;
}

#sitemap ul li a:hover{
	text-decoration: none;
	color: #fff;
}