/*
23/05/2008
Forte village screen stylesheet
author: Alessandro Chinazzo
*/

/* Reset style - Eric Meyer */

html, body, 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, strong, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------- */

body {
	margin: 0; padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background: #1d1d1d url("/images/bg.png") repeat-x top left;
	text-align: center;
}

.last { margin: 0 !important; }

strong { font-weight: bold; }

#map-popup {
	font-size: 1.2em;
	line-height: 1.3em;
}

/* Layout */

#main {
	width: 925px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 175px;
	position: relative;
	z-index: 2;
	background: url("/images/bg-header.png");
}

#content { 
	background: url("/images/bg-content.png") no-repeat bottom left;
	z-index: 1;
}

#footer {
	border-top: 1px solid #414141;
	margin: 40px 0 0; padding: 13px 0 40px 0;
	clear: both;
	background: transparent url("/images/ghotw.png") no-repeat top right;
}


/* ------ */

/* Header */

#header #logo {
	position: absolute;
	right: 15px; bottom: -22px;
}

#header #nav-lang {
	float: left;
	margin: 14px 0 0 15px;
}

#header #nav-lang li {
	display: inline;
	padding: 0 6px 0 5px;
	border-right: 1px solid #b2b2b2;
}

#header #nav-lang li.last {
	border: none;
}

#header #nav-lang a, #header #nav-lang a:hover, #header #nav-lang a.active {
	color: #b2b2b2;
	text-decoration: none;
}

#header #hp {
	float: left;
	position: absolute;
	left: 240px;
	display: block;
	padding: 14px 0 0 0;
	color: #666;
	text-decoration: none;
}

#header #hp span {
	color: #b2b2b2;
}

#header #nav-corp {
	position: absolute;
	top: 50px; left: 20px;
	font-size: 1.2em;
}

#header #nav-corp li {
	line-height: 1.4em;
}

#header #nav-corp a {
	color: #666;
	text-decoration: none;
}

/* ------ */

/* Content */

#content #nav {
	width: 185px;
	padding: 20px;
	float: left;
	background: #000;
}

#content #nav ul {
	width: 183px;
	font-size: 1.1em;
	border: 1px solid #333;
	margin-bottom: 28px;
}

#content #nav ul li {
	border-bottom: 1px solid #333;
	padding: 0; margin: 0;
}

#content #nav ul li.last {
	border: none;
}

#content #nav ul li a {
	display: block;
	padding: 8px;
	color: #999;
	text-decoration: none;
}

#content #nav ul li a:hover, #content #nav ul li a.active {
	color: #b36100;
	background-color: #1a1a1a;
}

#content #nav ul ul {
	display: none;
	font-size: .8em;
	border: none;
	border-top: 1px solid #333;
	background-color: #000;
	margin-bottom: 0; padding: 8px 0;
}

#content #nav ul li.active ul {
	display: block;
}

#content #nav ul ul li {
	border: 0;
}

#content #nav ul ul li a {
	display: block;
	padding: 6px 8px;
	color: #999;
	text-decoration: none;
}

#content #nav ul ul li a:hover, #content #nav ul ul li a.active {
	color: #fff;
	background-color: transparent;
}

#content #body {
	width: 700px;
	float: right;
}

#content #body-content {
	padding: 20px;
}

#content #body-content .left {
	width: 425px;
	float: left;
}

#content #body-content .left-full {
	width: 100%;
	float: left;
}

#content #body-content h1, #content #body-content h2 {
	font-size: 1.4em;
	color: #f2f2f2;
	margin: 0 0 15px 0;
}

#content #body-content p {
	font-size: 1.2em;
	color: #b2b2b2;
	line-height: 1.333em;
	margin: 0 0 15px 0;
}

#content #body-content a {
	color: #fff;
}

#content #body-content ul, #content #body-content ol {
	list-style: disc;
	font-size: 1.2em;
	color: #b2b2b2;
	line-height: 1.333em;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}

#content #body-content .abstract p {
	font-size: 1.2em;
	color: #c06800;
	line-height: 1.333em;
	margin: 0 0 15px 0;
	font-weight: bold;
}

#content #body-content #home-links {
	width: 220px;
	float: right;
	margin: 0 0 40px 0;
}

#content #body-content #home-links h2 {
	font-size: 1.4em;
	padding: 0 0 8px 0;
	color: #f2f2f2;
	border-bottom: 1px dashed #676767;
}

#content #body-content #home-links .link {
	margin: 0 0 40px 0;
}

#content #body-content #home-links .link h3 {
	font-size: 1.1em;
	margin: 15px 0 3px 0;
	color: #b2b2b2;
}

#content #body-content #home-links .link p {
	font-size: 1.1em;
	color: #666;
	margin: 0;
}

#content #body-content #home-links .link a {
	font-size: 1.1em;
	color: #b2b2b2;
	line-height: 1.4em;
}

#content #body-content .gallery {
	margin: 20px 0;
}

#content #body-content .gallery .pic {
	width: 215px;
	float: left;
	margin-right: 7px;
}

#content #body-content .gallery .last {
	margin-right: 0;
}

#content #body-content .gallery .pic p.caption {
	font-size: 1.1em;
	color: #b2b2b2;
	margin-top: 2px;
}

#content table, #content table th, #content table td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #939393;
}

#content table table, #content table table th, #content table table td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #939393;
}

#content table table th, #content table table td {
	text-align: center;
}

#content table table.no-center th, #content table table.no-center td {
	text-align: left;
}

#content table {
	margin: 1.5em 0 0 0;
}

