/* CSS Document */

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

html {
  height: 100%;
  }

* {
  margin: 0;
  padding: 0;
  }

body {
  background-image:url(../images/sfondoSito.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-color:#BFD4E6;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
  color:#0066CC;
  line-height:15px;
  }

a {
  color:#FF00FF;
  text-decoration:none;
  }
  
a:hover{
  color:#FF00FF;
  text-decoration:none;
  }

img {
  margin:0;
  border:0;
  padding:0;
	}
	
p{

  }

h2 {
  color:#1E5FA3;
  font-size:20px;
  padding:7px 7px 14px 7px;
  font-weight:normal;
  }

.titoloSpalla h2{
  padding:7px;
  }

h3.titoloCarosello{
	padding:3px 0px;
	}
	
h3{
  color:#1E5FA3;
  padding:7px 5px 7px 5px;
  font-size:12px;
  }

h3.sottoMenuLato{
  padding-left:18px; 
  color:#2569a8;
  }

h3.sottoMenuLato a{
  color:#2569a8;
  }

.titoloLinkSpallaDestra h3 a{
  color:#2569a8;
  }
  
h3.sottoMenuLatoOn a{
  padding-left:13px;
  color:#2569a8;
  }
  
h4{
  color:#1E5FA3;
  padding:12px 5px 7px 0px;
  font-size:14px;  
  border-bottom:1px #828282 solid;
  margin-bottom:10px;
  }

h3.latoOn a{
	color:#2569a8;
	}
	
/* - - - - - Testata - - - - - */

#testata{
  width:980px;
  background-color: none;
  margin:0 auto;
  }

#logo{
  float:left;
  margin-top:20px;
  width:340px;
  }
	
#parteInterattiva{
  float:right;
  height:45px;
  width:570px;
  }
  
/* - - - - - Parte del login - - - - - */

.contenitoreCampi{
	float:right;
	margin-top:15px;
	}

.tastoLogin{
	float:left;
	}

.label{
	float:left;
	margin-right:5px;
	}

.labelNome{
	padding-top:5px;
	float:left;
	margin-right:9px;
	}

.titoloAreaRiservata{
	font-weight:bold;
	padding-top:5px;
	float:left;
	margin-right:20px;
	}

.label input {
	width:100px;
	height:21px;
	border:1px #D2D2D2 solid;
	padding-top:2px;
	}

.login_label {
	float:right;
	clear:both;
	margin-top:5px;
	}

.tastoLogin button{
  float:right;
  border:1px #D2D2D2 solid;
  padding: 2px 20px 3px 20px;
  background-image: url(../images/sfondoBottoneLogin.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  }

.tastoLogin button a{
  color:#1A65A6;
  font-weight:bold;
  margin-right:5px;
  }
  
/* - - - - - Pagine di servizio - - - - - */

#linkUtili{
  float:right;
  color:#808183;
  }

#listaLinkUtili{
  float:left;
  padding-top:2px;
  margin-right:5px;
  }
  
#linkUtili a{
  color:#808183;
  }

#bandiere{
  margin-top:2px;
  float:left;
  }

/* - - - - - Menu - - - - - */

#contenitoreMenu{
  width:980px;
  height:40px;
  margin:0 auto;
  margin-top:25px;
  background-image: url(../images/bordoInferioreMenu.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  }

ul#menu{
  float:left;
  list-style:none;
  width: 860px;
  }

ul#menu li{
  float:left;
  margin-right:2px;
  margin-top:0px;
  color:#2569a8;
  }

ul#menu li a{
  padding: 13px 0px 12px 12px;
  display: block;
  color: #2569A8;
  font-weight: bold;
  color:#2569a8;
  } 
  
ul#menu li.on a{
  background-image: url(../images/bottoneMenuOff.jpg);
  background-position: left 0;
  background-repeat: no-repeat;
  display: block;
  color: white;
  font-weight: bold;
  }   

ul#menu li a span{
  padding: 13px 10px 12px 0px;
  height:10px;
  } 
  
ul#menu li.on a span{
  background-image: url(../images/bottoneMenuOff.jpg);
  background-position: right 0;
  background-repeat: no-repeat;
  }

ul#menu li a:hover, ul#menu li span:hover{
  color:#828282;
  }

ul#menu li.on a:hover, ul#menu li.on span:hover{
  color:white;
  }
    
/* - - - - - Ricerca - - - - - */

#barraRicerca{
  float:right;
  width:120px;
  }
  
.search_left{
  float:left;
  }

.search_left input{
  width:80px;
  height:22px;
  padding-top:4px;
  border: 1px #8EB2D6 solid;
  }
  
.input_image{
  float:right;
  }

