/*
 * STRUTTUTRA DEL FILE CSS
 * - GENERAL: impostazioni generali comuni
 * - DIVS: div presenti in tutte le pagine
 * - PAGE-SHOWROOM: style della pagina "showroom"
 * - PAGE-COLLEZIONI: style della pagina "collezioni"
 * - PAGE-EVENTI: style della pagina "eventi"
 * - PAGE-PROMOZIONI: style della pagina "promozioni"
 * - PAGE-CONTATTI: style della pagina "contatti"
 * - MENU-COLLECTIONS: menu della pagina collezioni
 * - MENU: menu del sito
 */


/** GENERAL **/

a {
	border: 0px;	
}

img {
	border: 0px;	
}

* {
	margin: 0px;
	padding: 0px;	
}

body {
	background: #1a171b;
	color: #fff;
	font-family: Verdana;
	font-size: 11px;	
}

/** typo **/

#trasparent h2 {
	font-size: 1.3em;
	font-weight: 400;	
}

#trasparent p {
	padding: 0px 40px 0px 30px;	
	text-align: justify;
}

/** float **/

.clear {
	clear: both;	
}

/* tables */

#trasparent table {
	margin: 0px 0px 0px 20px;
	border-spacing: 10px;
}

/**DIVS**/

#wrapper {
	width: 920px;
	height: 547px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -273px 0px 0px -470px;
	background: #1a171b;
}

#trasparent {
	position: absolute;
	top: 10px;
	width: 450px;
	height: 500px;
	overflow: hidden;
	right: 0px;
	z-index: +10;	
}

#shadow {
	position: absolute;
	right: 0px;
	top: 10px;
	background: black;
	width: 450px;
	height: 500px;		
}

#menu {
	position: absolute;
	top: 510px;
	width: 890px;
	height: 24px;
	padding: 13px 0px 0px 20px;	
}

/** PAGE-SHOWROOM **/

#lightbox_showroom {
	position: absolute;
	top: 140px;
	left: 0px;
	margin: 0px;
	width: 420px;
	height: 330px;
}

#lightbox_showroom img {
	border: 0px solid black;
}

/** PAGE-COLLEZIONI **/

#collections {
	padding: 20px 0px 0px 0px;
	position: absolute;
	top: 10px;
	left: 242px;
	width: 198px;
	height: 480px;
	z-index: 10px;
}

#shadow_collections {
	padding: 20px 0px 0px 0px;
	position: absolute;
	top: 10px;
	left: 242px;
	background: black;
	width: 198px;
	height: 480px;
}

#collezioni img {
	border: 0px solid #003b5b;	
}

#lightbox img {
	border: 0px solid black;
	margin: 5px;	
}

#marchi {
	position: absolute;
	bottom: 30px;
	left: 85px;
}

#next {
	position: absolute;
	bottom: 80px;
	right: 10px;
}

#prev {
	position: absolute;
	bottom: 80px;
	left: 10px;
}

.brand {
	margin: 0px 0px 0px 15px;	
}

#collections ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

#collections ul li {
	margin: 0px 0px 10px 0px;
	height: 25px;
	padding: 0px;
}

#trasparent table#lightbox td {
	margin: 5px;
}

#trasparent table#collezioni {
	position: absolute;
	left: 0px;
	top: 10px;
	border-spacing: 15px;
	width: 420px;
	height: 300px;
	text-align: left;
}

.hidden {
	display: none;	
}

/** PAGE-EVENTI **/

.events img {
	border: 0px;
}

/** PAGE-PROMOZIONI **/

#testo_promozioni {
	posizion: relative;
	padding-left: 0px;
}

#testo_promozioni table {
	position: absolute;
	width: 420px;
	height: 330px;
	text-align: left;
}

#testo_promozioni table td {
	vertical-align: top;
	height: 124px;
}

#testo_promozioni table td img {
	width: 158px;
	height: 108px;
	border: 0px;
	margin-right: 15px;
}

#menu_promozioni {
	position: absolute;
	width: 300px;
	bottom: 10px;
	left: 30px;
}

#menu_nav {
	position: absolute;
	width: 50px;
	bottom: 10px;
	right: 30px;
	text-align: right;
	z-index: +10;
}


/** PAGE-CONTATTI **/

#testo_contatti {
	position: relative;
	width: 170px;
	height: 170px;
	padding: 0px 0px 0px 30px;
	margin-right: 15px;
	float: left;
}

