@charset "UTF-8";
/* 
	CSS default file
	Designed by: Manuel Leone 
	Webpage: http://www.mister-wolf.it/
	Version: 1.0 
	Date: 2009.01.12
	Colors:
	  - sfondo:	#ece6d0;
	  - oro:	#967117;
	  - verde:	#02390c;	
	
*/

/* Reset rules */ 
@import "reset.css";
@import "tags.css";
@import "paginator.css";

/* Typography */ 

/* Tags */
body { background: #ece6d0 url(../img/body-bg.gif) left top repeat; }

a {
    font-weight:bold;
    color: #967117;
}

a:hover {
    font-weight:bold;
    color: #042271;
}

/* Layout */

#container { width: 100%; }

#wrapper {
    width: 877px;
    margin: 0 auto;
    background: #ece6d0 url(../img/body-bg.gif) left top repeat;
}

#header {
    height: 364px; /*300px;*/
    background: url(../img/header-bg.jpg) left top no-repeat;
}

#logo {
    float: left;
    width: 100px;
    height: 100px;
    margin-top: 230px;
    margin-left: 51px;
    margin-bottom: 0px; /*151px*/
    text-indent: -999em;
}

#splash {
    float: right;
    margin-top: 13px;
    margin-right: 21px
}

#link-inns{
	display:block;
	float:right;
	height:39px;
	margin-right:15px;
	width:120px;
}

#nav {
    clear: both;
    overflow: hidden;
    height: 34px;
    margin: 0 auto;
    width: 830px;
}

.en #nav {
    clear: both;
    overflow: hidden;
    height: 34px;
    margin: 0 auto;
    width: 850px;
}

.de #nav {
    clear: both;
    overflow: hidden;
    height: 34px;
    margin: 0 auto;
    width: 865px;
}

#main {
    clear: both;
    overflow: hidden;
    padding: 10px 41px 20px;
    background: url(../img/main-bg.gif) left top no-repeat;
    text-align:justify;
}

#sidebar {
    float:right;
    overflow: hidden;
    width: 225px;
    font-size:85%;
    font-family:Arial, Helvetica, sans-serif;
    line-height:140%;
}

#content {
    overflow: hidden;
    float: left;
    width: 790px;
    line-height: 140%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    text-align:justify;
}

#matrimoni #content { /* background-image:url(../img/matrimoni/img-matrimoni.gif);
    background-repeat:no-repeat;
    background-position:542px 0;*/
}

#footer {
    background: url(../img/footer-bg.gif) left top no-repeat;
    padding: 10px 41px;
    margin-top: 10px;
    clear: both;
}

/* header */
#splash .langs li {
    display: inline;
    padding: 1px;
}

#splash .langs li img { border: 1px solid #fff; }

/* nav */
#nav ul {
    margin-left: 0;
    position: relative;
}

#nav ul li {
    float:left;
    text-align:center;
}

#nav ul li.hover, #nav ul li.current { }

#nav ul li a {
    display: block;
    float: left;
    padding: 12px 8px 6px;
    font-size: 100%;
    font-weight: bold;
    color: #967117;
    text-decoration: none;
}

#nav ul li.hover a, #nav ul li.current a { color: #042271; }

.it #nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

.en #nav ul li a {
    padding-left: 14px;
    padding-right: 14px;
}

.de #nav ul li a {
    padding-left: 12px;
    padding-right: 12px;
}

.accessKey { /* text-decoration: underline; */ }

/* main */
#intro { overflow: hidden; }

#hotels {
    width: 645px;
    height: 360px;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:15px;
}

#hotels img {
    float: left;
    margin:0 8px 0 0
}

#hotels .txt-home {
    width:220px;
    float:left;
    text-align:justify;
}

#main #tier {
    margin-top: 10px;
    overflow: hidden;
    clear: both;
}

#main #tier .box {
    width: 395px;
    /*height: 200px;*/
	background-image:url(../img/welcome/bg.gif);
    background-repeat:repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:130%;
}

#main #tier .box ul li {
    width:180px;
    padding:10px 7px 0 8px;
    float:left;
    height:170px;
}

#main #tier .box ul li a {
    font-size:14px;
    padding:5px 0;
    display:block;
}

#main #tier .box h2 {
    margin:0px;
    padding:7px 8px;
    font-size:16px;
}

/* sidebar */
#sidebar #banners { line-height: 0; }

/* content */
#content h1, #content h2, #content h3, #content h4 {
    margin-left: 0;
    padding-top: 3px;
    font-weight:bold;
    color:#2d2b23;
    font-family:"Times New Roman", Times, serif;
}

#content h2 {
    font-size:25px;
    margin-bottom:20px;
}

#content h3 { font-size:18px; }

