/* CSS Document */
html{ width:100%; height:100%;}
body {
   margin: 0px;
   font-size:1em;
   width:100%;
   height:100%;
   color: #333333;
   position: relative;
   font-family: "Trebuchet MS",Arial,Verdana;
   padding-top: 4px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   position:relative;
}   

a, a:link, a:active, a:focus, a:visited{ outline: 0;}


#Header {
   background-image: url(/img/Sfondo_nav.png);
   height: 58px;
   width: 100%;
   background-attachment: scroll;
   background-repeat: repeat-x;
   background-position: left center;
   position: fixed;
   z-index: 10000;
}

#Header #Logo {
   height: 54px;
   width: 183px;
   float: left;
   position: relative;
   top: 1px;
   left: 20px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
   overflow: hidden;
   position: relative;
   right: 0px;
   top: 14px;
   width: 515px;
   float:right;
}

a.select{
   display: block;
   float: left;
   font: normal 0.7em Arial; /* Change 13px as desired */
   line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
   height: 30px; /* Height of button background height */
   padding-left: 8px; /* Width of left menu image */
   text-decoration: none;
   background-color: transparent;
   background-image: url(/img/Bot-sx.gif);
   background-repeat: no-repeat;
   background-position: left center;
   margin-right: 5px;
   background-attachment: scroll;
   }
   