#testo_contatti a, #form_contatti a {
	color: white;
	text-decoration: none;
}

#testo_contatti a:hover, #form_contatti a:hover {
	color: white;
	text-decoration: underline;
}

#form_contatti {
	padding: 0px 30px;
	float: left;
	width: 380px;
	height: 200px;
}

#form_contatti input, #form_contatti textarea {
	width: 370px;
	margin: 5px 0px;
	padding: 2px;
	border: 1px solid black;
	font-family: sans-serif;
	font-size: 10px;
	background: #ddd;
}

#form_contatti input.button {
	padding: 2px 3px;
	width: auto;
}

#map {
	position: absolute;
	top: 310px;
	left: 30px;
	background: black;
	width: 390px; 
	height: 170px;
	color: black;
}

/** PAGE LINKS **/

#links {
	list-style-type: square;
	margin: 0px 0px 0px 45px;	
}

#links li {
	margin: 0px 0px 5px 0px;	
}

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

/** MENU-COLLECTIONS **/

#collections a {
	display: block;
	height: 24px;		
}

#collections #cucine {
	background: url('../images/collezioni/cucine_off.png');
	width: 77px;
	height: 24px;	
}

#collections #cucine a:link, #collections #cucine a:visited {
	background: url('../images/collezioni/cucine_off.png');
	width: 77px;	
}

#collections #cucine a:hover {
	background: url('../images/collezioni/cucine_on.jpg');
	width: 77px;	
}

#collections #soggiorni {
	background: url('../images/collezioni/soggiorni_off.png');
	width: 107px;
	height: 24px;	
}

#collections #soggiorni a:link, #collections #soggiorni a:visited {
	background: url('../images/collezioni/soggiorni_off.png');
	width: 107px;	
}

#collections #soggiorni a:hover {
	background: url('../images/collezioni/soggiorni_on.jpg');
	width: 107px;	
}

#collections #camere {
	background: url('../images/collezioni/camere_off.png');
	width: 84px;
	height: 24px;	
}

#collections #camere a:link, #collections #camere a:visited {
	background: url('../images/collezioni/camere_off.png');
	width: 84px;	
}

#collections #camere a:hover {
	background: url('../images/collezioni/camere_on.jpg');
	width: 84px;	
}

#collections #camerette {
	background: url('../images/collezioni/camerette_off.png');
	width: 115px;
	height: 24px;	
}

#collections #camerette a:link, #collections #camerette a:visited {
	background: url('../images/collezioni/camerette_off.png');
	width: 115px;	
}

#collections #camerette a:hover {
	background: url('../images/collezioni/camerette_on.jpg');
	width: 115px;	
}

#collections #complementi {
	background: url('../images/collezioni/complementi_off.png');
	width: 136px;
	height: 24px;	
}

#collections #complementi a:link, #collections #complementi a:visited {
	background: url('../images/collezioni/complementi_off.png');
	width: 136px;	
}

#collections #complementi a:hover {
	background: url('../images/collezioni/complementi_on.jpg');
	width: 136px;	
}

#collections #divani {
	background: url('../images/collezioni/divani_off.png');
	width: 64px;
	height: 24px;	
}

#collections #divani a:link, #collections #divani a:visited {
	background: url('../images/collezioni/divani_off.png');
	width: 64px;	
}

#collections #divani a:hover {
	background: url('../images/collezioni/divani_on.png');
	width: 64px;	
}

#collections #poltrone {
	width: 99px;	
}

#collections #poltrone a:link, #collections #poltrone a:visited {
	background: url('../images/collezioni/poltrone_off.png');
	width: 99px;	
}

#collections #poltrone a:hover {
	background: url('../images/collezioni/poltrone_on.png');
	width: 99px;	
}

#collections #letti {
	width: 55px;	
}

#collections #letti a:link, #collections #letti a:visited {
	background: url('../images/collezioni/letti_off.png');
	width: 55px;	
}

#collections #letti a:hover {
	background: url('../images/collezioni/letti_on.png');
	width: 55px;	
}

#collections #reti {
	width: 161px;	
}

#collections #reti a:link, #collections #reti a:visited {
	background: url('../images/collezioni/reti_off.png');
	width: 161px;	
}

#collections #reti a:hover {
	background: url('../images/collezioni/reti_on.png');
	width: 161px;	
}

#collections #tappeti {
	width: 78px;	
}

#collections #tappeti a:link, #collections #tappeti a:visited {
	background: url('../images/collezioni/tappeti_off.png');
	width: 78px;	
}

