* {margin:0;padding:0;}

html, body{margin:0;padding:0;}


body
{
text-align:justify;
background: #cccccc url('images/bordo-esterno.gif') repeat-y center;
font-size:12px; 
font-family:arial, helvetica, sans-serif;
}

p
{
font: 12px arial,helvetica,sans-serif;
padding-top:10px;
}

img
{
border:0px none;
}

td
{
vertical-align:top; text-align:left;
}

a
{
color:#669966;
text-decoration:none;
}

a:hover
{
color:#a7cca7;
}

#dx a.resp{
font: 12px arial,helvetica,sans-serif;
font-weight:bold;
color:#216321;
}

a.evi{
font-size: 14px;
font-weight:bold;
color:#216321;
}

a.evi:hover
{
color:#a7cca7;
}

div#container
{
width:960px;
margin:0 auto;
background:#fff;
}

#header
{
margin:10px; 
float:left;
width:580px;
} 

#contatti{
float:right;
width:320px;
margin:10px;
}

#contatti p
{
text-align:right;
font: 10px arial,helvetica,sans-serif;
margin:0;padding:0;
}

#imgheader
{
margin-left:10px; 
width:940px;
} 

#navigation
{
width:940px;
background: #fff; 
height:22px;
margin:0px 10px;
}

#sub_navi
{
width:940px;
margin-left:10px;
background: #000; 
height:22px;
background:#669966;
}

#nav_sx
{
width: 150px;
}

#content
{
float:left;
width:600px;
margin: 10px 20px 10px 20px;
}

#sx
{
float:left;
width:150px;
background: #fff;
margin: 10px 0 0 10px;
}


#dx
{
float:right;
width:150px;
background: #fff;
margin: 10px 10px 0 0;
text-align:left;
}

#dx p
{
font-size:10px;
}

#footer
{
background:#fff;
color:#666666;
clear:both;
margin-left:10px;
width:940px;
border-top:solid 1px #cccccc;
}


#footer div
{
float: left;
width: 299px;\width:299px; \width:299px;
padding: 10px;
text-align:justify;
}

#footer p{
font-size:10px;
padding:0;
margin:0;
}


#navigation ul, #sub_navi ul
{
list-style-type: none;
text-align: center; 
}

#nav_sx ul, #nav_dx ul
{
text-align: left; 
}

#navigation li, #sub_navi li
{
float: left;
display: block;
width: 156px;
text-align: center;
}

#nav_sx li, #nav_dx li
{
float: left;
display: block;
width: 150px;
text-align: left;
border-left:1px dashed #cccccc;
border-bottom:1px dashed #cccccc;
}

#nav_sx li.active
{
border-left:1px dashed #669966;
border-bottom:1px dashed #669966;
background:#669966;
line-height:26px;
padding-left:5px;
width:145px;
}

#nav_sx li.sub
{
margin-left:20px;
width: 130px;
border-left:1px dashed #669966;
border-bottom:1px dashed #669966;
}

#nav_sx li.subactive
{
margin-left:20px;
width: 130px;
border-left:1px dashed #669966;
border-bottom:1px dashed #669966;
background:#669966;
line-height:26px;
padding-left:5px;
}

h1
{
padding-left:2px;
background:#a7cca7;
font: 12px arial,helvetica,sans-serif;
font-weight:bold;
color:#000;
line-height:22px;
}

#dx h1
{
background:#669966;
font: 12px arial,helvetica,sans-serif;
color:#fff;
line-height:20px;
padding-left:2px;
}

#dx a
{
color:#669966;
}

#dx a:hover
{

text-decoration:underline;
}

#navigation a
{
display: block;
font-size:12px;
line-height: 22px; 
text-decoration:none;
background: url('images/stato3.png') no-repeat top left;
color: #000;
}

#nav_sx a
{
font-size:12px;
line-height: 26px;
text-decoration:none;
color: #666666;
margin-left:5px;
}

  
#navigation a:hover
{
background: url('images/stato1.png') no-repeat top left;
color:#fff;
}    

#navigation li#active, div#navigation li#active a, div#navigation li#active a:hover
{
background: url('images/stato1.png') no-repeat top left;
color:#fff;
}

#sub_navi a
{
display: block;
font-size:10px;
line-height: 22px; 
text-decoration:none;
color: #fff;
}
    
#sub_navi a:hover{
text-decoration:underline;
}  

#nav_sx a:hover, #nav_dx a:hover{
color:#669966;
}  

#sub_navi li#activelink, #sub_navi li#activelink a, #sub_navi li#activelink a:hover{
display: block;
font-size:10px;
line-height: 22px;
color:#000;
}

img.duecolonne
{
float:left;
padding:10px 10px 5px 0;
}

    
div.settori div{
    float: left;
	width: 142px;\width:142px; \width:142px; \width:142px;
    padding-left: 10px;
    text-align:left;
    }
    
div.persone div{
    float: left;
	width:295px; \width:295px;
    padding-left: 10px;
    min-height:185px;
    }

div.wide{
    clear: left; 
    padding: 0;   
    float: none;
    }
    
  
    

    
.box {padding:8px; border:1px solid #E3E3E3; background:#F1F1F1; margin-bottom:10px;}
.box p{margin:0; padding:0 0 5px 0;}

/* VERTICAL MARQUEE */
#example2 {
 	width:130px;
 	height:150px;
 	overflow:hidden;
}

#example2 div {
	padding:0;
}

#example2  p {
 	padding-bottom:10px;
 	margin:0;
}

#example2 a, #example2 em {
	display:block;
}

#example2 em {
color:#666666;
}