@charset "utf-8";
/* CSS Document */

* {text-align: center; margin: 0; padding: 0; line-height: normal}
a:link {color: #78756c; text-decoration: underline}
a:active {color: #78756c; text-decoration: underline}
a:visited {color: #78756c; text-decoration: underline}
a:hover {color: #000; text-decoration: none}
.none {display: none; visibility: hidden}
.both {clear: both}

body {background: #fff url(../img/top-background.gif) repeat-x 0 0; font-size: 110%; font-family: "Arial", sans-serif; text-align: center}

h1 {display: none}

#layout {position: relative; width: 940px; margin: 0 auto}
#top-middle {background: #f39f00 url(../img/top-middle-right.gif) no-repeat 100% 0; width: 940px; height: 172px; display: block; clear: both; position: relative; top: 120px}
#top-middle h2 {color: #fff; position: relative; font-size: 90%; text-align: left; top: 18px; left: 24px; width: 240px; height: 25px;}
#top-middle h2 span {background: url(../img/stepan_soukenik.gif) no-repeat 0 0; width: 240px; height: 25px; display: block; z-index: 1; position: absolute; top: 0; left: 0}
#top-middle h3 {display: none}
#top-middle p {text-align: left; color: #fff; font-size: 82%; padding: 5px 24px; height: 16px; margin-top: 18px;  clear: both; display: block}
#top-middle p.sub {padding: 7px 24px; white-space: nowrap; margin-top: 8px; background: #e28000; width: 495px; height: 16px;  clear: both; display: block}

#middle {position: relative; top: 128px; width: 940px; display: block; clear: both}
.ref {width: 292px; height: 350px; margin: 15px 15px 15px 6px; padding: 0; float: left; display: block}
.ref h4 {text-align: left; font-size: 90%; padding-left: 18px; text-transform: uppercase; font-weight: normal; color: #111}
.ref p {text-align: left; font-size: 72%; padding-left: 18px; padding-top: 2px; color: #7B786E; white-space: nowrap}
.ref img {padding: 3px !important; border: 1px solid #d4cfbe; margin-top: 5px}
.focus {display: none}
.datum {display: none}
.offline {display: none}
.paint .ref .datum {display: none}
.design .ref .datum {display: none}

ul#menu {display: none}


#pata {clear: both; width: 940px; position: relative; height: 30px; display: block}

#pata p {text-align: left; font-size: 70%; float: left; width: 480px; padding: 5px 15px 10px; color: #a4a093}
.right {float: right !important; text-align: right !important; width: 200px !important}
#pata img {border: 0}