/* CSS Document */

*, html,body{margin:0;padding:0}
body{font: 82%/1.3 "Lucida Grande", arial,sans-serif;text-align:center; background-color:#f3f3f3; color:#000;}
p{margin:0 15px 15px}
a{color: #66ccff; text-decoration:none;}

h2, h3{
font-weight:normal;
margin: 10px 15px;}


div#header{
background-color:#000000;
height:100px;
}

div#header h1{
float:left;
margin:35px 15px;}

div#header h1 a{
display:block;

height:30px;
width:210px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/logo.gif) no-repeat}

div#header p{
float:left;
margin:20px 30px;
padding-left:40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:120%;
width:300px;
border-left:1px solid #fff;
color:#FFFFFF;}

  
div#container{text-align:left}

div#navigation{
margin-top:40px;}

div#navigation ul{
list-style:none;
background-color:#FFF}

div#navigation ul li{
display:block;
padding:8px 3px;
font-size:120%;
border-bottom:1px solid #ccc;
 }
 
div#navigation ul li a{
color:#000000;

display:block;
padding:3px 0 2px 27px;
background:url(../images/accordion_toggle.jpg) no-repeat;
}

div#navigation ul li.corrente{
padding:11px 3px 11px 31px;

background:url(../images/accordion_toggle_active.jpg) 3px 8px no-repeat}




div#extra{}


div#container{width:780px;margin:0 auto}
div#wrapper{margin-top:10px}
div#content{float:left;width:640px;}
div#navigation{float:right;width:140px}
div#extra{float:right;clear:right;width:140px; margin-top:15px;color:#fff}


.accordion_content{
margin:0 35px;}
.accordion_content img{
border:1px solid #ccc;
float:left;
margin-right:10px;
margin-bottom:10px;}

.accordion_content p{
margin-bottom:10px;}


#corpo{
display:block;
min-height: 500px;
height: auto !important;
height: 500px;}

#corpo:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}



.column{
float:left;
}

#immagini{
float:right;

margin:10px 25px;}

#immagini-centro{
margin:10px 0;
text-align:center;
}

#immagini-centro img{
border:1px solid #ccc;
}



.span_1{
width:180px;
}
.span_3{
width:570px;
display:inline}

#immagini img{
border:1px solid #ccc;
margin-bottom:10px ;}


#immagini .span_1{
height:180px;
margin-right:10px;}


#corpo, div#footer{
padding:15px 0;
background:#FFF url(../images/sf_sfumo_big.jpg) bottom no-repeat;
clear:both}

#corpo ul{
margin:10px 25px;}

div#footer{clear:both;width:640px;
padding:5px 0 15px;
height:55px;
background-color:#f0f0f0;
color:#666;
line-height:1;}

div#footer p{margin:0 15px 0 0;padding:5px 10px; float:left;}



ul#istiNav{
list-style:none;
}

ul#istiNav li{

display:block;
float:left;}

ul#istiNav li a{
color:#000000;
background-color:#e6e6e6;
display:block;
padding:8px 15px;
margin:0 1px}

ul#istiNav li a:hover, ul#istiNav li a.corrente{
color:#fff;
background-color:#66ccff}


#contact{
line-height:1;
background:url(../images/sf_contact.jpg) no-repeat;
height:88px;
padding:70px 0 15px;}

#contact a{
font-size:150%;
}

a.goTo{

background: url(../images/freccia.gif) left center no-repeat;
padding-left:15px;}

fieldset{
margin:15px;
width:370px;
background-color:#f4f4f4;
border:0;}

legend{
font-weight:bold;
padding-left:10px;}

fieldset div{
padding:5px 0;
border-bottom:1px solid #ccc}

label{
display:block;
float:left;
width:150px;
padding-left:15px;}

input, textarea{
border:1px solid #ccc}

input#invia{
cursor:pointer;
padding: 3px 5px;
margin:10px 0 15px 180px;
border:1px solid #ccc;
background-color:#66ccFF;}

p.center{
text-align:center}

p.attenzione{
	color:#000000;
	height:400px;
}

ul.download{
clear:both;
list-style:none;}

ul.download li{
line-height:1.8;}

ul.download li a{
padding-left:20px;
background:url(../images/download.gif) left 0 no-repeat}
