/* RESET (Based on Eric Meyer's Reset) */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* GENERAL */

/* Fonts */

	html					{ font-size: 100%; }
	body					{ color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

	h1, h2, h3, h4			{ font-weight: normal; }
	h1						{ font-size: 1.8em; }
	h2						{ font-size: 1.4em; clear: left; }
	h3						{ font-size: 1.2em; color: #008880; }
	h4						{ color: #008880; }
	
	.sIFR-active h1,
	.sIFR-active h2			{ margin-bottom: -8px; }

	pre						{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
	pre, code				{ font-family: Consolas, "Courier New", Courier, monospace; }

	em						{ font-style: oblique; }
	strong					{ font-weight: bold; }
	
	q						{ }

	del 					{ text-decoration: line-through; }
	ins 					{ text-decoration: underline; }

	sup 					{ vertical-align: super; }
	sub 					{ vertical-align: sub; }

	abbr					{ border-bottom: 1px dotted; cursor: help; }
	
	a						{ color: #ca3a39; }
	a:visited				{ }
	a:hover,
	a:focus					{ color: #008880; }
	a:active				{ }
	a.img					{ border: 0; }

	blockquote				{ font-style: oblique; }

	dt 						{ font-weight: bold; }

	.caption, caption		{ font-size: 0.85em; }

	.note					{ color: #666; font-size: 0.7em; font-style: oblique; }
	.error					{ color: #ca3a39; }
	.big					{ font-size: 1.2em; }
	.date					{ font-size: 0.8em; margin-top: 0.5em; display: block; }
	.date, .date a			{ color: #999; }
	.date a					{ text-decoration: none; }
	.date a:hover			{ text-decoration: underline; }
	.subtitle				{ color: #008880; display: block; font-weight: bold; margin-top: 0.2em; }

/* Line Heights */

	p, li, dt, dd, 
	td, th,					
	.caption, caption		{ line-height: 1.4; }
	pre						{ line-height: 1.2; }

/* Margins, Padding & Layout */

	h2, h3, h4,
	p, ul, ol, dl			{ margin: 0.8em 0 0 0; }
	pre						{ margin: 1em 0; }

	blockquote				{ margin: 1em 2em 0 2em; }

	ul, ol					{ margin-left: 3em; }
	dd 						{ margin-left: 1.5em; }
	li						{ margin-top: 0.2em; }
	
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; }

	.caption				{ display: block; margin-top: 0.4em; }

/* List Styles */

	ul						{ list-style: disc; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: lower-alpha; }

/* General Alignment */

	img.center, 
	div.center				{ margin-left: auto; margin-right: auto; }
	img.left, 
	div.left				{ float: left; margin: 0 1em 1em 0; clear: left; }
	img.right, 
	div.right				{ float: right; margin: 0 0 1em 1em; clear: right; }
	
	p.center,				
	th.center, td.center	{ text-align: center; }
	p.left,					
	th.left, td.left		{ text-align: left; }
	p.right	,				
	th.right, td.right		{ text-align: right; }
	p.justify,
	th.justify, td.justify	{ text-align: right; }
	
	.top					{ margin-top: 0 !important; }
	.clear					{ clear: both; }
	

/* IMAGES */
	
	img						{ display: block; border: 0; margin: 1.2em 0 0 0; }
	.bird					{ z-index: 50; }

	.file_gallery			{ float: left !important; clear: none !important; width: 200px; height: 200px; }

/* LAYOUT */

/* Body */
	body					{ margin: 0; background: #69a39d; }
	#container				{ background: #fff url(../images/layout/bg_5.png) 50% 20px no-repeat fixed; padding: 40px 0 0 0; }
	.wrapper				{ width: 900px; margin: 0 auto; position: relative; }
	
/* Header */
	#header					{ float: left; width: 100%; }
	#header, #header a		{ }
	#logo					{ float: left; }

	#header .bird			{ position: absolute; top: 10px; right: -50px;
							  background: url(../images/layout/main_bird.alpha.png); width: 148px; height: 56px; }
	
/* Navigation */
	.nav					{ list-style: none; margin: 0; }
	.nav li					{ float: left; margin: 0; }
	.nav a					{ text-decoration: none; font-weight: bold; text-transform: lowercase; font-size: 1.05em;
							  padding: 0.2em 0; }
	.nav a:hover			{ }
	.nav li.active a		{ }

	#header .nav			{ float: right; margin: 88px 0 0 0; }
	#header .nav li			{ margin-left: 1.1em; }
	#header .nav a			{ color: #008880; position: relative; }
	#header .nav a:hover	{ color: #ca3a39; }
	#header .nav li.active
		a					{ color: #ca3a39 ;}
	#header .nav li.active
		span				{ width: 80px; height: 80px; background: url(../images/layout/nav_bg.alpha.png);
							  display: block; position: absolute; margin: -40px 0 0 -40px; top: 50%; left: 50%; }

	#footer .nav			{ position: relative; z-index: 30; }
	#footer .nav a			{ color: #dbe9e8; }
	#footer .nav li			{ margin-right: 1.1em; }
	#footer .nav a:hover	{ color: #fff; }
	#footer .nav li.active
		a					{ color: #fff; }

/* Content */
	#content 				{ overflow: hidden; padding: 40px 0 0 20px; clear: both; min-height: 300px; }
	
	#primary				{ float: left; width: 570px; margin: 0 25px 0 0; }
	#secondary				{ float: left; width: 260px; margin: 0 0 0 25px; }

/* Logos */
	#logos	 				{ padding: 2.5em 0 0 0; margin: 0; list-style: none; overflow: hidden; clear: both; }
	#logos li				{ float: left; margin: 0 20px 0 0; }
	#logos a				{ text-indent: -10000px; display: block; overflow: hidden; z-index: 20; position: relative; }

	#logos_vespa			{ background-image: url(../images/logos/vespa.alpha.png); width: 100px; height: 58px; }
	#logos_vespa a			{ width: 100px; height: 58px; }
	#logos_climateCare		{ background-image: url(../images/logos/climate-care.alpha.png); width: 124px; height: 58px; }
	#logos_climateCare a	{ width: 124px; height: 58px; }
	#logos_cdScooters		{ background-image: url(../images/logos/cd-scooters.alpha.png); width: 98px; height: 69px; }
	#logos_cdScooters a		{ width: 98px; height: 69px; }
	
/* Footer */
	#footer					{ background: url(../images/layout/footer_sea.alpha.png) top center repeat-x; margin: -30px 0 0 0; }
	#footer_inner			{ background: url(../images/layout/footer_bg.png) 0 170px repeat-x; overflow: hidden; padding: 170px 0 20px 0; }
	#footer	.wrapper		{ padding: 0 0 0 20px; width: 880px; }
	#footer, #footer a		{ }
	#footer .nav			{ float: left; }
	#footer p				{ float: right; font-size: 0.7em; margin: 0.5em 0 0 0; color: #a5c8c5; }

	#footer .bird			{ position: absolute; top: -145px; right: 50px;
							  background: url(../images/layout/footer_bird.alpha.png); width: 52px; height: 28px; }
		
/* ELEMENTS */
		
/* Tables  */
	table					{ width: 100%; margin: 1.5em 0 0 0; }
	th, td 					{ padding: 2px 5px; border: 1px solid #d9eeec; vertical-align: top;  }
	
	thead th,
	tbody tr.head th		{ background: #e7f4f3; color: #008880; font-weight: bold; text-align: center; vertical-align: middle;  }
	tbody th				{ text-align: left; }
	
	tbody tr:hover th,
	tbody tr:hover td		{ background-color: #f0f7f6; }
	tbody tr.head:hover th,
	tbody tr.head:hover td	{ background: #e7f4f3; }

	caption					{ caption-side: bottom; }
	
/* Forms  */

	fieldset				{ margin: 1em 0 0 0; padding: 0; border: 0;  }
	legend					{ font-size: 1.2em; color: #008880; }
	
	fieldset .row			{ margin-top: 1em; }
	fieldset .column_inner	{ margin-left: 1em; }
	
	form label				{ display: block; line-height: 1.16; margin: 0; }
	form .mandatory			{ color: #008880; }
	form label.secondary	{ font-size: 0.85em; font-weight: normal; color: #aaa; line-height: 1; margin: 4px 0 2px 0; }
	form label .note,
	form label .error		{ font-size: 0.85em; font-weight: normal; }

	form .field				{ padding: 5px 0 0 0; overflow: hidden; clear: left; }
	form .field_part		{ margin-right: 4px; float: left; clear: none; }
	form .affix				{ font-size: 1em; }

	form label.inline		{ display: inline; font-weight: normal; line-height: 1.4; }

	input.type_text,
	input.type_password,
	input.type_submit,
	input.type_reset,
	input.type_button,
	button,
	select, textarea		{ font-family: sans-serif; }
	input.type_text,
	input.type_password,
	select, textarea		{ font-size: 1.1em; border: 1px solid #b2ddd9; }
	input.type_text:focus,
	input.type_password:focus,
	textarea:focus			{ background-color: #f0f7f6; }
	input.type_submit,
	input.type_reset,
	input.type_button,
	button					{ font-size: 1em; }

	textarea.monospace		{ font-family: Consolas, "Courier New", Courier, monospace; }
	
	optgroup				{ font-style: normal; }

	input.type_text,
	input.type_password,
	select, textarea		{ margin: 0; padding: 0; }
	
	input.type_text,
	input.type_password,
	textarea				{ padding: 3px; }
	select					{ padding: 1px; }

	input.type_radio, 
	input.type_checkbox 	{ margin: 0; vertical-align: -0.15em; font-size: 0.85em; }
	
	input.type_text,
	input.type_password		{ width: 18em; }
	textarea				{ width: 98%; height: 10em; }
		
	input.integer, 
	input.decimal			{ width: 6em; } 

	input.size_xxs, 
	select.size_xxs			{ width: 3em; }
	input.size_xs, 
	select.size_xs			{ width: 6em; }
	input.size_s, 
	select.size_s			{ width: 12em; }
	input.size_m, 
	select.size_m			{ width: 18em; }
	input.size_l, 
	select.size_l			{ width: 24em; }
	input.size_xl, 
	select.size_xl			{ width: 30em; }
	input.size_xxl, 
	select.size_xxl			{ width: 36em; }
	
	textarea.size_xs		{ height: 2.5em; }
	textarea.size_s			{ height: 5em; }
	textarea.size_m			{ height: 10em; }
	textarea.size_l			{ height: 20em; }
	textarea.size_xl		{ height: 40em; }

/* Rows & Columns */

	.row					{ overflow: hidden; margin: 1.5em 0 0 0; }	
	.row_first				{ margin-top: 0; }
	.column					{ float: left; }
	.column_inner			{ margin: 0 0 0 1.5em; }
	.column_first
		.column_inner		{ margin-left: 0; }

	.x5						{ width: 5%; }
	.x10					{ width: 10%; }
	.x15					{ width: 15%; }
	.x20					{ width: 20%; }
	.x25					{ width: 25%; }
	.x30					{ width: 30%; }
	.x35					{ width: 35%; }
	.x40					{ width: 40%; }
	.x45					{ width: 45%; }
	.x50					{ width: 50%; }
	.x55					{ width: 55%; }
	.x60					{ width: 60%; }
	.x65					{ width: 65%; }
	.x70					{ width: 70%; }
	.x75					{ width: 75%; }
	.x80					{ width: 80%; }
	.x85					{ width: 85%; }
	.x90					{ width: 90%; }
	.x95					{ width: 95%; }

/* Horizontal Rules  */

	.hr						{ border-top: 1px solid #eee; margin: 1em 0; }
	.hr	hr					{ display: none; }


/* SPECIAL  */

/* Prices  */

	#prices					{ font-size: 0.8em; }
	#prices	col.price_1		{ width: 12.5%; }
	#prices	col.price_2		{ width: 7%; }
	#prices tbody td		{ text-align: center; }

	#prices_small			{ font-size: 0.8em; margin-top: 0.5em; }
	#prices_small th,
	#prices_small td 		{ padding: 0 5px; height: 28px; }
	#prices_small th, 
	#prices_small td		{ border: 0; background: transparent; color: #000; line-height: 1; vertical-align: middle; }
	#prices_small tbody th	{ padding-left: 10px; }
	#prices_small tbody td	{ text-align: center; }
	#prices_small .from		{ text-align: left; }
	
	#prices_small .bike		{ background-position: left; }
	#prices_small .half		{ background-position: center; }
	#prices_small .full		{ background-position: right; }
	#prices_small .bike,
	#prices_small .half,
	#prices_small .full		{ background-repeat: no-repeat; }
	
	#prices_small_piaggioZip50 th, 
	#prices_small_piaggioZip50
		td					{ background-image: url(../images/layout/capsule_orange.png); }
	#prices_small_vespaLx50 th, 
	#prices_small_vespaLx50
		td					{ background-image: url(../images/layout/capsule_yellow.png); }
	#prices_small_vespaLx125 th, 
	#prices_small_vespaLx125
		td					{ background-image: url(../images/layout/capsule_green.png); }
	#prices_small_hondaCg125 th, 
	#prices_small_hondaCg125
		td					{ background-image: url(../images/layout/capsule_blue.png); }
	#prices_small_yamahaFz6n th, 
	#prices_small_yamahaFz6n
		td					{ background-image: url(../images/layout/capsule_purple.png); }
	#prices_small_vespaGTS125 th, 
	#prices_small_vespaGTS125
		td					{ background-image: url(../images/layout/capsule_red.png); }
		
/* Map */

	iframe					{ border: 1px solid #ddd; margin: 1em 0 0 0; }
	
/* MODULES  */

/* News  */

	ul.news_latest			{ list-style: none; margin-left: 0; }
	ul.news_latest li		{ margin-top: 0; }
	ul.news_latest .date	{ display: inline; padding: 0 0 0 0.3em; margin: 0; }

