/* CSS Document */

/* - - - - - Inizializzazione e globali - - - - - */

html {
  height: 100%;
  }

* {
  margin: 0;
  padding: 0;
  }

body {
  background-color:white;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
  color:black;
  }

a {
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  color:blue;
  }
  
a:hover{
  color:blue;
  text-decoration: underline;
  }

img {
  padding:10px;
  border:1px #E3E3E3 solid;
  background-color:white;
	}
	
p{
  padding-bottom:11px;
  }

/* - - - - - Testata - - - - - */

#testata{
  background-color:white;
  margin-left:10px;
  margin-right:0px;
  height:120px;
  overflow: hidden;
  }

#logo{
  float:left;
  }

#testata img{
  border:0;
  padding:0;
  }
  
#logo img{
  border:0;
  padding:0;
  }

#immagineTestata{
  float:right;
  }

/* - - - - - Barra dei menu - - - - - */

#barraMenu{
  width:100%;
  background-color:#EEEEEE;
  border-top:5px #457297 solid;
  min-height:20px;
  font-family: verdana;
  font-size: 10px;
  }

#intestazione{
  margin-left:10px;
  float:left;
  padding:0.3% 0 0.4% 0;
  font-weight: bold;
  }
  
#contenitoreMenu{
  float:right;
  padding-right:10px;
  background-image: url(../images/ondaMenu.jpg);
  background-repeat: no-repeat;
  background-color: #457297;
  padding-left:25px;
  color:white;
  }

ul#menu{
  list-style:none;
  }
  
ul#menu  li{
  padding:0 4px 0 2px;
  float:left;
  min-height:20px;
  display:block;
  } 

ul#menu li a{
    color:white;
  font-weight:bold;
  font-family: verdana;
  font-size: 10px;
  } 

ul#menu span {
  float:left;
  }
  
ul#menu li a:hover, ul#menu li.on a{
  border:0;
  color:white;
  text-decoration: none;
  } 

/* - - - - - Breadcrumb - - - - - */

#barraBreadCrumb{
  margin-left:10px;
  margin-right:10px;
  background-color:#eeeeee;
  min-height:18px;
  padding-top:0.2%;
  border:1px white solid;
  }

ul#breadCrumb{
  display:inline;
  list-style:none;
  }
  
ul#breadCrumb li{
  font-weight:bold;
  display:inline;
  background-image:url(../images/frecciaBreadcrumb.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:1%;
  }

#barraBreadCrumb a{
  color:black;
  }  
    
/* - - - - - Content - - - - - */

#content{
  margin-left:10px;
  margin-right:10px;
  padding:1% 0 1% 0;
  text-align:justify;
  }
  
/* - - - - - Icona Stampa - - - - - */

.stampa{
  float:right;
  }

.stampa img{
  border:0;
  padding:0;
  margin:0;
  }
  
/* - - - - - Spalla Sinistra - - - - - */

#spallaSinistra{
  width:24%;
  margin-right:1%;
  float:left;
  padding-bottom:1%;
  text-align:left;
  }

.boxSpallaSinistra{
  width:100%;
  }