a.select span{
   display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
   background-color: transparent;
   background-image: url(/img/Bottone.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: 4px;
   color: #FF3333;
   padding-right: 15px;
   padding-bottom: 4px;
   padding-left: 7px;
   background-attachment: scroll;
}

a.boldbuttons{
   display: block;
   float: left;
   font: normal 0.7em Arial; /* Change 13px as desired */
   line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
   height: 30px; /* Height of button background height */
   padding-left: 8px; /* Width of left menu image */
   text-decoration: none;
   margin-right: 5px;
}

a.boldbuttons span{
   display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
   padding-top: 4px;
   padding-right: 15px;
   padding-bottom: 4px;
   padding-left: 7px;
   color:#999999;
}

a:link.boldbuttons, a:visited.boldbuttons { /*button text color*/ 
}

a.boldbuttons:hover{ /* Hover state CSS */
   display: block;
   float: left;
   font: normal 0.7em Arial; /* Change 13px as desired */
   line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
   height: 30px; /* Height of button background height */
   padding-left: 8px; /* Width of left menu image */
   text-decoration: none;
   background-color: transparent;
   background-image: url(/img/Bot-sx.gif);
   background-repeat: no-repeat;
   background-position: left center;
   margin-right: 5px;
   background-attachment: scroll;
}

a:hover.boldbuttons span{
   display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
   background-color: transparent;
   background-image: url(/img/Bot-dx.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: 4px;
   color: #FFFFFF;
   padding-right: 15px;
   padding-bottom: 4px;
   padding-left: 7px;
   background-attachment: scroll;
}

a:active.boldbuttons{
   color: #FF6633;
   background-color: transparent;
   background-image: url(/img/Bot-sx-o.gif);
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   }
   
a:active.boldbuttons span{
   display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
   background-color: transparent;
   background-image: url(/img/Bot-dx-o.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: 4px;
   padding-right: 15px;
   padding-bottom: 4px;
   padding-left: 7px;
   background-attachment: scroll;
   color: #FFCC66;
   }

#Page-Wrapper {
   width:98%;
   min-width:960px;
   padding-left: 20px;
   display:block;
   position: relative;
   padding-top: 10px;
   margin-bottom: 100px;
   top: 70px;
   padding-bottom: 100px;
}
#Login {
   background-image: url(/img/Top.gif);
   height: 289px;
   width: 319px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   display: block;
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: left top;
   margin-top: 20px;
   margin-bottom: auto;
}
#Login .utente {
   position: absolute;
   top: 140px;
   left: 40px;
   width: 232px;
   padding: 5px;
   background-color: transparent;
   border: 1px none #D8D8D8;
}
#Login .password {
   position: absolute;
   top: 210px;
   left: 40px;
   padding: 5px;
   background-color: transparent;
   border: 1px none #D8D8D8;
   width: 232px;
}
#Logged{ margin-bottom:5px;}
.box-idx {
   height: 310px;
   width: 310px;
   border: 1px solid #CCCCCC;
   float: left;
   display: block;
   margin-right: 10px;
   margin-bottom: 10px;
   position: relative;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.box-idx:hover { color:#000000;}
.box-idx a.continua, .box-idx a.continua:link, .box-idx a.continua:visited{
   position: absolute;
   right: -1px;
   bottom: -1px;
   font-size: 1.2em;
   color: #333333;
   text-decoration: none;
   font-family: "Trebuchet MS",Arial,Verdana;
   padding-top: 0px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-left: 10px;
   font-weight: bold;
   border-top-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-left-style: solid;
   border-top-color: #CCCCCC;
   border-left-color: #CCCCCC;
   background-color: #FFFFFF;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   z-index: 500;
}

.box-idx a.continua:hover{ color: #CC3333; }

.box-idx .img {
   height: 110px;
   width: 310px;
   position: relative;
   left: 0px;
   top: 0px;
   right: 0px;
   overflow: hidden;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCCCCC;
   text-align: center;
   
}
.box-idx .img img {
   clip: rect(0px,330px,120px,0px);
   position: relative;
   z-index: 1;
   display: block;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.box-idx .img .date {
   background-color: #333333;
   position: absolute;
   color: #FFFFFF;
   filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
   font-family: "Trebuchet MS",Arial,Verdana;
   font-size: 0.7em;
   right: 0px;
   bottom: 0px;
   padding-top: 6px;
   padding-right: 8px;
   padding-bottom: 6px;
   padding-left: 8px;
   z-index: 100;
}
.box-idx .autore {
   font-family: "Trebuchet MS",Arial,Verdana;
   font-size: 0.7em;
   width: 290px;
   margin-right: auto;
   margin-left: auto;
   font-style: italic;
   color: #666666;
}

.box-idx h1 {
   font-family: "Trebuchet MS",Arial,Verdana;
   font-size: 1.3em;
   padding-right: 10px;
   padding-left: 10px;
   font-weight: normal;
   text-decoration: none;
   line-height: 1.2em;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

.box-idx  h1 a,.box-idx  h1 a:link, .box-idx  h1 a:visited {
   font-family: "Trebuchet MS",Arial,Verdana;
   color: #666666;
   font-weight: normal;
   text-decoration: none;
}
.box-idx  h1 a:hover{ color: #333333; }
.box-idx .introduzione {
   position: absolute;
   bottom: 9px;
   padding-bottom: 15px;
   font-family: "Trebuchet MS",Arial,Verdana;
   font-size: 0.7em;
   line-height: 1.4em;
   color: #333333;
   margin-right: 10px;
   margin-left: 10px;
   width: 290px;
}
#Message {
   color: #CC3300;
   padding: 15px;
   width: 280px;
   margin: 5px;
   border: 1px dotted #CC3300;
   height: 80px;
   font-size: 0.8em;
   line-height: 1.7em;
}

#Content {
   font-size: 1em;
   color: #333333;
   font-family: "Trebuchet MS",Arial,Verdana;
   position: relative;
   padding-bottom: 20px;
}
#Content a, #Content a:link, #Content a:active {
   color: #333;
   text-decoration: underline;
   font-weight: bold;
}
#Content a:visited, #Content a:hover{
   color: #CC3300;
   text-decoration:none;
}


#Content table a, #Content table a:link, #Content table a:active, #Content table a:visited, #Content table a:hover{
   color: #333333;
   text-decoration: none;
   font-weight: normal;
   background-color: #F0F0EE;
   padding: 0px;
   border: none;
}

#Content h1 {
   color: #333333;
   padding: 3px;
   font-weight: normal;
   font-size: 1.5em;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   border-bottom-color: #333333;
   width: 98%;
}
#Content .introduzione {
   font-style: italic;
   color: #666666;
   font-size: 0.9em;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 0px;
}
#Content ul{
   margin: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 15px;
   list-style-type: square;
}
#Content ul li{ margin:5px 0px;}
#Content .autore {
   font-size: 0.8em;
   color: #666;
   padding-left: 5px;
}
.testo {
   font-size: 0.9em;
   line-height: 1.3em;
   width: 60%;
   border-right-width: 1px;
   border-right-style: dotted;
   border-right-color: #666666;
   padding-right: 15px;
   padding-left: 5px;
   float: left;
   margin-right: 15px;
   padding-bottom: 50px;
}
.testo img{ 
	border:1px solid #b1b1b1; 
  padding:5px;
  box-shadow: 0 2px 8px #666;
  -moz-box-shadow: 0 2px 8px #666;
  -webkit-box-shadow: 0 2px 8px #666;
  background-color:#FFF;
  }
