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#divDestro{
	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#divDestroTop{
	width: 140px;
	height: 32px;

	background-image: url("/immagini/imgSponsor/imgTopSponsor.jpg");
	border: 0px solid #FF0;
	}
div#divDestroMiddle{
	width: 140px;
	background-image: url("/immagini/imgSponsor/imgMiddleSponsor.jpg");	
	}
div#divDestroBottom{
	width: 140px;
	height: 10px;
	border: 0px solid #F00;
	background-image: url("/immagini/imgSponsor/imgBottomSponsor.jpg");
	background-repeat: no-repeat;
	}
div#divDestroContenuto{
	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;
}
/* ================================================================= */
/* TRIVAGO                                                    */
/* ================================================================= */
.widget
{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#8c8c8c;
	border-width:1px;
	display:block;
	font-family:Univers,Arial,Helvetica,Sans,Sans-Serif;
	margin:0px;
	width:170px;
	height:307px;
	cursor:pointer;
}
a.logo
{
	text-decoration: none;
      cursor:pointer;
}
a.logo .logo
{
	margin-left:5px;
	margin-top: 5px;
	width:155px;
	height:51px;
	float:left;
	border:0px;
}
.slogan
{
	margin-left:6px;
	line-height:15px;
	font-size:12px;
	font-weight:normal;
	width:155px;
	color:#777777;
	margin-bottom:4px;
}
.header
{
	margin-left:0px;
	line-height:18px;
	font-size:12px;
	font-weight:normal;
	width:170px;
	color:#fff;
	margin-bottom:0px;
	padding-top:2px;
	height:20px;
	background-image: -moz-linear-gradient(center top , #919191, #737373);
	background-color:#737373;
	overflow:hidden;
}
.header .space
{
	padding-left: 6px;
	overflow: hidden;
}
.texta
{
	text-decoration:none;
	display:block;
	width:170px;
	height:63px;
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top , #FAFAFA, #F5F5F5);
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
}
.liste
{
	line-height:15px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin-left:0px;
	width:143px;
	margin-bottom:0px;
	padding-left:7px;
	padding-top:2px;
	height:63px;
	overflow:hidden;
	cursor:pointer;
}
.texta:hover
{
	color:#0030CD;
	background-color:#fff;
	background-image:url(http://il2.trivago.com/images/layoutimages/new_design_3/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration:underline;
}
.city1
{
	background-image:url(http://img.trivago.com/uploadimages/69/42/6942409_s.jpeg)
}
.city2
{
	background-image:url(http://img.trivago.com/uploadimages/49/08/4908992_s.jpeg)
}
.city3
{
	background-image:url(http://imgll.trivago.com/uploadimages/47/19/4719571_s.jpeg)
}

.picture
{
	margin-left:0px;
	margin-top: 3px;
	margin-right: 8px;
	width:54px;
	height:54px;
	border-radius:3px;
	float:left;
	box-shadow: 0 0 4px -1px #000000 inset;
}
.text
{
	margin-top: 2px;
	float:left;
	width:65px;
}