html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 110%;
	font-family: inherit;
	vertical-align: baseline;
}

body{font:14.5px/1.8em /*"Lucida Grande",*/ arial, sans-serif;}

a { color:#333333;}
a:hover { color:#000000;}

#container{margin: auto;
position:relative;
width:770px;}

#head_up{
    margin:20px 0;
    border: 1px solid red;
}

.logo{
    background:#FFFFFF none repeat scroll 0 0;
    display:block;
    float:left;
    margin:0 40px 0 0;
}

#head_sup .work, #head_sup .who_we_are, #head_sup .tutorials, #head_sup .contact { border-left: 1px #e8e9e4 solid; width:160px; padding:0; float:left; font-size:.9em;}
#head_sup .work ul, #head_sup .who_we_are ul, #head_sup .tutorials ul, #head_sup .contact ul { margin:2px 0 0 9px; padding:0; list-style-type:none;}
#head_sup .work li a, #head_sup .who_we_are li a, #head_sup .tutorials li a, #head_sup .contact li a { color:#666666; background:#FFFFFF; text-decoration:none; padding: 1px 2px; line-height:1.8em; display:block; width:145px; }
#head_sup .work li a:hover, #head_sup .who_we_are li a:hover, #head_sup .tutorials li a:hover, #head_sup .contact li a:hover { background:#f5f6f1; color:#555;   }
#head_sup h1{
    font-size:20px;
    letter-spacing:7px;
    padding-left:5px;
}

.clear { clear:both; margin:0;}

#head_inf{border:3px solid #E8E9E4;}

#featured{border:3px solid #E8E9E4;}

#slogan{border-bottom:0 solid #F5F6F1;
        margin:30px 0 0;
}

#slogan h1{font-size:2.4em;
font-weight:normal;
font-style:italic;
margin:0 0 0 10px;
text-align:left;}

#bussola { height:20px; margin: 4px 0 14px 0;  padding-bottom:2px; font-size:.8em; /*font: .65em tahoma, Arial, Helvetica, sans-serif;*/ color:#999999; background-color:#FFFFFF; border-bottom: 1px #e8e9e4 solid; }
#bussola .buss { float:left; height:16px; line-height:16px;}
#bussola .buss a { color:#999999; margin: 0px 0 4px 12px; text-decoration:none;  }
#bussola .buss a:hover { color:#666;}
.bussola_sep { color:#d4d5d1;  padding:0 5px;}

.more span { background:url(../images/more_vai.gif) no-repeat right top; padding:0 20px 2px 0px; line-height:17px; }

#utility { width:240px; float:right; background:#ffffff; margin: -2px 0 0 0;}
#utility a.stampa { width: 100px; height:16px; line-height:16px; background:url(../imgs/ico_stampa.gif) no-repeat 70px 0px; float:left; border-right: 1px #e8e9e4 solid; color:#999999; margin:0 12px 0 0; }
#utility a:hover.stampa { color:#666666;}
#utility .textSize { display:block; margin: 0 0 0px 0; height:16px; line-height:16px;}
#utility .textSizetxt { display:block; height:16px; line-height:16px; float:left; margin: 0 4px 0 0;}

#contentHome_center { width:258px; float:left; background: #ffffff;}
#contentHome_right { width:254px; float:left; background:url(../imgs/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1; text-align:center; }
#contentHome_left h2, #contentHome_center h2, #contentHome_right h2{font-size:18px; letter-spacing:2px; font-weight:bold;}
#contentHome_right img{padding-top:20px;padding-bottom:20px;}
#contentHome_left { width:258px; float:left; background:#ffffff; display:block; background:url(../imgs/sfo_contentbox.gif) repeat-y top right; height:auto !important; height: 376px; min-height:376px;}
#contentHome_left ul, #contentHome_center ul { margin:10px 40px 10px 26px; padding:0;}
#contentHome_left li, #contentHome_center li { line-height:1.5em; color:#484848; margin: 0 0 12px 0; padding: 0 0 9px 0; border-bottom: 1px #e8e9e4 dashed;}

#contentHome_center p, #contentHome_right p { color:#484848; margin: 0 30px 0 10px; line-height:1.6em; text-align:justify;  }

#content_center p { color:#484848; margin: 0 50px 0 10px; text-align:justify; }

/* realizzazioni */

#content_center { width:516px; float:left; background:#ffffff;}
#content_right { width:254px; float:left; background:#ffffff;}
#content_right h2{font-size:18px; letter-spacing:2px; font-weight:bold; }
#content_center h2{font-size:18px; letter-spacing:2px; font-weight:bold; }
#content_center p{padding-top:10px;padding-bottom:10px; }
#content_center ul { margin:10px 40px 10px 26px; padding:0;}
#content_center li { line-height:1.5em; color:#484848; margin: 0 0 12px 0; padding: 0 0 9px 0; border-bottom: 1px #e8e9e4 dashed;}

#footer { font-size:.9em; color: #dfdfdf; margin: 30px 0 0 0; line-height:24px; }
#footer P { margin: 0 0 0 10px;}
#footer .ragsoc { color:#919191;}
#footer a { color:#919191;}
#footer a:hover { color:#333333;}
#footer .footerlink {}