/* 
#181107 ------ brown body
#fcf7ef ------ giallino original 
#e83023 ------ rosso arancio
#cfc9c0 ------ marroncino border
#0e441c ------ verdone
#EEEBDA ------ grigietto original
*/


html, body { margin:0; padding:0;}
body { background:#181107; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:150%; }


/*           header          */
#header-wrapper { background:url(bg-header.jpg) repeat-x; width:100%; height:150px; }
#header { margin:0 auto; padding:0; width:900px; position:relative;}

#header h2 { font-size:0.8em; text-transform:uppercase; float:left; font-family: Georgia, "Times New Roman", Times, serif; width:400px; color:#655847; margin-top:3em; letter-spacing:1px;  text-align:left; padding-left:3em; line-height:150%; }

h1 { margin:0; padding:0; width:400px; text-indent:-3000px; float:left; }
h1 a { margin:0; padding:0; background:transparent url(logo.jpg) no-repeat; display:block; width:400px; height:90px; }
h1 a:hover { margin:0; padding:0; background-position:0 100%; display:block; width:400px; height:90px; }


#lang { position: absolute; top:10px; right:20px; font-size:0.8em; }
#lang a, #lang a:hover { background-repeat:no-repeat; background-position:0 center; padding-left:20px; margin-left:15px; color:#b1a38e; }
#lang a:hover  {color:#e83023;}
#lang a.eng { background-image: url(eng.gif); }
#lang a.ita { background-image: url(ita.gif); }


/* ------------------------ menu ---------------------------------- */

#navigation { margin:20px 0 0 0; padding:0 0 0 30px; float:right; width:100%; }
#navigation ul { margin:0; padding:0; list-style-type:none; list-style-image:none; list-style-position: outside; float:right; }
#navigation ul li { margin: 0; padding:0; display:inline; font-family: Georgia,"Times New Roman",Times,serif; font-size:0.9em; line-height:14px; }
#navigation ul li a { margin:0 0 0 4px; padding:0 0 0 9px; background:transparent url(menu-left.gif) no-repeat scroll left top; display:block; float:left; }
#navigation ul li a span { padding:4px 9px 9px 0px; background:transparent url(menu-right.gif) no-repeat scroll right top; display:block; float:right; }
#navigation ul li a span { float:none; color:#b1a38e; }
#navigation ul li a:hover span, #navigation ul li a.selected span { color:#b1a38e; }
#navigation ul li a:hover, #navigation ul li a.selected { background-position:0% -33px; color:#FFFFFF; }
#navigation ul li a:hover span, #navigation ul li a.selected span { background-position: 100% -33px; color:#FFFFFF; }

/* ------------------------ footer ---------------------------------- */
#footer-wrapper { margin:0; padding:0; background:transparent url(bg-footer.jpg) repeat-x; clear:both; width:100%; float:left; height: 150px; }
#footer { margin:0 auto; padding:0; width:900px; }
#footer p { margin:1.8em 0 0 0; padding:0; color:#b1a38e; text-align:center; }
#footer p a { color:#b1a38e; padding:0 0.5em; }
#footer p a:hover { color:#e83023; }
#footer p.sub-footer { margin-top:4em; font-size:0.9em;}



#container { padding:0; background:#F7EAB6 url(bg-container.jpg); width:100%; position:relative; float:left; }

.intro-wrapper { margin:0; padding:0; background:#EEEBDA url(bg-intro.jpg) repeat-x; width:100%; float:left; }

.intro-bottom { margin:0 auto; background:transparent url(bg-bottom-intro.jpg) no-repeat scroll center bottom; height:180px; }

.intro { margin:0 auto; padding: 0; width:900px; height:164px; background:url(acquarello.jpg) no-repeat top right; }

.intro h2 { margin:1.2em 0 0.3em 0; padding:0; float:left; width:650px; color:#46361f; font-size:1.8em; font-style:italic; line-height:150%; position:relative; text-align:left; }

.intro p { float:left; width:480px; text-align:right; font-size:0.9em; font-family:Georgia, "Times New Roman", Times, serif}

.intro p a:hover { color:#e83023; }

#content-wrapper { margin:0 auto; padding:0 0 3em 0; width:900px; background:url(bg-content-wrapper.jpg) no-repeat center bottom; text-align:left;}

.content { float:left; width:620px; }
.content p, .sidebar p { color:#46361f; }
.content ul { margin: 0pt; padding: 0pt; color:#46361f; list-style-type: none; list-style-image: none; list-style-position: outside; }
.content ul li { margin: 0pt; background: transparent url('../bullet1.gif') no-repeat scroll left 50%; line-height: 18px; padding-left: 18px; }
.content ol { padding: 0pt 0pt 0pt 1em; list-style-type: none; list-style-image: none; list-style-position: outside; }
.content ol li { background: transparent url('../link.gif') no-repeat scroll left 60%; line-height: 18px; font-size: 1.2em; padding-left: 25px; }
.content ol li a { display: block; color:#e83023; }
.content ol li a:hover { display: block; color:#e83023; }

.sidebar { float:right; width:250px; }


/* ------------- common elements ---------------------------------- */
h2, h3, h4, h5 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0;}
#content-wrapper h2 { margin:0.5em 0; padding:0; font-size:1.7em; color:#46361f; }

a { text-decoration:none; color:#e83023; }
a:hover { color:#0e441c;}
img { border:none ; }


p { margin: 0 0 0.4em 0; padding:0; text-align:left; font-size:1em; }

p.special:first-letter { color:#e83023; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}

ul, li { list-style-type:none; list-style-image:none; }
hr { clear:both; height:0; line-height:0; margin:0; border:0; visibility:hidden; padding:0; }
img { border:none; }
strong { color:#0e441c; font-family:Georgia, "Times New Roman", Times, serif; }
em {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#0e441c;}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center;}
.pagination { text-align:center; margin-top:1em;}

ul.list, .testo ul { margin:0 0.5em 1em 0.5em; padding:0; }
ul.list li, .testo ul li { padding:0 0 5px 16px; background: transparent url(bullet.jpg) no-repeat scroll 0 4px; clear:left; }


/* thumbs, labels, images */
span.foto { margin:10px 0 0 0; float:left; clear:both; padding:0 0 16px 0; background: url(shadows-thumbs.jpg) no-repeat bottom center; }
span.images { margin:15px 0 0 0; float:left; clear:both; padding:0 0 16px 0; background: url(shadows-images.jpg) no-repeat bottom center; }
ul.list span { float:right; margin-left:10px; padding:0 0 16px 0; background:url(shadows-labels.jpg) no-repeat bottom center; }

span.foto a img, span.images a img, ul.list span a img { margin:0; border:1px solid #cfc9c0; padding:2px; background:#fff; display:block; }

#frame-container { float:left; clear:both; margin:15px 0 10px 0;	padding:0 0 16px 0; background: url(shadow-map.jpg) no-repeat bottom center; }
#frame-wrapper { padding:2px; background:#fff; border:1px solid #cfc9c0; }
#map { margin:0; clear:both; width: 610px; height:300px; }

#slide-images{ position:relative; display:block; margin:0px; padding:0px; width:600px; height:300px; overflow:hidden; clear:both; }
#slide-images li{ position:absolute; display:block; list-style-type:none; margin:0px; padding:0px; background-color:#FFFFFF; }
#slide-images li img{ display:block; background-color:#FFFFFF; }

/* --------------------------------- CONTATTI / PRENOTAZIONI --------------------------- */
form { width: 800px; float: left; clear: both; margin:1em 0; }
form fieldset div { padding: 0em 0 1em 0; float: left; display: inline; width: 400px; }
label { cursor: pointer; padding-right: 10px; width: 120px; display: block; float: left; text-align: right; }
fieldset { border:none; padding:0; margin:0; }
legend { margin:0; padding:0 0 15px 140px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#0e441c; }
input, textarea { border: 1px solid #cfc9c0; padding:2px; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:220px; background-color:#f7f7e9; }
textarea { overflow:auto; width:620px; }
input:focus, textarea:focus, input.sffocus, textarea.sffocus { border-color:#181107; background-color:#FFFFFF; }
form div.textarea { clear: both; width: 800px; float: left; }
.button { margin:0 0 0 140px; clear: both; }
.button input { font-size:1.1em; border:0; padding:0; height: auto; float: left; width: auto; background:none; cursor:pointer; color:#e83023; }
.button p { margin:0; float:right; padding-right:4em;  }

ul#error { border:1px solid #181107; float:left; margin-left:100px; padding:10px; }
ul#error li {padding:0 0 0 15px; background: transparent url(bullet.jpg) no-repeat 0 center; list-style-type: none; }

.info { width:70%; margin:1.5em auto 0 auto; }
.address { float:left; width:49%; }
.phone { float:right; width:49%;}


/* NEWS e ARTICOLO */
.articolo { float:left; width:100%; margin:0.5em 0; }
.content-articolo { float:left; width:650px; }
.sidebar-articolo { float:left; width:180px; margin-right:1em; }
.thumbs { margin:0; float:right; clear:both; padding:0 0 16px 0; background: url(shadows-thumbs.jpg) no-repeat bottom center; }
span.thumbs a img { margin:0; border:1px solid #cfc9c0; padding:2px; background:#fff; display:block; }
.articolo h3 { margin:0 0 0.5em 0; padding:0; font-size:1.5em; color:#0e441c; }
.articolo h3 a { color:#0e441c; }
.articolo h3 a:hover { color:#e83023; }

.datetime, .datetime .day-month, .datetime .year { display:block; text-align:center; margin:0 auto; font-size:x-small; }
.datetime { border:1px solid #cfc9c0; width:4.5em; margin:0.5em 1em 0 0; float:left; background:#EEEBDA; padding:0.1em 0.1em 0 0.1em; }
.datetime .day-month { background-color:#655847; color:#EEEBDA; text-transform: uppercase; }
.datetime .year { color:#655847; }

.articolo-thumbs { margin:1.2em 1.2em 0 0; float:left; padding:0 0 16px 0; background: url(shadows-thumbs.jpg) no-repeat bottom center; }
span.articolo-thumbs a img { margin:0; border:1px solid #cfc9c0; padding:2px; background:#fff; display:block; }