* { margin: 0; padding: 0; }

body { background: #faf6e6; color: #333; font-family: Verdana,sans-serif; font-size: 0.78em; }
p { line-height: 1.35em; margin-bottom: 1.2em; }
h1 { font-family: Georgia,Times,serif; margin: 0; font-size: 145%; color: #7c6f5f; padding-top: 8px; }
h2 { font-family: Georgia,Times,serif; margin: 0; font-size: 105%; clear: both; color: #7c6f5f; padding-top: 3px; }
a { color: #D37A26; }
.txt-shadow { color: #131C25; left: 1px; position: absolute; top: 1px; }
.lang-changer { position: absolute; top: 5px; width: 200px; height: 1%; right: 10px; text-align: right; font-size: 90%; }
.lang-changer a { color: #645900; }
.lang-changer a:hover { color: #000; }

/* splash */
body#splash { background: url(../img/page-bg.jpg) 50% 0 no-repeat; }
#splash div { position: absolute; width: 500px; height: 180px; margin-left: -250px; text-align: center; top: 50px; left: 28%; }
#splash div ul * { display: inline; font-size: 125%; }
#splash div li { margin: 0 10px; }
#splash div a { text-decoration: none; color: #887e6e; }
#splash div a:hover { text-decoration: none; color: #000; }
#splash div strong { width: 220px; height: 134px; margin: 10px auto; display: block; background: url(../img/logo-big.gif); text-indent: -999em; overflow: hidden; }

/* header */
#header { height: 90px; background: url(../img/header-bg.jpg) 0 0 repeat-x; }
#header #nav-wrapper { height: 39px; position: absolute; top: 31px; background: url(../img/nav-bg.gif) 0 0 repeat-x; width: 100%; left: 0; z-index: 98; }
#header #nav { list-style: none; height: 39px; position: relative; width: 1010px; margin: 0 auto; z-index: 2; }
#header strong { position: absolute; width: 167px; height: 102px; top: 5px; left: 47%; margin-left: -470px; background: url(../img/logo.gif); text-indent: -999em; overflow: hidden; z-index: 99; }

/*navigation */
#header #nav { line-height: 39px; z-index: 98; }
#header #nav .first { margin-left: 178px; }
#header #nav li { float: left; margin-left: 25px; }
#header #nav li a { z-index: 10; float: left; display: block; text-decoration: none; font-size: 16px; color: #887e6e; position: relative; padding-right: 10px; }
#header #nav li a span { left: 0; position: relative; top: 0; }
#header #nav li a:hover span { color: #000; }
#header #nav li a span.txt-shadow { color: #FFF; left: 1px; position: absolute; top: 1px; }
.footer { text-align: center; margin: 25px auto 0 auto; width: 1010px; padding: 15px 0; border-top: 1px solid #baa077; color: #897659; font-size: 98%; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; z-index: 99; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3.1em; left: -20px; /* match top ul list item height */ z-index: 100; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul .sf-sub-indicator { display: none; }
#header #nav .submenu li { border-bottom: solid 1px #aaa380; border-left: solid 1px #aaa380; border-right: solid 1px #aaa380; margin-left: 0; padding-left: 10px; width: 190px; background-color: #fbfbfa; }
#header #nav .submenu li a { font-size: 14px; }

/* Eventi */
.events { height: 348px; overflow: auto; margin-top: 10px; }
.events li { margin-bottom: 5px; }

#content { width: 1010px; margin: 0 auto; padding-top: 25px; }
/* slideshow */
#content .slideshow { position: relative; z-index: 1 !important; }
#content .slideshow, .slideshow-frame, .slideshow-content-overlay, .slideshow-content { height: 410px; }
.slideshow-frame { width: 300px; position: relative; }
.slideshow-content-overlay, .slideshow-content { position: absolute; top: 0; left: 0; width: 300px; }
.slideshow-content-overlay { background: #FFF; display: none; }
.slideshow-content { width: 280px; height: 390px; top: 10px; left: 10px; }
.slideshow-content .text { padding: 5px; }
#content .slideshow-side { position: absolute; right: 0; top: 0; width: 710px; height: 410px; }

/* slideshow */
#slideshow { margin-top: 15px; height: 542px; margin-left: 10px; position: relative; width: 1066px; }
#slideshow img { position: absolute; top: 0; left: 0; width: 1066px; height: 542px; }
#sub-text { position: absolute; background: #FFF; width: 100%; height: auto; bottom: 0; right: 0; text-align: right; }
#sub-text div { padding: 5px 30px 15px 30px; font-size: 110%; font-style: italic; font-family: Georgia,Times,serif; }
/* content */
#body { clear: both; width: 600px; }
#body-location { clear: both; width: 930px; }
#body-location { padding-top: 30px; }
#body-location .location-body { margin-left: 200px; }
#body-location .frame { clear: both; width: 900px; float: right; }
#body .photos-column { width: 220px; float: left; padding-top: 10px; text-align: right; padding-top: 30px; }
#body .photos-column img { margin-bottom: 45px; }
#body .text-column { width: 370px; float: right; padding-top: 10px; }
#body .text-column .frame { padding: 5px 10px; font-size: 105%; }
.column img { margin: 0 8px 8px 0; float: left; }

.incipit-text { font-size: 15px; font-style: italic; }

ul, li { list-style: none; margin: 0; padding: 0; }

.galleria { list-style: none; }
.galleria-list img { cursor: pointer; width: 55px; height: 50px; border: none; }
.galleria-list li { float: left; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: .5em; }
* html .galleria li div span { width: 400px; }
/* MSIE bug */

.caption { color: #888; position: absolute; top: 160px; left: 3px; width: 180px; }
.demo { position: relative; margin-top: 2em; }
.gallery_demo { float: left; }
.gallery_demo li { width: 55px; height: 50px; border: 3px double #eee; margin: 0 2px 2px 0; background: #eee; }
.gallery_demo li.hover { border-color: #bbb; }
.gallery_demo li.active { border-style: solid; border-color: #222; }
.gallery_demo li div { left: 240px; }
.gallery_demo li div .caption { font: italic 0.7em/1.4 georgia,serif; }

.galleria_container { margin: 0 auto 60px auto; height: 438px; width: 710px; float: right; }

.incipit { background-color: #fff; opacity: 0.7; position: absolute; top: 75px; width: 590px; padding: 20px 60px 10px 60px; text-align: justify; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.incipit p {filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; position: relative;}

.nav { padding-top: 15px; clear: both; }

.info { text-align: left; margin: 30px 0; border-top: 1px dotted #221; padding-top: 30px; clear: both; }
.info p { margin-top: 1.6em; }


.galleria_wrapper img { border: 2px solid #FFF; width: 710px; }
#content .portrait, #content .portrait .slideshow-side, .portrait .galleria_container, #content .portrait .slideshow-frame, #content .portrait .slideshow-content-overlay { height: 660px;}