#Iscrizione {
   float: left;
   width: 300px;
   border-right-width: 1px;
   border-right-style: dotted;
   border-right-color: #333333;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   font-size: 0.8em;
}
#Iscrizione a, #Iscrizione a:link, #Iscrizione a:visited{
   color: #FFFFFF;
   background-color: #CC3300;
   text-decoration: none;
   padding-top: 3px;
   padding-right: 7px;
   padding-bottom: 3px;
   padding-left: 7px;
   border: 1px dotted #FFFFFF;
   font-size: 0.8em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
#Iscrizione a:active{
   color: #333333;
   background-color: #FFCC33;
}
#Iscrizione a:hover{
   color: #FFCC00;
   background-color: #333333;
}
#Iscrizione .input #Registrazione .input, #Contatti .input{
   border: 1px solid #999999;
   padding: 4px;
   font-size: 0.8em;
   color: #666666;
   margin-bottom: 1px;
}
#Iscrizione  a.preiscriviti, #Iscrizione  a.preiscriviti:link, #Iscrizione  a.preiscriviti:visited {
   background-color: #009900;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
}
#Iscrizione  a.preiscriviti:hover{
   color:#333333;
   }

.testo-iscrizione{
   font-size: 0.9em;
   padding-bottom: 10px;
}
.testo-iscrizione input{ 
	width:80px;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;}
.testo p{ margin: 0px; }
.testo h2{ line-height:1.5em;}

.button{
   color: #FFFFFF;
   background-color: #333333;
   text-decoration: none;
   padding-top: 1px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
   border: 1px solid #666666;
   font-family: "Trebuchet MS",Arial,Verdana;
   cursor:pointer;
   position: relative;
   top: -2px;
   font-size: 0.9em;
}
#Correlati {
   position: relative;
   overflow:hidden;
   margin-right:20px;
}
#Correlati a, #Correlati a:link, #Correlati a:visited {
   font-size: 0.9em;
   color: #FF0000;
   display: block;
   border-bottom-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-bottom-color: #CCCCCC;
   background-color: #FFFFFF;
   font-weight: normal;
   margin-bottom: 5px;
   text-align: right;
   padding-right: 5px;
   padding-top:3px;
   padding-bottom:3px;
}
#Correlati a:hover{
   text-decoration:none;
   color:#999999;
   border-bottom-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-bottom-color: #313131;
}
fieldset.Registrazione {
   padding: 15px;
   width: 400px;
   position: relative;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #CCCCCC;
   float: left;
   margin-left: 10px;
   margin-bottom: 15px;
   font-size: 0.92em;
   height: 240px;
}
.info  {
   color: #CC2200;
   font-size: 0.7em;
   padding-left: 10px;
   font-weight: bold;
}


