
*       { margin:0;padding:0;font-size:13px; }
html    { overflow-x:hidden;overflow-y:scroll; }


body {color:#666; padding:10px 0 10px 0; 
font-family: "Trebuchet MS", verdana, Helvetica, sans-serif;
background:#000 url(img/sfumato.jpg) top center;
}

h3, h2 { font-family: 'Cardo', "Trebuchet MS", verdana, Helvetica, sans-serif; }

img.slidemaximage     { 
display:none;
position:fixed !important;/*le immagini non scrollano.non funziona in IE6*/
}

img {border:0}

small {font-size:11px;}


#text-box {
width:400px;
margin:20px auto;
background:#fff;
padding:10px;
color: #666666;
text-align:justify;
}

#text-box h3 {margin-bottom:10px;}

#text-box p {margin-bottom:10px;}

a {color: #fff;text-decoration:none;}
a:hover {text-decoration:underline;}

#logo {padding-left:10px;}

#menu {padding:25px 10px 0 0}

#menu ul {padding:0; margin:0; list-style:none; }
#menu li {display:inline;  border-right:0px dotted #ccc; margin-right:3px; padding-right:3px}
#menu li a { font-size:15px; font-weight:bold; text-transform:uppercase  }
#menu li a:hover { text-decoration:none; color:#FFCC00 }

#lingue {margin-top:5px}
#lingue, #lingue a {font-size:12px; text-transform:uppercase; font-weight:bold}
#lingue {font-weight:normal; color:#eee;}
#lingue a:hover { text-decoration:none; color:#FFCC00  }
#lingue a {color:#666; font-weight:normal;  font-weight:bold}

.ultimo {border-right:0 !important; margin-right:0px !important; padding-right:0px !important}


#contenuto-pagina {margin:auto; width:100%}
#contenuto-pagina  p { line-height:130%; color:#fff; font-size:15px; text-align:justify; padding:0; margin:0}
#contenuto-pagina  p a { color:#FFCC00; border-bottom:1px dotted #FFCC00}
#contenuto-pagina  p a:hover { text-decoration:none}


#contenuto-pagina .immagine {border:1px solid #666}

#contenuto-pagina h2, h3 a { margin-bottom:15px; font-size:27px; color:#FFCC00; font-weight:normal} 
#contenuto-pagina h3 { margin-bottom:30px; font-size:24px; color:#FFCC00; font-weight:normal}
#contenuto-pagina h3 a:hover { color:#FFCC00; text-decoration:none}

#avanti {float:right}
#indietro {float:left}
#avanti, #indietro , #avanti a, #indietro a,
#avanti a:hover, #indietro a:hover {width:41px; height:64px; display:block}
#avanti a { background:url(img/freccia-dx2.png) no-repeat; }
#indietro a { background:url(img/freccia-sx2.png) no-repeat}
#avanti a:hover { background:url(img/freccia-dx2.png) no-repeat}
#indietro a:hover { background:url(img/freccia-sx2.png) no-repeat}
#avanti span, #indietro span {display:none}

#paginazione {color:#FFCC00; font-weight:normal; font-size:13px}
#paginazione a {color:#eee; font-weight:normal; font-size:13px}
#paginazione a:hover {color:#FFCC00;  font-weight:normal; text-decoration:none}

#loghetti {}
#loghetti ul
.dimensione, .facebook { display:inline}

.dimensione-arte span {display:none}
.dimensione-arte a {width:100px; height:28px; display:block; background:url(loghi/dimensione-arte.png)}
.dimensione-arte a:hover {width:100px; height:28px; display:block; background:url(loghi/dimensione-arte.png)}

.facebook span   {display:none}
.facebook a {width:100px; height:28px; display:block; background:url(loghi/facebook.png)}
.facebook a:hover {width:100px; height:28px; display:block; background:url(loghi/facebook.png)}

#loghetti {padding-right:10px}
#footer {padding-left:10px;}

