@charset "utf-8";
/* Documento CSS principale */


/* Resetto gli stili css individualmente css invece del selettore universale. */

/* Colori utilizzati:
   Blue per Eventi e News: da #2f93b4 a #25afde
*/

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
	height: 100%;
} 
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {line-height: 1;color: black;background: white;font-family: Verdana,Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}

/*Fine dell'operazione di reset. */


body {
	margin:0px; padding:0px;
	background-color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	color:#4c4c4c;
	font-size:12px;
	line-height:15px;
	text-align:justify;
}

a  {	
	font-family:Verdana, Geneva, sans-serif;
	color:#3098bb;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}

#blue_link a{	
	font-family:Verdana, Geneva, sans-serif;
	color:#637684;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-align:right;
}
#blue_link a:hover{		
	color:#3098BB;
	text-decoration: none;
}

#container {
   min-height:100%;
   position:relative;   		
}

#header{
	background:#fff url(../images/header_background.jpg) repeat-x 0 0;
	height:158px;
	z-index:2;
}
	#header_interno{
		position:relative;
		height:158px;		
		width: 960px;
		margin: 0 auto;
		z-index:3;
	}
	#logo {
		background-image:url(../images/logo.jpg);
		background-repeat:no-repeat;
		width:792px;
		height:158px;
		position:absolute;
		margin-left: 0px;
		margin-top:0px;	
		z-index:4;
	}
	
	/* 
     MENU ORIZZONTALE 
	*/
	
	div#navigation {
		position:absolute;
		display:block;
		z-index:15;
		margin:64px 0 0 0px;
		height: 27px;
		width: 100%;			
	}
	
	.nav_links ul {
		margin: 0px;
		padding: 0px;
	}
	
	.nav_links li {
		list-style:none;
		display:block;	
		width:105px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		float: left;
		margin: 0 0 0 0px;	
	}
	 
		 li#home {
			background: url(../images/button_hover2_T.png) no-repeat;
			margin-left: 575px;
		}		
		li#contatti {
			background: url(../images/button_hover3_T.png) no-repeat;
			margin-left:5px;
		} 
		/* li#prenota {
			background: url(../images/button_hover4_T.png) no-repeat;
			margin-left: 570px;
		}  */
	 
	.nav_links a {
		text-decoration: none;
		color: #ffffff;
		display: block;
		width:70px;
		height:21px;
		padding:6px 0 0 35px;  	
		margin-left:0px;
	}
	 
	.nav_links a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	.nav_links	a:hover#home {		
			background-image: url(../images/button_hover2.png);
			background-repeat: no-repeat;
	} 	
	.nav_links	a:hover#contatti {		
				background-image: url(../images/button_hover3.png);
				background-repeat: no-repeat;
	}
	/*.nav_links	a:hover#prenota {		
				background-image: url(../images/button_hover4.png);
				background-repeat: no-repeat;
	}*/
	
	.nav_links ul {
		margin: 0px;
		padding: 0px;
	}
	
	.nav_links li {
		list-style:none;
		display:block;	
		width:105px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		float: left;
		margin: 0 0 0 0px;	
	}
	
	/* --- BANDIERE PER LE LINGUE ---  */
	.nav_flags ul {
		margin: 0px;
		padding: 0px;
	}
	
	.nav_flags li {
		list-style:none;
		display:block;	
		width:34px;		
		float: left;
		margin: 0 0 0 0;	
	}
		.nav_flags li#italiano {
			margin-left: 35px;					
		} 		
		.nav_flags li#francese {
			margin-left: 5px;			
		}
		.nav_flags li#tedesco {
			margin-left: 5px;		
		}
		.nav_flags li#inglese {
			margin-left: 5px;
		}


#block01 {
	background: #fff url(../images/block_slice_background.jpg) repeat-x 0 0;	
	margin:-57px auto;
	min-height:486px;
	z-index:1;
	border-bottom:1px solid #e0e0e0;
}
	#block01_interno {				
			position:relative;
			width:960px;	
			margin: 0 auto;		
			height:100%;
			z-index:0;		
		}
	#col1, #col2{
		position:absolute;
		width:480px; 
		}
		
						
		
