/*********************** PROJECT BY GRAFFITI 2000 - G2K **********************************/


img { border:0px; }


/*********************** STILI PER IL BODY ***********************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #FFFFFF url(/source/images/back.jpg) 0px 0px repeat-x;
	font-size: 0.6em;
	}
	
a {
	text-decoration: none;
	outline: none;
	}
	
h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-left: 6px solid #4497d1;
	}
	
/*********************** STILI PER IL LAYOUT *********************************************/

.HotelInVetrina {
	font-weight:bold;
	text-decoration:none;
}
.HotelInVetrina a:active, a:hover{
	font-weight:bold;
	text-decoration:underline;
}

div#layout {
	width: 964px;
	margin: 0 auto;
	}
		
div#layoutResize { 
	width: 50px; 
	height: 50px; 
	/*background: #f50000;*/
	}	
	
div#area {
	background: #FFFFFF;
	}	
		
/*********************** STILI PER LA SECONDA PARTE DELL'INTESTAZIONE *********************/

div#header {
	width: 100%;
	height: 346px;
	background: url(/source/images/header-trans.jpg) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 20px;
	position:relative;
	}

div#NomeCitta {
	font-size:32px;
	font-family:Tahoma,Verdana,Arial;
	color:#FFFFFF;
	position:absolute;
	left:40px;
	top:28px;
	cursor:pointer;
}
h1.NomeCitta {
	font-size:32px;
	font-family:Tahoma,Verdana,Arial;
	color:#FFFFFF;
	border-left:0px;
	font-weight:normal;
}

div#DescrizioneCitta {
	position:absolute;
	left:650px;
	top:35px;
	font-family:Verdana,Arial;
	color:#FFFFFF;
}
h3.DescrizioneCitta {
	font-family:Verdana,Arial;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
}
	
div#headerResize {
	width: 100%;
	height: 18px;
	background: #FFFFFF;
	border-top: 6px solid #f25623;
	}
	
div#resizeArrow {
	width: 124px;
	height: 18px;
	background: url(/source/images/upArrow.jpg);
	margin: 0 auto;
	}
			
/*********************** STILI PER L'AREA DELLA PAGINA CORRENTE ***************************/

div#currentPage {
	padding: 10px 20px 12px 10px;
	width: 75%;
	color: #bbbbbb;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size:12px;
	font-weight:bold;
	}
h2.currentPage {
	font-size:12px;
	font-weight:bold;
	color: #bbbbbb;
	margin:0px;
}
	
.PaginaCorrente {
	color:#BBBBBB;
	font-weight:normal;
	font-size:11px;
	padding:5px 0px 0px 10px;
}
/*********************** STILI PER L'AREA MENU ********************************************/

div#menu {
	float: left;
	width: 23%;
	padding-top: 30px;
	}
	
div.menuBox {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	}
	
div.menuBox ul {
	margin: 0;
	padding: 0;
	}
	
div.menuBox ul li {
	list-style-type: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #dedede;
	color: #797979;
	cursor: pointer;
	}

div.mapBox {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	}
	
div.mapBoxTitle {
	width: 80%;
	float: left;
	border-bottom: 2px solid #f25623;
	padding-bottom: 5px;
	color: #f25623;
	font-weight: bold;
	}
	
div.mapBoxMore {
	float: left;
	border-bottom: 2px solid #dadada;
	padding-bottom: 5px;
	background: url(/source/images/more.jpg) 0px 3px no-repeat;
	width: 20%;
	height: 12px;
	cursor: pointer;
	}
	
div.mapBoxContent img {
	margin-top: 20px;
	}
div.mapBoxNomeCitta {
	text-align:center;
	height:20px;
}
	
div.navBox {
	border-top: 1px solid #dedede;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	}
	
div.navBox ul {
	margin: 0;
	padding: 0;
	}

div.navBox ul li {
	list-style-type: none;
	border-bottom: 1px solid #dedede;
	padding: 8px;
	color: #797979;
	cursor: pointer;
	background: url(/source/images/arrow.jpg) center right no-repeat;
	}
	
.navList a:visited, a:link {
	color: #797979;
}

div.BoxBanner {
	margin-bottom:30px;
	text-align:center;
}

/*********************** STILI PER L'AREA DEI CONTENUTI ***********************************/

div#content {
	float: left;
	width: 68%;
	color: #9f9f9f;
	line-height: 18px;
	padding-left: 7%;
	padding-right: 1%;
	padding-top: 30px;
	}
	
div.contentTitleSet {
	height: 50px;
	}

div.contentMore {
	float: left;
	border-bottom: 2px solid #dadada;
	padding-bottom: 5px;
	background: url(/source/images/more.jpg) center right no-repeat;
	width: 20%;
	height: 18px;
	cursor: pointer;
	}

div.contentTitle {
	width: 80%;
	float: left;
	border-bottom: 2px solid #f25623;
	padding-bottom: 5px;
	color: #f25623;
	font-weight: bold;
	}
	
div.contentTextBlock {
	margin-bottom: 50px;
	}

div.contentNewsBlock {
	margin-bottom: 50px;
	}

.VisitaAnche {
	color:#f25623;
	font-weight:bold;
}

