/* CSS Document */

/* Hello! ;-)  */
/* Standard */
html			{margin:0;padding:0;} 
body 			{margin:0;padding:0; font:normal 76% Arial, Helvetica, sans-serif; text-align:center; background:#4A4549 url("../images/bg_body.gif") repeat-x left top;} /*mettere su pagewidth text-align:left;*/
/*con le tabelle, su mozilla non funziona con  il size. aggungere */
table	{border-collapse:collapse;}
td		{font-size:1em;padding:0;}

h1, h2, h3, h4 {padding:0;}
h1 		{font-size:1.5em;margin:14px 0 5px 0;}
h2 		{font-size:1.3em;margin:13px 0 3px 0;}
h3 		{font-size:1.3em;margin:10px 0 3px 0;}
h4 		{font-size:1.0em;margin:5px 0 0px 0;}
/*
	p 			{margin-top:8px;padding:0;}
*/
p 			{margin:8px 0 6px 0;padding:0;}
hr			{display:none;}

ul 		{margin-top:0;margin-bottom:0px;}
img		{border:0;display:block;} /* Mozilla: no margini sotto le IMG per STRICT DOCTYPE */
			/*per togliere il display: o inherit o compact */
a		{color:#4A4549;}
a:hover	{text-decoration:none;}

.lclr 			{clear:left;} /* in abbinamento <div class="clr"><br /></div> e line-height:1px; */
.rclr 			{clear:right;} /* in abbinamento <div class="clr"><br /></div> e line-height:1px; */


#header {width:958px;height:120px;  background:transparent url("../images/logo.jpg") no-repeat center top;margin:0 auto;}

#header {padding-bottom:0;text-align:center;} /* padding bottom 0 to remove space in IE5 Mac */ 
#header h1 {font-size:3px;padding:0px;margin:0px;text-indent:-5000em;}
#header h1 a {font-size:1px;width:720px;height:120px;display:block;}


#pagewidth { width:680px;margin:0 auto;text-align:left;}

#menu ul{width: 680px;height: 27px;overflow: hidden;list-style-type: none;margin: 0;padding: 0;background:url("../images/menu.gif") no-repeat 0 -27px;border-bottom:15px solid #FFF;}

#menu li{margin: 0;padding: 0}
#menu li,#menu a{float: left;height: 27px}
#menu a{text-indent: -9000px;text-decoration: none;padding: 27px 0 0 0;overflow: hidden; height: 0px !important; height /**/:27px;background-image: url("../images/menu.gif")}

#menu li#editoriale a{background-position: 0px 0px; width:70px;}
#menu li#editoriale a:hover,#menu li#editoriale a.current{background-position: 0px 27px}
#menu li#intervista a{background-position: -70px 0px;width:75px;}
#menu li#intervista a:hover,#menu li#intervista a.current{background-position: -70px 27px}
#menu li#ordinearchitetti a{background-position: -145px 0px;width:107px;}
#menu li#ordinearchitetti a:hover,#menu li#ordinearchitetti a.current{background-position: -145px 27px}
#menu li#progetti a{background-position: -252px 0px;width:61px;}
#menu li#progetti a:hover,#menu li#progetti a.current{background-position: -252px 27px}
#menu li#materiali a{background-position: -313px 0px;width:64px;}
#menu li#materiali a:hover,#menu li#materiali a.current{background-position: -313px 27px}
#menu li#zoom a{background-position: -377px 0px;width:41px;}
#menu li#zoom a:hover,#menu li#zoom a.current{background-position: -377px 27px}
#menu li#proposte a{background-position: -418px 0px;width:65px;}
#menu li#proposte a:hover,#menu li#proposte a.current{background-position: -418px 27px}
#menu li#stilidicasa a{background-position: -483px 0px;width:81px;}
#menu li#stilidicasa a:hover,#menu li#stilidicasa a.current{background-position: -483px 27px}
#menu li#curiosita a{background-position: -564px 0px;width:64px;}
#menu li#curiosita a:hover,#menu li#curiosita a.current{background-position: -564px 27px}
#menu li#eventi a{background-position: -628px 0px;width:45px;}
#menu li#eventi a:hover,#menu li#eventi a.current{background-position: -628px 27px}

#main {border-top:7px solid #4A4549;background:#4A4549 url("../images/bg_main.gif") repeat-y left top;}

#leftc {float:left;width:166px;}

#mainc {float:left;margin-left:7px; width:500px;}

#footer {margin-top:7px; padding:25px 5px 55px 5px; text-align:center; color:#FFF; }
#footer a{ color:#FFF;}



/***  FabClearing ***/
#main:after {
	display: block; 
	visibility: hidden;
	content: "."; 
	height: 0; 
	clear: both;
}
#main {
	clear: both; /* per Gecko */
	height: 1%; /* per IE */
}


#box-filodiretto {padding:5px;border:4px solid #EC8815;border-left:0;border-right:0;}
#box-filodiretto h4{margin:0;padding:0;color:#EC8815;font-size:1.3em;}

#box-newsletter {padding:5px;border-top:4px solid #4A4549; }
#box-newsletter h4{margin:0;padding:0; color:#4A4549; text-transform:uppercase;font-size:1.3em;}
#box-newsletter form{ background-color:#4A4549; margin:0;padding:5px;}
#box-newsletter input{background-color:#4A4549; border:1px solid #FFF;color:#FFF;}

.box-materiali {margin-left:140px; color:#4A4549; font-style:italic;}

#leftc .content {padding:7px 5px 20px 5px;}
#leftc .content h4.tit{color:#4A4549; font-size:1.1em}
#leftc .content ul{margin:10px 0 0 0;padding-left:15px;}
#leftc .content ul li {}
#leftc .content a{ text-decoration:none;}


#mainc .contenuto {padding:11px 11px 35px 11px;} 
/* 
contenuto
	IMG
	icone-content

*/
#mainc .icone,#mainc .content{margin-top:8px;}
#mainc .icone {float:left; width:100px;}
#mainc .content{float:left; width:375px;}

#mainc .icone img {border:6px solid #4A4549;}
#mainc .content h3 {color:#4A4549;}
#mainc .content table td.padded{padding:3px 5px;}
#mainc .content table td.padded-right{padding:3px 5px 3px 0;}

#mainc .azienda {margin-top:5px; border:1px solid #CCC; font-style:italic; font-size:0.9em;}
#mainc .azienda .azienda-tit {float:left;background-color:#4A4549; width:120px; display:block; color:#FFF;}
#mainc .azienda .azienda-nome {margin-left:130px;}
#mainc .azienda div {padding:1px 5px}
#mainc .azienda a { text-decoration:none; color:#000;}

#mainc .img-padded {padding-right:7px; padding-bottom:7px;}
#mainc .link-bianco {color:#FFF;}

#mainc td .img-box,#mainc .img-box {padding:5px; float:left;}

#mainc ul.test {padding:0;margin:0;}
#mainc ul.test li{list-style-type:none; padding:3px 5px;margin:0 0 5px 0;}
#mainc ul.test li.test-color1{ background-color: #BDD0EC;}
#mainc ul.test li.test-color2{ background-color: #FFCAE4;}
#mainc ul.test li.test-color3{ background-color: #D3E4D1;}
#mainc ul.test li.test-color4{ background-color: #FFCAE4;}