html, body{
	padding: 0px;
	margin:0px;
	background-color:#FFFFFF;
	
	text-align: center;   /*centra in IE 5.x*/
	}

hr{
	color: #CCCCCC;
	height: 1px;

	}
	
.clLinea{
	color: #CCCCCC;
	height: 1px;

	}

.clClear{
	clear: both;
	}
	
.clNoBorder{
	border: 0px;
}

/* ================================================================= */
/* div principali                                                    */
/* ================================================================= */

div#divContenitore{
	position: relative;
	width:960px;
    margin: 0px auto;   /*centra negli altri browsers*/
	clear: both;
	background-color:#FFFFFF;
	}

div#divAreaTestata{
	position: relative;
	width: 960px;
	height: 100px;
	background-color: #FFF;
	}
	
div#divAreaTestata2{
	position: relative;
	width: 960px;
	height: 270px;
	border:0px solid #00F;
	background-color: #FFF;
	}
	
div#divPulsanteApriChiudi{
	position: relative; 
	width: 960px; 
	height: 10px;
}
	
div#divAreaMenuGenerale{
	position: relative;
	width: 960px;
	height: 70px;
	border:0px solid #0F0;
	}

div#divAreaCorpo{
	clear:both;
	width: 960px;
	background-color: #FFF;

}

div#divAreaPiedipagina{
	clear:both;
	width: 580px;
	height: 60px;
	border: 0px solid #0F0;
	text-align: center;
	margin: 0px auto;
	}		
	
/* ================================================================= */
/* div Area Testata                                                  */
/* ================================================================= */
div#divLogo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 610px;
	height: 100px;
	border:0px solid #FF0;
	background-image: url("/immagini/imgStruttura/imgLogo.jpg");
	}
div#divMenuGlobale{
	position: absolute;
	top: 30px;
	left: 560px;
	width: 400px;
	height: 70px;
	border: 0px solid #F0F;
	}
/* ================================================================= */
/* div Area Testata2                                                 */
/* ================================================================= */
div#divAreaFotoTestata{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 460px;
	height: 270px;
	background-image: url("/immagini/imgStruttura/imgSfondoFotoTestata.jpg");
	text-align:left;
	border: 0px solid #F00;
	}
	
div#divFoto{
	padding-top:10px;
	padding-left: 10px;
	}
	
div#divMenuTurista{
	position: absolute;
	top: 0px;
	left: 460px;
	width: 500px;
	height: 270px;
	background-image: url("/immagini/imgStruttura/imgSfondoMenuTurista.jpg");
	}
	
div#divPulsanteDormire{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 150px;
	height: 105px;
	}
	
div#divPulsanteMangiare{
	position: absolute;
	top: 20px;
	left: 170px;
	width: 150px;
	height: 105px;
	}
	
div#divPulsanteMappa{
	position: absolute;
	top: 145px;
	left: 10px;
	width: 310px;
	height: 105px;
	}
	
div#divPulsanteGuide{
	position: absolute;
	top: 20px;
	left: 340px;
	width: 60px;
	height: 105px;
	}
	
div#divPulsanteLuoghi{
	position: absolute;
	top: 20px;
	left: 420px;
	width: 60px;
	height: 105px;
	}
	
div#divPulsanteNumeri{
	position: absolute;
	top: 145px;
	left: 340px;
	width: 60px;
	height: 105px;
	}
	
div#divPulsanteGalleria{
	position: absolute;
	top: 145px;
	left: 420px;
	width: 60px;
	height: 105px;
	}
/* ================================================================= */
/* div Area Menu Generale                                             */
/* ================================================================= */
div#divMenuGenerale{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 960px;
	height: 50px;
	background-color: #FFF;
	}
/* ================================================================= */
/* div Area Corpo                                                    */
/* ================================================================= */
div#divCorpoSX{
	float:left; 
	width: 800px;

	border: 0px solid #F00; 
	}
