@charset "UTF-8";
/* CSS Document */
body { background: #e4cfa8 url(images/bg-wrapper.jpg) repeat-x top; font-family: Arial, Helvetica, tahoma, sans-serif; font-size: 11pt; line-height: 100%; margin: 0 auto; padding: 0; text-align: center }
.clearfix { clear: both }
#wrapper { width: 980px; text-align: left; margin: 0 auto; padding: 0 }
#header { height: 479px;width: 980px; position: relative; }
#header .logo { float: left; display: inline; width: 284px;  }
#header .logo .top { height: 102px; display: block }
#header .logo .bottom { width:284px; height: 377px; display: block; background: url(images/bg-left.jpg) no-repeat  }
#header .logo .bottom-b { height: 27px; display: block; background: url(images/bg-left2.jpg) no-repeat top; padding: 56px 0 0 }
#header .main { float: left; width: 675px }
#header .main .top { height: 72px; display: block }
#header .main .bottom { height: 407px; display: block }
#header .main .bottom-b { height: 27px; display: block; background: url(images/header2.jpg) no-repeat top left; padding: 56px 0 0 }
#header .main .bottom-b h2 { margin: 0 0 0 32px; padding: 0; }

#header .bottom a.request { background: url(images/request.gif) no-repeat center left; width: 218px; height: 46px; display: block; position: absolute; margin-top: 252px; margin-left: 66px }
#header .bottom a.request:hover { background-position: center right; width: 218px; height: 46px; display: block }
#content { background: url(images/bg-content.jpg) no-repeat top center;   height: auto !important; height: 180px; min-height: 180px; line-height: 120%; color: #1e0f04; margin: 0 62px 0 24px; padding: 24px 0  }
#content h2 { color: #632e08; font-weight: normal; font-size: 18pt; margin: 0 0 20px 0; padding: 0; line-height: 19pt }
#content p { margin: 0; padding: 0; }
#content .cont-left { width: 220px; float: left; padding: 0 30px }
#content .cont-left span.subtitle { display: block; font-size: 10pt; color: #000 }
#content .cont-right { width: 580px; float: right; margin-right: 22px }
#footer { background-color: #291305; padding: 20px 0; margin: 42px 0 0; color: #eedcba; line-height: 110% }
#footer .footer-menu { display: inherit; font-size: 9pt }
#footer .footer-menu a { color: #eedcba; text-decoration: none; text-transform: uppercase; font-weight: bold }
#footer .footer-menu a:hover { color: #fff; text-decoration: none; }
#footer  a.white, #footer  a { color: #fff; text-decoration: underline; font-weight: bold }
#footer  a.white:hover, #footer  a:hover { color: #fff; text-decoration: none; }

.menu { background: url(images/bg-menu.gif) no-repeat; width: 652px; height: 72px }
.menu ul { padding: 0 0 0 14px; margin: 0; list-style: none }
.menu ul li { display: inline; padding: 0 }
.menu ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-family: tahoma, sans-serif }
.menu ul li a img { border: none }
.menu ul li.mn-home a { background: url(images/mn0.gif) no-repeat center left; width: 60px; height: 55px; display: block;  float: left }
.menu ul li.mn-home a:hover { background-position: center right; width: 60px; height: 55px; display: block }
.menu ul li.mn-gli-appartamenti a { background: url(images/mn1.gif) no-repeat center left; width: 170px; height: 55px; display: block; float: left }
.menu ul li.mn-gli-appartamenti a:hover { background-position: center right; width: 170px; height: 55px; display: block }
.menu ul li.mn-il-territorio a { background: url(images/mn2.gif) no-repeat center left; width: 128px; height: 55px; display: block; float: left }
.menu ul li.mn-il-territorio a:hover { background-position: center right; width: 128px; height: 55px; display: block }
.menu ul li.mn-dove-siamo a { background: url(images/mn3.gif) no-repeat center left; width: 119px; height: 55px; display: block; float: left }
.menu ul li.mn-dove-siamo a:hover { background-position: center right; width: 119px; height: 55px; display: block }

.menu ul li.mn-contatti a { background: url(images/mn4.gif) no-repeat center left; width: 102px; height: 55px; display: block; float: left }
.menu ul li.mn-contatti a:hover { background-position: center right; width: 102px; height: 55px; display: block }
.gallery { padding: 0 0 26px 0 }
.gallery ul, .listings ul { margin: 0; padding: 0; list-style: none }
.gallery ul li { display: inline; padding: 0; margin: 0 }
.gallery ul a img { width: 108px; height: 76px; border: 2px #583012 solid }
.gallery ul a:hover img { border: 2px #fff solid }
.listings ul a img { width: 108px; height: 76px; border: 2px #583012 solid; margin-right: 12px; float: left }
.listings ul li { padding: 0 12px; }
.listings ul li h3 { color: #632e08; font-weight: normal; font-size: 12pt; margin: 0 0 8px 0; padding: 0 }
.listings ul li h3 a, .listings ul li a { color: #632e08; text-decoration: none }
.listings ul li h3 a:hover, .listings ul li a:hover { color: #000; text-decoration: underline }
.listings ul li .separator { clear: both; width: 710px; padding: 56px 0 0 0; background: url(images/hr.gif) no-repeat center; margin: 0 auto; text-align: center }
.frame-map { border: 2px #583012 solid }
.feature span { display: block; border-bottom: 1px #c0a681 solid; padding: 3px 0 }
.feature span strong { width: 140px; display: block; float: left }
#content .cont-left form { border: 1px #c0a681 solid; padding: 8px 12px }
table td { vertical-align: top }
p.back { clear: both; text-align: center; margin: 8px 0 }
p.back a { color: #632e08; font-weight: bold; font-size: 14px }
.special-features a { color: #632e08; text-decoration: none; font-size: 13px }
.special-features a:hover { color: #632e08; text-decoration: underline }

.form-one input { padding: 2px; font-size: 13pt; border: 1px #999 solid; margin: 0 0 8px 0 }
.form-one label { display: block; width: 140px; float: left; margin: 0 0 8px 0 }
.form-one select { padding: 1px; font-size: 13pt; border: 1px #999 solid; }