body { color: #e6e6e6; font-size: 16px; font-family: "Times New Roman", Georgia, Times, serif; background-color: #000; background-image: url(images/interface/bg.jpg); background-repeat: repeat-x; background-position: 50% 0; text-align: center; margin: 0; }
a:link { color: #818181; text-decoration: none; cursor: pointer; }
a:visited { color: #818181; text-decoration: none; cursor: pointer; }
a:hover { color: #1d87ba; text-decoration: underline; cursor: pointer; }
a:active { color: #818181; text-decoration: none; top: 0; left: 0; cursor: pointer; }
#wrapper { background-image: url(images/interface/bg-sx.gif); background-repeat: repeat-y; background-position: 18px 389px; text-align: left; width: 970px; margin-right: auto; margin-left: auto; }
#header-top { background-image: url(images/interface/header-bg.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 970px; height: 99px; clear: both; }
h1#logo { position: absolute; top: 0; left: 0; width: 204px; height: 99px; overflow: hidden; margin: 0; padding: 0; }
h1#logo span { background-image: url(images/interface/logo-hotel-monaco.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0; width: 204px; height: 99px; margin: 0; padding: 0; display: block; }
h1#logo span a { position: absolute; top: 0; left: 0; display: block; width: 204px; height: 99px; margin: 0; padding: 0; }
#icone-top { position: absolute; top: 0; right: 0; width: 86px; height: 99px; margin: 0; padding: 0; display: block; }
#menu { background-color: #000; width: 100%; height: 33px; clear: both; }
#monoslideshow { background-image: url(images/interface/header-img.jpg); background-repeat: no-repeat; background-position: 0 0; width: 100%; height: 257px; clear: both; }
#contenuti { position: relative; width: 970px; z-index: 100; float: none; clear: both; }
#sottomenu { width: 100%; height: 37px; clear: both; }
#sottomenu-sx { background-image: url(images/interface/bg-sx-top.gif); background-repeat: no-repeat; background-position: 18px 0; width: 318px; height: 37px; float: left; clear: left; margin: 0; padding: 0; }
#sottomenu-dx { background-image: url(images/interface/submenu-bg.gif); background-repeat: no-repeat; background-position: 0 0; width: 574px; margin: 0; padding: 0 0 0 78px; height: 37px; float: left; clear: right; }
#col-sx { width: 318px; float: left; clear: left; margin: 0 79px 0 0; padding: 0 0 0 18px; position: relative; z-index: 99; min-height: 328px; }
#col-sx-top { background-image: url(images/interface/bg-sx-top.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 318px; height: 37px; display: block; }
#col-sx-contenuto { position: relative; width: 300px; z-index: 100; padding-bottom: 30px; }
#col-sx-contenuto a { color: #222;  }
#col-sx-contenuto p { color: #222; margin-right: 10px; margin-left: 10px; }
#col-sx .filettobianco { margin-bottom: 15px; border: solid 1px #fff; }
#col-sx-bottom { background-image: url(images/interface/bottom-sx.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 18px; bottom: 0; width: 300px; height: 106px; z-index: 98; display: block; }
#col-dx { background-color: #000000; margin: 30px 0 0; padding: 0; width: 500px; float: left; clear: right; }
#col-dx p { line-height: 20px; text-align: justify; }
h2#titolo { position: relative; width: 100%; height: 38px; overflow: hidden; margin: 0 0 20px; padding: 0; }
h2#titolo span {background-color: #000000; position: absolute; top: 0; left: 0; width: 100%; height: 38px; margin: 0; padding: 0; display: block; }
.filettobianco { margin-bottom: 5px; border: solid 1px #fff; display: block; }
.chiusura { font-size: 0; line-height: 0; width: 100%; height: 0; float: none; clear: both; }
#footer { background-color: #000000; text-align: left; width: 970px; height: 100px; z-index: 99; float: none; clear: both; margin: 0 auto; padding: 0; }
#footer-sx { font-size: 12px; width: 805px; float: left; clear: left; margin-top: 10px; margin-bottom: 10px; }
#footer-dx { width: 150px; float: left; clear: right; margin-top: 12px; margin-left: 10px; }
.all-sx { float: left; clear: left; margin-right: 10px; }
.all-dx { margin-left: 10px; float: right; clear: right; }
.testopiccolo { color: #7b7d7d; font-size: 14px; }
a.zoom, a:hover.zoom { text-decoration: none; position: relative; display: block; }
#col-dx a.zoom, #col-dx a:hover.zoom { text-decoration: none; position: relative; display: compact; }
a.zoom span { background-image: url(images/interface/lente.png); background-repeat: no-repeat; text-decoration: none; position: absolute; right: 4px; bottom: 5px; width: 32px; height: 32px; cursor: pointer; }
/* menu*/
.menu { width: 100%; margin: 0; padding: 0; list-style: none inside; }
.menu li { float: left; margin: 0; padding: 0; list-style: none inside; }
.menu li a { position: relative; overflow: hidden; }
.menu li a span { position: absolute; top: -100px; overflow: hidden; }
/* icone header */
a.email
{ background-image: url(images/interface/email.gif); width: 44px; height: 99px; overflow: hidden; display: block; }
a.email:hover
{ background-image: url(images/interface/email-.gif); width: 44px; height: 99px; }
a.homepage
{ background-image: url(images/interface/home.gif); width: 42px; height: 99px; overflow: hidden; display: block; }
a.homepage:hover
{ background-image: url(images/interface/home-.gif); width: 42px; height: 99px; }
/* bandierine footer*/
.linguaggi { margin: 0; padding: 0; list-style: none inside; }
.linguaggi li { float: left; margin: 0 10px 0 0; padding: 0; list-style: none inside; }
.linguaggi li a { position: relative; overflow: hidden; }
.linguaggi li a span { position: absolute; top: -70px; overflow: hidden; }
a.ita
{ background-image: url(images/interface/ita.gif); width: 20px; height: 25px; display: block; }
a.ita:hover
{ background-image: url(images/interface/ita-.gif); width: 20px; height: 25px; }
a.eng
{ background-image: url(images/interface/eng.gif); width: 20px; height: 25px; display: block; }
a.eng:hover
{ background-image: url(images/interface/eng-.gif); width: 20px; height: 25px; }
a.deu
{ background-image: url(images/interface/deu.gif); width: 20px; height: 25px; display: block; }
a.deu:hover
{ background-image: url(images/interface/deu-.gif); width: 20px; height: 25px; }
a.ost
{ background-image: url(images/interface/ost.gif); width: 20px; height: 25px; display: block; }
a.ost:hover
{ background-image: url(images/interface/ost-.gif); width: 20px; height: 25px; }
a.fra
{ background-image: url(images/interface/fra.gif); width: 20px; height: 25px; display: block; }
a.fra:hover
{ background-image: url(images/interface/fra-.gif); width: 20px; height: 25px; }

