/***********************************
	BLAST! css
***********************************/
	
	

	body {
		margin: 0px 0px 0px 0px;
		background-color: #f0eee9;
		
	}


	
	#container {
	
		width: 777px;
		border-right: 2px solid #e2e0db;
		background-color: #FFFFFF;	
		padding-bottom: 10px;
		
	}
	
	
	#header {
		width: 777px;
		height:179px;
		background-image: url(img/header_background.jpg);
		background-repeat: no-repeat;
	}
	
	#logo {
		float: left;
		position: relative;
		width:106px;
		height: 134px;
		margin-top: 20px;
		margin-left: 20px;
		background-image: url(img/logo_blast.gif);
		background-repeat: no-repeat;
		border-style: none;
	}
	
	
	#nav_bar {
		position: relative;
		width: 772px;
		height: 17px;
		background-color: #cccccc;
		padding-left: 5px;
	}
	
	
	.menu_bt {
		float: left;
		position: relative;
		border-style: none;
		height: 17px;
		margin-left: 15px;
		margin-right: 5px;
		border-style: none;
	}
	

	
	
	
	#prodotti_bt {
		background: url(img/prodotti_bt.gif) 0 0 no-repeat;
		width: 58px;
	}
	
	#prodotti_bt:hover, #prodotti_bt_sel {
		background: url(img/prodotti_bt.gif) 0 -17px no-repeat;
		width: 58px;
	}
	
	
	#chi_siamo_bt {
		background: url(img/chi_siamo_bt.gif) 0 0 no-repeat;
		width: 60px;
	}
	
	#chi_siamo_bt:hover, #chi_siamo_bt_sel {
		background: url(img/chi_siamo_bt.gif) 0 -17px no-repeat;
		width: 60px;
	}
	
	#team_bt {
		background: url(img/team_bt.gif) 0 0 no-repeat;
		width: 34px;
	}
	
	#team_bt:hover, #team_bt_sel {
		background: url(img/team_bt.gif) 0 -17px no-repeat;
		width: 34px;
	}

	#come_ordinare_bt {
		background: url(img/come_ordinare_bt.gif) 0 0 no-repeat;
		width: 89px;
	}	
	
	#come_ordinare_bt:hover, #come_ordinare_bt_sel {
		background: url(img/come_ordinare_bt.gif) 0 -17px no-repeat;
		width: 89px;
	}	

	#rivenditori_bt {
		background: url(img/rivenditori_bt.gif) 0 0 no-repeat;
		width: 72px;
	}
	
	#rivenditori_bt:hover, #rivenditori_bt_sel {
		background: url(img/rivenditori_bt.gif) 0 -17px no-repeat;
		width: 72px;
	}
	
	#contatti_bt {
		background: url(img/contatti_bt.gif) 0 0 no-repeat;
		width: 56px;
	}	
	
	#contatti_bt:hover, #contatti_bt_sel {
		background: url(img/contatti_bt.gif) 0 -17px no-repeat;
		width: 56px;
	}		
	
	#login_bt {
		background: url(img/login_bt.gif) 0 0 no-repeat;
		width: 39px;
	}
	
	#login_bt:hover, #login_bt_sel {
		background: url(img/login_bt.gif) 0 -17px no-repeat;
		width: 39px;
	} 
	
	#blog_bt {  
		background: url(img/blog_bt.gif) 0 0 no-repeat;
		width: 36px;
	}

	#blog_bt:hover, #blog_bt_sel {
	background: url(img/blog_bt.gif) 0 -17px no-repeat;
		width: 36px;
	}
	
	#youtube_bt {  
		background: url(img/youtube_bt.gif) 0 0 no-repeat;
		width: 54px;
	}

	#youtube_bt:hover, #youtube_bt_sel {
	background: url(img/youtube_bt.gif) 0 -17px no-repeat;
		width: 54px;
	}
	
		#myspace_bt {  
		background: url(img/myspace_bt.gif) 0 0 no-repeat;
		width: 53px;
	}

	#myspace_bt:hover, #myspace_bt_sel {
	background: url(img/myspace_bt.gif) 0 -17px no-repeat;
		width: 53px;
	}
	
	#twitter_bt {  
		background: url(img/twitter_bt.gif) 0 0 no-repeat;
		width: 56px;
	}

	#twitter_bt:hover, #twitter_bt_sel {
		background: url(img/twitter_bt.gif) 0 -17px no-repeat;
		width: 56px;
	}

#nav_bar #nav_ext {
	
	position: absolute;
	right: 0px;
	background-color:  #ff7e00; 
}
			
