﻿body	{position:relative;font-family:Arial, Helvetica, sans-serif;color:#000;font-size:9pt;text-align:center;height:100%;}
body#storia {background:url(/images/sfondi/sfondo1.jpg) center top no-repeat;}
body#azienda {background:url(/images/sfondi/sfondo2.jpg) center top no-repeat;}
body#servizi {background:url(/images/sfondi/sfondo3.jpg) center top no-repeat;}
body#realizzazioni {background:url(/images/sfondi/sfondo5.jpg) center top no-repeat;}
body#marchi {background:url(/images/sfondi/sfondo4.jpg) center top no-repeat;}
body#contatti {background:url(/images/sfondi/sfondo6.jpg) center top no-repeat;}
body, html {height:100%;}
.wrapper {width:980px;margin:0 auto;text-align:left;z-index:2;}	

#fascia_menu {position:absolute;top:117px;left:0;width:100%;height:118px;background:url(/images/sf_fasciamenu.png) repeat-x;}

/*TOP*/
	
	#top {position:relative;top:117px;height:118px;}
	#top .wrapper {height:118px;}
	#top .wrapper h1 {width:154px;height:87px;float:left;text-indent:-9999px;background:url(/assets/images/Nipearredamenti_logo.png) no-repeat;margin:12px 0 0 0;}			

	/*MENU*/
	
		ul#menu {float:right;height:55px;width:710px;background:url(/images/sf_menu.png) bottom left no-repeat;margin:33px 0 0 0;}
		ul#menu li {float:left;display:block;list-style-type:none;padding:0 2px;color:#fff;}
		ul#menu li a {display:block;padding:0 10px;float:left;color:#fff;text-decoration:none;}
		ul#menu li a:hover {color:#000;}
	
	/*Fine MENU*/

/*Fine TOP*/

/*MIDDLE*/
	
	#middle {position:relative;top:90px;}
	#middle .wrapper {position:relative;}
	#middle #container {position:relative;}
	
	#middle #sidebar {position:absolute;left:0;bottom:0;width:232px;z-index:3;}

	#realizzazioni #middle #sidebar {display:none}
	#middle #content {position:relative;float:right;right:33px;width:644px;margin:50px 0 30px 0;z-index:3;}
	
	#middle #sidebar .overlay {position:absolute;top:0;bottom:0;left:0;width:100%;opacity:0.90;-moz-opacity:0.90;filter:alpha(opacity=90);z-index:2;}
	#middle #sidebar .sfum {position:absolute;top:0;bottom:0;left:0;width:100%;z-index:2;}
	#middle .overlay2 {position:absolute;top:0;bottom:0;right:0;width:710px;opacity:0.85;-moz-opacity:0.85;filter:alpha(opacity=90);z-index:2;}
	* html #container .overlay2 {height: expression(document.getElementById("container").offsetHeight);}
	* html #sidebar .overlay,
	* html #sidebar .sfum {height: expression(document.getElementById("sidebar").offsetHeight);}
	#middle #sidebar .overlay {background:#b31314;}
	#middle #sidebar .sfum {background:url(/images/sfum_sidebar.png) bottom left repeat-x;}
	#middle #container .overlay2 {background:#fff;}
	
	#middle .ombra2,
	#middle #sidebar .ombra {position:absolute;bottom:-30px;height:59px;z-index:0;}
	#middle #sidebar .ombra {left:-12px;width:257px;background:url(/images/ombra_sidebar.png);}
	#middle .ombra2 {right:-80px;width:871px;background:url(/images/ombra_content.png);}
	
	#middle #sidebar ul {position:relative;left:26px;width:180px;z-index:4; margin:33px 0; padding:1px 0;}
	#middle #sidebar ul li {width:180px;list-style-type:none;margin:0 0 20px 0; padding:1px 0;}
	#middle #sidebar ul li a {position:absolute;width:180px;height:132px;background:red;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);z-index:4;}
	#middle #sidebar ul li h4 {width:170px;height:53px;color:#fff;background:#8e0202;padding:10px 0 0 10px;margin:0 0 4px 0;font-size:8pt;}
	#middle #sidebar ul li h4 #titolo_realizzazioni,
	#middle #sidebar ul li h4 #titolo_contatti {text-indent:-9999px;height:17px;margin:4px 0 0 0;}
	#middle #sidebar ul li h4 #titolo_realizzazioni {width:101px;background:url(/images/titolo_realizzazioni.png);}
	#middle #sidebar ul li h4 #titolo_contatti {width:98px;background:url(/images/titolo_contatti.png);}
	#middle #sidebar ul li img {border-bottom:8px solid #000;}
	
	#middle #content h2 {text-indent:-9999px;height:23px;width:144px;font-size:2px;margin:0 0 23px 0;}
	#storia #middle #content h2 {background:url(/images/storia.png) no-repeat;}
	#azienda #middle #content h2 {background:url(/images/azienda.png) no-repeat;}
	#servizi #middle #content h2 {background:url(/images/servizi.png) no-repeat;}
	#marchi #middle #content h2 {background:url(/images/marchi.png) no-repeat;}
	#contatti #middle #content h2 {background:url(/images/contatti.png) no-repeat;}
	#realizzazioni #middle #content h2 {background:url(/images/realizzazioni.png) no-repeat;}
	
	#middle #content .evidenza {font-size:13pt;font-weight:normal;line-height:25px;margin:0 0 30px 0;}
	#middle #content .column_left,
	#middle #content .column_right,
	#middle #content .column {width:300px;line-height:22px;text-align:justify;}
	#middle #content .column_left {float:left;}
	#middle #content .column_right {float:right;}
	#middle #content .column {width:644px;}
	#middle #content .column iframe {border:5px solid #e8e8e9;width:634px;height:200px;}  
	#middle #content a {color:#000;}
	#middle #content a:hover {color:#b31314;}
	
	#middle #content ul#elenco_opzioni {margin:25px 0 0 0;border-top:1px solid #d4d4d5;padding:20px 0 0 0;}
	#middle #content ul#elenco_opzioni li {width:307px;height:50px;margin:0 0 10px 0;list-style-type:none;}
	#middle #content ul#elenco_opzioni li a {color:#000;display:block;width:287px;height:33px;padding:17px 0 0 20px;background:url(/images/sf_li.png);}
	#middle #content ul#elenco_opzioni li a:hover {color:#fff;background:url(/images/sf_li-hover.png);}
	#realizzazioni #middle #content ul#elenco_opzioni li#li_realizzazioni {display:none}
	#servizi #middle #content ul li {list-style-type:disc;margin:0 0 10px 20px;text-align:left;}
	#servizi #middle #content ul#elenco_opzioni li {list-style-type:none;margin:0 0 10px 0;}
	
	#marchi #middle #content .column_left,
	#marchi #middle #content .column_right {width:307px;}
	#marchi #middle #content ul.elenco_marchi li {width:307px;height:70px;background:url(/images/sf_li2.png) no-repeat;margin:0 0 10px 0;text-align:center;}
	#marchi #middle #content ul.elenco_marchi li img {margin:10px 0 0 0;}
	
	/*PRODOTTTI*/
	
		/* elenco */
		
			#realizzazioni #content ul#menu_prodotti {float:left;width:150px;margin:0;padding:0;}
			#realizzazioni #content ul#menu_prodotti li {width:150px;list-style:none;margin:5px 0;padding:0 0 10px 0;border-bottom:1px solid #000;}
			#realizzazioni #content ul#menu_prodotti li a {color:#000;text-decoration:none}
			#realizzazioni #content ul#menu_prodotti li a:hover {color:#b31314;}
			#realizzazioni #content ul#menu_prodotti li#voce_selezionata a {font-weight:bold;}
			
			#realizzazioni #content #elenco_prodotti {float:right;width:470px;padding:0;margin:0 0 10px 0;}
			#realizzazioni #content #elenco_prodotti h3 {margin:0 0 15px 0;font-weight:normal;}
			#realizzazioni #content #elenco_prodotti .box_prodotto {float:left;width:470px;height:80px;padding:0 0 10px 0;margin:0 0 15px 0;font-size:8pt;border-bottom:1px #000 solid;}
			#realizzazioni #content #elenco_prodotti .box_prodotto .immagine_prodotto {float:left;margin:0;padding:7px;background:#e8e8e9;border:1px #d5d5d7 solid;}
			#realizzazioni #content #elenco_prodotti .box_prodotto .immagine_prodotto .box_immagine {width:91px;height:66px;overflow:hidden;margin:0;padding:0;}
			#realizzazioni #content #elenco_prodotti .box_prodotto .dati_prodotto {position:relative;float:right;width:335px;height:60px;padding:10px;border:1px solid #d5d5d7;background:#e8e8e9;margin:0;font-size:8pt;line-height:13pt;}
			#realizzazioni #content #elenco_prodotti .box_prodotto .dati_prodotto .more {position:absolute;bottom:3px;right:3px;width:40px;padding:0 3px 0 0;margin:0;text-align:right;font-size:7pt;font-weight:bold;}
			#realizzazioni #content #elenco_prodotti .box_prodotto .dati_prodotto .more a {color:#b31314; text-decoration:none}
			#realizzazioni #content #elenco_prodotti .box_prodotto .dati_prodotto .more a:hover {color:#000;}
		
		/* dettagli */
		
			#realizzazioni #content #prodotto_selezionato {}
			#realizzazioni #content #prodotto_selezionato #immagine_prodotto {float:left;margin:0;padding:7px;background:#e8e8e9;border:1px #d5d5d7 solid;}
			#realizzazioni #content #prodotto_selezionato #immagine_prodotto .box_immagine {float:left;width:186px;height:136px;margin:0;}
			#realizzazioni #content #prodotto_selezionato #dati_prodotto {float:left;padding:10px 15px;font-size:12pt;line-height:19pt;}
			#realizzazioni #content .testo_descrittivo {margin:20px 0 0 0;}
			#realizzazioni #content #immagini_prodotto {margin:15px 0;}
			#realizzazioni #content #immagini_prodotto .immagine_prodotto {float:left;width:75px;height:50px;margin:15px 15px 15px 0;padding:7px;background:#e8e8e9;border:1px #d5d5d7 solid;}
			#realizzazioni #content #immagini_prodotto .immagine_prodotto .box_immagine {width:75px;height:50px;overflow:hidden;}
			#realizzazioni #content #bottom_prodotto {margin:15px 0;padding:5px 0 0 0;border-top:1px #666 solid;}
			#realizzazioni #content #bottom_prodotto #indietro {float:left;width:200px;}
			#realizzazioni #content #bottom_prodotto #richiesta_informazioni {float:right;width:200px;text-align:right;}
			#realizzazioni #content #bottom_prodotto a {color:#000;}
			#realizzazioni #content #bottom_prodotto a:hover {color:#b31314;}
		
		/* link */
		
			#elenco_link {margin:15px 0;}
			#elenco_link ul.link {margin:10px; list-style:none}
			#elenco_link ul.link li {margin:5px 0; color:#E32728}
			#elenco_link ul.link li .descrizione_link {margin:3px 0 0 18px; font-size:7pt; color:#fff}
	
	/*Fine PRODOTTTI*/

/*Fine MIDDLE*/

/*BOTTOM*/
	
	#bottom {position:relative;top:130px;color:#a1a1a2;font-size:8pt;}
	#bottom .wrapper {padding:20px 0;border-top:1px solid #d4d4d5;}
	#bottom .wrapper h6 {float:left;width:232px;text-align:center;font-size:8pt;}
	#bottom .wrapper p {float:right;width:710px;}
	#bottom .wrapper a {color:#a1a1a2;}
	#bottom .wrapper a:hover {color:#b31314;}

/*Fine BOTTOM*/


/*CARATTERISTICHE GENERICHE*/

	.png,
	ul#menu,
	#top .wrapper h1,
	#middle .ombra2,
	#middle #sidebar .ombra,
	#middle #sidebar ul li h4 #titolo_realizzazioni,
	#middle #sidebar ul li h4 #titolo_contatti,
	#middle #content h2,
	#middle #content ul#elenco_opzioni li a,
	#marchi #middle #content ul li,
	#middle #sidebar .sfum {behavior: url(/css/iepngfix.htc);}
	
	body,h1,h2,h3,h4,h5,h6,ul,li,img,form,input,#formcontatti,#formconferma,#concept,#concept p,p {margin:0;padding:0;}
	a {text-decoration:none;color:#000;}
	a:hover {color:#b31314;text-decoration:underline;}
	img {border:0; }
	.clear {clear:both;}
	.left {float:left;}
	.right {float:right;}
	ul li {list-style-type:none;}
	.rosso {color:#af0233;}

/*Fine CARATTERISTICHE GENERICHE*/

/*FORM*/

	form {margin:0;padding:0;}
	#contatti p.evidenza {font-size:8pt;}
	#formcontatti {position:relative;float:left;margin:0;padding:0;color:#8d8d8b;width:440px;}
	#formconferma {position:relative;float:left;height:150px;width:440px;color:#6e6e6e;}
	.input_text {width:200px;padding:2px;height:20px;border:1px solid #bcbcbc;background:#f3f3f3;}
	.input_area {height:60px;font-size:8pt;width:200px;color:#8b8b8b;border:1px solid #bcbcbc;background:#f3f3f3;font-family:Arial, Helvetica, sans-serif;}
	.contatti {float:left;width:220px;margin:10px 0 20px 0;}
	#box_errore {position:absolute;display:none;width:300px;height:150px;left:650px;top:350px;border:1px solid #5e3d26;text-align:left;background:#fff;z-index:5;}
	#div_titolo_errore {background:#900303;color:#fff;padding:10px;}
	#div_errore {position:relative;top:10px;color:#000;padding:10px;text-align:center;}
	.accetto {margin:5px 0;}
	#bottone_errore {font-size:8pt;width:90px;height:25px;}
	
/*Fine FORM*/

/*CONCEPT BY*/

	#concept {position:relative;top:120px;width:980px;font-size:9px;text-align:right;color:#000;margin:0 auto;padding:0 0 10px 0;}
	#concept a {font-size:9px;font-family:Verdana;color:#b4b4b4;font-weight:bold;font-stretch:expanded;text-decoration:none;}
	#concept a:hover {color:#E97D00;text-decoration:none;}

/*Fine CONCEPT BY*/
	
/* LINK */

	#elenco_link {margin:15px 0;}
	#elenco_link ul.link {margin:10px; list-style:none}
	#elenco_link ul.link li {margin:5px 0; color:#E32728}
	#elenco_link ul.link li .descrizione_link {margin:3px 0 0 18px; font-size:7pt; color:#fff}
	
/* Fine LINK */
		