/* - - - - - Main - - - - - */

#main{
  width:980px;
  margin:0 auto;
  background-color:white;
  padding-bottom:20px;
  }

#immaginePrincipale{
  width:980px;
  margin-top:1px;
  padding-bottom:1px;
  border-bottom:5px #286FAF solid;
  }

/* - - - - - Content - - - - - */

#content{
  color:#0066cc;
  float:left;
  width:968px;
  padding-left:6px;
  padding-right:6px;
  padding-top:20px;
  }

b.blu{
  color:#22699F;
  }

#content ul{
  margin-left:20px;
  }
  
/* - - - - - BreadCrumb - - - - - */

#bread_container{
  background-color: #F2F2F2;
  padding-top:3px;
  padding-bottom:5px;
  margin-bottom:10px;
  font-family:Verdana;
  width:975px;
  color:#858585;
  padding-left:5px;
  }
  
ul#bread, #bread_container a, ul#bread li a {
  display:inline;
  color:#196AAC;
  font-weight:bold;
  }

#bread_container a:hover, ul#bread li a:hover {
  color:#828282;
  }
  
ul#bread li {
  background-image: url(../images/frecciaBreadCrumb.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  display:inline;
  padding:0px 0px 0 10px;
  margin-left:3px;
  }

/* - - - - - Testo pagine secondarie - - - - - */

#testoPagineSecondarie{
  width:690px;
  padding-left:10px;
  float:left;
  color:#0066CC;
  }

/* - - - - - Spalla destra pagine secondarie - - - - - */

#spallaDestra{
  float:right;
  width:252px;
  }

#spallaDestra p{
  padding-left:5px;
  padding-bottom:10px;
  }
  
.titoloLinkSpallaDestra{
  width:233px;
  color:#1E5FA3;
  background-image:url(../images/sfondoTitoloHome.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #F2F2F2;
  border:1px #E8E8E8 solid;
  margin-left:7px;
  padding-left:5px;
  }

.titoloBoxSpallaDestra{
  width:232px;
  background-image: url(../images/SfondoTitoloSpallaDestra.jpg);
  background-position: top;
  background-repeat: no-repeat;
  height:32px;
  padding:10px 10px 0px 10px;
  margin-top:10px;
  }

.boxSpallaDestra{
  width:250px;
  background-image: url(../images/SfondoBoxSpallaDestra.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  padding:10px 0px 5px 0px;  
  }

.testoBoxSpallaDestra{
  width:224px;
  border: 1px #E7E7E7 solid;
  border-top:0;
  margin-left:6px;
  padding: 0 7px 7px 7px;
  }
     
/* - - - - - Spalla sinistra Home - - - - - */

.spallaHomeSx{
  width:470px;
  float:left;
  background-image:url(../images/bordoLateraleSpallaHome.jpg);
  background-repeat: repeat-y;
  background-position: 0 0;
  padding-left:7px;
  padding-right:7px;
  background-color:lightblue;
  color:#0066CC;
  padding-bottom:10px
  }
  
.bordoSuperioreSpallaHomeSx{
  width:484px;
  float:left;
  background-image:url(../images/bordoSuperioreSpallaHome.jpg);
  background-repeat: no-repeat;
  background-position: top;  
  padding-top:5px;
  }

.bordoInferioreSpallaHomeSx{
  width:484px;
  float:left;
  background-image:url(../images/bordoInferioreSpallaHome.jpg);
  background-repeat: no-repeat;
  background-position: bottom;  
  padding-bottom:7px;
  }

.testoSpallaHome{
  padding:10px 20px 15px 10px;
  }

.titoloSpalla{
  width:470px;
  color:#1E5FA3;
  background-image:url(../images/sfondoTitoloHome.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  border-bottom:1px #E8E8E8 solid;
  }

.immagineSpallaHome{
  background-image: url(../images/separatoreHome.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  padding-top:15px;
  text-align:center;
  margin-left:10px;
  margin-right:10px;
  } 
  
/* - - - - - Gallery - - - - - */

.gallery{
  margin-top:20px;
  margin-bottom:25px;
  }
  
h3.closed {
  background-image: url(../images/bottoneGalleryPiu.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin:0;
  border:0;
  border:1px #e6e6e6 solid;
  background-color: #FCFCFC;
  width:680px;

  }

h3.open {
  background-image: url(../images/bottoneGalleryMeno.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin:0;
  border:0;
  border:1px #e6e6e6 solid;
  background-color: #FCFCFC;
  width:680px;
  border-bottom:0;
  }
     
.gallery h3{
  margin-bottom:0px;
  }
  
.gallery h3 a {
  font-size:20px;
  font-weight:normal;
  padding: 0 0 5px 20px;
  color:#2569a8;
  }
  
.gallery .thumbs {
  float:left;
  border:1px #e6e6e6 solid;
  background-color:#FCFCFC;
  width:680px;
  margin-bottom:20px;
  border-top:0;
  padding-left:10px;
  }
  
.gallery .thumbs .thumb {
  float:left;
  padding:0px 20px 20px 0px;
  } 
  
.gallery .thumbs .thumb img {
  width:130px; 
  height:90px; 
  border:1px #1F69AA solid;
  }

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

/* - - - - - Form - - - - - */

#secondoBox input, #secondoBox table input{
  padding:3px 5px 6px 3px; 
  border:1px solid #DCDCDC; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  margin-bottom:7px;
  color:#3E76A5;
}

#secondoBox table select{
  border:1px solid black; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  margin-bottom:7px;
}

#secondoBox input:hover, #secondoBox table input:hover{
  padding:3px 5px 6px 3px; 
  border:1px solid #dcdcdc; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#secondoBox table td.button{ 
  padding:10px 0 0 0;
}

#secondoBox table td.button input{
  padding:6px 10px 7px 10px; 
  border:1px solid #fff; 
  color:#1D6CA5; 
  text-align:center; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  }
  
#secondoBox table td.button input:hover{ 
  padding:6px 10px 7px 10px; 
  border:1px solid #fff; 
  color:pink; 
  text-align:center; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#secondoBox table textarea{ 
  line-height:18px; 
  padding:3px 5px 6px 3px; 
  border:1px solid #DCDCDC; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  margin-bottom:7px;
}

#secondoBox table textarea:hover{
  line-height:18px; 
  padding:3px 5px 6px 3px; 
  border:1px solid #DCDCDC; 
  font-size:12px; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
}