.boxCittaTitolo{
  font-weight:bold;
  background-color:#ddc07f;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuCitta.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  }

.boxCittaTitoloOff{
  font-weight:bold;
  background-color:#ddc07f;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuCittaOff.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  margin-bottom:1%;
  }
  
.boxCittaTesto{
  background-color:#fef3db;
  padding: 5px 5px 5px 5px;
  margin-bottom:1%;
  }

ul.menuCitta{
  list-style:none;
  }
  
ul.menuCitta li{
  background-image:url(../images/frecciaMenuCitta.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuCitta li.on{
  background-image:url(../images/frecciaMenuCittaOn.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuCitta li.on a{
  text-decoration: underline;
  }

ul.menuCitta li a{
  padding-left:3%;
  color:black;
  }
  
.boxComuneTitolo{
  font-weight:bold;
  background-color:#a5d3ff;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuComune.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  }

.boxComuneTitoloOff{
  font-weight:bold;
  background-color:#a5d3ff;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuComuneOff.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  margin-bottom:1%;
  }
  
.boxComuneTesto{
  background-color:#f0f8ff;
  padding: 5px 5px 5px 5px;
  margin-bottom:1%;
  }

ul.menuComune{
  list-style:none;
  }
  
ul.menuComune li{
  background-image:url(../images/frecciaMenuComune.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuComune li a{
  padding-left:3%;
  color:black;
  }

ul.menuComune li.on{
  background-image:url(../images/frecciaMenuComuneOn.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuComune li.on a{
  text-decoration: underline;
  }
  
.boxProgettiTitolo{
  font-weight:bold;
  background-color:#bbe4a6;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuProgetti.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  }

.boxProgettiTitoloOff{
  font-weight:bold;
  background-color:#bbe4a6;
  font-size:14px;
  font-variant: small-caps;
  padding:6px 0 6px 11px;
  background-image: url(../images/iconaMenuProgettiOff.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  margin-bottom:1%;
  }
  
.boxProgettiTesto{
  background-color:#f2ffee;
  padding: 5px 5px 5px 5px;
  margin-bottom:1%;
  } 
  
ul.menuProgetti{
  list-style:none;
  }
  
ul.menuProgetti li{
  background-image:url(../images/frecciaMenuProgetti.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuProgetti li a{
  padding-left:3%;
  color:black;
  }

ul.menuProgetti li.on{
  background-image:url(../images/frecciaMenuProgettiOn.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:1% 2% 2% 4%;
  font-weight:bold;
  }

ul.menuProgetti li.on a{
  text-decoration: underline;
  }

.boxProgettiTitoloOff a, .boxProgettiTitolo a, .boxCittaTitoloOff a, .boxCittaTitolo a, .boxComuneTitoloOff a, .boxComuneTitolo a {
  color:black;
  }
   
/* - - - - - Parte Centrale - - - - - */

#parteCentrale{
  width:50%;
  float:left;
  }

.frecciaSuBox{
  width:20px;
  height:11px;
  margin-top:1px;
  margin-bottom:-1px;
  margin-left:3%;
  z-index:5;
  position:relative;
  }
  
.frecciaSuBox img{
  border:0;
  margin:0;
  padding:0;
  }

.boxParteCentrale{

  border:1px #e3e3e3 solid;
  background-color:#fafafa;
  padding:2% 2% 0% 2%;
  margin-bottom:2%;
  z-index:4;
  position:relative;
  line-height:18px;

    }

.singoloBoxParteCentrale{
  width:100%;
  margin-bottom:2%;
  clear:both;
  min-height:135px;
  }
  
img.preview_news{
  float:left;
  margin-right:2%;
  }
  
.singoloBoxParteCentrale p.titolo{
  font-family:Arial;
  font-size:12px;
  font-variant: normal;
  font-weight:bold;
  margin-bottom:0;
  padding:0;
  }
 
h2.titoloParteCentrale{
  font-size: 20px;
  font-weight:normal;
  }

.iconaStampa{
  float:right;
  padding-right:2%;
  margin-top:-2%;
  }

.iconaStampa img{
  border:0;
  padding:0;
  margin:0;
  }  
  
.separatore{
  width:100%;
  border-top:solid 1px #999999;
  margin:10px 0; 
  }
  
/* - - - - - MAPPA DEL SITO - - - - - */

ul.mappaPrincipale{
    margin-top:10px;
  }
  
ul.mappaPrincipale, ul.mappaPrincipale ul, ul.mappaPrincipale ul ul{
  list-style: none inside;
  margin-left:2%;
  margin-right:2%;
  width:96%;
  }

ul.mappaPrincipale ul ul li, ul.mappaPrincipale ul li, ul.mappaPrincipale li {
  border:1px white solid;
    padding-left:2%;
    padding-right:2%;
    padding-top:2px;
    padding-bottom:2px;
  }

ul.mappaPrincipale li, ul.mappaPrincipale li a{
  background-color:#457297;
  color:white;
  font-weight: bold;
  }
  
ul.mappaPrincipale li a:hover{
  text-decoration: underline;
  }

ul.mappaPrincipale ul li, ul.mappaPrincipale ul li a{
  font-weight: normal;
  background-color:#F0F8FF;
  color:black;
  }
  
ul.mappaPrincipale li a:hover{
  text-decoration: underline;
  }
  
ul.mappaPrincipale ul ul li, ul.mappaPrincipale ul ul li a{
  font-weight: normal;
  background-color:#EEEEEE;
  color:black;
  }
  
ul.mappaPrincipale ul ul li a:hover{
  text-decoration: underline;
  }
  
    
/* - - - - - Parte centrale Citta - - - - - */

.boxParteCentraleCitta{
  border:1px #DDC07F solid;
  background-color:#FEF3DB;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:4;
  position:relative;
  line-height:18px;
  margin-top:0;
  }

/* - - - - - Parte centrale Comune - - - - - */

.boxParteCentraleComune{
  border:1px #A5D3FF solid;
  background-color:#F0F8FF;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:4;
  position:relative;
  line-height:18px;
  }
  
/* - - - - - Parte centrale Progetti - - - - - */

.boxParteCentraleProgetti{
  border:1px #BBE4A6 solid;
  background-color:#F2FFEE;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:4;
  position:relative;
  line-height:18px;
  }

/* - - - - - Gallery - - - - - */

.gallery{
  margin-top:20px;
  }
  
h3.closed {
  background-image: url(../images/bottoneGalleryPiu.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin:0;
  border:0;
  height:20px;
  }

h3.closed a, h3.open a{
  line-height: 22px;
  }
  
h3.open {
  background-image: url(../images/bottoneGalleryMeno.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin:0;
  border:0;
  height:20px;
  }
     
.gallery h3{
  margin-bottom:10px;
  }
  
.gallery h3 a {
  color:black;
  font-size:20px;
  font-weight:normal;
  padding: 0 0 10px 30px;
  }
  
.gallery .thumbs {
  float:left;
  }
  
.gallery .thumbs .thumb {
  float:left;
  padding:0px 20px 20px 0px;
  } 
  
.gallery .thumbs .thumb img {
  width:106px; 
  height:80px; 
  }

.gallery .thumbs .thumb a:hover img {
  }

#outerImageContainer img {
border:0 none;
margin:0;
padding:0;
}
/* - - - - - Spalla Destra - - - - - */

#spallaDestra{
  width:24%;
  margin-left:1%;
  float:right;
  padding-bottom:5px;
  }

#boxInterattivo{
  float:left;
  width:94%;
  background-color:#f0f8ff;
  padding:3% 3% 3% 3%;
  margin-bottom:2%;
  }

/* - - - - - Box Ricerca - - - - - */

.boxRicerca{
  padding-bottom:3%;
  margin-bottom:3%;
  border-bottom: 1px #B2C4D1 solid;
  }

div.search{ 
  margin:0; 
  padding:0; 
  float:left;
  width:100%; 
  }
  
.search_left{ 
  margin:0; 
  padding:0 0; 
  float:left;
  width:80%;
  }
  
.input_image input{ 
  margin:0; 
  float:right;  
  border:none;
  width:25px;
  }

.search_left input {
  border:1px solid #466B92; 
  width:100%;
  padding-top:5px; 
  font-size: 14px;
  height:25px;
  }

button, select, input{
  border:1px solid #466B92;
  height:25px;
  width:80%;
  padding-top:5px;
  }

.item{
  margin-bottom:10px;
  }

/* - - - - - Search - - - - - */

.singoloBoxParteCentrale .titolo{
  border-bottom:1px black solid;
  }
  
.singoloBoxParteCentrale .paginebottom .elencopagine {
  border-top:3px #477295 solid;
  }

.singoloBoxParteCentrale .paginetop .elencopagine {
  border-bottom:3px #477295 solid;
  }

.singoloBoxParteCentrale .item {
  border:1px black solid;
  margin:10px;
  padding:5px;
  }
     
/* - - - - - Box login - - - - - */

.boxLogin{
  margin-bottom:2%;
  width:100%;
  }

p.titolo{
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px;
  padding-bottom:1.6%;
  }

.boxLogin button{
  background-color:#466B92;
  color:white;
  padding:1px 4px 1px 4px;
  margin:0;
  border:0;
  float:left;
  width:20%;
  margin-top:1%;
  }

.registrati a.testo_link{
  color:black;
  padding:6px 4px 1px 4px;
  margin:0;
  border:0;
  float:right;
  width:20%;
  margin-top:1%;
  font-weight:bold;
  text-align:center;
  }
  
.boxLogin button:hover {
  text-decoration: underline;
  }
  
.campiLogin{
  width:100%;
  margin-bottom:1%;
  }
  
.boxLogin form{
  margin-bottom:3.5%;
  }   

table td.testo input, table td.testo textarea, table td.testo select {
  margin-bottom:10px;
  }

table td.testo select{
  padding:0;
  height:21px;
  }
  
table td.testo textarea{
  border:1px #466B92 solid;
  padding-top:5px;
  font-size: 15px;
  font-family: inherit;
  }

input[value=Registrati], input[value=Invia] {
  background-color:#466B92;
  border:0 none;
  color:white;
  margin:1% 0 0;
  padding:1px 4px;
  width:20%;
  }

input:hover[value=Registrati], input:hover[value=Invia] {
  text-decoration: underline;
  }
/* - - - - - Sottomenu nella spalla destra - - - - - */

.boxCittaTestoDestra{
  border:1px #DDC07F solid;
  background-color:#FEF3DB;
  padding:3% 3% 3% 3%;
  margin-bottom:10px;
  margin-top:35px;
  width:92%;
  float:right;
  }
  
.boxComuneTestoDestra{
  border:1px #A5D3FF solid;
  background-color:#F0F8FF;
  padding:3% 3% 3% 3%;
  margin-bottom:10px;
  margin-top:35px;
  width:92%;
  float:right;
  }
  
.boxProgettiTestoDestra{
  border:1px #BBE4A6 solid;
  background-color:#F2FFEE;
  padding:3% 3% 3% 3%;
  margin-bottom:10px;
  margin-top:35px;
  width:92%;
  float:right;
  }

 
/* - - - - - Footer - - - - - */

#footer{
  margin-top:1%;
  width:100%;
  background-color: #457297;
  text-align:center;  
  color:white;
  }

#footer p {
  padding-top:6px;
  padding-bottom:6px;
  }

span.bold {
  font-weight: bold;
  }
  
/* - - - - Clear - - - - - */
                      
.clear{               
  clear:both;
  }

#m58captcha_code_image{display:block;}