/* stili per il layout fisso*/
html,body {
margin:0; 
padding:0
}

body{ 
font-family: "Lucida sans", arial, verdana, sans-serif;
font-size:62.5%; 
color:#474747; 
text-align:center; 
background: #eeeeee url(img/bg_body.jpg) 50% 0 repeat-y; 
line-height:1.5em
}

div#container{
font-size: 1.2em;
position:relative; 
width: 905px; 
padding: 25px; 
margin: 0px auto 5px auto; 
text-align: left; 
background-color:#fff; 
}

/* stili generali*/
#header{ 
background: url(img/header.jpg) 0 0 no-repeat; 
height:122px;
}

#content{
margin:0;
padding:0;
}

#footer{
margin:10px;
font-size:1.2em
}



/* titoli */
h1,h2,h3,h4{
margin:0; 
padding:0
}

h1 {
width:500px;
position:relative;
left:200px;
top:40px;
font-size:1.6em; 
color:#FFFFFF
}

h2 {
width:500px;
position:relative;
left:200px;
top:50px;
font-size:1.4em; 
color:#FFFFFF
}

h3{
border-bottom:1px solid white
}



/* links*/
a:link, a:visited {
color:#474747;
text-decoration:none;
padding:10px 0
}

a:hover, a:active {
text-decoration:underline
}

h3 a:link, h3 a:visited {
text-decoration:none;
color:#FFFFFF
}

h3 a:hover, h3 a:active {
text-decoration:underline
}


/*stili per navigation orizzontale*/
#nav_h_container {
width:905px;
background:url(img/bg_menutop.jpg) top left no-repeat;
}


ul#nav_h {
font-size: 1.2em;
margin:0 5px 0 0; 
padding:8px 0;
float:right;
}
 
#nav_h li{
display:inline; 
margin:0; 
padding-top:0;
}
 
 
#nav_h a {
background:url(img/freccia_h.png) 0 50% no-repeat;
white-space:nowrap;
padding:0.2em 10px;
margin:0;
}
 
#nav_h a:link, #nav_h a:visited { 
text-decoration:none;
}
 
#nav_h a:hover, #nav_h a:focus, #nav_h a:active {
text-decoration:underline;
}

	

/* menù verticale*/
#navigation{
background: #C8D53A url(img/bg_menuverde.jpg) top left no-repeat;
float:left;
margin:0; 
padding:0; 
width:250px; 
font-size: 1.2em;
}

/*menu navigazione verticale*/
#navigation .menu_v{
float:left;
padding:105px 0 105px 0;
margin:0;
list-style:none;
width:220px;

}


#navigation .menu_v ul, #navigation .menu_v li{
margin:0;
padding:0

}

#navigation .menu_v a {
display:block;
text-decoration:none;
padding: 5px 0 5px 25px;
border-bottom:1px solid #fff;
margin:0 0 10px 0;
color:#FFFFFF;
}




#navigation .menu_v a:link,#navigation .menu_v a:visited {
color:#FFFFFF;
background:url(img/freccia.png) 0 50% no-repeat;

}

#navigation .menu_v a:hover, #navigation .menu_v a:active, #navigation .menu_v a:focus{
background: #A6B130 url(img/freccia.png) 0 50% no-repeat;
}

#navigation .menu_v li#active_v a{
background: #A6B130 url(img/freccia.png) 0 50% no-repeat;
color:#FFFFFF
}

li.nobordo a{
border-bottom:none
}


#video{
padding:0;
margin:0;
margin-left:275px;
line-height:0}


#box_arancio{
background: #C32F00 url(img/bg_menuarancio.jpg) bottom left no-repeat;
float:left;
margin:25px 0 0 0; 
padding:42px 20px; 
width:210px; 
color:#FFFFFF;
text-align:right;
font-size: 1.1em;
}

#opuscolo{
clear:left;
float:left;
margin:0; 
padding:25px 20px; 
width:210px; 
text-align:center;
}

#testo{
background:url(img/bg_testo.jpg) bottom left no-repeat;
margin:25px 0 0 0;
padding:35px 60px;
margin-left:275px;
font-size:1.2em;
line-height:1.8em;

}

#testo_int{
border-top: 4px solid #C32F00;
margin:25px 0 0 0;
padding:15px 25px 0 35px;
margin-left:250px;
font-size:1.1em;
line-height:1.4em;
}

/*primo piano*/
.floatfoto{
FLOAT:LEFT;
width:600px;
float:left; 
margin:0.5em 0 0.5em 0; 
padding:0 0 0.5em 0; 
}

.floatfoto img {
float:left;
margin: 0 0.5em 0.5em 0;
}
.floatfoto h4, .floatfoto p{
margin:0 ; 
padding:40px 0; 
}