#collections #tappeti a:hover {
	background: url('../images/collezioni/tappeti_on.png');
	width: 78px;	
}

#collections #tessili {
	width: 78px;	
}

#collections #tessile a:link, #collections #tessile a:visited {
	background: url('../images/collezioni/tessile_off.png');
	width: 78px;	
}

#collections #tessile a:hover {
	background: url('../images/collezioni/tessile_on.png');
	width: 78px;	
}

#collections #bagni {
	width: 78px;	
}

#collections #bagni a:link, #collections #bagni a:visited {
	background: url('../images/collezioni/bagni_off.png');
	width: 63px;	
}

#collections #bagni a:hover {
	background: url('../images/collezioni/bagni_on.png');
	width: 63px;	
}

#collections #ufficio {
	width: 76px;	
}

#collections #ufficio a:link, #collections #ufficio a:visited {
	background: url('../images/collezioni/ufficio_off.png');
	width: 76px;	
}

#collections #ufficio a:hover {
	background: url('../images/collezioni/ufficio_on.png');
	width: 76px;	
}

/** MENU **/

#menu a {
	float: left;
	display: block;
	height: 24px;
	margin: 0px 12px 0px 0px;		
}

#menu #home {
	width: 61px;	
}

#menu #home a:link, #menu #home a:visited {
	background: url('../images/menu/home_off.jpg');
	width: 61px;	
}

#menu #home a:hover {
	background: url('../images/menu/home_on.jpg');
	width: 61px;	
}

#menu #fucili2 {
	width: 125px;	
}

#menu #fucili2 a:link, #menu #fucili2 a:visited {
	background: url('../images/menu/fucili2_off.jpg');
	width: 125px;	
}

#menu #fucili2 a:hover {
	background: url('../images/menu/fucili2_on.jpg');
	width: 125px;	
}

#menu #showroom {
	width: 115px;	
}

#menu #showroom a:link, #menu #showroom a:visited {
	background: url('../images/menu/showroom_off.jpg');
	width: 115px;	
}

#menu #showroom a:hover {
	background: url('../images/menu/showroom_on.jpg');
	width: 115px;	
}

#menu #collezioni {
	width: 110px;	
}

#menu #collezioni a:link, #menu #collezioni a:visited {
	background: url('../images/menu/collezioni_off.jpg');
	width: 110px;	
}

#menu #collezioni a:hover {
	background: url('../images/menu/collezioni_on.jpg');
	width: 110px;	
}

#menu #promozioni {
	width: 118px;	
}

#menu #promozioni a:link, #menu #promozioni a:visited {
	background: url('../images/menu/promozioni_off.jpg');
	width: 118px;	
}

#menu #promozioni a:hover {
	background: url('../images/menu/promozioni_on.jpg');
	width: 118px;	
}

#menu #eventi {
	width: 68px;	
}

#menu #eventi a:link, #menu #eventi a:visited {
	background: url('../images/menu/eventi_off.jpg');
	width: 68px;	
}

#menu #eventi a:hover {
	background: url('../images/menu/eventi_on.jpg');
	width: 68px;	
}

#menu #links {
	width: 60px;	
}

#menu #links a:link, #menu #links a:visited {
	background: url('../images/menu/link_off.jpg');
	width: 60px;	
}

#menu #links a:hover {
	background: url('../images/menu/link_on.jpg');
	width: 60px;	
}

#menu #contatti {
	width: 91px;	
}

#menu #contatti a:link, #menu #contatti a:visited {
	background: url('../images/menu/contatti_off.jpg');
	width: 91px;	
}

#menu #contatti a:hover {
	background: url('../images/menu/contatti_on.jpg');
	width: 91px;	
}

/** NAVIGATOR **/

#navigator {
	margin: 400px 0px 0px 0px;
	height: 20px;	
}

#navigator a {
	display: block;
	height: 20px;		
}

#navigator #next {
	float: right;
	background: url('../images/collezioni/next.png');
	width: 15px;
	margin: 0px 30px 0px 0px;
	
}

#navigator #next a {
	background: url('../images/collezioni/next.png');
	width: 15px;	
}

#navigator #prev {
	float: left;
	background: url('../images/collezioni/prev.png');
	width: 15px;
	display: none;
	margin: 0px 0px 0px 30px;	
}

#navigator #prev a {
	background: url('../images/collezioni/prev.png');
	width: 15px;	
}
