@charset "utf-8";

/*  
Theme Name: Sparks
Theme URI: http://www.igneo.it
Description: WP theme framework built with HTML5
Version: 0.95
Author: Berardo Mate'
Author URI: http://berardomate.com/
*/


	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-align:left; }

	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
	
	html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	body { min-height: 100%; font-size: 100%; }

	input, textarea, button, select { font-size: 100%; line-height: normal; vertical-align: baseline; }
	button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
	input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	textarea { overflow: auto; }
	table { border-collapse: collapse; border-spacing: 0; }
	figure { position: relative; }
	img, figure img, figure object, figure embed, figure video { max-width: 100%; display: block; height: auto; width: auto\9; /* ie8 */ }
	img { border: 0; -ms-interpolation-mode: bicubic; }
	sup { font-size: 25%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -2em; }

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	
	#content:after { content: "."; display: block; height: 0; clear: both;visibility: hidden; }
	footer .container:before, footer .container:after { content:""; display: table; }
	footer .container:after { clear:both; }
	footer .container { zoom:1; }


/*	--------------------------------------------------
	Structure
	-------------------------------------------------- */
	
	body { background: #fff url(images/bg.png) no-repeat center top; font: 100% "Tisa", "Helvetica Neue", Arial, sans-serif; text-shadow: 0 .1em .1em rgba(255,255,255,.2); color: #515968; -webkit-font-smoothing: antialiased; line-height: 1.250em; text-rendering: optimizeLegibility; }
	.grid { padding: 0 20px; position: relative; }
	.row { margin-bottom: 1em; position: relative; }
	#main { background: #F7FAFB url(images/bg_main.png); padding: 2.50em 0; }



/*	--------------------------------------------------
	Typo
	-------------------------------------------------- */

	@font-face {
	    font-family: 'Tisa';
	    src: url('fonts/tisaot-webfont.eot');
	    src: url('fonts/tisaot-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/tisaot-webfont.woff') format('woff'),
	         url('fonts/tisaot-webfont.ttf') format('truetype'),
	         url('fonts/tisaot-webfont.svg#TisaRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	@font-face {
    font-family: 'TisaMedium';
    src: url('fonts/tisaot-medi-webfont.eot');
    src: url('fonts/tisaot-medi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tisaot-medi-webfont.woff') format('woff'),
         url('fonts/tisaot-medi-webfont.ttf') format('truetype'),
         url('fonts/tisaot-medi-webfont.svg#TisaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

	}
	
	@font-face {
	    font-family: 'TisaIta';
	    src: url('fonts/tisaot-mediita-webfont.eot');
	    src: url('fonts/tisaot-mediita-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/tisaot-mediita-webfont.woff') format('woff'),
	         url('fonts/tisaot-mediita-webfont.ttf') format('truetype'),
	         url('fonts/tisaot-mediita-webfont.svg#TisaIta') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}

	h1, h2, h3, h4, h5 { font-family: "TisaMedium"; font-weight:normal; line-height:1.250em /*20px*/; color: #6491A0; }
	h1 { font-size: 2.250em /*36px*/; }
	h2 { font-size: 1.250em /*20px*/; }
	h3 { font-size: 1.125em /*18px*/; }
	h4 { font-size: .875em /*14px*/; }
	h5 { font-size: .75em /*12px*/; }
	
	p { margin-bottom: 1.250em /*20px*/; font-size:.875em /*14px*/; vertical-align:baseline; }
	
	ul, ol { margin: 0 0 1.250em; list-style: none; }
	ol { list-style: decimal; padding: 0 3em; }
	li, dt, dd { font-size: .875em; line-height: 1.250em; }
	strong { font-family: "TisaMedium"; font-weight: normal; }
	em { font-family: "TisaIta"; font-weight: normal; font-style: normal; }


/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	
	a { color: #6491A0; text-decoration: none; }
	a:hover { color: #52778D; } 
	
	
/*	--------------------------------------------------
	Header & Nav
	-------------------------------------------------- */

	header[role="banner"] hgroup { position: absolute; z-index: 10; }
	header[role="banner"] hgroup h1 a { width: 264px; height: 180px; text-indent: -4000px; background:url(images/logo.png) no-repeat 0 0; display: block; }	
	header[role="banner"] hgroup h2 { display: none; }	
	header[role="banner"] nav, #bar1, #bar2, #specials h3 { text-transform: uppercase; }
	header[role="banner"] nav a, #bar1 a, #bar2 a { font-family: "TisaMedium"; }
	header[role="banner"] nav li { display: inline-block; border-right: 1px solid #F0F3F5; }
	* html header[role="banner"] nav li { display: inline; zoom:1; }
	*+html header[role="banner"] nav li { display: inline; zoom:1; }
	header[role="banner"] nav li a { color: #385972; display: block; margin: 0; text-transform: uppercase; }
	header[role="banner"] nav li a:hover { color: #003455 }
	
	#bar1 ul li a { color: #3D5E74; font-size: 0.688em;  }
	#bar1 ul li a:hover { color: #0D3E5E; }

	#specials { position: absolute; top: 180px; z-index: 10; background: url(images/bg_specials.png) no-repeat; width: 224px; height: 155px; padding: 30px 20px 20px; overflow: hidden; }
	#specials ul { margin-bottom: 10px; }
	#specials a { color: #2D485B; }
	#specials a:hover { color: #003455; }
	#specials h2 { font-size: 0.875em; line-height: 18px; }
	#specials h3 { color: #D8D8D8; font-size: 0.875em; text-shadow: 0 -1px -1px rgba(0, 0, 0,.2); margin-bottom: 10px; }
	#specials p { color: #C4D5DC; text-shadow: 1px 0 0 rgba(0, 0, 0,.25); font-size: 12px; margin-bottom: 0; }  
	#specials .price { text-align: right; margin-top: 10px; }
	#specials .price span { font-size: 1.667em; background-color: #385A72; padding: 3px 7px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	
	
/*	--------------------------------------------------
	Home
	-------------------------------------------------- */
	
	.featured h1 { font-size: 1.250em; }
	.featured figure { margin: 0.625em 0; }
	.more { color: #385972; border-bottom: 1px solid #AAD1DF; }
	
	
/*	--------------------------------------------------
	Booking
	-------------------------------------------------- */
	
	#reservations { background: url(images/bg_res.png) repeat-x; height: 51px; line-height: 51px; }
	#reservations h3 { text-transform: uppercase; line-height: 51px; font-size: .889em; color: #4D7289; }
	#reservations h3, #reservations p { float: left; width: auto; margin-right: 1.250em; }
	#reservations label { color: #2C485B; font-size: .750em; padding-right: 10px; text-transform: uppercase; font-family: "TisaMedium"; }
	input.dates, input.nums, #news input.txt { background-color: rgba(255,255,255,.3); border: 1px solid #86B5C8; padding: 3px; font-size: .813em; font-family: "Tisa"; color: #2C485B; }
	input.dates { width: 8.750em; }
	input.nums { width: 3.438em; }
	button.submit { background-color: #0D3E5E; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0D3E5E), color-stop(50%, #0D3E5E), color-stop(50%, #003455), color-stop(100%, #003455)); background-image: -webkit-linear-gradient(top, #0D3E5E 0%, #0D3E5E 50%, #003455 50%, #003455 100%); background-image: -moz-linear-gradient(top, #0D3E5E 0%, #0D3E5E 50%, #003455 50%, #003455 100%); background-image: -ms-linear-gradient(top, #0D3E5E 0%, #0D3E5E 50%, #003455 50%, #003455 100%); background-image: -o-linear-gradient(top, #0D3E5E 0%, #0D3E5E 50%, #003455 50%, #003455 100%); background-image: linear-gradient(top, #0D3E5E 0%, #0D3E5E 50%, #003455 50%, #003455 100%); border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;  border-radius: 6px; color: #fff; font-size: .750em; font-family: "Tisa"; text-transform: uppercase; padding: 5px 0; text-align: center; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); width: 100px;  -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.3); -o-box-shadow: 0 1px 1px rgba(0,0,0,.3); box-shadow: 0 1px 1px rgba(0,0,0,.3); }
  	button.submit:hover { cursor: pointer; }
  
 	table.inline { border-collapse:collapse; border-spacing:0; margin:0 0 1em; width: 100%; }
	.inline thead th, .inline thead td { font-size: 11px; padding-top: 10px; vertical-align: top; }
	.inline th { font-weight:normal; font-family: "TisaMedium"; line-height:normal; padding:.25em .5em; text-align: center; border-bottom: 1px solid #E2EEF2; }
	.inline tbody th, .inline td { padding: 12px .25em; text-align: center; vertical-align: middle; }
	.inline tbody th { font-weight:normal; white-space:nowrap; text-align: left; }
	.inline tbody td, .inline tbody th { border-bottom: 1px solid #E2EEF2; border-width:1px 0; color: #5E7F90; }
	.inline tbody tr.odd th, .inline tbody tr.odd td { background-color: #F0F3F5; }
	caption { font-weight:normal; font-size:1.4em;text-align:left; margin:0; padding:0.5em 0.25em; }
	article .postcontent a.tour {  background: #88C0DA; padding: 2px 8px; color: #fff; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; font-family: "Franklin Gothic Medium", Arial, sans-serif; border: 0; vertical-align: middle; text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 1px; }
	article .postcontent a.tour:hover {  background: #A2C9D8;  color: #fff; border: 0; }


/*	--------------------------------------------------
	Content
	-------------------------------------------------- */

	article h1 { margin-bottom: 0.556em; }
	article .postcontent h2 { margin: 20px 0 5px; color: #3D5E75;  }
	article a { -webkit-transition-duration: .3s; }
	article .postcontent a { color: #B53838; padding: 2px; border-bottom: 1px dashed #D6E8EE; font-family: "TisaMedium"; }
	article .postcontent a:hover { color: #6F2720; border-bottom: 1px solid #A2C9D8; } 
	article .postcontent ol { list-style: decimal inside; }
	article .postcontent ol { padding: 0 0 10px 20px; margin: 0; }
	article .postcontent ol li { padding: 2px 5px 2px 5px; }
	article .postcontent ul { padding: 10px 0 10px 20px; margin: 0; list-style: square;  }
	article nav { background: #E2EEF2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 10px 0; }
	article nav ul li { text-align: center; border-bottom: 1px solid #D6E8EE; padding: 5px 0; }
	article nav h3 { padding-bottom: 5px; border-bottom: 1px solid #A2C9D8; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #3D5E75; }
	article nav a { font-size: 13px; }
	.note { margin-bottom: 1.250em; font-size: 1.5em; line-height: 1.25em; font-family: "TisaMedium"; color: #304756; }
	.single .postcontent em { border-bottom: 1px solid #D6E8EE; padding-bottom: 5px; margin-bottom: 10px; display: block; }
	.single article hgroup h2 { color: #94B3BC; }
	#map { border:2px solid #D6E8EE; }
	#map img { max-width: none; }
	
	.photo-slider { width: 1000px; margin-bottom: 2.50em; }
	.photo-slider:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
	.photo-slider .slides_container { width: 630px; overflow:hidden; float:left; position:relative; display:none; border: 10px solid #fff; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px; }
	.photo-slider .slides_container div { width: 630px; height: 290px; display:block; }
	.photo-slider .pagination { width: 320px; float:left; margin-left: 30px; padding: 0; }
	.photo-slider .pagination li { float:left; margin: 0 5px 5px 0; list-style:none; }
	.photo-slider .pagination li a { display:block; width: 140px; height: 90px; float:left; opacity: 0.5; border: 0; border: 5px solid #fff; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px; }
	.photo-slider .pagination li a:hover { opacity: 1; -moz-transition: opacity 150ms linear 0; -webkit-transition: opacity 150ms linear 0; transition: opacity 150ms linear 0; }
	.photo-slider .pagination li.current a { opacity: 1; }

	
/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
	
	#news { background: #E9F6FC url(images/bg_news.gif) repeat-y top center; margin: 2.50em 0 0; height: 45px; line-height: 45px; }
	#news h3 { text-transform: uppercase; font-size: 14px; color: #6B8C9F; float: left; width: auto; line-height: 45px; padding-left: 10px; }
	.bgd { background-color: #CEE6F0; height: 45px; padding: 0 10px; color: #3D5E74; margin-right: 10px; }
	#roller { overflow: hidden; height: 45px; }
	#news li { font-size: 14px; line-height: 45px; }
	#news input.txt { width: 22.5em; margin: 0 10px; }
	footer { clear: both; padding: 1.250em 0 10px; background-color: #EFF5F7; border-top: 1px solid #D6E8EE; }
	footer nav { overflow: hidden; margin: 0 0 0; }
	footer a { color: #6491A1; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; font-family: "TisaMedium"; }
	footer a:hover { color: #2C485B; }
	footer nav li { padding: 2px 0; font-size: 12px; float: left; width: 48%; }
	footer section { color: #869FA7; font-size: 12px; }
	
	
/*	--------------------------------------------------
	Page: Prenotazioni
	-------------------------------------------------- */	

 	form.pr p { position: relative; margin: 0; padding: 5px 0 5px 37.5%; border-bottom: 1px solid #D6E8EE; }
 	p#success, p#bademail, p#badserver { display: none; }
 	.status { background-repeat: no-repeat; font-size: 14px; margin: 10px auto; padding: 10px; color: #000; }
 	#bademail { background-color: #ebcccc; border: 1px solid #F33; }
 	#success { background-color: #DAF8C4; border: 1px solid #447D1F; }
   	form.pr p label, .label { position: absolute; left: 0; top: 8px; width: 220px; font-family: "TisaMedium"; }
  	form.pr p input.txt { width: 100%; border: 1px solid #86B5C8; box-shadow: inset 0px 0 1px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0px 0 5px 0px rgba(0, 0, 0, .1); margin: 0; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: .813em; font-family: "Tisa"; color: #2C485B; }
  	form.pr p .txt.short { width: 25%; }
  	form.pr p .txt.med { width: 35%; }
  	form.pr p textarea { overflow: auto; width: 100%; height: 88px; border: 1px solid #86B5C8; box-shadow: inset 0px 0 1px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0 5px 0px rgba(0, 0, 0, .1); margin: 0; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-size: .813em; font-family: "Tisa"; color: #2C485B; }
  	form.pr p select { font: normal 14px "Helvetica Neue", Arial, sans-serif; background: #ABE3F6; border: none; }
  	form.pr label span.req { font-weight: normal; color: red; }
  	form.pr p.privacy { font-size: 0.688em; line-height: 1.125em; }
  	.obbl {font-size: 0.750em; text-align: right; color: #d30000; text-shadow: 0 .1em .1em rgba(255,255,255,.2);}
	form.pr	button.submit { width: 150px; }

	
/*	--------------------------------------------------
	Mediaqueries
	-------------------------------------------------- */
@media screen and (min-width: 720px) {
	body { font-size: 0.938em; padding: 0; }
	.grid{ margin:0 auto; padding: 0 10px; width:700px; }
	.row{ clear:left; }

	/* Slots Setup */
	.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7, .slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:20px; }

	/* 6-Col Grid Sizes */
	.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:100px; } /* Sixths */
	.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:220px; } /* Thirds */
	.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:460px; } /* Two-Thirds */
	.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:580px; } /* Five-Sixths */

	/* 4-Col Grid Sizes */
	.slot-6,.slot-7,.slot-8,.slot-9{ width:160px; } /* Quarters */
	.slot-6-7-8,.slot-7-8-9{ width:520px; } /* Three-Quarters */

	/* 6-Col/4-Col Shared Grid Sizes */
	.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:340px; } /* Halves */
	.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 100%; }

	.slot-0,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1 .slot-1,.slot-1-2 .slot-1,.slot-1-2 .slot-1-2,.slot-1-2-3 .slot-1,.slot-1-2-3 .slot-1-2,.slot-1-2-3 .slot-1-2-3,.slot-1-2-3-4 .slot-1,.slot-1-2-3-4 .slot-1-2,.slot-1-2-3-4 .slot-1-2-3,.slot-1-2-3-4 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1,.slot-1-2-3-4-5 .slot-1-2,.slot-1-2-3-4-5 .slot-1-2-3,.slot-1-2-3-4-5 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1-2-3-4-5,.slot-2 .slot-2,.slot-2-3 .slot-2,.slot-2-3 .slot-2-3,.slot-2-3-4 .slot-2,.slot-2-3-4 .slot-2-3,.slot-2-3-4 .slot-2-3-4,.slot-2-3-4-5 .slot-2,.slot-2-3-4-5 .slot-2-3,.slot-2-3-4-5 .slot-2-3-4,.slot-2-3-4-5 .slot-2-3-4-5,.slot-3 .slot-3,.slot-3-4 .slot-3,.slot-3-4 .slot-3-4,.slot-3-4-5 .slot-3,.slot-3-4-5 .slot-3-4,.slot-3-4-5 .slot-3-4-5,.slot-4 .slot-4,.slot-4-5 .slot-4,.slot-4-5 .slot-4-5,.slot-5 .slot-5,.slot-7 .slot-7,.slot-7-8 .slot-7,.slot-7-8 .slot-7-8,.slot-7-8-9 .slot-7,.slot-7-8-9 .slot-7-8,.slot-7-8-9 .slot-7-8-9,	.slot-8 .slot-8,.slot-8-9 .slot-8,.slot-8-9 .slot-8-9{ margin-left:0 !important; } 
	.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
	.row{ zoom:1; }
	
	header[role="banner"] nav { display: inline; position: absolute; top: 72px; left: 280px; }
	header[role="banner"] nav .mobile-menu li { margin: 0 5px 3px 0; padding: 0; border-right: none; float: left; width: 135px; display: inline; }
	header[role="banner"] nav .mobile-menu li a { margin: 0; font-size: 10px; padding: 0; border-bottom: 1px solid #F0F3F5; }
	
	#bar1 { position: relative; height: 40px; }
	#bar1 ul { margin-left: 267px; line-height: 40px; }
	#bar1 ul li { display: inline-block; margin: 0 0; padding: 0 5px 0 3px; border-right: 1px dashed #C2D1D9; }
	#bar1 ul li a {  font-size: 10px;  }
	#bar2 { position: relative; height: 30px; margin-bottom: 80px; color: #5E7F90; } 
	#langs { position: absolute; top: 0; right: 0; }
	#langs ul li { display: inline; margin: 0 0 0 5px; border: 0; padding: 0; }
	#langs ul li a { color: #E5EBEA; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px; background-color: #BFD1D9; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; }
	
	#socials { margin-left: 270px; width: 430px; float: left; }
	#socials li { float: left; width: auto; font-size: 0.688em; line-height: 30px; letter-spacing: 3px; }
	#socials a { padding-top: 16px; height: 0px !important; overflow: hidden; display: block; width: 16px; margin: 7px 3px 0 3px; }
	#socials li.fb a { background: url(images/ico_socials.gif) no-repeat 0 0; }
	#socials li.tw a { background: url(images/ico_socials.gif) no-repeat -22px 0; }
	#socials li.ta a { background: url(images/ico_socials.gif) no-repeat -45px 0; }


	
	.persp, .meteo, #menu-main { display: none; }
	
}

@media screen and (min-width: 986px) { 
	body { font-size: 100%; }
	.grid{ width:966px; }

	/* Slots Setup */
	.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:30px; }

	/* 6-Col Grid Sizes */
	.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:136px; } /* Sixths */
	.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:302px; } /* Thirds */
	.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:634px; } /* Two-Thirds */
	.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:800px; } /* Five-Sixths */

	/* 4-Col Grid Sizes */
	.slot-6,.slot-7,.slot-8,.slot-9{ width:219px; } /* Quarters */
	.slot-6-7-8,.slot-7-8-9{ width:717px; } /* Three-Quarters */

	/* 6-Col/4-Col Shared Grid Sizes */
	.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:468px; }
	
	.mobile-menu { display: none; }
	header[role="banner"] nav { display: inline; position: absolute; top: 118px; left: 289px; }
	header[role="banner"] nav li { margin: 0 5px; padding: 10px 10px 5px 0; }
	
	#menu-main { overflow:visible; position:relative; display: block; }
	#menu-main li ul { list-style: none; position: absolute; left: -999em; padding:0 0 0 0; z-index:10; background-color: #fff; background-color: rgba(255,255,255,.8); }
	#menu-main li:hover ul, #menu-main li.sfhover ul { left: auto; }
	#menu-main li ul li:hover ul { left: 90%; top: -1px; }
	#menu-main li li { margin: 0; padding: 0; left: auto; height:auto !important; position:relative!important; border: none; }
	#menu-main li li a { font-size: 11px; margin: 0; border-bottom: 1px solid #DEECEF; }
	#menu-main li li a:hover {}
	.sf-sub-indicator { position: absolute; display: block; right: 10px; top: 1.05em; width: 10px; height: 10px; text-indent: -999em;overflow: hidden; }
	
	
	#menu-main li ul { width: 180px; top: 32px; left: -999em;  }
	#menu-main li:hover ul, #menu-main li.sfhover ul { left: auto; margin-left: -14px }
	#menu-main li li { width: 180px; }
	#menu-main li li a { width: 185px; padding: 5px 5px 5px 15px; }
	
	#bar1 ul { margin-left: 284px; line-height: 40px; }
	#bar1 ul li { display: inline-block; margin: 0 5px; padding: 0 10px 0 0; border-right: 1px dashed #C2D1D9; }
	#bar1 ul li a { color: #3D5E74; font-size: 0.688em;  }
	#bar1 ul li a:hover { color: #0D3E5E; }

	#socials { margin-left: 289px; float: left; width: 450px; }

	#bar2 .meteo { text-transform: none; text-align: right; line-height: 30px; font-size: 12px; }

	#langs ul li { display: inline; margin: 0 0 0 5px; border: 0; padding: 0; }
	#langs ul li a { color: #E5EBEA; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px; background-color: #BFD1D9; padding: 5px 10px 5px 22px; font-size: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  border-radius: 6px; background-repeat: no-repeat; background-position: 5px 5px;}
	#langs ul li a:hover { color: #fff; }
	#langs #ita a {  background-image: url(images/ico_ita.gif); }
	#langs #eng a {  background-image: url(images/ico_eng.gif); }
	#langs #deu a {  background-image: url(images/ico_deu.gif); }

	
	.persp, .meteo { display: block; }
	
}

@media screen and (min-width: 1236px) { 
	body { font-size: 1.125em; }
	.grid{ width:1206px; }

	/* 6-Col Grid Sizes */
	.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:176px; } /* Sixths */
	.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:382px; } /* Thirds */
	.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:794px; } /* Two-Thirds */
	.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:1000px; } /* Five-Sixths */

	/* 4-Col Grid Sizes */
	.slot-6,.slot-7,.slot-8,.slot-9{ width:279px; } /* Quarters */
	.slot-6-7-8,.slot-7-8-9{ width:897px; } /* Three-Quarters */

	/* 6-Col/4-Col Shared Grid Sizes */
	.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:588px; } /* Halves */
	
	.slides { width: 1206px; overflow:hidden; position:relative; display:none; }
	.slides div {width: 1206px; height:496px; display:block; }
	.page .slides div { height: 316px; }
	
	header[role="banner"] nav { display: inline; position: absolute; top: 111px; left: 289px; }
	header[role="banner"] nav li { margin: 0 10px; padding: 15px 20px 5px 0; }
	#menu-main li ul { width: 200px; top: 39px; left: -999em;  }
	#menu-main li:hover ul, #menu-main li.sfhover ul { left: auto; margin-left: -25px }
	#menu-main li li { width: 200px; }
	#menu-main li li a { width: 170px; padding: 5px 5px 5px 25px; }
	
	.featured figure img { height: 150px; }
	
}

@media screen and (max-width: 320px) {
	body { background: #fff url(images/bg_i.gif) repeat-x center top; }
	header[role="banner"] hgroup { position: static; }
	header[role="banner"] hgroup h1 a { width: 280px; height: 150px; background:url(images/logo_i.png) no-repeat 0 0; }	
	#specials { position: static; background: url(images/bg_specials_i.png) no-repeat; width: 240px; height: 135px; padding: 30px 20px 20px; overflow: hidden; }
	header[role="banner"] nav { display: block; width: 280px; margin: 20px 0; clear: both; }
	header[role="banner"] nav:after { content: "."; display: block; height: 0; clear: both;visibility: hidden; }
	header[role="banner"] nav .mobile-menu li { margin: 0 5px 3px 0; padding: 0; border-right: none; float: left; width: 135px; display: inline; text-align: center; }
	header[role="banner"] nav .mobile-menu li a { margin: 0; font-size: 11px; padding: 5px 0; border-bottom: 1px solid #F0F3F5; }
	
	#bar1 { position: relative; margin-top: 20px; }
	#bar1 ul {  }
	#bar1 ul li { margin: 0 0; padding: 0 5px 0 3px; }
	#bar1 ul li a {  font-size: 11px; width: 100%; padding: 5px 0; border-bottom: 1px solid #F0F3F5; display: block; text-align: center; }
	
	#intro, #bar2, #menu-main, #langs, #bar1, #reservations, .more  { display: none; } 
	
	form.pr p { position: relative; margin: 0; padding: 5px 0 5px; border-bottom: 1px solid #D6E8EE; }

   	form.pr p label, .label { position: static; display: block; }
  	form.pr p input.txt { width: 100%; padding: 3px;  font-size: 14px;  }
  	form.pr p .txt.short { width: 25%; }
  	form.pr p .txt.med { width: 35%; }
  	form.pr p textarea {  height: 88px; padding: 3px; font-size: .813em; }
	form.pr	button.submit { width: 100%; font-size: 16px; }

}


/*	--------------------------------------------------
	Plugins
	-------------------------------------------------- */
	
	/* jQuery UI date picker */
	#ui-datepicker-div, .ui-datepicker-inline { font-size: 14px;padding: 0;margin: 0;background: #ddd;width: 220px; text-shadow: 0 .1em .1em rgba(0,0,0,.2); }
	#ui-datepicker-div {display: none;border: 1px solid #777;z-index: 100; /*must have*/}
	.ui-datepicker-inline {float: left;display: block;border: 0;}
	.ui-datepicker-rtl {direction: rtl;}
	.ui-datepicker-dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
	.ui-datepicker-disabled {position: absolute;z-index: 100;background-color: white;opacity: 0.5;}
	button.ui-datepicker-trigger {width: 25px;}
	img.ui-datepicker-trigger, .mid {	margin: 18px 0 0 5px;vertical-align: middle; float: right; }
	form.pr img.ui-datepicker-trigger { float: none; display: inline; margin: 2px 0 0 3px; }
	.ui-datepicker-prompt {float: left;padding: 2px;background: #ddd;color: #000;}
	* html .ui-datepicker-prompt {width: 185px;}
	.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {clear: both;float: left;width: 100%;color: #fff;}
	.ui-datepicker-control {background: #2C485B;padding: 2px 0px;}
	.ui-datepicker-links {background: #6491A0;padding: 2px 0px;}
	.ui-datepicker-control, .ui-datepicker-links {font-size: 12px;}
	.ui-datepicker-links label { padding: 2px 5px;color: #888;}
	.ui-datepicker-clear, .ui-datepicker-prev {float: left;width: 34%;}
	.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {float: right;text-align: right;}
	.ui-datepicker-current {float: left;width: 30%;text-align: center;}
	.ui-datepicker-close, .ui-datepicker-next {float: right;width: 34%;text-align: right;}
	.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {float: left;text-align: left;}
	.ui-datepicker-header {	padding: 1px 0 3px;	background: #333;	text-align: center	height: 1.3em; text-align: center}
	.ui-datepicker-header select {	background: #555;	color: #fff;	border: 0px; }
	.ui-datepicker {background: #ccc;	text-align: center;	font-size: 100%;}
	.ui-datepicker a {	display: block;	width: 100%;}
	.ui-datepicker .ui-datepicker-title-row td { text-align: center; }
	.ui-datepicker-title-row {background: #777; text-align: center}
	.ui-datepicker-days-row {background: #eee;	color: #666;}
	.ui-datepicker-week-col {background: #777;	color: #fff;}
	.ui-datepicker-days-cell {	color: #333;border: 1px solid #ddd; text-align: center; text-shadow: 0 .1em .1em rgba(255,255,255,.2);}
	.ui-datepicker-days-cell a{	display: block;}
	.ui-datepicker-week-end-cell {background: #ddd;}
	.ui-datepicker-title-row .ui-datepicker-week-end-cell {	background: #777;}
	.ui-datepicker-days-cell-over {	background: #fff;	border: 1px solid #777;}
	.ui-datepicker-unselectable {color: #888;}
	.ui-datepicker-today {	background: #fcc !important;}
	.ui-datepicker-current-day {background: #999 !important;}
	.ui-datepicker-status {	background: #ddd;width: 100%;font-size: 80%;text-align: center;}
	/* ________ Datepicker Links _______ */
	#ui-datepicker-div a, .ui-datepicker-inline a {cursor: pointer;margin: 0;padding: 0;background: none;color: #000;}
	.ui-datepicker-inline .ui-datepicker-links a {padding: 0 5px !important;}
	.ui-datepicker-control a, .ui-datepicker-links a {	padding: 2px 5px !important;color: #eee !important;}
	.ui-datepicker-title-row a {color: #eee !important;}
	.ui-datepicker-control a:hover {background: #fdd !important;color: #333 !important;}
	.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {background: #ddd !important;	color: #333 !important;}
	/* ___________ IE6 IFRAME FIX ________ */
	.ui-datepicker-cover { display: none; /*sorry for IE5*/display/**/: block; /*sorry for IE5*/position: absolute; /*must have*/z-index: -1; /*must have*/filter: mask(); /*must have*/top: -4px; /*must have*/left: -4px; /*must have*/width: 200px; /*must have*/height: 200px; /*must have*/}
	
	/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
	.fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top;padding: 0; margin: 0; }
	.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 1002;}
	.fancybox-outer {padding: 0;margin: 0;	background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.fancybox-opened {z-index: 1003;	}
	.fancybox-opened .fancybox-outer {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
	.fancybox-inner {width: 100%;height: 100%;padding: 0;margin: 0;	position: relative;	outline: none;	overflow: hidden;}
	.fancybox-error {	color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0;padding: 10px;}
	.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;	vertical-align: top;}
	.fancybox-image {max-width: 100%;max-height: 100%; }
	#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -21px;margin-left: -21px;width: 42px;height: 42px;background: url('images/fancybox_loading.gif');opacity: 0.8;cursor: pointer;z-index: 1010;}
	.fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/fancybox_sprite.png');}
	.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 1004;}
	.fancybox-prev, .fancybox-next {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;background: transparent url('images/blank.gif'); /* helps IE */z-index: 1003;	}
	.fancybox-prev {left: 0;	}
	.fancybox-next { right: 0;}
	.fancybox-prev span, .fancybox-next span {position: absolute;top: 50%;left: -9999px;width: 36px;height: 36px;margin-top: -18px;cursor: pointer;	z-index: 1003;}
	.fancybox-prev span {background-position: 0 -36px;}
	.fancybox-next span {	background-position: 0 -72px;}
	.fancybox-prev:hover, .fancybox-next:hover {	visibility: visible;	}
	.fancybox-prev:hover span {left: 20px;}
	.fancybox-next:hover span {left: auto;right: 20px;}
	.fancybox-tmp {position: absolute;top: -9999px;left: -9999px;padding: 0;overflow: visible;visibility: hidden;}
	/* Overlay helper */
	#fancybox-overlay {	position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 1001;background: #000;}
	/* Title helper */
	.fancybox-title {visibility: hidden;	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 1005;}
	.fancybox-opened .fancybox-title {	visibility: visible;}
	.fancybox-title-float-wrap {position: absolute;bottom: 0;	right: 50%;margin-bottom: -35px;z-index: 1003;text-align: center;}
	.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
	.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
	.fancybox-title-inside-wrap { margin-top: 10px;}
	.fancybox-title-over-wrap {	position: absolute;bottom: 0; left: 0; color: #fff;padding: 10px;	background: #000; background: rgba(0, 0, 0, .8);}