@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


/* IMPAGINAZIONE */
body { font:12px Arial; line-height:17px; color:#666; background:url(images/fondo_pagina.jpg) repeat-x 0px 430px #FFF; }

/* LAYOUT */
#head {width:100%; margin:0 auto; padding:0; background-color:#660024;}
#head .cover { margin:0 auto; background:url(images/head.jpg) no-repeat; width:960px; height:110px; display:block;  }
#head .title { margin:0 auto; background:url(images/title.jpg) center center no-repeat #EEEFEF; width:100%; height:30px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; display:block; }
#head #gallery {margin:0 auto; padding:0; width:960px; height:290px; overflow:hidden; position:relative; }

#main {margin:0 auto; padding:0; width:960px; background:#FFF; padding:30px 0 30px 0;}

#intro {margin:0 auto; padding:0; width:500px; float:left; padding-right:40px;}
#intro img {float:left; margin:0 10px 10px 0;}
#intro img {padding:3px; border:1px solid #CCC;}
#intro h1 {background:url(images/titolo1.jpg) no-repeat; font:16px Arial; color:#660024; height:45px; padding:7px 0 0 15px; margin-left:-3px;}

#news {margin:0 auto; padding:0; width:190px; float:left;}
#news h2 {background:url(images/titolo2.jpg) no-repeat; font:16px Arial; color:#660024; height:45px; padding:7px 0 0 15px; margin-left:-3px;}

#content {margin:0 auto; padding:0; width:715px; float:left; padding-left:20px;}
.img {float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #CCC;}

#content .intro {font:16px Georgia; color:#660024;}

#livello ul {margin:0; padding:0; padding-bottom:30px; }
#livello li {margin:0; padding:0; margin-right:7px; }
#livello li { float:left; text-transform:uppercase; font:bold 10px Arial;}
#livello li a { color:#660024;  text-decoration:none;  padding:6px; background:#FFFFFF; border:1px solid #CCC; display:block; } 
#livello li a:hover, #livello .on a { color:#FFF;  padding:6px; background:#660024;  border:1px solid #DCD8A5; text-decoration:none; display:block;} 

#side {margin:0 auto; padding:0; width:190px; float:right;}


/* TIPOGRAFIA */
p {margin-bottom:10px;}
a, a:link {color:#660024; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
h1 {background:url(images/titolo0.jpg) repeat-x; font:16px Arial; color:#660024; height:50px; padding:7px 0 0 15px; margin-left:-3px;}
.notizia {border-bottom:1px solid #CCC; margin-top:20px; border-bottom:1px solid #CCC; float:left;}
.data {font:11px Arial; display:block; margin-bottom:5px;}
.titolo {font:14px Arial;  color:#660024; display:block; margin-bottom:10px;}
.foto {float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #CCC;}


.spot {	width:140px; height:210px; display:inline-block;}
.spot {font:11px Arial; color:#CC33000;  border-bottom:1px solid #CCC; margin-bottom:15px;}
.spot img { margin:0; padding:0; padding:3px; border:1px solid #CCC; margin-bottom:5px;}

form li {display:list-item; margin-bottom:5px;}
label {width:100px; display:inline-block; padding:5px; background:#666; color:#FFF; margin-right:10px;}
input {width:150px; display:inline-block; padding:3px; border:1px solid #CCC;}
textarea{width:350px; display:inline-block; padding:3px; border:1px solid #CCC;}

.button { width:100px; display:block; padding:4px; border:1px solid #CCC;}
.hidden {display:none;}
input.nostyle { padding:0; border:0;}


/* TITOLI */



/* FOOTER */

#prefooter {width:100%; height:20px; margin:0 auto; padding:0; background-color:#660024;}
#footer { margin:0 auto; width:960px; font:11px Arial; padding-top:15px; background:url(images/footer.jpg) no-repeat  #FFF; display:block; }
#address {float:left;}
#credits {float:right;}


/* NAVIGATION BAR */

/* BUTTONS */

/* MENU */
#menu { margin:0 auto; padding:0; width:960px; height:35px; margin-top:-35px; background:url(images/navbar.png); position:relative; }
#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }
#menu #nav li a { float: left; width:192px; height:35px; overflow: hidden; }
#menu #nav li a { background-image: url(images/navbar.png); background-repeat: no-repeat; }

/* BUTTONS */
#menu #nav li#link1 a { background-position: 0 35px; }
#menu #nav li#link2 a { background-position: 0 35px; }
#menu #nav li#link3 a { background-position: 0 35px; }
#menu #nav li#link4 a { background-position: 0 35px; }
#menu #nav li#link5 a { background-position: 0 35px; }

/* OVER STATES */
#menu #nav li#link1 a:hover, #menu #nav #link1.on a { background-position: 0px -35px; }
#menu #nav li#link2 a:hover, #menu #nav #link2.on a { background-position: -192px -35px; }
#menu #nav li#link3 a:hover, #menu #nav #link3.on a { background-position: -384px -35px; }
#menu #nav li#link4 a:hover, #menu #nav #link4.on a { background-position: -576px -35px; }
#menu #nav li#link5 a:hover, #menu #nav #link5.on a { background-position: -768px -35px; }

#menu #nav span {display:none;}


/* MENU ENG */
#menu2 { margin:0 auto; padding:0; width:960px; height:35px; margin-top:-34px; background:url(images/navbar_eng.png); position:relative; }
#menu2 #nav { margin: 0; padding: 0; }
#menu2 #nav li { display: inline; }
#menu2 #nav li a { float: left; width:192px; height:35px; overflow: hidden; }
#menu2 #nav li a { background-image: url(images/navbar_eng.png); background-repeat: no-repeat; }

/* BUTTONS */
#menu2 #nav li#link1 a { background-position: 0 35px; }
#menu2 #nav li#link2 a { background-position: 0 35px; }
#menu2 #nav li#link3 a { background-position: 0 35px; }
#menu2 #nav li#link4 a { background-position: 0 35px; }
#menu2 #nav li#link5 a { background-position: 0 35px; }

/* OVER STATES */
#menu2 #nav li#link1 a:hover, #menu2 #nav #link1.on a { background-position: 0px -35px; }
#menu2 #nav li#link2 a:hover, #menu2 #nav #link2.on a { background-position: -192px -35px; }
#menu2 #nav li#link3 a:hover, #menu2 #nav #link3.on a { background-position: -384px -35px; }
#menu2 #nav li#link4 a:hover, #menu2 #nav #link4.on a { background-position: -576px -35px; }
#menu2 #nav li#link5 a:hover, #menu2 #nav #link5.on a { background-position: -768px -35px; }

#menu2 #nav span {display:none;}