﻿/* 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{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
a{outline: none;text-decoration: 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;}
abbr{border:none;}
caption,th{text-align:left;}
q:before, q:after{content:'';}
a.g2k{padding: 0 10px 0 0;background: url('/images/pulsante.gif') no-repeat bottom right;}
ul#nav_access{width:1px;height:1px;overflow:hidden;text-indent:-9999em;position:absolute;top:-500px;left:0;}
/* ------------------------------------------- */
/* WRAP                                        */
div#wrap { width: 998px; position: relative; float: left; }
/* ------------------------------------------- */
/* LANG                                        */
div#lang { width: 958px; position: absolute; top: 49em; right: 0px; padding: 4px 0; z-index: 190; }
	ul#nav_lang { float: right; padding: 0 30px 0 0; }
		ul#nav_lang li { float: left; }
			ul#nav_lang li a { padding: 0 5px; }
/* ------------------------------------------- */
/* NAV BENESSERE                               */
div#lang
    ul#nav_benessere { float:left; padding: 0 0 0 20px; margin-top:-1px; }
        ul#nav_benessere li { float: left; }
		    ul#nav_benessere li a { padding: 0 20px 0 10px; font-size:1.1em }
/* ------------------------------------------- */
/* BRANDING                                    */
h1#branding { width: 103px; height: 115px; position: absolute; top: 38.5em; right: 20px; z-index: 200; }
	h1#branding a { width: 103px; height: 115px; display: block }
/* ------------------------------------------- */
/* NAV MAIN                                    */
div#nav_main { width: 100%; float: left; padding: 4px 0; position: relative; z-index: 1000; }
	ul#nav_features { padding: 0 0 0 40px; }
		ul#nav_features li { float: left; position: relative; }
			ul#nav_features li a { padding: 0 10px; }
			ul#nav_features li ul { display: none; }
			ul#nav_features li:hover ul { width: 200px; display: block; position: absolute; top: 1.2em; left: 0; z-index: 1000; }
				ul#nav_features li ul li { float: none; }
					ul#nav_features li ul li a { display: inline; }