#content table th, #content table td {
	padding: .5em;
}

#body form td {
	color: white;
}

#body form td .notes {
	font-size: .9em;
	color: #9b9b9b;
	font-style: italic;
}

#body form td.title {
	margin-top: 30px;
	font-weight: bold;
	background-color: #939393;
}

#body form td.center {
	text-align: center;
}

#body form td.subtitle {
	padding-top: 20px;
}

#body form td a {
	color: white;
}

/*#body form button {
	background: url("/images/btn-invia.png");
	border: 0;
	cursor: pointer;
	width: 42px;
	height: 19px;
	outline: none;
	text-indent: -9999px;
	display: block;
}*/

#content input.textfield {
	background-color: #323232;
	border: 1px solid #4e4e4e;
	color: #fff;
	padding: .3em;
	font-size: 1em;
}

#content input.textfield-short {
	background-color: #323232;
	border: 1px solid #4e4e4e;
	color: #fff;
	padding: .3em;
	font-size: 1em;
	width: 45px;
}

#content input.textfield:focus {
	background-color: #404040;
}

#content textarea.textfield {
	width: 300px; height: 80px;
	background-color: #323232;
	border: 1px solid #4e4e4e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #fff;
	padding: .3em;
}

#content textarea.textfield:focus {
	background-color: #404040;
}

#rooms {
	width: 100%;
	margin: 20px 0 30px 0;
	border: 0;
	border-collapse: collapse;
}

#rooms th {
	padding: 0 0 3px 0;
	font-size: 1.4em;
	color: #f2f2f2;
	border-bottom: 1px dashed #585858;
}

#rooms td {
	text-align: center;
	padding: 7px 5px;
	font-size: 1.2em;
	color: #b2b2b2;
}

#rooms tr.icons td {
	padding: 15px 0;
}

#rooms td.room {
	text-align: left;
}

#rooms tr.odd {
	background-color: #2d2d2d;
}

#rooms tr.even {
	background-color: transparent;
}

#rooms a {
	color: #fff;
}

#body .climate {
	width: 100%;
	margin: 0 0 30px 0;
	border: 1px solid #fff;
	border-collapse: collapse;
}

#body .climate caption {
	font-family: Georgia, Arial, Verdana, sans-serif;
	font-size: 1.4em;
	color: #fff;
	padding: 30px 0 8px 0;
	text-align: center;
}

#body .climate th {
	font-size: 1.1em;
	color: #fff;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	border: 1px solid #fff;
}

#body .climate td {
	font-size: 1.1em;
	color: #fff;
	padding: 5px 4px 5px 4px;
	margin: 0;
	text-align: center;
	border: 1px solid #fff;
}

#content #body .climate td.month {
	text-align: left;
}

#body .climate td.pula, #body .climate th.pula {
	background-color: #ccc;
	color: #000;
	border-collapse: collapse;
}

/* ------ */

/* Footer */

#content #body-content #footer p {
	font-size: 1em;
	color: #999999;
	margin: 0;
	line-height: 1.6em;
}

#content #body-content #footer a {
	color: #999999;
}

#content #body-content #footer ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1em;
	color: #999999;
	margin: 0;
	line-height: 1.6em;
}

#content #body-content #footer ul li {
	display: inline;
}

/* ------ */

/* Calendar */

button.calendar {
	display: inline;
	background: url("/images/ico-calendar.png");
	margin: 0;
	border: 0;
	cursor: pointer;
	height: 17px;
	width: 17px;
	/*vertical-align: middle;*/
	outline: none;
}

div.calendar {
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}

div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	
	
div.calendar caption {
	color: #fff;
	font-size: 1.2em;
	padding: 6px 0 3px 0;
	text-align: center;
	width: 100%;
	background: #000;
}

div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	width: 11px;
}

div.calendar caption a.prev {
	left: 0;
}
	
div.calendar caption a.next {
	right: 0;
}
	
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
	
div.calendar caption span.month {
	padding-right: 8px;
}

div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	background: #313131;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}

div.calendar td, div.calendar th {
	border: 0;
	height: 21px;
	text-align: center;
	width: 21px;
	padding: 3px;
}

div.calendar th {
	color: #fff;
}

div.calendar td {
	color: #000;
}

div.calendar td.invalid {
	color: #000;
}
	
div.calendar td.valid {
	color: #e0e0e0;
	cursor: pointer;
}

div.calendar td.hilite {
	/*background: url(calendar-hilite.gif);*/
}

div.calendar td.inactive {
	color: #000;
}

div.calendar td.active, div.calendar td.hover {
	color: #b06300;
	cursor: pointer;
}

/* --------- */

/* Paginazione */

#content .pagination {
	width: 100%;
    margin: 40px 0 0 0;
	font-size: 1.2em;
	text-align: center;
  }

#content .pagination a {
    padding: 1px 4px 1px 4px;
    margin: 1px;
    border-right: 1px solid #b38813;
	
    text-decoration: none;
    color: #acacac;
  }

#content .pagination a:hover, .pagination a:active {
	color: white;
}

#content .pagination span.current {
    padding: 1px 4px 1px 4px;
    margin: 1px;
    color: white;
}

#content .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
}

/* --------- */

/* Utils */

.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ------ */

#content #body .links .title {
	font-family:Georgia,Arial,Verdana,sans-serif;
	font-size: 1.4em;
	margin: 0.5em 0;
}

#content #body .links .title a {
	text-decoration:none;
}

#content #body .links a {
	color:#fff;
	text-decoration:none;
}

#content #body .links p {
	margin: 1em 0 0;
}