#block02 {	
	background: #fff url(../images/block_slice_background_bottom.jpg) repeat-x 0 0;	
	margin:57px auto 0 auto;
	min-height:550px;	
	border-top:1px solid #ffffff;
	padding-bottom:107px;
	padding:13px;
	width:auto;
}
	#block02_interno {				
		position:relative;
		width:960px;	
		margin: 0 auto;		
		height:100%;
		z-index:0;		
	}
	
	#fastbooking {
	clear:both;	
	background:url(../images/fastbooking_background.jpg) no-repeat 0 0;
	position:absolute;	
	left:50%;
	margin-left:-420px;	
    top: 440px;
	height:80px; 	
	width:843px;	
	z-index:0;
	padding-top: 30px;
	padding-left: 17px;
	
	color: #737373;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	
	}
		#titolo_fastbooking {
			clear:both;
			/*background:url(../images/titolo_fastbooking.png) no-repeat 0 0;*/
			position:absolute;
			margin: 0px 0 0 0px;
			top: 10px;			
			height:14px; 	
			width:370px;			
			z-index:1;
		}
		#titolo_fastbooking.it {background:url(../images/titolo_fastbooking.png) no-repeat 0 0;}
		#titolo_fastbooking.en {background:url(../images/titolo_fastbooking_en.png) no-repeat 0 0;}
		#titolo_fastbooking.de {background:url(../images/titolo_fastbooking_de.png) no-repeat 0 0;}
		
		#form {
			clear:both;			
			position:absolute;			
			top: 34px;
			z-index:2;
		}
		#form #altriLinks {					
			position:absolute;
			top: -5px;			
			height:14px; 	
			width:104px;			
			z-index:3;
			Left:740px;
			font-size:10px;
			line-height:15px;
		}
		

		#col3 {
			position:relative;		
			float:left;			
			width:262px;		
		}
			#left_nav{
				/*background:url(../images/sfondo_sidebar4.png) no-repeat;*/
				width:155px;
				height:272px;
				margin-left:60px;				
				padding: 0 0 0 0;				
			}			
			
			#left_nav ul li { 
				list-style:none; 				
				padding:0;
			}
			
			#camere     {width:155px;height:34;position:absolute;display:block;top:1px}
				#camere img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#camere img.b {position: absolute;left: 0;top:}
			#ristorante {width:155px;height:28;position:absolute;display:block;top:35px;}
				#ristorante img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#ristorante img.b {position: absolute;left: 0;top:}
			#congressi  {width:155px;height:29;position:absolute;display:block;top:63px;}
				#congressi img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#congressi img.b {position: absolute;left: 0;top:}
			#matrimoni  {width:155px;height:30;position:absolute;display:block;top:92px;}
				#matrimoni img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#matrimoni img.b {position: absolute;left: 0;top:}
			#eventi     {width:155px;height:30;position:absolute;display:block;top:122px;}
				#eventi img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#eventi img.b {position: absolute;left: 0;top:}
			#itinerari  {width:155px;height:30;position:absolute;display:block;top:152px;}
				#itinerari img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#itinerari img.b {position: absolute;left: 0;top:}
			#bike       {width:155px;height:30;position:absolute;display:block;top:182px;}
				#bike img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#bike img.b {position: absolute;left: 0;top:}
			#zoo        {width:155px;height:30;position:absolute;display:block;top:212px;}
				#zoo img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#zoo img.b {position: absolute;left: 0;top:}
			#newsletter {width:155px;height:31;position:absolute;display:block;top:242px;}
				#newsletter img.a {position: absolute;left: 0;top: 0;z-index: 10;}
				#newsletter img.b {position: absolute;left: 0;top:}	
	
		#col4 {
			position:relative;
			float:left;			
			width:337px;
			padding: 0 20px 0 20px;
			
			font-family:Verdana, Geneva, sans-serif;
			color:#4c4c4c;
			font-size:11px;
			line-height:14px;
			text-align:justify;
		}
			#banner_home{
				position:absolute;
				display:block;
				margin-left: 60px;
				margin-top: 15px;
				
		
		}
		
		#col5 {
			position:relative;
			float:left;			
			width:320px;
			background-color:#9FF;
		}
			
			/*  SIDEBAR DESTRO, EVENTI E NEWS*/
			#margine_alto_news {
				background-image:url(../images/margine_alto_news.jpg);
				width:251px;
				height:20px;
				margin-top:-35px;
				margin-left:14px;
			}
			#news {
				position:absolute;
				margin:0 0 0 30px;
				background: #3093B3 url(../images/news_slice_background.jpg) repeat-x 0 0;
				width:208px;
				min-height:400px;	
				border-right: 1px solid #1e7e9f;
				border-left: 1px solid #1e7e9f;
				padding-left:10px;
				padding-right:10px;
				z-index:2;		
				
				/* Il testo delle News ed Eventi*/
				color:#FFF;
				font-family:Verdana, Geneva, sans-serif;				
				font-size:11px;
				line-height:12px;
				text-align:justify;		
			}			
				
			#news_ombra {
				position:absolute;				
				background: url(../images/news_ombreggiatura.png) repeat-y 0 0;
				width:5px;
				min-height:400px;
				margin: 0px 0 0 259px;
				z-index:1;
			}			
			#margine_basso_news {
				position:absolute;
				background-image:url(../images/margine_basso_news.jpg);
				background-repeat: no-repeat;
				width:237px;
				height:26px;
				margin: 400px 0 0 30px;
				z-index:0;				
			}
			.notizia {				
				color:#FFF;
				font-family:Verdana, Geneva, sans-serif;				
				font-size:11px;
				line-height:13px;
				text-align:left;	
				margin:0 0 0 0;
			}
			.thumbnail { 										
				padding:1px;
				background-color:#FFF;
				border:1px solid #979390;
			}
			#leggi_tutto{
				text-align:right;
				padding-top:10px;
			}
			#linea{
				text-align:center;
				display:block;
				margin:0 auto;	
				margin:10px 0 10px 0;
			}
			#notes { 
				position:absolute;				
				width: 36px;
				height:41px;
				margin: -50px 0px 0 176px;
			}
			