td.testo {
  color:black;
  }

#secondoBox h2, .terzoBox h2{
  padding:0;
  padding-top:7px;
  padding-bottom:15px;
  }
  
/* - - - - - Footer - - - - - */

#footer{
  width:980px;
  margin:0 auto;
  background-image: url(../images/bordoSuperioreFooter.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-color: #F2F2F2;
  }

.primoBox{
  width:325px;
  float:left;
  background-color: #F2F2F2;
  text-align:right;
  padding-right:10px;
  line-height:20px;
  padding-top:5px;
  }

#secondoBox{
  width:280px;
  background-color:#D7E9F5;
  float:left;
  padding-left:10px;
  padding-right:20px;
  height:365px;
  }

.terzoBox{
  width:315px;
  float:left;
  background-color: #F2F2F2;
  text-align: left;
  padding-left:10px;
  padding-right:10px;
  }

.terzoBox p{
  padding-left:10px;
  }
  
#bordoInferioreSito{
  margin:0 auto;
  width:980px;
  background-image: url(../images/bordoInferioreSito.jpg);
  background-position: left;
  background-repeat: no-repeat;
  height:9px;
  }

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

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

#testoPagineSecondarie .paginetop .elencopagine {
  border-bottom:3px #1E5FA3 solid;
  }

#testoPagineSecondarie .item {
  border:1px black solid;
  margin:10px;
  padding:5px;
  }
          
/* - - - - Clear - - - - - */
                      
.clear{               
  clear:both;
  }

/* - - - - - Fix form - - - - - */

table tr td{
	padding-bottom:5px;
	}
	
.appartamVert{
	float:left;
	width:180px;

	margin-right:10px;
	margin-left:10px;
	}
	
a.tornaSu{
	font-weight:bold;
	color:#FF00FF;
	}

.test{
	width:200px;
}

#m58captcha_code_image{
	display:block;
}

/* - - - Test di un carosello
.slideshow { margin:auto ; position:relative; z-index:8; height:450px; overflow:hidden; width:970px;}

.legende {position:relative; width:970px; z-index:12;}

#pager {position:absolute; top:680px; z-index:10; clear:both; width:100px; margin-top:-20px; margin-left:20px;}

#pager a {
float : left;
width : 10px;
height : 10px;
display : inline;
margin : 0px 5px 0 0;
text-align : center;
text-decoration : none;
background-position : 0 -18px;
background-repeat : no-repeat;
background-image : url(../images/slide-nav.png);
color:transparent;
font-size : 0px;
display:none;
}
#pager a:hover, #pager a.activeSlide {background-position : 0 0;}

#pager a:focus {outline: none;}


#alt {
	float:right;
	z-index:13;
	background-image : url(/fileadmin/Image/accueil/bg_sous_menu.png);
	color:#fff;
	padding: 0 10px;
	margin-right:7px;
}
*/