/* ------------------------------------------- */
/* NAV BOTTOM */
ul#nav_bottom { padding: 5px 0; }
ul#nav_bottom li { float: left; position: relative; }
ul#nav_bottom li:first-child a { padding: 0 10px 0 0; }
ul#nav_bottom li a { padding: 0 10px; }
/* ------------------------------------------- */
/*	CONTENT                                    */
div#content { width: 998px; height: 49em; overflow: hidden; /*background: url('/images/img.jpg') no-repeat top left;*/ }
	/* ------------------------------------------- */
	/* MAIN                                        */
	div#main { width: 417px; height: 368px; position: absolute; top: 3em; left: 40px; padding: 6px; z-index: 180; }
		div#main h2 { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
		ul.tabs { width: 100%; float: left; }
			ul.tabs li { float: left; }
			ul.tabs li a { display: block; padding: 8px 20px 4px 20px; }
			/*ul.tabs li:first-child a { padding: 8px 12px 4px 11px; }*/
			ul.hometabs li a { display: block; padding: 8px 8px 4px 8px; }
			ul.hometabs li:first-child a { padding: 8px 12px 4px 11px; }
		ul.tabsList li { width: 100%; height: 287px; float: left; display: none; }
		ul.tabsList li:first-child { display:block; }
		ul.hometabsList li { height: 187px; }
		
		ul.hometabsList li ul.eventsHome { border:0; margin:10px; }
		ul.hometabsList li ul.eventsHome li { display:block; height:50px; border:0; }
		
		ul.hometabsList li ul.eventsHome li h4 { color: #5b5b5b; float:left; text-transform:uppercase; }
		ul.hometabsList li ul.eventsHome li img { float: left; margin: 0 10px 0 0; }
		ul.hometabsList li ul.eventsHome li a { 
		    width: 139px; height: 16px; display: block; float:right; margin: 8px 10px 0 0;
		    color: #ffffff; background: url('/images/more_current.gif') no-repeat;
		    text-align: center; text-transform: uppercase; font-weight:bold; padding-top:1px;
		    }
		ul.hometabsList li ul.eventsHome li h4 span { color: #898989; text-transform:none; }
		
		ul.tabsList li#tabs00 a.tuttiGliEventi { color: #5b5b5b; font-weight:bold; margin: 0 0 0 10px; padding: 0 0 0 20px; background:url(/images/arr_cyan.gif) center left no-repeat; }
		
		ul.hometabsList div.events { color:#767676; }
		ul.hometabsList div.events a { font-weight:bold; color:#767676; }
		
		ul.tabsList li#tabs00 { display: block; }
		h3.hotelsHead { clear: both; height: 61px; }
		ul.hotelList { padding: 13px 10px; }
			ul.hotelList li { margin-bottom: 3px; }
				ul.hotelList li a { display: block; padding: 3px 0 3px 25px; }
	div#mainWide { width: 925px; height: 368px; position: absolute; top: 3em; left: 40px; padding: 6px; z-index: 190; }
		div#mainWide div.contentPage { margin: 0; padding: 5px; height: 300px; overflow: auto; }
		div#mainWide div.contentPage2 { margin: 0; padding: 5px; height: 274px; overflow: auto; }
		div#mainWide h2 { width: 916px; height: 40px; position: absolute; bottom: 6px; left: 6px; padding: 12px 0 0 10px; z-index: 210; }
			div#mainWide h2 a { padding-left: 15px; }
			div#mainWide h2 span { float: right; padding: 10px 20px 0 0; }
		h3.headWide { height: 22px; padding: 10px 0 0 0; position:relative; }
			h3.headWide span { width: 70px; float: left; padding: 0 30px 0 0; }
	        h3.headWide label { cursor:pointer; position:absolute; right:30px; top:10px; margin:0; padding:0; }
		div.mainBox { width: 405px; height: 277px; float: right; padding: 5px 20px; overflow: auto; }
			div.mainBox h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
			div.mainBox h4 { margin: 0 0 5px 0; }
			div.mainBox p { margin: 0 0 15px 0; }
		
		div.subBox { width: 480px; height: 287px; float: left; overflow: hidden; position: relative; }
			div.subBox h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
			ul.gallery { width: 2500px; height: auto; padding: 4px 0 0 0; }
				ul.gallery li { width: auto; height: auto; display: block; float: left; margin-left: 6px; }

		div#hotelGallery { float:left; width: 450px; overflow: hidden; }
		div.subBox a#galleryBack { width: 10px; height: 76px; cursor: pointer; text-indent: -9999em; float: left; margin: 0 0 0 5px; padding: 0; /*top: 0; left: 0;*/ background: url(/images/arrowLeft.gif) center center no-repeat transparent; }
		div.subBox a#galleryNext { width: 10px; height: 76px; cursor: pointer; text-indent: -9999em; /*position: absolute; display: block;*/ float: left; margin: 0; padding: 0; /*top: 0; right: 0;*/ background: url(/images/arrowRight.gif) center center no-repeat transparent;}

        div.subBox a#galleryBack:hover { }
        div.subBox a#galleryNext:hover { }

		div.box { width: 427px; float: left; padding: 0 0 0 35px; }
			div.box ul { margin: 0 0 15px 0; }
			p.price { width: 181px; height: 20px; padding: 4px 0 0 8px; margin: 0 0 15px 0; }
		div.boxWide { padding: 15px 35px; height: 200px; overflow: auto; }
			div.boxWide p { margin: 0 0 15px 0; }
			div.boxWide ul { margin: 0 0 15px 0; }
			h4.offersGHead { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
			ul.offersGallery { padding: 9px 10px 0 0; margin: 0; position: absolute; width: 916px; height: 45px; background: #000; left: 6px; bottom: 43px; z-index: 100; }
				ul.offersGallery li { float: right; padding: 0 0 0 12px; }
			a.galleryWide { display: block; position: absolute; bottom: 70px; left: 30px; z-index: 120; width: 204px; height: 20px; padding: 8px 0 0 10px; }
			a.galleryWide2 { display: block; position: absolute; bottom: 70px; left: 274px; z-index: 120; width: 204px; height: 20px; padding: 8px 0 0 10px; }
		/*ul.events { padding: 20px 30px; height: 245px; overflow: auto; } 
			ul.events li { margin: 0 0 15px 0; padding: 15px 10px 0 10px; }
				ul.events li a { width: 92px; height: 16px; display: block; margin: 5px 0 0 0; }
					ul.events li.current a { width: 300px; padding: 0 0 0 12px; }
						ul.events li.current a span {  padding: 0 0 0 30px; }*/
		ul.events { padding: 20px 30px; height: 245px; overflow: auto; } 
			ul.events li { width: 290px; float: left; height: 115px; padding: 15px 10px 0 5px; margin: 0 110px 0 0; overflow: hidden; }
			    ul.events li img { float: left; margin: 0 10px 0 0; }
			    ul.events li a { width: 92px; height: 16px; display: block; float:left; margin: 5px 0 0 0; }
					ul.events li.current a { width: 140px; padding: 0 0 0 12px; }
						ul.events li.current a span {  float:left; padding: 10px 0 0 10px; }
		ul.offers { padding: 20px 30px; height: 245px; overflow: auto; } 
			ul.offers li { width: 290px; float: left; height: 115px; padding: 15px 10px 0 5px; margin: 0 110px 0 0; overflow: hidden; }
				ul.offers li img { float: left; margin: 0 10px 0 0; }
				ul.offers li h5 { margin: 10px 0 5px 0; }
				ul.offers li a { width: 92px; height: 16px; display: block; float: left; margin: 5px 0 0 0; }
					ul.offers li.current a { width: 300px; padding: 0 0 0 12px; }
						ul.offers li.current a span {  padding: 0 0 0 30px; }
		div.sitemap { height: 240px; padding: 40px 20px 20px 20px; }
			div.boxmap { width: 125px; float: left; }
				div.boxmap ul { width: 125px; float: left; }
					div.boxmap ul li { width: auto; float: none; }
					
    div#mainWide h3 a { color:#ffffff; font-weight: bold; }
    div#mainWide h3 a:hover { text-decoration: underline; }

/* ------------------------------------------- */
/*	OFFERS                                     */
div#offers { width: 958px; height: 9.1em; position: absolute; top: 39.9em; right: 0; z-index: 180; }
	div#offers ul { position:relative; }
	div#offers ul li { position: absolute; width: 100%; top: 0; left: 0; }
	div#offers h2 { padding: 5px 0 5px 45px; margin: 0 0 8px 0; width: 120px; }
	div#offers h3 { width: 150px; position: absolute; top: 0px; right: 200px; }
	div#offers h4 { margin: 0 0 3px 0; }
	div#offers img { float: left; margin: 0 20px 0 30px; }
	div#offers p { margin: 0 0 12px 0; }
	a.hotelLink { padding: 0 0 0 20px; }
	a.allLink { position: absolute; bottom: 10px; right: 180px; padding: 0 0 0 20px; }
/* ------------------------------------------- */
/*	SERVICES                                   */
div#services { width: 958px; float: right; position:relative; }
    div#services h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
	ul.servicesList { height: 13em; }
		ul.servicesList li { width: 179px; height: 12em; float: left; padding: 1em 30px 0 30px; }
			ul.servicesList li.eventiS h4 { padding: 0 0 0 20px; }
			ul.servicesList li.newsletterS h4 { margin: 20px 0 2px 0; }
			ul.servicesList li.newsletterS a { width: 179px; height: 24px; display: block; margin: 10px 0 0 0; padding: 5px 0 0 10px; }
			ul.servicesList li.bookingS h4 { margin: 19px 0 5px 0; padding: 10px 0 0 0; }
			ul.servicesList li.bookingS p { padding: 0 0 15px 0; }
			ul.servicesList li.menuS h4 { padding: 0 0 5px 20px; }
			ul.servicesList li.menuS ul { height: auto; padding: 10px 0 16px 0; }
				ul.servicesList li.menuS ul li { width: auto; height: auto; float: none; padding: 0 0 0 15px; }

a.allEvents { position:absolute; bottom: 15px; left: 30px; background:url(/images/arr_cyan.gif) center left no-repeat; padding: 0 0 0 20px; color: #ffffff; font-weight: bold; text-transform: lowercase; }
a.allEvents:hover { text-decoration: underline; }
/* ------------------------------------------- */
/*	SUPPORT                                    */
div#support { width: 958px; float: right; padding: 20px 0 0 0; }
	div#support h3 { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }
	ul.supportList li { width: 50%; float: left; }
		ul.supportList li h4 { padding: 0 0 0 14px; margin: 0 0 15px 10px; }
		ul.supportList li ul { width: 470px; height: 88px; }
			ul.supportList li ul li { width: auto; float: left; }
/* ------------------------------------------- */
/*	SITE INFO                                  */
div#site_info { clear: both; padding: 15px 0 20px 40px; }
	ul.bottom_nav { width: 100%; float: left; padding: 0 0 5px 0; }
		ul.bottom_nav li { float: left; padding: 0 7px 0 8px; }
		ul.bottom_nav li:first-child { padding: 0 5px 0 0; }

.fb { position: absolute; top: 2px; right: 10px; }	