#footer {
	background-image:url(../images/footer_slice_background.jpg);
	background-repeat:repeat-x;	
	position:relative;
    bottom:0;    
    height:107px; 	
}
	#footer_interno {				
			position:relative;
			width:850px;	
			margin: 0 auto;
			padding-top: 10px;		
			
			z-index:0;
			color:#FFF;
			padding-left:20px;		
	}
	#footer_interno a, a:hover {color:#FFF;}
		
		#ft_col1 {
			position:absolute;		
			float:left;			
			width:270px;
		}
		#ft_col2 {
			position:absolute;			
			float:left;			
			width:290px;
			margin-left:270px;			
		}
		#ft_col3 {
			position:absolute;	
			float:left;			
			width:290px;
			margin-left:580px;			
		}
		
.container {
	width:960px;
	margin:0 auto;

}

#image_block { 
	display:block; 	
	width: 384px;
	height:312px;
	position:absolute;
	margin: 100px 0 0 50px;
}

#text_block { 
	display:block; 	
	float:right;	
	width: 420px;
	height:312px;
	position:absolute;
	margin: 100px 480px 100px 480px;
}

#loghino_block { 
	display:block; 	
	width: 50px;
	height:50px;
	position:absolute;
	margin: 128px 480px; 
}

#pulsante_prenota {
	width: 129px;
	height:45px;
	position:absolute;
	margin: 360px 720px;
}


/* 
	Text-Styles   
*/

h1 {
	margin:0px 0px 20px 0px;
	font-size:26px;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#3098bb;
}

h2 {
	margin:0px 0px 20px 54px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#919191;
	text-align:left;
}

h3 {
	margin:0px 0px 20px 0px;
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	color:#3098bb;
}

h4 {
	margin:-10px 0px 20px 7px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#3098bb;
}

.link_titolo_notizia a {	
	display:block;
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
	margin-left: 0px;
	margin-bottom:30px;
}
.data{
	font-style:italic;
	font-weight:bold;
	color:#fff;
}
.link_notizia a {
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	text-decoration: none;	
}
.link_notizia a:hover {
	color:#48677C;
	text-decoration: none;
}


.grassetto {
	font-weight:bold;
}

/* FORM */
 input, form select {
	border:1px solid #CCC; 
	padding:0px;
	color:#666;
	text-align:left; 	
	line-height: 1;
	display:block;
	float: left;
	margin:auto 2px auto 0px;
	}
	
 input:focus, select:focus {
  border: 1px solid #54A7C3;
}


label {
	display:block;
	float: left;
	margin:auto 2px auto 5px;
}

input#B1 {
	border: none;
  	cursor: pointer;
  	/*background:url(../images/prenota_form.png) no-repeat;*/
  	margin: -6px 0 0 5px;
	width:77px;
	height:31px;	
}	
	input#B1.it {background:url(../images/prenota_form.png) no-repeat;}
	input#B1.en {background:url(../images/prenota_form_en.png) no-repeat;}
	input#B1.de {background:url(../images/prenota_form_de.png) no-repeat;}

#form #altriLinks1 a {					
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#3098BB;

}


/* SLIDING PANEL STYLES */

#slide-panel {
    height: 186px; /*HEIGHT OF HIDDEN SLIDE PANEL*/
    width: 350px; /*WIDTH OF HIDDEN SLIDE PANEL*/
    border: 1px solid #486778;	      
    background-color: #F4F4F4; /*SLIDE PANEL BACKGROUND COLOR*/ 	
    opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/	
	position:fixed;
	margin: 0 0 0 -354px; /*CENTERS OUR SLIDE PANEL*/
	top: 30%;
	z-index:9;
}
 
#panel-tab {
	position:absolute;
	top: -2px;
	left:0;
    margin: 0 0 0 350px; /*NO MARGIN*/
    padding: 0; /*NO PADDING*/
	width: 25px; /*BUTTON WIDTH*/
    height: 189px; /*BUTTON HEIGHT*/
    display: block; /*DISPLAY AS A BLOCK*/
    /*   background-image: url(../images/prenotazioni.png);   */
    background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
    background-position: 0 0; /*SETS BUTTON POSITION*/	
	z-index:10;
}

#panel-tab.it {background-image: url(../images/prenotazioni.png);}
#panel-tab.de {background-image: url(../images/prenotazioni-de.png);}
#panel-tab.en {background-image: url(../images/prenotazioni-en.png);}
 
 
 /* MENU VERTICALE */

.menu{margin:0; padding:0; width:155px; list-style:none;}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 9px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
.menu li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}