#content p { margin-bottom: 1em; }

/* tier */
#tier .mask {
    width: 395px;
    height: 160px;
    clear: left;
    overflow: hidden;
    position: relative;
    font-size: 95%;
    line-height: 105%;
}

#tier .mask ul { position: absolute; }

#tier .buttons {
    text-align: center;
    line-height: 100%;
    background-image: url(../img/welcome/nav-home.gif);
    background-repeat: repeat-x;
    height:17px;
    padding:5px 0 0 0;
    clear:left;
}

#tier .buttons span {
    cursor: pointer;
    color: #c4b078;
    font-size: 200%;
}

#tier .buttons span.active { color: #967117; }

/* sections */

.apartments {
    float:left;
    border-bottom:1px dashed #aeaeae;
    padding:10px 0;
    width:100%;
}

.apartments .price {
    background-color:#a13020;
    padding:5px;
    margin:10px 0 0 0;
    font-weight:bold;
    color:#fff;
}

.citation {
    color:#2D2B23;
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    font-style:italic;
    font-weight:normal;
    line-height:18px;
    padding:0 1em 2em 1em;
}

#chi-siamo .hotel-list { margin-bottom: 2em; }

#chi-siamo .hotel-list h3 small {
    color: #967117;
    padding-left: 1em;
    font-weight: normal;
    font-size: 80%;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#chi-siamo .hotel-list .img-list {
    width:518px;
    margin:0 0 10px 0;
    border:1px solid #aeaeae;
    line-height: 0;
}

.img-right {
    margin:0 0 10px 10px;
    border:1px solid #aeaeae;
    line-height: 0;
    float:right;
}

#chi-siamo .hotel-list .hotel-text {
    padding:0px;
    margin:0px;
}

#links .link-list {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px dotted #aeaeae;
}

#links .link-list .img-link {
    float:left;
    width:92px;
    text-align:center;
}

#links .link-list .text-link {
    padding:0px;
    margin:0 0 0 102px;
}

#accordion h3.domanda {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    cursor: pointer;
    color:#967117;
}

#accordion .risposta {
    border-bottom:1px dotted #aeaeae;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}

#location #sbox-content { background-color: #dfd5b0; }

#location #description {
    line-height: 140%;
    font-size: 90%;
    padding: 0 1em;
}

#location #description h3 {
    margin-left: 0;
    padding: .6em 0 0 0;
}

#location #map { float: right; }

#photogallery #content ul li, #matrimoni #content ul li {
    float: left;
    margin: 0 5px 0 0;
}

#photogallery #content ul li img, #matrimoni #content ul li img { border: 1px solid #aeaeae; }

#photogallery #content ul li img:hover, #matrimoni #content ul li img:hover { border: 1px solid #ffffff; ; }

#dove-siamo #content { width: 540px }

/* Classes */
.errore {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 35px;
    line-height: 150%;
    text-align: center;
}

.errore h2 {
    color: #c00;
    font-size: 150%;
    padding: 4px;
}

.contacts {
    width:243px;
    float:left;
    padding:0 20px 0 0;
}

.contacts .img-list {
    width:231px;
    height:140px;
    border:1px solid #aeaeae;
    margin:0 0 10px 0;
}

.contacts ul {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

.contacts ul li {
    padding:0px;
    margin:0 0 10px 0;
}

.brochure {
    width:243px;
    float:left;
    padding:0 20px 0 0;
}

.brochure .img-list {
    width:211px;
    height:140px;
    border:1px solid #aeaeae;
    margin:0 0 10px 0;
}

.brochure ul {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

.brochure ul li {
    padding:0px;
    margin:0 0 10px 0;
}

.events {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px dotted #aeaeae;
}

.events .hotel {
    float:right;
    padding:2px;
    border:1px solid #aeaeae;
    background-color:#c4b078;
}

.events .date { font-weight:bold; }

.events .title {
    font-family:"Times New Roman", Times, serif;
    font-size:21px;
    padding:5px 0 8px 0;
}

.events .text { }

#reservation {
    width: 150px;
    float: right;
    background: url(../img/reservation-form-bg.gif) 4px top no-repeat;
}

#reservation h3 {
    color: #2a261b;
    font-family: "Times New Roman", Times, serif;
    font-size: 100%;
    padding: 5px 6px 20px;
    font-weight: bold;
}

#reservation p {
    padding: 0 0 10px 5px;
    clear: left;
    overflow: hidden;
    display: block;
    zoom: 1;
}

.myinput {
    padding: 0;
    font-size: 80%;
    width: 40px;
}

#reservation label {
    float: left;
    padding-right: 3px;
}

#reservation select { border:1px solid #93806c; }