div#divCorpoDX{
	float:right; 
	border: 0px solid #000;
	}	
div#divMenuLocale{
	float:left;
	width: 180px;
	background-color: #FFF;
	border: 0px solid #ccc;
	}
div#divContenuti{
	float: right;
	width: 600px;

	background-color: #FFF;
	border: 0px solid #F0F;	
	}
div#divSponsor{
	width: 140px;
	border:0px solid #00F;
	background-color: #FFF;
	}

/* ================================================================= */
/* div Area menu Locale                                                   */
/* ================================================================= */
div#divMenuLocaleTop{
	width: 180px;
	height: 32px;
	}
div#divMenuLocaleMiddle{
	width: 180px;
	border: 0px solid #F00;
	}
div#divMenuLocaleBottom{
	width: 180px;
	height: 10px;
	background-image: url("/immagini/imgMenuLocale/imgBottomMenuLocale.jpg");
	background-repeat: no-repeat;
	border: 0px solid #F0F;
	}

/* ================================================================= */
/* div Area menu                                                   */
/* ================================================================= */
.clVoceMenuLocaleOff{
	width:178px !important;
	width:178px;
	height: 30px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #EFEEEE;
	color: #6f6f6f;
	}
.clVoceMenuLocaleOn{
	width:178px !important;
	width: 178px;
	height: 30px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #E1E1E1;
	color: #012E4C;
	}
/* ================================================================= */
/* div Area Contenuti                                                   */
/* ================================================================= */
#divContenutiTop{

	height: 32px;
	text-align: left;
	padding-left: 20px;
	background-image: url("/immagini/imgContenuti/imgTopContenuti.jpg");
	border: 0px solid #FF0;
	}
div#divContenutiMiddle{
	width: 600px;
	min-height: 600px;
	height:auto !important;
	height: 600px;
	background-image: url("/immagini/imgContenuti/imgMiddleContenuti.jpg");	
	}
div#divContenutiBottom{
	width: 600px;
	height: 20px;
	border: 0px solid #F00;
	background-image: url("/immagini/imgContenuti/imgBottomContenuti.jpg");
	}
div#divContenuto{
	padding: 10px 20px;
	}

div#divPollicino{
	float: left;
	width: 500px;
	border: 0px solid #F00;	
	}
div#divUtility{
	float:right;
	padding-top: 7px;
	width: 60px;
	border: 0px solid #F0F;
	}
/* ================================================================= */
/* div Area Contenuti  DX                                                 */
/* ================================================================= */
div#divSponsorTop{
	width: 140px;
	height: 32px;

	background-image: url("/immagini/imgSponsor/imgTopSponsor.jpg");
	border: 0px solid #FF0;
	}
div#divSponsorMiddle{
	width: 140px;
	background-image: url("/immagini/imgSponsor/imgMiddleSponsor.jpg");	
	}
div#divSponsorBottom{
	width: 140px;
	height: 10px;
	border: 0px solid #F00;
	background-image: url("/immagini/imgSponsor/imgBottomSponsor.jpg");
	background-repeat: no-repeat;
	}
div#divSponsorContenuto{
	padding: 10px;
	}
/* ================================================================= */
/* box argomenti correlati                                           */
/* ================================================================= */	
.clBoxArgomentiCorrelati{
	width: 500px;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #DDD;
	background-color: #FAFAFA;
	}
.clBoxArgomentiCorrelatiSX{
	float: left;
	width: 230px; 
	text-align: left;	
	padding: 10px;  
	border: #ccc 0px solid; 

	}
.clBoxArgomentiCorrelatiDX{
	float: right;
	width: 230px; 
	text-align: left;	
	padding: 10px;  
	border: #ccc 0px solid; 

	}

/* ================================================================= */
/*  navigazione tra le pagine                                        */				
/* ================================================================= */

div#divNavigatorePagineTop{
	clear: both;
	width: 100%;
	height: 20px;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}

