/* CSS Document */
/* 27novembre08 Giorgio Cordini */
*{ padding:0; margin:0;}

html{width:100%; height:100%;}
	
body{width:100%; height:100%; font-family: Arial, Verdana, Helvetica, sans-serif; background:#fff url(../img/background.jpg) center top no-repeat; font-size:12px;}
	
p{}
	
h1{}
	
h2{}	
	
h3{}

h4{}

/*PSEUDO CLASSI*/	
a{}
	
a:visited {}
	
a:hover, a:active {}

img{}
/* BLOCCHI */
#container{ width:785px; /*height:768px;*/ height:100%; margin:0 auto; background:url(../img/container.jpg) no-repeat; background-position:0 159px; position:relative; }
body>div#container{height:auto; min-height:100%;}

#header{ width:785px; height:159px; margin:0;}

#topmenu{ width:240px; height:50px; margin:0 0 0 422px; padding-top:109px;}

#content{ height:335px; padding-top:102px; clear:both;}

#footer{ color:#bcbaa0; font-size:10px; text-align:center; clear:both; position:absolute; bottom:15px; width:100%;}

/*COMPONENTI HEADER*/
#header h1{ width:192px; height:52px; padding:79px 0 0 28px; float:left;}
#header h1 a{width:271px; height:80px; display:block; background:url(../img/logo.jpg) no-repeat;}
#header h1 a span{ display:none;}

/*TOPMENU*/
#topmenu ul{ list-style:none;}
#topmenu ul li{ display:block; float:left; height:20px;}

#topmenu ul li a{ display:block; float:left; height:20px; color:#aca892; font-size:11px; line-height:20px;}
#topmenu ul li a:hover{ color:#0d602a;}
#topmenu ul li a.chisiamo{width:63px; background:url(../img/topmenu_chisiamo.jpg); text-decoration:none; padding-left:20px; }
#topmenu ul li a.photogallery{width:77px; background:url(../img/topmenu_photogallery.jpg); text-decoration:none; padding-left:12px;}
#topmenu ul li a.contatti{width:56px; background:url(../img/topmenu_contatti.jpg); text-decoration:none; padding-left:12px; }

h2.eco{ display:none;}
a.rivenditore{ width:140px; height:43px; margin:/*102px*/ 0 0 0 495px; display:block; background:url(../img/rivenditore.jpg) no-repeat; line-height:40px; font-size:14px; color:#FFF; padding-left:29px; text-decoration:none;}
a.rivenditore:hover{ background-position:-169px 0;}
a.rivenditore span{ display:none; }

div.bamboo{ background:url(../img/box_bamboo.jpg); width:249px; height:218px; margin:52px 0 0 19px!important; margin:52px 0 0 9px; float:left;} 
div.classic{ background-image:url(../img/box_classic.jpg); width:249px; height:218px; margin:52px 0 0 0; float:left;}
div.fiber{ background-image:url(../img/box_fiber.jpg); width:249px; height:218px; margin:52px 0 0 0; float:left;}
div.bamboo a span, div.classic a span, div.fiber a span{display:none;} 
div.bamboo a{ display:block; width:181px; height:145px; margin:34px 0 0 34px;}
div.bamboo a:hover{ background:url(../img/box_bamboo_hover.jpg) no-repeat bottom;}
div.classic a{ display:block; width:181px; height:145px; margin:34px 0 0 34px;}
div.classic a:hover{ background:url(../img/box_classic_hover.jpg) no-repeat bottom;}
div.fiber a{ display:block; width:181px; height:145px; margin:34px 0 0 33px;}
div.fiber a:hover{ background:url(../img/box_fiber_hover.jpg) no-repeat bottom;}
#content div h3.novita{ height:14px; color:#FFF; text-transform:uppercase; background:url(../img/novita.gif) no-repeat; font-weight:normal; font-size:11px; padding-left:18px; margin:10px 0 0 34px; }

div.madeexpo{ height:76px; width:678px; float:left; word-spacing:-1000; background:url(../img/tag_madeexpo.png) no-repeat; margin:0px 0 0 53px; }
div.madeexpo span{ display:none; }
div.madeexpo a{ display:block; }