html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }

body { background:#222222 url(body-bg.jpg) repeat-y 0 0; font-size:76%; line-height:150%; text-align:center; font-family:arial, helvetica, sans-serif; text-align:left; color:#FFFFFF;}

ol, ul, li { list-style-type:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

h2 { border-bottom:1px solid #CCCCCC; font-size:1.5em; color:#999999; margin:0.6em 0 0.3em 0; padding-bottom:0.2em; text-transform: uppercase; }
h3 { font-size:1.4em; color:#226699; margin:0.5em 0 0.2em 0; }
h4 { font-size:1.2em; color:#666; margin:0.5em 0 0.2em 0; }


a:link, a:visited  { text-decoration:none; color:#226699; }
a:hover, a:focus, a:active { color:#666666; }

p { margin:0 0 0.5em 0; }

.small { font-size:0.9em; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.hidden { display: none; }
.borderb { border-bottom:1px solid #CCCCCC; }



#container { width:980px; float:left; color:#000000; }

#header { height:220px; background:#333333; width:100%; float:left; }
#footer { clear:both; margin-left:280px; font-size:0.9em; text-align:center; width:700px; color:#666666; padding:1em 0; border-top:1px solid #222222; }
#sidebar { width:280px; float:left; margin-top:40px; }
#content { width:700px; float:left; text-align:center; }

#content-inner { margin:3em auto; width:620px; text-align:justify; }


#logo { margin:35px 20px 0 20px; float:left; display:inline; }
#logo h1 { text-indent:-9999px; width:240px; height:145px; background:url(logo.jpg) no-repeat; }
#banner { float:left; width:700px;}

ul.navigation li { margin:0; text-align:right; list-style-type:none; padding:5px 20px; }
ul.navigation li a:link, ul.navigation li a:visited { color:#999999; font-size:1.2em; letter-spacing:1px; display:block; }
ul.navigation li a:hover, ul.navigation li a:focus, ul.navigation li a:active { color:#FFCC00; }
ul.navigation li a.selected { color:#FFFFFF; }


h1#page-title { padding:15px 20px; background:#969696; text-align:right; font-size:1.6em; text-transform:uppercase; color:#CECECE; letter-spacing:3px;}


ul.list { margin:0 0 0.5em 0; padding:0; list-style-type:none; text-align:left;}
ul.list li { margin:0; padding:0 0 5px 15px; background:url(bullet2.gif) no-repeat left 4px; }
ul.list li p { font-size:0.85em; text-align:justify;} 


form { width:610px; margin:2em 0; }
form fieldset div { padding:1em 0; float:left; display:inline; width:305px; border-top:1px solid #CCCCCC;}

label { padding-right:10px; width:100px; display: block; float: left; text-align: right; }
fieldset { padding:0; margin:0; }

legend { color:#999999; margin:0.6em 0 0 0; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:1.5em; text-transform: uppercase; }

input, textarea { border-width:0 0 0 1px; border-style:solid; border-color:#CCCCCC; padding:2px; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:180px; background:#FFFFFF; }

textarea { overflow:auto; width:485px; }

form div.select { clear:both; width:610px; float:left; }
form div.textarea { clear:both; width:610px; float:left; border-bottom:1px solid #CCCCCC;}

.button { margin:0 0 0 140px; clear:both; padding-top:1em; }
.button input { font-size:1.1em; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#226699; }
.button p { margin:0; padding-right:40px; float:right;  }

.hoverfocus { border-left:1px solid #226699;}

#error { border-top:1px solid #CCCCCC; background-color:#FFFFFF; margin:2em auto 0 auto; padding:0.5em 1em; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet2.gif) no-repeat left 4px; }


#video { width:506px; margin:0 auto 1em auto; }


.annuncio { border-bottom:1px solid #CCCCCC; margin-bottom:2em; }

.testo-annuncio { float:left; width:460px; } 
.foto-annuncio { width:160px; float:right; text-align:right; }

.immagini { border-top:1px solid #CCCCCC; padding:1em 0; margin-top:2em; width:100%; text-align:center; }
.gallery { padding:1em 0; margin-bottom:2em; width:100%; text-align:center; }
.immagini span, .gallery span { width:140px; margin:10px 5px;}

#pagination { clear:both; padding-top:2em; text-align:center; }


table { border-collapse:collapse; border-spacing:0; font-size:inherit; margin:1em 0;}
th, td { vertical-align:top; font-size:0.9em; text-align:center; width:20%; padding:5px 1px; border-bottom:1px solid #CCCCCC; }
th { font-weight:bold; color:#226699; }



.staff-list { margin-bottom:1em; }
.staff-list li { width:100%; text-align:left; float:left;  border-bottom:1px solid #CCCCCC; margin-bottom:2em; }
.staff-list h3 { margin-top:0; }
.staff-list li img { margin:0 20px 10px 0; float:left; width:140px; }
.staff-list li p { font-size:0.9em; }


#protofade { position:relative; display:block; margin:0; padding:0px; width:700px; height:220px; overflow:hidden; clear:both; }
#protofade li { position:absolute; top:0; left:0; display:block; margin:0; padding:0; background:none; width:700px;}
#protofade li img { display:block; }

#zoomy { position:absolute; border:1px solid #FFCC00; background:#000000; padding:5px; color:#fff; line-height:100%; }
#zoomy p { margin:0; padding:5px 5px 10px 5px; position:relative; }
#close { position:absolute; right:5px; width:12px; height:12px; background:url(close.gif) no-repeat; cursor:pointer;}

html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; 	visibility:hidden; width:0; height:0; }