/* CSS Document */

body{
margin:0 auto;
padding:0;
font:12px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
background:#f4f4f4 url(../img/bg.gif);
}

#top{
margin:0 0 0 0;
height:316px;
border:0;
background:url(../img/bg_top.gif) top center;
background-repeat:no-repeat;
}
#topMenu{
float:right;
}
#base{
background:#ffffff;
/*color:#303030;*/
margin:0 auto;
width:900px;
background-image:url(../img/bg_sfum_base.gif);
background-position:top center;
background-repeat:repeat-y;
border-bottom:1px solid #ccc;
}

/*contenuti*/

#contenuti{
margin:0px 16px 0px 16px;
padding:0 0px 0 0px;
line-height:1.6em;
text-align:left;
color:#000;
font-size:1em;
}

h1{
font:18px Verdana, sans-serif;
text-transform:uppercase;
color:#c00;
margin:0 0 10px 0;
}

#fla_hp{
margin:0px 16px 0px 16px;
padding:0 0px 0 0px;
text-align:center;
}

/*elenco*/

#elenco, .item{
width:400px;
margin:10px 0px 0px 0px;
padding:0 0px 0 0px;
border:1px solid #ccc;
}

h2{
font:12px Verdana, sans-serif;
text-transform:uppercase;
color:#333;
margin:0 0 0px 0;
font-weight:bold;
}

.foto_sx_mini {
float:left;
width:60px;
height:60px;
border:1px solid #ccc;
margin:2px 8px 2px 2px;
padding:2px;
}

/*link*/

a{
text-decoration:underline;
color:#c00;
font-weight:bold;
}

a:hover{
text-decoration:none;
color:#c00;
font-weight:bold;
}

/*molliche*/
#molliche{
font:10px Arial, Verdana, sans-serif;

}

#molliche a:active{
text-decoration:underline;
color:#666;
}

#molliche a:hover{
text-decoration:none;
font-weight:bold;
color:#666;
}

/*menu navigazione*/

#menu ul{
margin:145px 0 0 0px;
padding:0.2em 0;
text-transform:uppercase;
text-align:center;
}
#menu li{
display:inline;
}
#menu li a{
color:#000000;
height:0;
padding:0.2em 0;
text-decoration:none;
margin:-0.5em 1em;
white-space:nowrap;
}
#menu li a:link,
#menu li a:visited{
color:#000;
}
#menu li a:hover{
color:#555;
border-bottom:0.4em solid #c33;
padding-bottom:0.1em;
}

/*menu realizzazioni*/

#sottomenu ul{
margin:50px 0 0 0;
padding-top:0.6em;
padding-bottom:0.6em;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
#sottomenu li{
display:inline;
}
#sottomenu li a{
background-image:url(../img/freccia.gif);
background-position:left;
background-repeat:no-repeat;
color:#666;
text-decoration:none;
height:0;
/*marginR e paddingL servono per la distanza dalla freccia*/
margin-right:20px;
padding-left: 16px;
padding-top:0.6em;
padding-bottom:0.6em;
margin-top:-0.6em;
margin-bottom:1em;
white-space:nowrap;
}
#sottomenu li a:link,
#sottomenu li a:visited{
color:#666;
}
#sottomenu li a:hover{
color:#000;
padding-bottom:0.6em;
}

/*galleria*/

#galleria{
margin:0px 0px 0px 0px;
padding:0 0px 0 0px;
background-image:url(../img/bg_oriz_scuro.gif);
}

.thumb {
display:inline;
/*border:#cccccc solid 3px;
margin:2px 8px 8px 2px;
padding:8px;*/
}

/*immagini*/

.foto_sx {
float:left;
border:1px solid #ccc;
margin:2px 8px 2px 2px;
padding:2px;
}

.foto_dx {
float:right;
border:1px solid #ccc;
margin:2px 2px 2px 8px;
padding:2px;
}

/*footer*/

#footer{
clear:both;
margin:50px 6px 0px 6px;
padding:10px 0 10px 0;
border-top:1px solid #ccc;
width:888px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

/*variazioni*/

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}