/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
	background: #FFF url('../img/layout/bkg_body.jpg') repeat-x scroll 0 0;
}

a
{
	color: #467591;
}

	a:hover
	{
		text-decoration: none
	}
	
	a.sel
	{
		
	}

	a:focus {
		outline: 0 none;
	}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

.ico_next
{
	width: 11px;
	height: 16px;
	background: transparent url('../img/layout/ico_next.png') no-repeat scroll 0 0;
	display: block;
}

	.ico_next:hover
	{
		background-position: 0 -16px
	}

.right
{
	float: right;
}

.txt_right
{
	text-align: right;
}

.txt_left
{
	text-align: left;
}

.txt_center
{
	text-align: center;
}

.h_40
{
	height: 40px;
}

.content
{
	padding: 40px 0;
}

.content2
{
	padding: 0 0 40px;
}

.w100
{
	width: 100px;
}

.w75
{
	width: 75px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-family: 'DroidSerifBoldItalic';
	font-weight: normal;
	font-size: 2em;
	line-height: 2em;
	color: #2d4f66;
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #467491;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}

#wrap
{
	overflow: hidden;
}

/* HEADER */

#header
{
	height: 10em;
	background: transparent url('../img/layout/bkg_header.jpg') repeat-x scroll 0 0;
	position: relative; 	
}

	#header img#followme
	{
		position: absolute;
		bottom: 1em; right: 1em;
	}
	
	#header #header_languages
	{
		position: absolute;
		top: .25em;
		right: 1em;
	}
	
	#header #header_languages a
	{
		color: #a4b9cb;
		text-decoration: none;
		margin: 0 0 0 .5em;
		font-size: .9em;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.05em;
	}
	
	#header #header_languages a.sel, #header #header_languages a:hover
	{
		color: #467492;
	}

/* BAR */

.bar
{
	height: 3em;
	background-color: #467492;
	text-shadow: 1px 1px 0 #29556F;
}

	.bar *
	{
		line-height: 39px;
	}

	.bar li
	{
		list-style-type: none;
		margin: 0;
		display: block;
		width: 14.19%;
		float: left;
		text-align: center;
		overflow: hidden;
	}
	
		.bar li a.sel, #bottom_menu li a.sel
		{
			background-color: #2d4f66;
		}
	
		.bar li a
		{
			color: #FFF;
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			font-size: .85em;
			line-height: 39px;
			border-right: 1px solid #7f9db4;
		}
		
		.bar li a:hover
		{
			background-color: #7f9db4;
		}
		
		.bar li.last
		{
			border-right-width: 0;
		}
		
		.bar li:hover ul
		{
			visibility: visible;
		}
		
		.bar li ul
		{
			z-index: 11;
			position: relative;
			visibility: hidden;
			border-top: 1px solid #FFF;
		}
		
			.bar li ul li
			{
				z-index: 12;
				float:none;
				width: 100%;
				background: transparent url('../img/layout/white_80.png') repeat scroll 0 0;
				border-right-width: 0;
				border-bottom: 1px solid #FFF;
				text-shadow: none;
			}
			
			.bar li ul li a
			{
				color: #477493;
				border-right-width: 0;
			}
			
			.bar li ul li:hover a
			{
				
				background: transparent url('../img/layout/white_65.png') repeat scroll 0 0;
			}
			
			.bar li ul *
			{
				line-height: 26px
			}
		
#bottom_menu
{
	background: #a6bacc url('../img/layout/bkg_bottom_menu.jpg') no-repeat scroll 62% center;
}

	#bottom_menu  a
	{
		background-color: #467492;
		color: #FFF;
	}
	
	#bottom_menu a:hover
	{
		background-color: #7f9db4;
	}
	
		#bottom_menu ul ul a:hover
		{
			color: #467492;
		}
	
	#bottom_menu .excerpt
	{
		float: left;
		font-family: 'DroidSerifItalic';
		color: #2D4F66;
		float: right; 
		text-align: right;
		margin: 0 1em 0 0;
		width: 380px;
		font-size: 1.1em;
		overflow: hidden;
		text-shadow: none
	}
	
		#bottom_menu .excerpt b
		{
			font-weight: normal;
			font-family: 'DroidSerifBoldItalic';
		}

/* SLIDESHOW */

#slideshow
{
	position: relative;
	border: 1px solid #FFF;
	border-width: 1px 0;
	height: 286px;
}

	#slideshow_description
	{
		position: absolute;
		bottom: 33px;
		width: 300px;
		right: 0;
	}

	#slideshow_description p
	{
		position: absolute;
		background: transparent url('../img/layout/white_65.png') repeat scroll 0 0;
		padding: .5em 1em;
		color: #111;
		bottom: 0; right: 0;
		width: 50%;
		text-align: right;
		font-weight: bold;
		color: #2D4F66;
	}

	#slideshow #slideshow_bar
	{
		height: 286px;
		width: auto;
		position: absolute;
		top: 0; left: 0;
	}

	#slideshow #slideshow_bar img
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#slideshow #slideshow_bar img#slideshow_esterna_0
	{
		position: absolute;
		left: -951px;
		opacity: .25
	}
	
	#slideshow #slideshow_bar img#slideshow_esterna_1
	{
		position: absolute;
		left: 951px;
		opacity: .25;
		
	}

	#slideshow #slideshow_text, #slideshow #slideshow_shadow
	{
		width: 100%;
		z-index: 10;
		position: absolute;
		left: 0;
	} 
	
	#slideshow #slideshow_text
	{
		bottom: 0;
		line-height: 4em;
		height: 4em;
		background: transparent url('../img/layout/white_80.png') repeat scroll 0 0;
		font-family: 'DroidSerifItalic';
		color: #2D4F66;
		text-shadow: 1px 1px 3px #FFF;
	}
	
		#slideshow #slideshow_text *
		{
			line-height: 4em;
		}
		
		#slideshow #slideshow_text h2
		{
			line-height: 2em;
			float: left;
			margin: 0 1em 0 0;
		}
		
		#slideshow #slideshow_text .in
		{
			margin: 0 1em;
		}
		
		#slideshow #slideshow_text .in .excerpt
		{
			font-size: 1.1em;
			line-height: 52px;
			float: left;
		}
		
		#slideshow #slideshow_text .in .ico_next
		{
			margin: 18px 0 0 1em;
		}

	#slideshow #slideshow_shadow
	{
	top: 0;
	height: 50px;
	background: transparent url('../img/layout/shadow_slideshow.png') repeat-x scroll 0 0;
	}

/* FOOTER */

#footer
{
	border-top: 1px solid #9fb5c8;
	color: #9fb5c8;
	padding: 1em 0;
	font-size: .85em
}

/* GOOGLE MAPS */

#map
{
	height: 726px;
	border: 2px solid #CCC;
	margin: 1em 0;
}

#room_gallery div, #gallery div
{
	position: relative;
	float: left;
}

	#room_gallery div img.ico, #gallery div img.ico
	{
		position: absolute;
		z-index: 5;
		top: 5px; left: 5px
	}

#room_gallery img
{
	display: block;
	
	margin: 5px;
}

	#room_gallery img.first
	{
		margin: 0 5px 5px;
	}
	
	#room_gallery img:hover, #gallery img:hover
	{
		opacity: .8
	}

#table_rooms
{
	width: 100%;	
}

	#table_rooms p
	{
		margin-bottom: .5em;
	}
	
	.low, .low_top
	{
		background-color: #9F9F9F;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		text-shadow: 1px 1px 0 rgba(0,0,0, .25);
	}
		
		.low_top
		{
			background-color: #9F9F9F;
		}
	
	.middle, .middle_top
	{
		background-color: #5399BF;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		text-shadow: 1px 1px 0 rgba(0,0,0, .25)
	}
	
		.middle_top
		{
			background-color: #5399BF;
		}
	
	.high, .high_top
	{
		background-color: #CFA54D;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		text-shadow: 1px 1px 0 rgba(0,0,0, .25);
	}
	
		.high_top
		{
			background-color: #CFA54D;
		}
		
	#table_rooms .high, #table_rooms .middle, #table_rooms .low, #table_rooms .low_top, #table_rooms .middle_top, #table_rooms .high_top
	{
		font-weight: bold;
	}
	
	#table_rooms td
	{
		padding: .5em;
		border-bottom: 1px solid #FFF;
	}
	
	#table_rooms td b
	{
		display: block;
	}
	
	#table_rooms td span
	{
		font-weight: normal;
		color: #666
	}
	
	#table_rooms td.low, #table_rooms td.middle, #table_rooms td.high
	{
		font-size: 1.25em;
	}
	
/* table prices */

#table_prices
{
	width: 100%;
	font-size: .9em;
}

	#table_prices th, #table_prices td
	{
		text-align: center;
		line-height:1.5em;
	}
	
	#table_prices .no_price
	{
		background-color: #eee
	}
	
	#table_prices th
	{
		border-bottom: 1px solid #CCC;
		text-transform: uppercase;
		font-size: .85em
	}
	
	#table_prices .day, #table_prices .no_price
	{
		border: 1px solid #FFF;
		border-width: 0 1px 1px 0
	}
	
	#table_prices .month_day
	{
		
	}
	
	#table_prices .month_name
	{
		text-align: right;
		border-right: 1px solid #CCC;
		padding-right: 1em;
	}
	
#tennis_slideshow, #sports_slideshow
{
	height: 450px;
	overflow: hidden;
}

#field_price
{
	width: 100%;
}
	
	#field_price td, #field_price th
	{
		border-bottom: 1px solid #FFF;
		padding: .25em .5em;
		vertical-align: middle;
	}

	#field_price th
	{
		text-align: left;
		background-color: #6699CC;
		color: #FFF;
		
	}
	
	#field_price td.field
	{
		background-color: #D1E2EF;
		border-right: 1px solid #FFF;
	}	
	
	#field_price td
	{
		background-color: #E0E8EF;
	}
	
	.bottom
	{
		color: #666;
		padding: 1em;
	}
	
.form
{
	background-color: #EEE;
	padding: 1em;
	border: 1px solid #DDD;
}
	
	.form label
	{
		display: block
	}
	
	.form .text input
	{
		width: 80%;
	}

	.form .input
	{
		padding: .25em 0;
	}

	.form .error-message
	{
		color: #BF2F2F
	}
	
	.form .checkbox input
	{
		float: left;
		margin: .25em 1em auto 0;
	}
	
	.form .form-error
	{
	}
	
	.form b
	{
		color: #222;
	}
	
	
/* FLASH MESSAGE */

#flashMessage
{
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #6D94AF;
	color: #FFF;
	text-shadow: 1px 1px 0 #37627F;
	margin-top: 1em;
}

#webcam img
{
	border: 2px solid #CCC;
	padding: 1px;
	-moz-box-shadow: 0 0 15px #CCC;
	-webkit-box-shadow: 0 0 15px #CCC;
	box-shadow: 0 0 15px #CCC;
}

.icons
{
	clear: left;
	margin-top: 1em;
}

#flash
{
	border: 2px solid #CCCCCC;
}