.Registrazione legend {
   font-size: 1.5em;
   font-weight: bold;
   padding-right: 10px;
   padding-left: 10px;
   color: #cc3300;
   padding-bottom: 10px;
}
.Registrazione legend span {
   background-image: url(/img/sfondo_numero_registrazione.gif);
   height: 42px;
   width: 45px;
   position: relative;
   color: #FFFFFF;
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   text-align: center;
   font-size: 1.2em;
   padding-top: 3px;
   display: inline-block;
}

.Registrazione label {
   display: block;
   width: 180px;
   position: relative;
   float: left;
   margin-top: 5px;
   margin-bottom: 5px;
}
.Registrazione br {
   display: block;
   clear: both;
   width: 100%;
}
.user {
   font-weight: bold;
   color: #CC2200;
   display: inline-block;
   margin-top: 5px;
   position: relative;
   margin-bottom: 10px;
}

.advise {
   font-size: 0.7em;
   color: #CC3300;
   font-weight: bold;
}
.testo_piccolo {
   width: 845px;
   font-size: 0.7em;
   color: #333333;
   background-color: #ECEBE6;
   padding: 15px;
   border: 1px dotted #CCCCCC;
   line-height: 1.4em;
   margin-left: 10px;
}
.testo_piccolo b {
   font-size: 1.2em;
   line-height: 1.5em;
}
#Cancellazione {
   clear: both;
   background-color: #ECEBE6;
   padding: 15px;
   border: 1px dotted #CCCCCC;
   margin-top: 10px;
}
#Cancellazione h2 {
   margin-top: 0px;
   margin-bottom: 5px;
   font-size: 1.2em;
}
.Button-Reg {
   clear: both;
   position: relative;
   background-color: #009900;
   padding: 10px;
   color: #FFFFFF;
   font-size: 1.3em;
   letter-spacing: 1px;
   border: 1px dotted #009900;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   cursor:pointer;
   margin-left: 10px;
}
#Error-Message {
   width: 840px;
   padding: 20px;
   margin-left: 10px;
   background-color: #CC2200;
   color: #FFFFFF;
   margin-bottom: 15px;
}
#Link ul {
   float: left;
   list-style-type: none;
   margin-right: 20px;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}
#Link ul li {}
#Link ul li a, #Link ul li a:link, #Link ul li a:active, #Link ul li a:visited{
   display: block;
   background-color: #ECEBE6;
   border: 1px solid #D3D3D3;
   color: #333333;
   margin-bottom: 5px;
   text-decoration: none;
   background-attachment: scroll;
   background-image: url(/img/chain_arrow.png);
   background-repeat: no-repeat;
   background-position: 8px 8px;
   padding-top: 5px;
   padding-right: 25px;
   padding-bottom: 5px;
   padding-left: 35px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
#Link ul li a:hover{
   color: #E3001B;
   background-color: #DADDD2;
}
#Newsletter {
   height: 290px;
   width: 270px;
   border: 1px solid #CCC;
   float: left;
   display: block;
   margin-right: 10px;
   margin-bottom: 10px;
   position: relative;
   background-color: #F0F0F0;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
   color: #666;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background-attachment: scroll;
   background-image: url(/img/pat_grigio_2.gif);
   background-repeat: repeat;
   background-position: left top;
}
#Newsletter h1 {
   font-weight: normal;
   font-size: 1.2em;
   padding: 0px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   color: #333;
}
#Newsletter p {
   color: #666;
   font-size: 0.7em;
   margin-top: 5px;
   padding-bottom: 0px;
}
#Newsletter a, #Newsletter a:link, #Newsletter a:visited {
   color: #FF3300;
   text-decoration: underline;
   font-size: 0.9em;
   display: inline-block;
   position: relative;
}

#Newsletter a:hover{ color:#666; text-decoration:none;}

#Newsletter label {
   font-size: 0.7em;
   display: block;
   float: left;
   width: 80px;
}

