﻿/* Normalizzazioni cross-browser */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,select {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol,ul {list-style:none;}
a {outline:none;text-decoration:none;}
abbr{border:none;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
.g2k {padding:0 10px 0 0;background:url('/images/pulsante.gif') no-repeat bottom right;}
#nav_access {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
/* ------------------------------------------- */
/* BODY                                        */
body { padding: 18px 0 0 20px; }
/* ------------------------------------------- */
/* WRAP                                        */
#wrap { width: 953px; position: relative; margin: 0 auto; } /* !!! */
/* ------------------------------------------- */
/* BRANDING                                    */
#branding { width: 955px; height: 260px; position: relative; z-index: 10; } /* !!! */
	#branding h1 { width: 955px; height: 260px; position: absolute; top: 0; left: 0; overflow: hidden; } /* !!! */
		#branding h1 a { width: 231px; height: 213px; display: block; position: absolute; top: 4px; left: 2px; }
/* ------------------------------------------- */
/* NAV MAIN                                    */
#nav_main { width: 947px; position: absolute; top: 219px; left: 2px; z-index: 20; } /* !!! */
	#nav_main ul { float: left; }
		#nav_main ul li { width: 320px; float: left; }
		#nav_main ul li.esplora { width: 307px; float: left; }
			#nav_main ul li a { display: block; height: 27px; padding: 12px 0 0 20px; }
/* ------------------------------------------- */
/* NAV SUPP                                    */
#nav_supp { overflow: visible; }
#booking { width: 956px; height: 50px; position: relative; top: 0; left: -2px; z-index: 30; overflow: visible; } /* !!! */
	#booking h2 { width: 120px; float: left; height: 50px; padding: 0px 0 0 50px; margin: 0 0 0 8px; }
		#booking h2 span { display: block; height: 32px; padding: 18px 15px 0 0; margin: 0 10px 0 0; }
	#booking form { padding: 16px 0 0 0; }
	#booking legend { display: none;}
	#booking label { padding-right: 20px; }
	#booking ul { float: left; height: 50px; }
		#booking ul li { float: left; margin: 0 16px 0 0; }
	#booking #invia { width: 73px; height: 23px; padding: 0 0 2px 5px; position: absolute; top: 14px; right: 15px; }
#tags { width: 956px; min-height: 50px; position: relative; top: 0; left: -2px; z-index: 30; } /* !!! */
	#tags h2 { width: 120px; float: left; height: 50px; padding: 0px 0 0 50px; margin: 0 0 0 8px; }
		#tags h2 span { display: block; height: 32px; padding: 18px 15px 0 0; margin: 0 10px 0 0; }
	#tags form { padding: 0px 0 0 0; }
	#tags label { padding-right: 20px; }
	#tags input { padding: 2px 2px 2px 25px; }
	#tags #find { width: 73px; height: 23px; padding: 0 0 2px 5px; position: absolute; top: 14px; right: 15px; }
	#tags ul { float: left; width: 670px; min-height: 50px; }
		#tags ul li { float: left; height: 33px; padding: 17px 15px 0 0px; margin-right: 12px; }
		#tags ul li.find { padding-top: 15px; }
		#tags ul li img { margin: 0 0 0 5px; }
#offers { width: 100%; overflow: hidden; display: none; } /* !!! */
	#offers h2 {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
	#offers ul { width: 100%; overflow: hidden; padding: 20px 0; }
		#offers ul li { float: left; width: 300px; margin: 0 0 0 20px; }
		#offers ul li:first-child {  margin: 0 0 0 0; }
			#offers ul li img { float: left; margin: 0 20px 0 0; }		
			#offers ul li h3 { margin-bottom: 10px; }		
				#offers ul li h3 span { display: block; }		
			#offers ul li a { float: left; display: block; width: 68px; height: 18px; padding: 5px 0 0 5px; }		
/* ------------------------------------------- */
/* CONTENT                                     */
#content { width: 100%; float: left; margin-bottom: 0px; } 
#content_wide { width: 913px; float: left; padding: 20px; }
#content_wide h2 span { padding-left: 10px; }
	/* ------------------------------------------- */
	/* CONTENT MAIN                                */
	#content_main { width: 672px; float: left; padding-top: 20px; }
		#content_main .gutter { padding: 0 30px 0 20px; }
			#content_main h2 span {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
			#content_main h2#ricercamirata { margin-bottom: 2em; }
			#content_main h3 { padding: 6px 10px; margin-bottom: 1px; }
			#content_main h3.ricercamirata span { padding: 2px 4px; }
			#content_main p { margin-bottom: 15px; }
			/* ------------------------------------------------------------------------------------------------------------------------------------------------- Strutture */
			.structure_count { width: 100%; overflow: hidden; padding: 10px 0; margin-bottom: 20px; }
				.structure_count li { float: left; width: 33%; padding: 0 0 3px 0; }
					.structure_count li a { padding: 0 10px; }
			.structure { width: 100%; margin-bottom: 20px; } 
				.structure li { width: 100%; padding: 20px 0; overflow: hidden; position: relative; }
					.structure li span { display: block; float: left; height: 84px; margin: 0 15px 0 0; width: 91px; }
					#content_main .structure li h3 { display: block; padding: 0 0 5px 0; }
						.structure li h3 span { display: block; float: none; height: auto; margin: 0; padding: 10px 0 0 12px; width: auto; }
						.structure li ul { width: auto; position: absolute; top: 10px; right: 0; }
							.structure li ul li { width: auto; padding: 2px 0; overflow: visible; }
								li.add_fav a, li.send_req a { padding: 0 0 0 15px; }
								li.map a, li.more a { display: block; width: 139px; height: 20px; padding: 3px 5px 0 0; }
			/* ----------------------------------------------------------------------------------------------------------------------------------------- Risultati ricerca */
			.result { width: 100%; margin-bottom: 20px; } 
				.result li { width: 100%; padding: 20px 0; overflow: hidden; position: relative; }
					#content_main .result li h3 { padding-left: 10px; }
					.result li span { display: block; float: left; height: 89px; margin: 10px 15px 0 0; width: 93px; }
			/* -------------------------------------------------------------------------------------------------------------------------------------------------- Articolo */
			.article { padding: 0 0 0 50px; }
				.article h2 { margin-bottom: 1.3em; }
				#content_main .article h3 { padding: 6px 0; margin-bottom: 1.3em; }
				#content_main .article p.intro { margin-bottom: 2em; }
			/* --------------------------------------------------------------------------------------------------------------------------------------------------- Sitemap */
			#content_main .sitemap h2 { padding: 6px 6px 40px 6px; margin-bottom: 3em; }
			#content_main .sitemap h3 { padding: 6px 10px; margin: 1em 0 1em 15px; }
			.sitemap ul { padding: 5px 0; margin: 0 0 0 20px; }
				.sitemap li { padding: 0 0 0 15px; }
			/* ------------------------------------------------- */
			#content_main .webcam { position: relative; }
				#content_main .webcam h2 { padding: 6px; margin-bottom: 3em; }
				#content_main .webcam h3 { padding: 6px 10px; margin: 1em 0 1em 15px; }
				.webcam_label li { height: 34px; position: absolute; width: 128px; }
					#madcamp { left: 10px; top: 250px; }
					#andalo { left: 175px; top: 270px; }
					#fraglia { left: 30px; top: 450px; }
					#brione { left: 160px; top: 350px; }
					#torbole { left: 175px; top: 460px; }
					#folgaria { left: 360px; top: 375px; }
					#primiero { left: 515px; top: 265px; }
					#rabbi { left: 110px; top: 160px; }
					#campitello { left: 470px; top: 110px; }
					.webcam_label li a { display: block; height: 29px; padding: 5px 0 0 3px; width: 125px }
				.webcam_list { margin: 0 0 0 20px; overflow: hidden; padding-bottom: 30px; }
					.webcam_list li { float: left; width: 200px; }
						.webcam_list li a { padding: 0 0 0 10px; }
	/* ------------------------------------------- */
	/* CONTENT HOTEL                               */
	.hotel_main { width: 450px; float: left; padding: 20px 10px 0 0; }
	.hotel_main p { margin-bottom: 1.5em; }
	.hotel_main ul { margin-bottom: 1.5em; }
	.hotel_main h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -999em; position: absolute; top: -500px; left: -500px; }
	.hotel_sub { width: 443px; float: right; padding: 20px 0 0 10px; }
	.hotel_sub h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -999em; position: absolute; top: -500px; left: -500px; }
	.hotel_sub ul { padding-top: 20px; }
	.hotel_sub ul li { width: 104px; float: left; margin: 0 10px 5px 0; }
	.hotel_sub ul li img { width: 97px; height: 60px; }

	/* ------------------------------------------- */
	/* MODULE		                               */
	.module { padding: 0 20px; }
	#content_main .module h3 { margin-bottom: 1.5em; }
	.module ul li { line-height: 1.8em; }
	.module ul li label { display: block; float: left; width: 200px; }
	.module ul li input[type="checkbox"] { float: left; width: 20px; margin: 3px 10px 0 0; }
	.module ul li input[type="text"] { width: 250px; }
	.module ul li input[type="file"] { width: 250px; }
	.module ul li input.PushButton { margin-top: 20px; }
	.module p {  }
	
	/* ------------------------------------------- */
	/* CONTENT SUB                                 */
	#content_sub { width: 280px; float: right; padding-top: 20px; margin-left: -1px; }
		#content_sub h6 { margin: 20px 0; padding-left: 10px; }
		#content_sub .gutter { padding: 0 20px 15px 30px; }
			#content_sub .box { margin-bottom: 15px; }
				#content_sub .box h3 { padding: 10px 10px 5px 10px; }
				#content_sub .box ul { padding: 10px; }
				#content_sub .box p { padding: 10px 10px 10px 10px; overflow: hidden; }
					.delete_this { float: right; }
					.send_request { float: left; }
					.delete_fav { float: right; }
						.delete_fav img { margin-left: 10px; }
			.highlights_head {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
			.highlights { }
				.highlights li { overflow: hidden; margin: 0 0 15px 0; padding: 5px 10px; }
					.highlights li img { float: left; margin: 0 15px 0 0; }
					.highlights li .stars { margin: 10px 0 5px 0; float: none; display: block; }
					.highlights li span { display: block; }
					
	div#prefer_table { border-right: 1px solid #cccccc; background-color: #FFFFFF; margin-right: 4px; margin-top: -20px; }
	div#prefer_table a { color: #666666; }
	div#prefer_table table { width: 100%; border-right: 0px solid #cccccc; }
	div#prefer_table table tr {  }
	div#prefer_table table th { padding: 3px; height: 37px; }
	div#prefer_table table th.prefer_header { padding-left: 5px; font-weight: bold; font-size: 1.1em; }
	div#prefer_table table th.request_header { text-align: right; padding-right: 5px; }
	div#prefer_table table td { padding: 5px 3px 5px 5px; border-bottom: 1px dotted #686768; }
	div#prefer_table table td.stars_td { width: 50px; }
	div#prefer_table table td a.prefer_link { display: block; background: url('/images/del.gif') no-repeat center right; }
	div#prefer_table table tr.prefer_opt { background: url('http://www.gardaworld.com/images/prefer_opt.jpg') repeat-x bottom left; }
	div#prefer_table table tr.prefer_opt td { padding-top: 10px; padding-bottom: 7px; border-bottom: none; width:50%; text-align:center; height:25px; }
	div#prefer_table table tr.prefer_opt td.delete_all {  }
	div#prefer_table table tr.prefer_opt td.open_close a { color: #000000; padding: 0 0 0 30px; background: url('http://www.gardaworld.com/images/open_close.jpg') no-repeat center left; }
	div#prefer_table table tr.prefer_opt td.ind_ava div { display:block; }
	div#prefer_table table tr.prefer_opt td.ind_ava a.ind { color: #000000; padding: 0 0 0 20px; background: url('http://www.gardaworld.com/images/prefer_indietro.jpg') no-repeat center left; }
	div#prefer_table table tr.prefer_opt td.ind_ava a.ava { color: #000000; padding: 0 20px 0 0; background: url('http://www.gardaworld.com/images/prefer_avanti.jpg') no-repeat center right; }
	div#prefer_table div table td.name_td { overflow:hidden; width:60px; }
	
	h3#inevidence_title		{ display: none; }
	a#inevidence_buylink	{ /*position:absolute; margin-left:90px;*/ font-family:Arial; font-size:12px; font-weight:normal; }
	ul#inevidence_list		{ margin-top: 15px; width: 275px; }
	ul#inevidence_list li	{ margin: 2px 2px; padding: 5px 8px; background-color: #FFFFFF!important; }
	ul#inevidence_list li.lastli	{ display: none; text-align: right; padding-right: 5px; background-color: Transparent!important; }
	
	
/* ------------------------------------------- */
/* FOOTER                                      */
#footer { clear: both; overflow: hidden; padding: 40px 0 0 0; } /* !!! */
	#footer .box { padding: 10px 0 10px 15px; }
	#footer h3 { padding: 0 0 0 15px; margin: 0; position: relative; left: -15px; }
	#footer h4 {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
	#footer p { padding: 15px 0 30px 0; }
	.partners li { float: left; margin: 0 50px 0 0; } 	
	#lang { position: absolute; top: -15px; right: 15px; z-index: 50; }
		#lang li { float: right; padding: 0 3px; }
			#lang li a { width: 23px; padding: 3px 0 2px 0; display: block; }
	
	
/* Claudio */
ul#hotelList li
{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 1px;
	margin-left: 0pt;
	padding-top: 8px;
	padding-right: 0pt;
	padding-bottom: 8px;
	padding-left: 10px;
}

div#multibox1 { overflow:hidden; } 
div.mediaBox { width: 275px; height: 185px; background-color: #fff; margin: 0 5px 0 0; background-image: url(http://www.gardaworld.com/images/multibox.jpg); }

div#divzoomphoto { display:none; position:absolute; top:10px; left:10px; padding:10px; border:1px solid #CCCCCC; background-color: #fff; }



/* CLAUDIO - input di ricerca */
div.autoBox 
{
	position: absolute;
	z-index: 999;
	background-color: white;
	border: 1px solid #888;
	border-top: 0;
	width: 200px!important;
	margin: 0px;
	padding: 0px;
}

div.autoBox ul 
{
	list-style-type: none!important;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	max-height: 300px;
}

div.autoBox ul li 
{
	/*width: 190px!important;*/
	float: none!important;
	height: 15px!important;
	padding: 2px 5px 2px 5px!important;
	background-image: none!important;
	list-style-type: none!important;
	display: block;
	margin: 0;
	padding: 1px;
	cursor: pointer;
	border-top: 1px solid #888;
}
div.autoBox ul li:hover
{
	background-color: #F18914;
	color: #FFF;
}

h3#tags_title { clear: both; padding: 0.5em; }
ul#tags_list { margin-bottom: 30px!important; }
ul#tags_list li { display: inline; padding: 0 0.7em; border-left: 1px solid #8e541f; }
ul#tags_list li a { color: #000000; }
ul#tags_list li:first-child { border-left: 0px solid #FFFFFF!important; }

h3#inevidence_title { padding: 0.5em; clear: both; overflow: hidden; }
ul.inevidence_listBox {  }
ul.inevidence_listBox h4 { margin: 0 0 0 5px!important; padding: 5px 0 0 0!important; }
ul.inevidence_listBox h4 img { margin-left: 0.3em; }
ul.inevidence_listBox li p { margin: 0 0 0 5px!important; padding: 0!important; }
ul.inevidence_listBox img.hotel_listImg { width: 80px; height: 60px; position: absolute; left: 0; top: 0; z-index: 41; }
ul.inevidence_listBox img.hotel_listImg:hover { width: 150px; height: 112px; position: absolute; z-index: 44654; top: -20px; left: -20px; } 
ul.inevidence_listBox li { position: relative; width: 48%; height: 60px; float: left; margin: 0.5em 1%; overflow: visible; background-color: #592d06; }
ul.inevidence_listBox li >h4+p+p+p img { width: 20px; height: 20px; }

/*----------Ratings-----------*/
/*----------------------------*/
h3#ratings_title { clear: both; margin-top: 30px!important;  }

.star-rating {
	list-style:none!important;
	margin:0px!important;
	padding:0px!important;
	width:100px!important;
	height:20px!important;
	position:relative!important;
	background:url(/images/star_rating2.png) top left repeat-x!important;
}

.star-rating li a {
	display:block!important;
	width:20px!important;
	height:20px!important;
	text-decoration:none!important;
	text-indent:0px!important;
	z-index:20!important;
	position:absolute!important;
	padding:0px!important;
}

.star-rating li 			{ padding:0px!important; margin:0px!important; float: left!important; }
.star-rating li a:hover 	{ background: url(/images/star_rating2.png) left center!important; z-index:2!important; left:0px!important; }
.star-rating a.star1 		{ left: 0px!important; }
.star-rating a.star1:hover 	{ width:20px!important; }
.star-rating a.star2 		{ left:20px!important; }
.star-rating a.star2:hover 	{ width: 40px!important; }
.star-rating a.star3 		{ left: 40px!important; }
.star-rating a.star3:hover 	{ width: 60px!important; }
.star-rating a.star4 		{ left: 60px!important; }
.star-rating a.star4:hover 	{ width: 80px!important; }
.star-rating a.star5 		{ left: 80px!important; }
.star-rating a.star5:hover 	{ width: 100px!important; }

.star-rating li.current-rating {
	background: url(/images/star_rating2.png) left bottom!important;
	position:absolute!important;
	height:20px!important;
	display:block!important;
	text-indent:0px!important;
	z-index:1!important;
}

table#elenco_piste { background-color: #777777; }
table#elenco_piste td { color: #FFFFFF; border: 1px solid #FFFFFF; margin: 0; padding: 3px; text-align: center; width: 50px; height: 30px; }
table#elenco_piste td:first-child { width: 100px; text-align: left; }
table#elenco_piste td span { padding: 4px; }
table#elenco_impiantirisalita { background-color: #777777; margin-top: 20px; margin-bottom: 20px; }
table#elenco_impiantirisalita td { color: #FFFFFF; border: 1px solid #FFFFFF; margin: 0; padding: 3px; text-align: center; width: 80px; height: 30px; }
table#elenco_impiantirisalita td img { vertical-align: middle; }

h5#add_hotel	{ margin-left: 700px; }