﻿body {
	margin:0;
	padding:0;
	font-size:8pt;
	color:#383838;
	background:#0f77ac;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.container {position:relative;margin:0 auto;width:970px;text-align:left;}
#wrapper {background:#fff;padding:0 0 1px 0;}
#top,#middle,#wrapper,#immagine_principale,.ombra {width:100%;}

/* ------------------------ TOP ------------------------ */

#top {position:relative;height:163px;background:url(/images/sf_top.gif) top repeat-x #fff;}
#top .container {height:163px;}
#top h1#logo {position:absolute;top:81px;left:33px;text-indent:-9999px;width:555px;height:67px;background:url(/assets/images/Hotelidealtorbole_logo.gif);}
#top h1 a {width:496px;height:59px;display:block;}

#top ul#menu {height:48px;font-family:Georgia, "Times New Roman", Times, serif; width:670px; margin:0 auto;}
#top ul#menu li {display:block;float:left;height:33px;padding:15px 0;color:#fff;}
#top ul#menu li.selezionato {height:33px;padding:15px 0;background:url(/images/sf_tasto-hover.png) repeat-x;}
#top ul#menu li a {color:#fff;border-right:1px solid #fff;padding:0 10px;}
/*#top ul#menu li a:hover {color:#c72f2f;} PER IL 6*/
#top ul#menu li:hover {display:block;color:#fff;background:url(/images/sf_tasto-hover.png) repeat-x;}

#top ul#menu_lingue {position:absolute;right:0;bottom:23px;font-size:9pt;}
#top ul#menu_lingue li {float:left;padding:0 10px;}
#top ul#menu_lingue li.selezionato {font-weight:bold;}
#top ul#menu_lingue li a {color:#0f77ac;}
#top ul#menu_lingue li a:hover {color:#383838;}
#top p {position:absolute;bottom:45px;right:10px;font-size:8pt;color:#787878;border-bottom:1px solid #a9a8a8;padding:0 0 5px 0;}

/* ------------------------ Fine TOP ------------------------ */

/* ------------------------ IMMAGINE PRINCIPALE ------------------------ */

.ombra {position:absolute;height:9px;background:url(/images/ombra.png) repeat-x;z-index:2;}
#ombra1 {top:0;}
#ombra2 {top:393px;}
#immagine_principale {text-align:left;position:relative;height:387px;background:url(/images/immagine_principale/immagine_principale03.jpg) center no-repeat #fff;}
#camere #immagine_principale {background:url(/images/immagine_principale/immagine_principale02a.jpg) center no-repeat #fff;}
#prezzi #immagine_principale {background:url(/images/immagine_principale/immagine_principale09.jpg) center no-repeat #fff;}
#sport #immagine_principale {background:url(/images/immagine_principale/immagine_principale05.jpg) center no-repeat #fff;}
#escursioni #immagine_principale {background:url(/images/immagine_principale/immagine_principale06.jpg) center no-repeat #fff;}
#photogallery #immagine_principale {background:url(/images/immagine_principale/immagine_principale07.jpg) center no-repeat #fff;}
#contatti #immagine_principale {background:url(/images/immagine_principale/immagine_principale04.jpg) center no-repeat #fff;}
#offerte #immagine_principale {background:url(/images/immagine_principale/immagine_principale08.jpg) center no-repeat #fff;}

/* ------------------------ Fine IMMAGINE PRINCIPALE ------------------------ */

/* ------------------------ MIDDLE ------------------------ */

#middle .container {margin:40px auto;}

	/* ------------------------ CONTENT ------------------------ */
	
	#middle #content {width:660px;float:left;font-size:9pt;}
	#middle #content h2 {font-size:18pt;color:#0f77ac;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;border-bottom:1px solid #0f77ac;padding:0 0 5px 0;margin:0 0 25px 0;}
	#middle #content h4 {font-size:10pt;color:#0f77ac;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 5px 0;}
	#middle #content .evidenza {font-size:13pt;color:#0f77ac;line-height:24px;}
	#middle #content .testo_particolare {font-size:11pt;line-height:26px;}
	#middle #content .testo {padding:20px 0 10px 0;}
	#middle #content .link h4 {margin:10px 0; color:#0f77ac;}	
	#middle #content .column {float:left;width:280px;margin:0 30px 0 0; line-height:18px;}
	
	#middle #content .column p {margin:10px 0 0 0 ;}
	#middle #content .column p a.imm2 {display:block;float:left;margin:0 15px 0 0;padding:4px;border:1px solid #b9b9b9;}
	#middle #content .column p a.imm2 img {margin:0;padding:0;}	
	#middle #content .column a {text-decoration:underline}
	#middle #content ul {margin:10px 0 0 0;}
	#middle #content ul li {list-style-type:disc;margin:0 0 0 20px;}
	#middle #content a.imm {width:242px;height:170px;display:block;background:url(/images/sf_imm.gif);padding:13px 0 0 13px;}
	#middle #content .column h4 {margin:15px 0;color:#0f77ac;background:#fff;width:100%;}
	#prezzi #middle #content h4 {margin:0 0 25px 0;color:#0f77ac;background:#fff;width:100%;}
	
		/* --- Pagina CAMERE --- */
			
			#camere #middle #content ul li {list-style-type:none;margin:0 0 20px 0;border-bottom:1px solid #ebebeb;padding:0 0 20px 0;}
			#camere #middle #content ul li .titolo_camera {float:left;margin:7px 10px 0 0;width:130px;background:#fbfbfb;border:4px solid #ebebeb;height:163px;}
			#camere #middle #content ul li .titolo_camera h4 {font-size:12pt;color:#0f77ac;line-height:22px;margin:10px 0 0 10px;width:100px;background:none;}
			#camere #middle #content ul li p,
			#camere #middle #content ul li ul {float:right;margin:0;padding:0;width:230px;line-height:20px;}
			#camere #middle #content ul li ul li {margin:0 0 0 15px;padding:0;border:0;list-style-type:disc;}
		
		/* --- Fine Pagina CAMERE --- */

		/* --- Pagina PREZZI --- */
		
			/*#prezzi table {border-collapse:collapse;}
			#prezzi table tr td {border-bottom:1px solid #d5d4d4;}*/
			#prezzi #middle #content .column_left {float:left;width:315px;margin:0 30px 0 0; line-height:18px;}
			#prezzi #middle #content .column_right {float:right;width:290px;margin:0;line-height:18px;}
			#prezzi #middle #content .column_right2 {float:right;width:300px;margin:65px 0 0 0;line-height:18px;}
			#prezzi #middle #content ul li {padding:0 0 20px 0;margin:0;line-height:15px;list-style-type:none;}
			#prezzi #middle #content .column_left ul li ul li {padding:0;list-style-type:none;margin:0;}
			
			#prezzi table {border:0;text-align:left;background:#f3f3f3;margin:0;padding:0;}
			#prezzi table tr td {border-bottom:1px solid #a6a6a6;border-top:2px solid #fff;border-left:0;border-right:0;}
			#prezzi table tr td.titoli,
			#prezzi p.titoli {height:30px;font-size:8pt;background:#fff;line-height:15px;padding-top:0;}
			#prezzi table tr td.titoli2 {color:#0f77ac;font-size:9pt;background:#fff;font-weight:bold;padding-top:0;}
			#prezzi .prezzo,
			#prezzi .column_left .prezzo,
			#prezzi .column_right .prezzo {text-align:center;font-weight:bold;font-size:11pt;}
			/*#prezzi .column_right table {border-top:1px solid #a6a6a6;}*/
			#prezzi table tr td.titoli p {text-align:left;}
			#prezzi table tr td.titolo2 {padding:0 0 0 10px;}
			#prezzi table tr td p.periodo {font-size:7pt;line-height:normal;padding:4px 0 0 0;}
		
		/* --- Fine Pagina PREZZI --- */
		
		/* --- Pagina OFFERTE --- */
		
			#offerte #middle #content h4 {color:#0f77ac;}
			/* dettagli */

			#content #offerte #intestazione {position:relative; margin:10px 0; width:660px;}
			#content #offerte #intestazione #box_immagine {position:relative; width:150px; height:122px; float:left; overflow:hidden; margin:0 5px 0 0;}
			#content #offerte #intestazione #box_immagine #cornice {position:absolute; left:0; top:0; z-index:2}
			#content #offerte #intestazione #box_immagine #immagine {position:absolute; left:0; top:0;}
			#content #offerte #intestazione #box_immagine #non_disponibile {position:absolute; left:10px; top:17px; text-align:center; width:120px; line-height:20pt;}
			#content #offerte #intestazione p {float:left; margin:5px; line-height:13pt; width:250px}
			#content #offerte #intestazione p#titolo_news {font-size:15pt; font-weight:bold; width:490px;}
			#content #offerte .descrizione {text-align:justify; line-height:13pt; font-family:Arial, Helvetica, sans-serif;}
			#content #offerte .indietro {margin:20px 0 0 0;padding:5px 0 0 0;border-top:1px solid #0f77ac;}
			#content #offerte .indietro a {color:#0f77ac;}
			#content #offerte .indietro a:hover {color:#383838;}
			#content #offerte ul#allegati {margin:10px 0; padding:0; padding:0;}
			#content #offerte ul#allegati li {list-style:none; margin:0; padding:0;}
			/* foto */
			#content #offerte #foto_news {float:left;}
			#content #offerte #foto_news .box_foto {position:relative; width:106px;height:81px; float:left; overflow:hidden;}
			#content #offerte #foto_news .box_foto .cornice {position:absolute; left:0; top:0; z-index:2}
			#content #offerte #foto_news .box_foto .foto {position:absolute; left:0; top:0;}
			#content #gallery .box_foto #more_foto {position:absolute; bottom:8px; right:3px; text-align:right;}
			#content #gallery .box_foto #more_foto a:hover {color:#770F99}
			/* elenco */
			#offerte #middle #content ul#elenco li {list-style-type:none;margin:0 0 20px 0;height:183px;border-bottom:1px solid #ebebeb;padding:0 0 10px 0;}
			#offerte #middle #content ul#elenco li .titolo_offerta {float:left;margin:7px 10px 0 0;width:130px;background:#fbfbfb;border:4px solid #ebebeb;height:163px;}
			#offerte #middle #content ul#elenco li .titolo_offerta h4 {font-size:12pt;color:#0f77ac;line-height:22px;margin:10px 0 0 10px;}
			#offerte #middle #content ul#elenco li p {float:right;margin:0; width:230px;line-height:20px;}
			#offerte #middle #content .imm {width:242px;height:170px; background:url(/images/sf_imm.gif);padding:13px 0 0 13px; float:left;}
			#offerte #middle #content .imm1 {margin:0 15px 15px 0; width:228px;height:156px;overflow:hidden;}
				
		/* --- Fine Pagina OFFERTE --- */
		
		/* --- Pagina GALLERY --- */
		
			/* foto */
			#content #gallery {float:left;}
			#content #gallery .box_foto {position:relative; width:106px; height:81px; float:left; overflow:hidden;}
			#content #gallery .box_foto .cornice {position:absolute; left:0; top:0; z-index:2}
			#content #gallery .box_foto .foto {position:absolute; left:0; top:0;}
				
		/* --- Pagina GALLERY --- */
	
	/* ------------------------ Fine CONTENT ------------------------ */

	/* ------------------------ SIDEBAR ------------------------ */
	
	#middle #sidebar {width:242px;float:right;}
	#middle #sidebar ul li {position:relative;width:242px;}
	#middle #sidebar ul li#tasto_offerte {height:110px;background:url(/images/sf_tasto_offerte.gif);color:#fff;}
	#middle #sidebar ul li#tasto_offerte h3 {font-size:15pt;font-weight:normal;color:#fff;margin:0;padding:10px; text-align:center;}
	#middle #sidebar ul li#tasto_offerte p {text-align:right; padding:0; margin:0 20px 5px 20px;}
	#middle #sidebar ul li#tasto_offerte p a {color:#fff;font-family:Georgia, "Times New Roman", Times, serif;}
	#middle #sidebar ul li#tasto_offerte p a:hover {color:#383838;}

	#middle #sidebar ul li h3 {font-size:15pt;font-weight:normal;color:#0f77ac;font-family:Georgia, "Times New Roman", Times, serif;margin:10px 0 3px 10px;}
	
	#middle #sidebar ul li .box {height:62px;}
	#middle #sidebar ul li .box .sfum_left,#middle #sidebar ul li .box .sfum_right {float:left;width:8px;height:62px;}
	#middle #sidebar ul li .box .sfum_left {background:url(/images/sfum_sidebar-left.gif) no-repeat;}
	#middle #sidebar ul li .box .sfum_right {background:url(/images/sfum_sidebar-right.gif) no-repeat;}
	#middle #sidebar ul li .box .box_testo {border:4px solid #ebebeb;width:196px;height:34px;margin:0 1px;float:left;padding:10px;}
	
	#middle #sidebar ul li#video .box .box_testo {background:url(/images/sf_tasto_video.jpg);width:216px;height:62px;padding:0;}
	#middle #sidebar ul li#webcam .box .box_testo {background:url(/images/sf_tasto_webcam.jpg);width:216px;height:62px;padding:0;}
	#middle #sidebar ul li#video .box .box_testo a,#middle #sidebar ul li#webcam .box .box_testo a {width:216px;height:62px;display:block;}
	
	#middle #sidebar ul li .box2 {height:120px;}
	#middle #sidebar ul li .box2 .sfum_left,#middle #sidebar ul li .box2 .sfum_right {float:left;width:8px;height:120px;}
	#middle #sidebar ul li .box2 .sfum_left {background:url(/images/sfum_sidebar-left.gif) 0 35px no-repeat;}
	#middle #sidebar ul li .box2 .sfum_right {background:url(/images/sfum_sidebar-right.gif) 0 35px no-repeat;}
	#middle #sidebar ul li .box2 .box_testo {border:4px solid #ebebeb;width:196px;height:100px;margin:0 1px;float:left;padding:10px;}
	#middle #sidebar ul li#meteo .box2 .box_testo #box_meteo,#middle #sidebar ul li#mappa .box2 .box_testo #box_mappa {position:relative;height:100px;width:193px;overflow:hidden;}
	#middle #sidebar ul li#meteo .box2 .box_testo #box_meteo #div_meteo {position:absolute;/*top:-55px;*/margin:0;top:-43px;left:0;height:137px;}
	#middle #sidebar ul li#mappa .box2 .box_testo #box_mappa #div_mappa {position:relative;top:-100px;left:-100px;}
	#middle #sidebar ul li#mappa .box2 .box_testo a {position:absolute;z-index:2;display:block;height:98px;width:193px; background:red;filter:alpha(opacity=0);opacity:0;cursor:pointer;}
	#middle #sidebar ul li#meteo h3 p {font-size:7pt;}
	#middle #sidebar ul li#mappa h3 p {font-size:7pt;}
	#middle #sidebar ul li#booking_com {text-align:center; margin:15px 10px; border:2px #00579B solid; padding:15px 0; width:220px;}
	
	#middle #sidebar ul li.box_offerte .box .box_testo {background:#0f77ac;color:#fff; height:44px; padding:5px 10px;}
	#middle #sidebar ul li.box_offerte .box .box_testo a {color:#fff;font-size:9pt;}
	#middle #sidebar ul li.box_offerte .box .box_testo a:hover {color:#383838;}

	#middle #sidebar #skype {margin:20px 0 0 0; text-align:center}
	
	/* ------------------------ Fine SIDEBAR ------------------------ */

/* ------------------------ Fine MIDDLE ------------------------ */

/* ------------------------ BOTTOM ------------------------ */

#bottom {color:#fff;padding:20px 0;font-size:9pt;}
#bottom .container p {float:left;margin:0 30px 0 0;}
#bottom .container p a {color:#fff;}
#bottom .container #visita {float:right;width:242px;}
#bottom .container #visita p {font-size:7pt;}
#bottom .container #visita a h4 {width:242px;height:35px;background:url(/assets/images/Hotellagodigarda_logo.png);font-size:2px;text-indent:-9999px;}
#bottom .container #visita a {width:242px;height:35px;display:block;}

/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ GENERICI ------------------------ */

div.png,h1.png,img.png,#top ul#menu li a:hover,#top ul#menu li.selezionato,.ombra {behavior: url(/css/iepngfix.htc);}
.titolo {}
h1,h2,h3,h4,h5,h6,ul,ul li,p {margin:0;padding:0;}
ul li {list-style-type:none;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
img {margin:0;padding:0;border:0;}
a {color:#383838;text-decoration:none;}
a:hover {color:#0f77ac;}

/* ------------------------ Fine GENERICI ------------------------ */

/* FORM */

	form,
	input,
	#formcontatti,
	#formconferma {margin:0;padding:0;}
	#formcontatti {position:relative;width:600px;}
	#formconferma {position:relative;width:600px;}
	.input_text {width:250px;padding:2px;height:20px;border:1px solid #383838;}
	select {border:1px solid #383838; font-size:8pt;}
	.input_area {height:35px;font-size:8pt;width:250px;color:#a6a6a6;border:1px solid #383838;}
	.contatti {float:left;width:250px;margin:0 20px 0 0;padding:0;}
	#box_errore {position:absolute;display:none;width:300px;height:150px;left:680px;top:650px;border:1px solid #383838;text-align:left;background:#fff;z-index:5;}
	#div_titolo_errore {background:#0f77ac;color:#fff;padding:10px;}
	#div_errore {color:#000;padding:10px;text-align:center;position:relative;top:10px;}
	#bottone_errore {font-size:8pt;width:90px;height:25px;}
	
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#concept {position:relative;font-size:9px;width:950px;margin:20px auto;padding:0;text-align:right;}
#concept a {font-size:9px;font-family: Verdana;color:#a0a0a0;font-weight:bold;font-stretch:expanded;text-decoration: none;}
#concept a:hover {color:#E97D00;}

/* ------------------------ Fine concept by ------------------------ */

.bike {color:#770F99; font-weight:bold; line-height:15pt;}

	#div_booking {padding:0;margin:0; width:690px; height:710px}
	#div_booking h2 {margin-left:20px}
	#div_booking #booking_iframe {height:700px; width:680px; margin:20px 0 0 0; padding:0px;}

	#sidebar ul li#tasto_offerte h3 {padding-bottom:5px}
	#sidebar ul li#tasto_offerte form#frmBooking p {padding:0; margin:0 8px 5px 8px;}
	#sidebar ul li#tasto_offerte form#frmBooking select {background:#eee; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
	
/* foto camere */
	#content #gallery_camera {float:left; position:relative; width:220px; margin:10px 0}
	#content #gallery_camera .box_foto {position:relative; width:106px; height:81px; float:left; overflow:hidden;}
	#content #gallery_camera .box_foto .cornice {position:absolute; left:0; top:0; z-index:2}
	#content #gallery_camera .box_foto .foto {position:absolute; left:0; top:0;}
	#content #gallery_camera .box_foto #more_foto {position:absolute; bottom:8px; right:3px; text-align:right;}
	#content #gallery_camera .box_foto #more_foto a:hover {color:#770F99}
