/* ====================================
Title: Gspot Design
=======================================
Nextre Engineering
*/

@import url("reset.css");

/* Classes */

/* Basic Elements */

html,body {height:100%; }
body { background: #000; color: #FFF; text-shadow: #000 0px 0px 0px; font: normal 65%/12pt "Helvetica", "Arial", sans-serif; }
a { text-decoration: none; text-shadow: #000 0px 0px 0px; }
a { color: #666; }
a:hover { color: #FFF; }
a.current { color: #9C3; }

h1 { color: #DDDDDD; font-size: 2.8em; font-weight: normal; line-height: 0.5em; padding-bottom: 5px; margin: 0;}
h2 { color: #9C3; font-size: 1.2em; text-transform: uppercase; }
h3 { color: #FFF; font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
h4 { text-transform: uppercase; }

#container { width: 900px; min-height:100%; height:auto !important; height:100%; margin:0 auto -65px; /* margine negativo altezza footer */ }
#container-inner { float: left; font-size: 1.2em; padding-top: 15px; width: 100%; margin: 0 auto; margin-bottom: 20px;  }
	.breadcrumb { color: #666; padding-left: 200px; }
		.breadcrumb span { float: left; }
		ol.bread { float: left; }
		ol.bread li { float: left; }
		ol.bread li a { padding: 0 5px; padding-right: 12px; background: url(../img/bread_sep.png) no-repeat right center; }
		ol.bread a.current { padding-right: 0; background-image: none; }
	div.scelta_lingua { float: right }
	.header { clear: both; margin-top: 10px; height: 70px; float: left; margin-bottom: 50px; }
		.logo { float: left; }
		/* Navigation */
		#main_nav { float: left; margin-left: 38px; margin-top: 30px; }
		#main_nav li { float: left; margin-right: 23px; height: 15px; display: block; }
		#main_nav li:last-child  { margin-right: 0; }
		#main_nav li a { display: block; height: 15px; background-image: url(../img/nav.png); background-repeat: no-repeat; padding-bottom: 3px; }
		#main_nav li a:hover { border-bottom: 5px solid #9C3; }
		#main_nav li a:active { border-bottom: 5px solid #FFF; }
		#main_nav li a span { position: relative; z-index: -1; }
		#main_nav li a.current { border-bottom: 5px solid #9C3;  }
			#main_nav #home { width: 36px; background-position: 0 0; }
			#main_nav #azienda { width: 52px; background-position: -45px 0; }
			#main_nav #collezioni { width: 64px; background-position: -111px 0; }
			#main_nav #designer { width: 57px; background-position: -194px 0; }
			#main_nav #eventi { width: 41px; background-position: -261px 0; }
			#main_nav #press { width: 38px; background-position: -317px 0; }
			#main_nav #distribuzione { width: 86px; background-position: -367px 0; }
			#main_nav #b2b { width: 23px; background-position: -467px 0; }
			#main_nav #contatti { width: 55px; background-position: -504px 0; }
			/* -- Lingua Inglese -- */
		#main_nav.en li a { background-image: url(../img/nav_en.png); }
			#main_nav.en #azienda { width: 70px; background-position: -48px 0; }
			#main_nav.en #collezioni { width: 77px; background-position: -132px 0; }
			#main_nav.en #designer { width: 65px; background-position: -223px 0; }
			#main_nav.en #eventi { width: 44px; background-position: -303px 0; }
			#main_nav.en #press { width: 38px; background-position: -361px 0; }
			#main_nav.en #distribuzione { text-indent: -9999px; width: 50px; background-position: -411px 0; }
			#main_nav.en #b2b { width: 23px; background-position: -478px 0; }
			#main_nav.en #contatti { width: 60px; background-position: -515px 0; }
	.main { float: left; width: 100%; }
		.sidebar { float: left; width: 190px; margin-right: 4px; }
			/* Prima tipologia di navigazione */
			ul.second_nav { width: 90%; margin-top: 38px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
			ul.second_nav li { margin-bottom: 18px; }
			ul.second_nav li a:link { color: #9B9B9B; }
			ul.second_nav li a { padding-left: 10px; }
			ul.second_nav li a:hover { color: #FFF; }
			ul.second_nav li a.current { color: #9C3; background: transparent url(../img/dot_current.png) no-repeat left center; }
			/* Seconda tipologia di navigazione */
			ul#dotted_nav { width: 90%; margin-top: 0; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
			ul#dotted_nav li { padding: 11px 0;}
			ul#dotted_nav li { background: #000 url(../img/dot_back.png) repeat-x left top; padding-top: 10px; }
			ul#dotted_nav li.first { background-image: none; }
			ul#dotted_nav li a:link { color: #9B9B9B; }
			ul#dotted_nav li a { padding-left: 10px; display: block; }
			ul#dotted_nav li a:hover { color: #FFF; }
			ul#dotted_nav li a.current { color: #9C3; background: transparent url(../img/dot_current.png) no-repeat left 6px; }
			ul#dotted_nav li ul { margin: 7px 0; }
			ul#dotted_nav li ul li { padding: 0; background-image: none; font-weight: normal; font-size: 0.9em; padding-left: 10px; text-transform: none; }
			ul#dotted_nav li ul li ul li { font-size: 1em; }
			ul#dotted_nav li ul li a { padding: 2px; color: #666;}
			ul#dotted_nav li ul li a:link { color: #666; }
			ul#dotted_nav li ul li a:visited { padding: 2px; color: #666;}
			ul#dotted_nav li ul li a:hover, ul#dotted_nav li ul li a:visited:hover{ color: #FFF; }
			ul#dotted_nav li ul li a.hover { background: #1D1D1D; color: #FFF; }
		.main-inner { width: 706px; float: right; position: relative; }
			.header_title { float: left; width: 100%; margin-bottom: 10px; background: #000 url(../img/dot_back.png) repeat-x left bottom; }
				.header_title h1 { float: left; }
				.header_title h1 span { font-size: 0.7em; }
				.header_title dl.designer { float: right; text-align: right; }
				.header_title dl.designer dt { color: #999; text-transform: uppercase; }
				.header_title dl.designer dd a { color: #9C3; }
				img.under_33 { float: right; margin-right: 15px;  }
			 	/* --- */
				.img_container img { margin-right: 3px; }
				.img_container img.last { margin-right: 0; }
				/* Prodotto Famiglia */
				div#introduction { background: #000 url(../img/dot_back.png) repeat-x left bottom; margin: 10px 0; margin-bottom: 20px; padding-bottom: 18px; }
					div#introduction p { background: #000 url(../img/dot_back.png) repeat-x left top; padding-top: 18px; font-size: 1.5em; line-height: 1.2em; color: #999; }
					div#introduction p span { color: #FFF; }
                div.descrizione_prodotto { background: #000 url(../img/dot_back.png) repeat-x left bottom; margin: 10px 0; margin-bottom: 20px; padding: 20px 0; }
		div.descrizione_prodotto p { background: #000 url(../img/dot_back.png) repeat-x left top; padding-top: 18px; font-size: 1.5em; line-height: 1.2em; color: #999; }
                ul.lista_modelli { float: left; margin-top: 25px; }
				ul.lista_modelli li { float: left; width: 183px; margin-right: 30px; margin-bottom: 20px;}
				ul.lista_modelli li img { margin-bottom: 10px; }
				/* ----- */
				div.gallery_collection { float: left; margin-bottom: 20px; }
					div.img_big { display: block; width: 575px; height: 502px; float: left; background: transparent url(../img/loader.gif) no-repeat center center; }
					ul.thumb_list { float: left; padding-left: 2px; background-color: #A1A1A1; }
					ul.thumb_list li { display: block; margin-top: 2px; width: 128px; height: 124px; }
					ul.thumb_list img { margin: 0; padding: 0; display: block; width: 128px; height: 124px; cursor: pointer; }
					ul.thumb_list li.first { margin-top: 0; }
				div.specifiche { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; background: #000 url(../img/dot_back.png) repeat-x left bottom; }
				div.specifiche dl { color: #999; float: left; margin-right: 10px;}
					div.specifiche dl.titolo { width: 130px; color: #9C3; }
					div.specifiche dl.dimensioni { width: 150px; }
					div.specifiche dl.materiale { width: 130px; }
					div.specifiche dl.prezzo { width: 70px; }
					div.specifiche dl.design { width: 130px; color: #9C3;}
						div.specifiche dl.design a { color: #9C3;}
				div.specifiche dl dt { font-weight: bold; }
				ul.lista_modelli.dettaglio li { width: 190px; margin-right: 15px; margin-bottom: 20px; color: #999;}
					dl.materiale.dettaglio { width: 100%; margin-top: 10px;}
						dl.materiale.dettaglio dt { font-weight: bold; }
					dl.dettaglio.colore dd, dl.dettaglio.colore dt { float: left; margin-right: 5px; }
				div.collezioni_slider { width: 702px; overflow: hidden; margin: 0 auto;}
				ul.collezioni_home { float: left; width: 100%; }
				ul.collezioni_home.jqueried { overflow: hidden; }
				ul.collezioni_home li { display: block; width: 227px; margin-right: 7px; float: left; }
				ul.collezioni_home li.last { margin-right: 0; }
				/* ---------- */
				ul#dotted_nav.designer_list li { padding-bottom: 13px; background-position: left bottom; }
				ul.designer_list_inner { margin-top: 10px; }
				ul.designer_list_inner li { margin: 2px 0; margin-left: 10px; }
				ul.designer_list_inner li a.current { font-weight: bold; color: #FFF; }
				ul.designer_product li a { color: #9C3; }

				/* Stile Frecce per Scrolling delle collezioni */
				a.prev { position: absolute; top: 40%; left: -30px; display: block; width: 22px; height: 22px; background: url(../img/controller_prev.png) no-repeat left top; }
				a.next { position: absolute; top: 40%; right: -25px; display: block; width: 22px; height: 22px; background: url(../img/controller_next.png) no-repeat left top; }
				a.prev, a.next { text-indent: -9999px; }
				ul.collezioni_home div.collezioni_home_inner { margin-top: 20px; padding-right: 10%; }
					div.collezioni_home_inner ul { margin-top: 10px; padding: 0; }
					div.collezioni_home_inner ul li { padding: 0; margin: 3px; }
					div.collezioni_home_inner ul li a { color: #9C3; font-weight: bold;}
			.content { width: 65%; }
				.content p { margin: 15px 0; }
				p#introduction, p.introduction { color: #999; font-size: 1.5em; margin-bottom: 20px; line-height: 1.2em; }
				/* Stile per galleria collezione */
				ul#collection_gallery { float: left; width: 100%; margin-bottom: 13px; }
				ul#collection_gallery li { float: left; margin-right: 2px; margin-bottom: 2px; }
				ul#collection_gallery li a { display: block; width: 139px; height: 139px; background-color: #1D1D1D; }
				ul#collection_gallery li a:hover, ul#collection_gallery li a.targeted { background-position: 0 -139px;}
				ul#collection_gallery li a span { position: relative; z-index: -1; }
				/* Stile per rassegna stampa */
				ul.press_list { float: left; width: 100%; margin-bottom: 13px; }
				ul.press_list li { float: left; margin-right: 2px; margin-bottom: 22px; width: 139px;  }
				ul.press_list li a { background: transparent url(../img/press_icon.jpg) no-repeat left top; display: block; height: 139px; margin-bottom: 10px; }
				ul.press_list li a:hover { background-position: 0 -139px;}
				ul.press_list li a span { position: relative; z-index: -1; }
				ul.press_list li dl { width: 90%; }
				ul.press_list li dl dt { font-weight: bold; margin-bottom: 5px; }
				/* Lista Eventi */
				div.future_event { float: left; padding: 15px 0; background: #000 url(../img/dot_back_darker.png) repeat-x left top; }
				div.future_event.first { background-image: none; }
				div.events_container { float: left; margin-bottom: 20px; }
				div.events_container img.evento_thumb { float: left; }
				div.events_container dl { float: left; width: 75%; margin-left: 20px; }
				div.events_container dl dt { font-weight: bold; }
				div.events_container dl dd { color: #999; }
				ul.events_list { float: left; width: 129px; height: 85px; overflow: hidden; }
				ul.events_list li.first { display: block; width: 129px; height: 85px; overflow: hidden; }
				ul.events_list li { display: none; }
				ul.events_list li a { display: block; width: 129px; height: 85px; background-color: #1D1D1D; }
				ul.events_list li a:hover { background-position: 0 -85px;}
				ul.events_list li a span { position: relative; z-index: -1; }
				div.paragrafo_eventi { clear: both }
				div.paragrafo_eventi { width: 400px; }
				
				#credits #container { width:430px; }
				#credits .main-inner { color:#CCCCCC; float:left; width:100%; }
				#credits .header_title { margin-bottom:20px; }
				#credits .main-inner a { color:#CCCCCC; text-decoration:underline; }
				#credits .main-inner a:hover { color:#FFFFFF; text-decoration:none; }
				#credits .content { float:left; margin-right:4%; padding:2%; width:40%; }
				#credits .header { height:45px; }
				#credits .footer { padding:10px 0; }

/* Credits */
#credits #container { width: 430px; }
#credits .main-inner { width: 100%; float: left; color: #CCC;}
#credits .header_title { margin-bottom: 20px; }
#credits .main-inner a { color: #CCC; text-decoration: underline; }
#credits .main-inner a:hover { color: #FFF; text-decoration: none; }
#credits .content { float: left; width: 40%; padding: 2%; margin-right: 4%; }
#credits .header { height: 45px; }
#credits .footer { padding: 10px 0; }

.pushfooter { height:65px; /* altezza footer */ clear:both; }
.footer { background: #000 url(../img/dot_back.png) repeat-x left top; text-align: center; padding: 25px 0; width: 100%; font-size: 1.2em; text-shadow: #FFF 0px 0px 0px; color: #FFF; }
.footer address { display: inline; font-style: normal; }