/*********************** PROJECT BY GRAFFITI 2000 - G2K **********************************/
img { border:0px; }
fieldset { border:0; margin:0; padding:0; }
/*********************** STILI PER IL BODY ***********************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	font-size: /*0.6em*/ 0.7em;
	}
a {
	text-decoration: none;
	outline: none;
	color: #313131;
	}
h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-left: 6px solid #4497d1;
	}
	
/******* BANNER PROMO VILLA DEI CEDRI **********/
body { overflow-x: hidden; background: #ffffff!important; }
div#layout { padding-top: 98px; position:relative; }
div#header { margin-top: 0px!important; }

.promo-box { position: absolute; top: 0; cursor:pointer; }
    #promo-left { right: 100%; /*height:660px;*/ height:100%; width:469px; background:url(/source/images/promo/bg_left_promo.jpg) no-repeat left -1px; }
    #promo-top { height:98px; width:100%; background:url(/source/images/promo/bg_top_promo.jpg) no-repeat center top; }
    #promo-right { left: 100%; /*height:660px;*/ height:100%; width:468px; background:url(/source/images/promo/bg_right_promo.jpg) no-repeat left top; }


/******* BANNER PROMO RESIDENCE FILANDA *******/
#div_spot_filanda { 
    cursor:pointer; 
    width:452px; 
    height:350px; 
    position:absolute; 
    top:20px; 
    left:40px; 
    z-index:1000; 
    background-image:url('http://cittadellago.g2k.it/promo/images/pop_offerta_filanda.png') 
}
#close_spot_filanda { width:70px; height:25px; position:absolute; bottom:3px; right:0; z-index:2000;}


/*********************** STILI PER IL LAYOUT *********************************************/
.HotelInVetrina { font-weight:normal; border-bottom:1px solid #dedede; padding-bottom:6px; text-decoration:none; display:block; clear:both; overflow:hidden; margin-bottom:6px; }
.HotelInVetrina img.foto { float:left; margin-right:5px; }
.HotelInVetrina img.star { margin-left:5px; }
.HotelInVetrina a { font-weight:bold; }
.HotelInVetrina label { display:block; }
.HotelInVetrina a:active, a:hover { font-weight:bold; text-decoration:underline; }


div#layout {
	width: 964px;
	margin: 0 auto;
	}
div#layoutResize { 
	width: 50px; 
	height: 50px; 
	}	
div#area {
	background: #FFFFFF;
	}	
	
/*********************** STILI PER LA SECONDA PARTE DELL'INTESTAZIONE *********************/
select.SelectRequests {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
input.InputRequests {
	border:1px #888 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
input.Submit {
	border:1px #888 solid;
	background-color:#EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
div#header {
	width: 100%;
	height: 366px;
	/*background: url(../images/header-trans.png) 0px 0px no-repeat;*/
	margin: 0 auto;
	margin-top: 10px;
	position:relative;
	overflow:hidden;
	}
	
div#headerTop { height: 96px; /*margin-bottom: 3px;*/ }
div#headerBottom { height: 225px; position:relative; overflow:hidden; }
	div#headerBottom img { border: 0; /*margin: 0 0 0 1px; padding: 0;*/ top:0; left:0; position:absolute; }
	div#headerBottom img:first-child { /*margin: 0;*/ }

div#resizeArrow { background-image: url(/source/images/upArrow.png); }

div#headerRequests {
	position:absolute;
	width:220px;
	height:175px;
	background-image:url('/source/images/bck/bg_opacity.png');
	background-repeat:repeat;
	left:710px;
	top:130px;
	padding:5px;
}

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;
}

h1.NomeCitta a { color:#ffffff; }
h1.NomeCitta a:hover { font-weight:normal; text-decoration:none; }

div#DescrizioneCitta {
	position:absolute;
	padding-right:5px;
	left:650px;
	top:25px;
	font-family:Verdana,Arial;
	color:#FFFFFF;
}
h3.DescrizioneCitta {
	font-family:Verdana,Arial;
	color:#FFFFFF;
	font-size: 1em;
	font-weight:normal;
}
	
div#headerResize {
	width: 100%;
	height: 18px;
	background: #FFFFFF;
	}
	
div#resizeArrow {
	width: 124px;
	height: 18px;
	margin: 0 auto;
	cursor: pointer;
	}
			
/*********************** STILI PER L'AREA DELLA PAGINA CORRENTE ***************************/

div.currentPage {
	padding: 10px 20px 12px 10px;
	width: 75%;
	color: #313131;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size:12px;
	font-weight:bold;
	}
h2.currentPage {
	font-size:12px;
	font-weight:bold;
	color: #313131;
	margin:0px;
	text-transform:uppercase;
}
h2.currentPage span { text-indent:-9999px; position:absolute; top:-500px; left:-500px; }
	
.PaginaCorrente {
	color:#313131;
	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: 30px;
	}
	
div.menuBox ul {
	margin: 0;
	padding: 0;
	}
	
div.menuBox ul li {
	list-style-type: none;
	color: #313131;
	cursor: pointer;
	}

/* ----------------------------------------------------------------------------------------------------------------- DA MODIFICARE ------- */
div.menuBox ul li a { padding: 5px 0px 5px 10px; display: block; }  
div.menuBox ul li a:hover { text-decoration: none; }
/* ----------------------------------------------------------------------------------------------------------------- DA MODIFICARE ------- */

div.mapBox {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	}
	
div.mapBoxTitle {
	width: 80%;
	float: left;
	padding-bottom: 5px;
	font-weight: bold;
	}
