/* 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:black;
  }
  
a:hover{
  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;
  display:none;
  }

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

#barraMenu{
  width:100%;
  border-top:0;
  border-bottom:1px black solid;
  height:20px;
  font-family: verdana;
  font-size: 10px;
  }

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

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

ul#menu > li a{
  min-height:20px;
  display:block;
  color:white;
  font-weight:bold;
  font-family: verdana;
  font-size: 10px;
  } 
  
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(../image/frecciaBreadcrumb.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:1%;
  }
  
/* - - - - - Content - - - - - */

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

.stampa{
  float:right;
  display:none;
  }

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

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

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

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

ul.menuCitta{
  list-style:none;
  display:none;
  }
  
ul.menuCitta li{
  background-image:url(../image/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(../image/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%;
  }
  
.boxComuneTitolo{
  font-weight:bold;
  background-color:#a5d3ff;
  font-size:14px;
  font-variant: small-caps;
  padding:2% 0 2% 4%;
  background-image: url(../image/iconaMenuComune.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  display:none;
  }

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

ul.menuComune{
    list-style:none;
    }
  
ul.menuComune li{
  background-image:url(../image/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%;
  }

ul.menuComune li.on{
  background-image:url(../image/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:2% 0 2% 4%;
  background-image: url(../image/iconaMenuProgetti.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  display:none;
  }

.boxProgettiTitoloOff{
  font-weight:bold;
  background-color:#bbe4a6;
  font-size:14px;
  font-variant: small-caps;
  padding:2% 0 2% 4%;
  background-image: url(../image/iconaMenuProgettiOff.jpg);
  background-position: 98%;
  background-repeat: no-repeat;
  margin-bottom:1%;
  display:none;
  }
  
.boxProgettiTesto{
  background-color:#f2ffee;
  padding:3% 3% 3% 3%;
  margin-bottom:1%;
  display:none;
  } 
  
ul.menuProgetti{
  list-style:none;
  display:none;
  }
  
ul.menuProgetti li{
  background-image:url(../image/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%;
  }

ul.menuProgetti li.on{
  background-image:url(../image/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;
  }
  
/* - - - - - Parte Centrale - - - - - */

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

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

.boxParteCentrale{
  float:left;
  border:1px black solid;
  background-color:white;
  padding:2% 2% 0% 2%;
  margin-bottom:2%;
  z-index:80;
  position:relative;
  line-height:18px;
    }

.singoloBoxParteCentrale{
  width:100%;
  margin-bottom: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%;
  display:none;
  }

.iconaStampa img{
  border:0;
  padding:0;
  margin:0;
  }  

/* - - - - - Parte centrale Citta - - - - - */

.boxParteCentraleCitta{
  float:left;
  border:1px black solid;
  background-color:white;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:80;
  position:relative;
  line-height:18px;
  }

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

.boxParteCentraleComune{
  float:left;
  border:1px black solid;
  background-color:white;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:80;
  position:relative;
  line-height:18px;
  }
  
/* - - - - - Parte centrale Progetti - - - - - */

.boxParteCentraleProgetti{
  float:left;
  border:1px black solid;
  background-color:white;
  padding:2% 2% 2% 2%;
  margin-bottom:2%;
  z-index:80;
  position:relative;
  line-height:18px;
  }
  
/* - - - - - Gallery - - - - - */

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

h3.head_gallery_open {
  background-image: url(../image/bottoneGalleryMeno.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin:0;
  border:0;
  }
     
.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:130px; 
  height:90px; 
  }

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

/* - - - - - Spalla Destra - - - - - */

#spallaDestra{
  width:44%;
  margin-left:0.2%;
  float:right;
  padding-bottom:1%;
  }

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

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

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

div.search{ 
  margin:0; 
  padding:0; 
  float:left;
  width:100%; 
  display:none;
  }
  
.search_left{ 
  margin:0; 
  padding:0 0; 
  float:left;
  width:80%;
  display:none;
  }
  
.input_image input{ 
  margin:0; 
  padding:0; 
  float:right; 
  background-image:url(../images/lenteRicerca.jpg); 
  background-position:0 0; 
  background-repeat:no-repeat; 
  border:none;
  width:30px;
  display:none;
  }

.search_left input {
  border:1px solid #466B92; 
  width:100%;
  padding:0; 
  font-size:12px; 
  display:none;
  }

button, select, input{
  border:1px solid #466B92;
  height:30px;
  width:80%;
  display:none;
  }

/* - - - - - Box login - - - - - */
  
.boxLogin{
  margin-bottom:2%;
  display:none;
  }

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

.boxLogin a{
  background-color:#466B92;
  color:white;
  padding:2% 2% 2% 2%;
  margin:0;
  border:0;
  display:none;
  }

.campiLogin{
  width:100%;
  margin-bottom:1%;
  display:none;
  }
  
.boxLogin > form{
  margin-bottom:3.5%;
  display:none;
  }   
  
/* - - - - - Sottomenu nella spalla destra - - - - - */

.boxCittaTestoDestra{
  border:1px #DDC07F solid;
  background-color:#FEF3DB;
  padding:3% 3% 3% 3%;
  margin-bottom:1%;
  margin-top:13.6%;
  display:none;
  }
  
.boxComuneTestoDestra{
  border:1px #A5D3FF solid;
  background-color:#F0F8FF;
  padding:3% 3% 3% 3%;
  margin-bottom:1%;
  margin-top:13.6%;
  display:none;
  }
  
.boxProgettiTestoDestra{
  border:1px #BBE4A6 solid;
  background-color:#F2FFEE;
  padding:3% 3% 3% 3%;
  margin-bottom:1%;
  margin-top:13.6%;
  display:none;
  }

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

#footer{
  float:left;
  width:100%;
  background-color: white;
  border-top:1px black solid;
  text-align:center;  
  color:black;
  }

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

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