/********************************************
				FINE HEADER	
********************************************/	
	
	
	
	#news {
		
		margin-top: 30px;
		margin-left: 50px;	
	}
	
	
	.box_news	{
		position: relative;
		
		float: left;
		margin-bottom: 30px;
		padding-top: 15px;
		padding-left: 2px;	
		float: left;
		width: 300px;
	}
	
	.box_testo	{
		position: relative;
		clear: left;
		margin-bottom: 30px;
		padding-top: 15px;
		padding-left: 2px;	
		float: left;
		width: 350px;
	}
	
	.box_products	{
		position: relative;
		float: left;
		clear: left;
		width: 700px;
		margin-bottom: 20px;
		padding-left: 2px;
	}	
	
	.specials, #blog {
		width: 320px;
		height: 360px;
		margin-left: 30px;
		padding-left: 22px;
		padding-right: 28px;
		padding-top: 15px;
		margin-bottom: 20px;
		background-color: #f7fafc;
		overflow: auto;
	}
	
	#blog .titolo {
		font-size: 10px;
		height: 20px;
	}
	
	#blog .data {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-bottom: 10px;
	}
	
	#blog .testo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333;
		line-height: 14px;
		margin-bottom: 10px;
	}
	
	#blog .foto img {
		border: 1px solid #ccc;
		padding: 5px;
	}
	
	#blog .foto img#enlarge {
		border-style: none;
		padding: 0px;
	}
	
	#blog hr {
		width: 300px;
		margin-bottom: 30px;
	}
	
	.specials img {
		border-style: none;
	}
	
	
	.foto_dx {
		float: left;
		width: 345px;
		
		margin-left: 30px;
		padding-left: 22px;
		padding-top: 15px;
		margin-bottom: 20px;
	
	}
	
	
	#footer {
		width: 100%;
		height: 15px;
		margin-bottom: 5px;
		margin-top: 50px;
		text-align: center;		
		
	}
	
	#copy {
		width: 100%;
		height: 15px;
		margin-top: 20px;
		text-align: center;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	#copy a {
		color: #007abb;
		text-decoration: none;
	}
	
	.footer_bt {
		padding-right: 7px;
		padding-left: 7px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-decoration: none;
		color: #000000;
	} 
	
	.box_news img {
		border-style: none;
		margin-bottom: 10px;
	}
	
	.tavole .item {
		float: left;
		width: 75px;
		margin-right: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
	}
	
	.tavole .item .foto {
		width: 75px;
		height: 247px;
	}
	
	.ruote .item {
		float: left;
		width: 120px;
		margin-right: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
	
	}
	
	.truck .item {
		float: left;
		width: 150px;
		height: 200px;
		margin-right: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
	
	}
	
	.tee .item {
		float: left;
		width: 164px;
		height: 245px;
		margin-right: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
	
	}
	
	.gum .item {
		float: left;
		width: 200px;
		margin-right: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
	
	}
	
	.note {
		clear:left;
		height: 50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
		padding-top: 20px;
		
	}
	
	.note img {
		clear: left;
		margin-top: 10px;
	}
	
	.num {
		width: 19px;
		height: 19px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 7px;
		margin-bottom: 10px;
		#padding-top: 2px;
		padding-top: 3px;
		background-image: url(products/img/bollo_verde.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.pro_model {
		font-weight: bold;
	}
	
	.regione {
		clear: left;
		margin-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.regione .nome {
		margin-top: 7px;
		margin-bottom: 3px;
		height: 30px;
		font-weight: bold;
	
	}
	.rivenditore  {
		width: 200px;
		margin-left: 10px;
		margin-bottom: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.rivenditore a {
		color: #007abb;
	}
	
	
/***********************************************
						 TEAM	
***********************************************/
		
	#team {
		margin-top: 45px;
		margin-left: 55px;
	}

	#team #intro {
		width: 290px;
		margin-bottom: 20px;
	}
	
	#team .rider {
		margin-top: 40px;
	}
	
	#team .rider .nome {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	#team .rider .age, #team .rider .citta, #team .rider .hobby {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
		
	#team .rider .foto {
		width: 386px;
		margin-top: 10px;
		padding: 5px;
		padding-bottom: 2px;
		border: 1px solid #ccc;
	}
	
/***********************************************
						 TESTO	
***********************************************/
	
	.titolo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		height: 30px;
	}
	
	 	
	.testo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 12px;
	}
	
	
	.testo img {
		margin-top: 20px;
	}
	
	.testo a {
		color: #007abb;
		text-decoration: none;
		font-weight: bold;	
	}
	
	.testo a:hover, .testo .a_sel {
		color: #ff7e00;
	}
	
	.box_products .titolo {
		color: #007abb;
	}
	
	.submenu {
		color: #d0d0d0	;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	hr {
		
		clear: left;
		width: 700px;
		height: 1px;
		border: 0px;
		margin-left: 0px;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #e2e0db;
	}
	
	
		
	.hidden {
	  display: none;	
	}
	
	 
	