#Newsletter .input{
   border: 1px solid #999;
   padding: 4px;
   font-size: 0.8em;
   color: #666;
   margin-bottom: 2px;
   background-color: #F8F8F8;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   display:block;
   width: 150px;
}
#Newsletter .input:focus{ background-color:#FFC; }

#Newsletter #form-newsletter { padding: 0px; }
.BottNesletter {
   color: #CCC;
   background-color: #333;
   padding-top: 3px;
   padding-right: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: 1px dashed #333;
   cursor:pointer;
   margin-top:10px;
   margin-left:180px;
   font-size:0.8em;
   font-family: Arial, Helvetica, sans-serif;
}

#Contatti label {
   position: relative;
   display: block;
   width: 150px;
   float: left;
   height: 25px;
}
fieldset#Contatti {
   padding: 15px;
   width: 500px;
   position: relative;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #CCCCCC;
   float: left;
   margin-left: 10px;
   margin-bottom: 15px;
   font-size: 0.92em;
}
#Contatti legend {
   font-size: 1.3em;
   padding-right: 10px;
   padding-left: 10px;
}
#Contatti form .textarea {
   width: 250px;
   padding: 5px;
   height: 100px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   color: #666;
}

#Dove {
   padding: 15px;
   width: 300px;
   position: relative;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #CCCCCC;
   float: left;
   margin-left: 10px;
   margin-bottom: 15px;
   font-size: 0.92em;
   margin-top: 10px;
}
#Dove .legend {
   font-size: 1.3em;
   color: #333;
   position: absolute;
   background-color: #FFF;
   padding-right: 10px;
   padding-left: 10px;
   top: -13px;
}

#Add{ position:absolute;right:0; top:59px; width:215px; text-align:right; z-index:999;}
.Type{
   position:absolute;
   top:-1px;
   right:-1px;
   color:#F66;
   background-color:#FFF;
   z-index:998;
   font-size:0.7em;
   border-top-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-left-style: solid;
   border-top-color: #FFF;
   border-left-color: #CCCCCC;
   background-color: #FFFFFF;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #FFF;
   border-bottom-color: #CCC;
   padding-top: 2px;
   padding-right: 4px;
   padding-bottom: 2px;
   padding-left: 4px;
   }
.message {
   color: #333;
   padding: 10px;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   margin-bottom:10px;
   font-size:1.2em;
   width:290px;
   float:left;
   margin-right:10px;
   height:290px;
   font-weight: normal;
   line-height: 1.3em;
   border: 1px dashed #D92C00;
   background-color: #F8F8F8;
}
.message span{
   font-size: 1.4em;
   line-height: 1.2em;
   display: block;
   margin-bottom: 10px;
   padding-bottom: 0px;
   color: #D92C00;
}

/*.message {
   background-color: #D92C00;
   color: #FFA893;
   padding: 10px;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   margin-bottom:10px;
   font-size:1.2em;
   width:290px;
   float:left;
   margin-right:10px;
   height:290px;
   font-weight: normal;
   line-height: 1.2em;
}*/

.bonifico {
   border: 1px dotted #333;
   padding: 10px;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   background-color: #DCDCDC;
}
.chiuso  {
   color: #333;
   background-color: #FC0;
   padding-top: 2px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   margin-left:10px;
   font-size: 10px;
}
#Content .chiuso { margin-left:0px; margin-bottom:10px; display:block; font-size:12px; padding:8px; width:205px;}

#Footer{
   background-color:#333;
   display:block;
   padding:10px 20px;
   position:fixed;
   bottom:0;
   z-index:1000;
   left:0px;
   right:0px;
   color: #999;
   text-shadow: 1px -1px 1px #212121;
   font-size:12px;
}

.newsletterBotton{ 
background-color:#FFF;
color:#F30;
padding:5px 10px;
position:absolute;
top:10px;
left:220px;
font-size:10px;
}