div.navBoxTitle { width: 80%; float: left; padding-bottom: 5px; font-weight: bold; margin-bottom:15px; }
div.navBoxMore {
    margin-bottom:15px; 
	float: left;
	border-bottom: 2px solid #dadada;
	padding-bottom: 5px;
	/*background: url(../images/more.jpg) 0px 3px no-repeat;*/
	width: 20%;
	height: 13px;
	cursor: pointer;
	}
div.mapBoxMore {
	float: left;
	border-bottom: 2px solid #dadada;
	padding-bottom: 5px;
	/*background: url(../images/more.jpg) 0px 3px no-repeat;*/
	width: 20%;
	height: 13px;
	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;
	clear:both;
	}

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

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


/**** BOX NESLETTER ****/

div.nlBox { width: 90%; margin: 0 auto; margin-bottom: 40px; color: #313131; }
div.nlBoxMore { margin-bottom:15px;  float: left; border-bottom: 2px solid #dadada; padding-bottom: 5px; width: 20%; height: 13px; cursor: pointer;	}
div.nlBoxTitle { width: 80%; float: left; padding-bottom: 5px; font-weight: bold; margin-bottom:15px; }
div.nlBox div.testo { line-height:20px; }
form#frmBoxNewsletter input[type="text"] { width:99%; margin:5px 0 8px 0; color:#313131; }
form#frmBoxNewsletter input[type="submit"] { 
    width:96px; 
    height:21px; 
    background:url(/source/images/button-continua.png) center center no-repeat; 
    border:0; 
    color:#fff;
    cursor:pointer;
    padding-bottom:3px;
}


/**** FORM NEWSLETTER ****/
form#frmNewsletter label { float:left; width:100px; text-align:left; clear:left; margin-top:5px; }
form#frmNewsletter input[type="text"] { float:left; width:40%; margin-top:5px; }
form#frmNewsletter input[type="submit"] { clear:both; display:block; margin-top:20px; }
form#frmNewsletter span.errorBox { 
    clear:both; 
    margin: 0 0 5px 100px; 
    color:red; 
    width:40%; 
    font-weight:bold; 
    display:none; 
    padding:4px; 
    background-color:#fffabd; 
    border:1px solid #f56600;
}

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

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

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

div.contentTitle {
	width: 80%;
	float: left;
	padding-bottom: 5px;
	font-weight: bold;
	}
	
div.contentTextBlock {
	margin-bottom: 50px;
	}

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

.VisitaAnche {
	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: #313131;
	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: #313131;
	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: #313131;
	}
	
div.tabsText{
	float: left;
	width: 80%;
	}
	
div.tabsText a:link, a:visited {
	color: #313131;
	}

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

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

div#footer {
	clear: left;
	padding: 30px 20px 40px 20px;
	}
	
div.credits {
	width: 60%;
	float: left;
	}

div.W3cValidator {
	float:left; margin-top:-12px
}

div.credits a.link { font-weight: bold; }
div.credits a.link:hover { font-weight: bold; }
	
div.footerMenu {
	width: 40%;
	float: right;
	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: #313131;
	}
	
span.g2k {
	text-align: left;
	background: url("/source/images/bck/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:50px;
	overflow:hidden;
}
/*div#contentLingue {
	float:left;
	width:20px;
	margin: 0 5px 0 0;
	font-size:9px;
	text-align:center;
	color:#888888;
}*/

div.contentLingue {
	float:left;
	width:20px;
	margin: 0 5px 0 0;
	font-size:9px;
	text-align:center;
	color:#313131;
}

.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/bgmappa.png);
	background-position:center center;
	background-repeat:no-repeat;
	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 {
	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; 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;
	padding: 5px;
	margin:5px;
	background-color: #EEEEEE;
	width:150px;
	text-align:center;
}


/***************** PAGINA RICHIESTA SISTEMAZIONE ******************/

div.TitoloRichiestaSistemazione {
	width: 80%;
	padding-bottom: 5px;
	font-weight: bold;
	font-size:11px;
}


div.boxRequests { background-color:#636363; height:41px; }
form#frmRequests { margin:0; padding:0; }
form#frmRequests div { height:20px; margin-top:13px; }
form#frmRequests div.requestTitle { float:left; font-weight:bold; margin-left:10px; }
form#frmRequests div.requestDate { float:left; margin:11px 0 0 30px; color:#ffffff; }

form#frmRequests input[type="submit"] {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    color:#ffffff; 
    text-align:left; 
    background: url('/source/images/button-continua.png') no-repeat center; 
    width:96px; 
    height:23px;
    text-transform:lowercase;
    margin-top:8px;
    margin-left:50px;
    padding-bottom:6px;
    cursor:pointer;
}

#frmSendRequests input[type="text"], 
#frmSendRequests textarea, 
#frmSendRequests select { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#frmSendRequests input[type="submit"] {
    width:96px; 
    height:21px; 
    background:url(/source/images/button-continua.png) center center no-repeat; 
    border:0; 
    color:#fff;
    cursor:pointer;
    padding-bottom:3px;
}

#frmSendRequests textarea { width:100%; height:100px; }
#frmSendRequests div.left { width:200px; margin-top:10px; text-align:right; font-weight:bold; float:left; padding-right:10px; clear:left; }
#frmSendRequests div.right { float:left; width:50%; margin-top:10px; text-align:left; }
#frmSendRequests input[type="text"] { width:100%; }
#frmSendRequests span.errorBox { 
    margin-top:5px;
    color:red; 
    font-weight:bold; 
    float:left;
    display:none;
    padding:4px; 
    background-color:#fffabd; 
    border:1px solid #f56600;
}