div.newsBox { padding: 20px 0px 0px 30px; }
div.newsBoxTitle { width: 150px; padding: 3px; background: #4497d1; color: #FFFFFF; font-weight:bold; float: left; text-align: center;  margin-bottom: 2px; }
div.newsBoxDescription { padding: 3px; padding-left: 180px; margin-bottom: 2px; }

div.meteoBox { padding: 0px 0px 0px 30px; }
div.meteoBoxImg { width: 40%; height: 130px; margin-top:15px; /*padding: 2px;*/ float: left; }
div.meteoBoxInfo {  width: 40%; /*height: 128px;*/ float: left; margin-left: 30px;}
div.meteoIcon { padding: 0 0 0px 10px; font-weight: bold; font-size: 1.8em; }
table.meteoTable { width: 100%; margin: 0 auto; margin-top: 10px; }
tr.meteoTable { width: 50px; }

div.tabs {
	width: 100%;
	margin-bottom: 50px;
	}
	
div.tabsHeaderCurrent {
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 2px -1px 0px;
	background: #f7f7f7;
	color: #797979;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	}
	
div.tabsHeader {
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 2px 0px 0px;
	background: #FFFFFF;
	color: #797979;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	}
	
div.tabsHeader:hover { background: #f7f7f7; cursor: pointer; }

div.tabsContent {	
	clear: left;
	padding: 10px 10px 20px 10px;
	border-top: 1px solid #dedede;
	color: #797979;
	}
	
div.tabsText{
	float: left;
	width: 80%;
	}
	
div.tabsText a:link, a:visited {
	color: #797979;
	}

div.tabsText a:hover, a:active {
	color: #f25623;
}

div.tabsMore{
	float: left;
	width: 20%;
	height: 10px;
	text-align: right;
	background: url(/source/images/moreIcon.jpg) center right no-repeat;
	cursor: pointer;
	}

/*********************** STILI PER IL FOOTER **********************************************/

div#footer {
	clear: left;
	padding: 30px 20px 40px 20px;
	border-top: 1px solid #f25623;
	}
	
div.credits {
	width: 60%;
	float: left;
	}
	
div.credits a { color: #f25623; font-weight: bold; }
div.credits a:hover { color: #f25623; font-weight: bold; }
	
div.footerMenu {
	width: 40%;
	float: left;
	text-align: right;
	}
	
div.footerMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

div.footerMenu ul li {
	display: inline;
	}

div.footerMenu ul li a {
	border-right: 1px solid #c6c6c6;
	padding-right: 10px;
	padding-left: 5px;
	color: #6e6e6e;
	}
	
span.g2k {
	text-align: left;
	background: url("/source/images/pulsante.gif") bottom right no-repeat;
	font-size: 9px;
	}
	
div.wrapper {
	clear: left;
	width: 1px;
	}

	
/********************** STILI PER IL BOX DELLE LINGUE *************************************/

div#boxLanguage {
	margin:0 0 5px 15px;
	clear:left;
	height:30px;
}
div#contentLingue {
	float:left;
	width:20px;
	margin: 0 5px 0 0;
	font-size:9px;
	text-align:center;
	color:#888888;
}

.bandierina {
	margin:0 2px 2px 0;
	cursor:pointer;
}


/************************** STILI MAPPA GOOGLE ********************************/

.Mappa_TitoloStruttura { font-weight:bold; font-size:12px; }
.Mappa_StelleStruttura { color:#ABABAB; }
.DivMappa {
	margin:0px 15px 15px 15px;
	width:570px;
	height:360px;
}
.ContentMappa {
	display:none;
	position:absolute;
	width:600px;
	height:400px;
	background-image:url(/source/images/bg_mappa.png);
	background-position:center center;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-top:8px;
}
div#MappaStrutture {
	display:none;
	width:500px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
}

div.TitoloSezione {
	color: #f25623;
	font-weight: bold;
	font-size:14px;
	text-decoration:underline;
	margin-bottom:20px;
}


/**************************** STILI EVENTI ********************************/

div.CambioDataEventi {
	background-color:#DEDEDE;
	padding:5px;
	border:1px #888888 solid;
}
div.contentEvent {
	height:40px;
	border-bottom:1px #DEDEDE solid;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
}

div.titleEvent {
	float:left;
	width:65%;
	text-align:left;
	font-size:11px;
	margin-top:10px;
}

div.typeEvent {
	float:left;
	width:20%;
	text-align:left;
	font-size:11px;
	margin-top:10px;
}

div.imageEvent 	{ float:left; width:15%; text-align:left; height:40px; }
div.detailEvent { display:none; border:1px #f25623 solid; padding:5px; font-size:11px; background-color:#EEEEEE; }
div.divClear 	{ clear:both; }
div.descEvent	{ background-color:#F8F8F8; padding:5px; }
div.desc2Event	{ background-color:#F8F8F8; padding:5px; }


/******************** PAGINA SITEMAP **************************/

div.SiteMap {
	float:left;
	border: solid 1px #f25623;
	padding: 5px;
	margin:5px;
	background-color: #EEEEEE;
	width:150px;
	text-align:center;
}