#reservation label span {
    color: #967117;
    display: block;
    font-size: 90%;
    font-weight: bold;
    padding-left: 2px;
}

#reservation #gg, #reservation #mm, #reservation #aa { }

#reservation .submit {
    background:  url(../img/form-button.gif) left top no-repeat;
    width: 134px;
    height: 24px;
    color: #93806c;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    padding: 2px 0;
}

#forminterne {
    margin:10px 0 20px 0;
    display:block;
    height:68px;
    background-image:url(../img/bgform.gif);
    background-repeat:repeat-x;
    position: relative;
    width: 100%;
}

#forminterne h3 {
    padding:12px 0 0 0;
    margin:0 0 7px 5px;
}

#forminterne form { padding:8px 0 0 4px; }

#forminterne p {
    float:left;
    padding:0 8px 0 0;
}

#forminterne p span { color:#8e7126; }

#forminterne p label {
    margin:0px;
    padding:0px;
}

#forminterne input, #forminterne select { border:1px solid #93806c; }

#forminterne .submit {
    background-color:#e6ddbd;
    color:#8e7126;
    width: auto;
}

#footer a { font-weight: normal; }

#footer #footerhotels { padding:7px 0 0 0; }

#footer #footerhotels span {
    float:left;
    margin:0 20px 0 0;
    padding:0 0 20px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

iframe {
    border: 1px solid #AEAEAE;
    width: 538px;
    height: 350px;
}

a.current { color: #042271 }

#ti_forecast { display: none; }

#forecast {
    width: 99%;
    font-size: 110%;
    border-collapse: collapse;
    text-align: center;
    margin: 0 0 0 1px;
    background: #e5dcbd url(../img/bgform.gif) 0 100% repeat-x;
}

#forecast .min-max { border-bottom: 3px solid #AEAEAE; }

#forecast td, #forecast th {
    margin: 0;
    padding: 2px;
    border: 1px solid #AEAEAE;
    vertical-align: middle;
}

#forecast td.img { padding: 2px; }

#forecast td.img img { border: none; }

#forecast td.tmin { white-space: nowrap; }

#forecast td.tmax { white-space: nowrap; }

#ti_forecast {
    margin: 1px 0;
    padding: 1px;
}

#ti_forecast a { font-weight: 700; }

#sidebar { padding-top: 55px; }

#sidebar h3 {
    font-size: 16px;
    background-color: #CFB883;
    padding: 3px 6px;
    margin:0;
    border-top: 1px solid #aaa;
}

#sidebar ul {
    margin: 0 0 10px 0;
    padding: 6px 0 6px 10px;
    background: #e1d4af /*url(../img/bgform.gif) 0 100% repeat-x*/;
    border-bottom: 3px solid #aaa;
}

#sidebar ul li {
    font-size: 12px;
    line-height: 14px;
    padding-left: 20px;
    text-align: left;
}

#sidebar .schede li {
    background: url(../img/icons/arrow.gif) 3px 2px no-repeat;
    margin-bottom: 2px;
}

#sidebar .links li { padding-bottom: 6px; }

#sidebar .links li.link { background: url(../img/icons/link.gif) 0 4px no-repeat; }

#sidebar .links li.download { background: url(../img/icons/pdf.gif) 0 0 no-repeat; }

.links li {
    margin-bottom: 3px;
    padding-left: 20px;
    background: url(../img/icons/link.gif) 0 4px no-repeat;
}

#rightelem .img-right {
    margin:0;
    padding:0;
    border:0;
}

.img-right, .img-left {
    position: relative;
    overflow: hidden;
}

.enlarge {
    background: url(../img/enlarge.png) 50% 50%;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}

.enlarge span {
    color:#fff;
    left:0;
    position:absolute;
    text-align:center;
    top:95px;
    width:100%;
    text-decoration:none !important;
    border:0;
    font-weight:400;
}

#badge {
    width:132px;
    height:122px;
    border:1px solid #c4b27a;
    overflow:hidden;
    margin-left:5px;
}

#badge div { margin:-2px 0 0 -34px; }

.print {
    float: right;
    font-size: 1.1em;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    text-decoration: none;
    font-weight: normal;
    text-indent: 99em;
    background: url(../img/icons/print.gif) 0 0 no-repeat;
}

.input{
    display: list-item;
    width: 150px;
}

#privacy{
    padding: 7px;
    background-color: #fff;
}

.log {
    padding: .2em .5em;
    margin-bottom: .5em;
    border: 1px solid #666;
    background-color: #f7f7f7;
}

.log.success {
    background-color: #cfc;    
    border: 1px solid #9c9;
}

.log.warning {
    background-color: #ffc;    
    border: 1px solid #cc6;
}

.log.error {
    background-color: #fcc;    
    border: 1px solid #c66;
}