@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: #02390c;
}

/* Layout */

#container { width: 100%; }

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

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

#logo {
    float: left;
    width: 255px;
    height: 67px;
    margin-top: 48px;
    margin-left: 51px;
    margin-bottom: 195px; /*151px*/
	text-indent: -999em;
}

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

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

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

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

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

#contatti #content, #location #content, #brochure #content, #photogallery #content, #matrimoni #content { width: 790px; }

#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: #02390c; }

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

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

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

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

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

#hotels {
    width: 655px;
    height: 320px;
    float: left;
}

#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;
}
#sidebar h1, #sidebar ul li h2, #sidebar h3, #sidebar h4 {
    margin-left: 0;
    padding-top: 3px;
    font-weight:bold;
    color:#2d2b23;
    font-family:"Times New Roman", Times, serif;
	font-size:15px;
}
#sidebar ul {
	margin-bottom:20px;
	margin-left:0;
}
#sidebar ul li a {
	font-size:13px;
	width:95%;
	padding:4px;
	border-top:1px dotted #aeaeae;
	display:block;
}
#sidebar label {
	display:none;
}
#sidebar form #s {
	border:1px solid #aeaeae;
	padding:2px;
}
#sidebar form #searchsubmit {
	border:1px solid #aeaeae;
	padding:2px;
	background-color:#fff;
}

#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 */
#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;
}

#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; ; }

/* 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: 140px;
    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: 15px 0 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: 39px;
}

#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 6px 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;
}