/* --- global --- */
body {margin:0;padding:0;top:0;text-align:center;font-size:0.75em;background:#121212;color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;}
div, ul, ol, form, tr, td, object, fieldset, span {margin:0;padding:0;border:0;}
div, a, p, td, input, textarea, label, table, li {font:inherit;}
img {border:none;margin:0;padding:0;}
input, textarea {border:1px solid #20290e;padding:1px 4px;color:#fff;background:#344809;}
input.imed {width:80px;}
input.imedr {width:80px;text-align:right;vertical-align:middle;}
input.small {width:60px;}
input.xxs {width:20px;}
input.small_right {width:60px;text-align:right;}
input.check {width:15px;vertical-align:middle;}
select {border:1px solid #999;padding:1px 5px 1px 0;}
select {font-size:0.93em;}
textarea {width:90%;padding:4px;font-size:1em;}
button {background:#344809;border:none;color:#eee;cursor:pointer;padding:2px 5px;font-size:1.1em;}
button.img {background:none;}
label {display:block;}
h1 {color:#fff;margin:0;font-size:18px;font-family:'times new roman', times, serif;letter-spacing:1px;}
h2 {color:#fff;margin:0;font-size:18px;font-family:'times new roman', times, serif;letter-spacing:1px;}
h3 {color:#537013;margin:0;font:20px;letter-spacing:1px;}
h4 {font-size:1.1em;margin:0 0 5px 0;color:#a00;}
h5 {color:#333;font-size:1em;margin:0 0 5px 0;}
h6 {color:#222;font-size:0.9em;margin:0 0 5px 0;}
p, label, li, td {color:#fff;font-size:10px;line-height:16px;}
a {color:#fff;text-decoration:underline;}
a[target$='_blank'] { padding:0 0 0 20px; background:url(../public/style/external_link.gif) no-repeat 3px center; }
a[target$='_blank'] img { padding-left:0; background:none; }
ul, ol {margin-left:15px;}
ul {list-style:square;}
ul.map {list-style:none;}
ul.map li {margin:10px 0 5px 15px;}
ul.map ul {list-style:none;}
ul.map li ul li {margin:5px 0 5px 20px;}
ul.map a {color:#f6cd0c;text-decoration:none;}
ul.map a:hover {text-decoration:underline;}
img {border:0;}
/* calendar */
button.dashboard {background: url(../public/style/calendar-icon2.gif);border:0;cursor:pointer;display:inline;height:17px;margin:0 0 3px 10px;width:20px;}
button.dashboard:hover, button.dashboard.active {background-position:0 17px;}
div.dashboard {background: url(../public/style/dashboard.png);height:175px;padding:0 12px;text-align: center;width:147px;z-index:100;}
div.dashboard * {margin: 0;padding: 0;}
div.dashboard div {background: none !important;cursor: move;height: 165px;overflow: hidden;padding-top: 10px;position: relative;width:147px;}
div.dashboard caption {color: #CF0;font: normal 12px/17px Arial, Helvetica, sans-serif;padding-top: 4px;text-align: center;width: 100%;}
div.dashboard caption a {cursor: pointer;display: block;height: 11px;overflow: hidden;position: absolute;text-indent: -100px;top: 16px;width: 11px;}
div.dashboard caption a.prev {background-image: url(../public/style/dashboard-prev.gif);left: 1px;}
div.dashboard caption a.next {background-image: url(../public/style/dashboard-next.gif);right: 1px;}
div.dashboard caption a:hover {background-position: 0 11px;}
div.dashboard caption span {height: 25px;position: relative;text-align: center;}
div.dashboard caption span.month {padding-right: 8px;}
div.dashboard caption span.month:after {content: ',';}
div.dashboard table {border: 0;border-collapse: collapse;border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
div.dashboard td, div.dashboard th {border: 0;color: #999;font: normal 12px Arial, Helvetica, sans-serif;height: 19px;text-align: center;width: 21px;}
div.dashboard td {color: #333;font-size: 11px;padding-right: 5px;text-align: right;width: 16px;}
div.dashboard td.invalid {color: #666;}
div.dashboard td.valid {color: #FFF;cursor: pointer;}
div.dashboard td.active, div.dashboard td.hover {color: #CF0;cursor: pointer;}
/* containers */
#page {width:1100px;text-align:left;margin:0 auto;background:url(../public/style/top.jpg) top left no-repeat;}
#head {width:1100px;height:134px;}
#hbody {position:relative;background:url(../public/style/back.gif) top left repeat-y;}
#htopic {position:relative;width:1022px;margin:0 auto;background:url(../public/style/hleft_side.gif) top left repeat-y;}
#ptopic {position:relative;width:1022px;margin:0 auto;background:url(../public/style/pleft_side.gif) top left repeat-y;z-index:10;}
#foot {width:1024px;margin:0 auto;background:url(../public/style/foot.jpg) top left no-repeat;font-size:11px;color:#fff;border-top:1px solid #121212;}
/* classes */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.clear {clear:both;height:0;}
.fleft {float:left;}
.fright {float:right;}
.xcenter {text-align:center;}
.xright {text-align:right;}
.xsmall {font-size:0.9em;color:#666;}
.up {text-transform:uppercase;}
.cap {text-transform:capitalize;}
.bol {padding:8px 0 5px 6px;background:#35490a;border-bottom:1px solid #445e05;}
.green {float:left;padding:15px;}
.gray {float:right;width:211px;border-left:1px solid #0e1316;}
.offer {padding:8px 0 5px 10px;background:#424236;border-top:1px solid #6b6d60;}
.useful_info {padding:8px 0 5px 10px;background:#103001;border-bottom:1px solid #666e61;}
.events {margin:0;padding:4px 0 4px 10px;background:#424236;border-top:1px solid #000;}
.bwhite {background:#fff;}
.pad {margin:5px 5px 5px 0;}
.middle {vertical-align:middle;}
/* --- head --- */
#logo {float:left;margin:50px 0 0 77px;}
#logo a img {width:470px;height:60px;}
#topmenu {float:right;margin:3px 40px 0 0;text-align:right;}
#topmenu ul {list-style:none;background:none;}
#topmenu ul li {display:inline;margin-left:30px;padding-left:10px;background: url(../public/style/arrow.gif) no-repeat left;}
#topmenu ul li a {font-size:14px;color:#fff;margin:0;text-decoration:none;}
#back {float:right;margin:0 40px 0 0;text-align:right;}
#back a {color:#aaa;text-decoration:underline;}
#flags {float:right;margin:45px 40px 0 0;text-align:right;}
#flags ul {list-style:none;padding-top:5px;background:none;}
#flags ul li {display:inline;margin-left:5px;}
/* --- left --- */
#hleft {float:left;width:449px;}
#pleft {float:left;width:236px;}
#booking {height:130px;background:#273801;border-bottom:1px solid #0e1316;}
#booking form {padding:10px 0 0 15px;}
#booking img {float:left;margin:0 15px;padding:0;width:221px;height:130px;}
#booking button.sbm {margin-left:10px;padding-right:10px;background:#344809 url(../public/style/arrow.gif) no-repeat 95%;}
#booking input {border:1px solid #20290e;padding:1px 4px;color:#fff;background:#7BA41E;}
/*
#hbooking {width:449px;height:90px;background:#273801;border-bottom:1px solid #0e1316;background: url(../public/style/prenota.jpg) top left no-repeat;}
#hbooking button.sbm {margin:41px 0 0 253px;padding:8px 25px;font-size:20px;background:none;}
#pbooking {height:90px;background:#273801;border-bottom:1px solid #0e1316;background: url(../public/style/prenota_thumb.jpg) top left no-repeat;}
#pbooking button.sbm {margin:41px 0 0 43px;padding:8px 25px;font-size:20px;background:none;}
*/
#menu ul {list-style:none;text-align:right;width:205px;margin:0;background:none;}
#menu ul li {margin:0 0 3px 0;padding:2px 8px 4px;background:#537013 url(../public/style/dotted.gif) bottom left repeat-x;}
#menu ul a {font-size:14px;color:#fff;margin:0;text-decoration:none;}
#menu ul a.sub {font-size:0.9em;font-weight:bold;margin-right:20px;}
#galleries ul {list-style:none;width:205px;margin:5px 0 0;}
#galleries ul li {margin:0 0 3px 0;padding:2px 8px 6px 0;background: url(../public/style/dotted.gif) bottom left repeat-x;}
#galleries ul li p {font-size:11px;color:#fff;margin:0;}
#galleries ul li p span {display:block;font-weight:bold;padding-top:5px;margin-bottom:0;}
#galleries ul li a {font-size:11px;color:#fff;margin:0;text-decoration:underline;}
#galleries ul li a img {margin:4px 5px 0 0;}
#proposals {background:#6b6b61;padding-top:5px;}
#proposals ul {list-style:none;width:201px;margin:0 auto;}
#proposals ul li {margin:0 0 3px 0;padding:2px 8px 6px 0;background: url(../public/style/dotted_gray.gif) bottom left repeat-x;}
#proposals ul li p {font-size:10px;color:#fff;margin:0;}
#proposals ul li p span {display:block;font-size:11px;margin-top:0;}
#proposals ul li a {color:#fff;margin:0;text-decoration:none;}
#proposals ul li a img {float:left;margin:4px 5px 0 0;vertical-align:top;}
#proposals ul li.cleared {margin:0;padding-bottom:5px;background:none;text-align:right;}
#proposals ul li.cleared a {font-size:12px;text-decoration:underline;}
#info {background:#1f2c01;}
#info ul {list-style:none;width:181px;margin:0 15px;padding-top:5px;}
#info ul li {margin:0 0 3px 0;padding:2px 8px 6px 0;background: url(../public/style/dotted_green.gif) bottom left repeat-x;}
#info ul li a {font-size:13px;color:#fff;margin:0;text-decoration:none;}
/* --- right --- */
#hright {width:572px;float:right;padding:0;background:#424236;border-left:1px solid #000;}
#pright {width:783px;float:right;padding:0;background:#121212;border-left:1px solid #000;}
#pright #content {margin:10px 15px;}
#pright h1 {color:#fff;margin:0;font:25px 'times new roman' bold;letter-spacing:1px;}
#pright h2 {color:#70903b;margin:0;font:21px 'times new roman' bold;letter-spacing:1px;}
#pright h3 {color:#537013;margin:0;font-size:19px;font-weight:normal;letter-spacing:1px;}
#pright h4 {color:#fff;margin:5px 0;font:17px 'verdana' bold;letter-spacing:1px;}
#pright p {font-size:13px;}
#pright ul li {font-size:13px;}
#hflash {height:460px;}
.events h3 {color:#fff;margin:0;font:20px 'times new roman' bold;}
#news {background:#2b3034;padding-right:10px;}
#news .nd {float:left;width:230px;margin:5px 0;padding:10px 20px 0 20px;}
#news .nr {border-left:1px solid #3f4430;}
#news a.date {font-size:11px;color:#f95000;margin:0;text-decoration:none;}
#news a.continue {font-size:11px;font-weight:bold;color:#f95000;margin:0;text-decoration:none;padding-left:10px;background: url(../public/style/arrow_orange.gif) left no-repeat 3px;}
#news p {font-size:13px;margin:3px 0;}
/* --- foot --- */
#olink {text-align:right;}
#olink p {margin:0;padding:1px 10px 0 0;font-size:13px;}
#maplink {text-align:right;}
#maplink p {margin:0;padding:6px 250px 0 0;font-size:12px;}
#maplink a, #olink a {color:#fff;text-decoration:none;}
#address p {line-height:16px;}
#address a {text-decoration:none;}
#quality {width:85px;height:58px; right 10px;}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
#show {width:750px;margin:0 auto 65px auto;}
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 540px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: auto;
margin: 0 auto;
width: 750px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(../public/style/controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(../public/style/controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(../public/style/controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(../public/style/controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(../public/style/controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(../public/style/controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 0;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}