div#divNavigatorePagineBottom{
	clear: both;
	width: 100%;
	height: 20px;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
/* ================================================================= */
/*  Cella con foto anteprima album e cella descrizione album         */				
/* ================================================================= */
.clCellaAlbum{
	clear:both;
	width: 550px;
	border: 0px solid #FF0000; 
	}
		
.clCellaAlbumSX{
	float:left;
	
	width: 120px;
	height: 120px;
	
	vertical-align: top;
	text-align: center;
	
	background-repeat: no-repeat;
	background-image:  url("/immagini/imgStruttura/imgSfondoAlbum.gif");

	border: 0px solid #00FF00; 
	}
	
.clCellaAlbumDX{
	float:right;
	border: 0px solid #0000FF;
	width: 430px;
	border: 0px solid #00FFFF; 
	}	
.clSpazioCella{
	clear:both;
	border: 0px solid #FF0000; 
	height:20px;
}

.clAnteprimaAlbum{

	padding:20px;
	border: 0px solid #0000FF; 
	}
/* ================================================================= */
/*  Cella con anteprima foto                                         */				
/* ================================================================= */
.clSfondoAreaFoto{
	width: 550px; 
	position:relative;
	}
.clContenitoreFoto{
	position:absolute;
	text-align:center;
	width:120px;
	height:120px;
	background-image:  url("/immagini/imgStruttura/imgSfondoFoto.gif");
	border:0px solid #333;
}

/* ================================================================= */
/*  MappaGoogle in pagina DoveSiamo                                  */				
/* ================================================================= */
#divBoxMappaGoogle{
	height: 330px;
	border: 0px solid #F00;
	text-align: center;
	}
#divMappaGoogle{
	width: 400px;
	height: 320px;
	border: 1px solid #CCC;
	float: left;
	}
#divMappaItalia{
	width: 125px;
	float: right;
	border:0px solid #CCC;
	}
	
#divMappaIndirizzi{
	width: 600px;
	height: 480px;
	border: 1px solid #CCC;
	float: left;
	}

/* ================================================================= */
/*  Map interrativa                                                */				
/*  Categorie= hotel, ristoranti,....                                */	
/* ================================================================= */

#divContenitoreMappa{
	position:relative;
	width: 960px;
	height: 480px;
	border: 1px solid #CCC;
	text-align:center;
	margin: 0px auto;
	}

/*  Div che rappresenta la mappa interrativa di google */	
#divMappaAlberobello{
	width: 558px;
	height: 480px;
	border: 1px solid #CCC;
	float: left;
	}
	
/*  Div che rappresenta le categorie e i loro risultati */		
#divMappaInfo{
	width: 388px;
	height: 480px;

	float: right;
	background-color: #EEE;	
	border: 1px solid #CCC;
	margin: 0px auto;
	text-align:center;
	}
	
/*  Div che rappresenta le varie categorie */		
#divMenuCategorie{
	width:388px;
	height: 99px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCC;	
	}	
/*  Div che rappresenta i risultati delle categorie  */				
.clDivCategoria{	
	width:386px;
	height: 378px;
    overflow:auto;
	background-color: #FFF;
	}
.clTabellaArgomenti{
	width: 95%;
}

/* ================================================================= */
/* Cerca nel sito                                                    */
/* ================================================================= */
#divBoxRicerca{
	width:350px;
	background-color: #FFF;
	border: 0px solid #CCC;	
	margin: 0px auto;
	}	

#divBoxRisultati{
	width:550px;
	background-color: #FFF;
	border: 0px solid #CCC;	
	}	
/*modifica la larghezza del controllo che rap. i risultati*/	
#divBoxRisultati .gsc-control {
  width: 550px;
}	

/* ================================================================= */
/* Cerca nel sito                                                    */
/* ================================================================= */
.clValidatoriW3C{
	border: 0px; 
	width: 88px; 
	height: 31px;
}