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

* {margin: 0; padding: 0; border: none}
body {background: #440f01; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #1a171b}
#outerContainer {background:url(../images/design/body.jpg) repeat center top}
#header {background:url(../images/design/header.jpg) no-repeat top center; height: 230px}
#innerContainer {height: 100%; min-height: 200px; width: 1008px; margin: auto}
#footer {background:url(../images/design/footer.png) repeat-x top center; height: 160px; clear: both; position: relative}

a {color: #523413}
a:hover {text-decoration: none}

#rightCol {float: right}
#rightCol .box {width: 234px; height: 100%; min-height: 150px; background: url(../images/design/polickaPrava.png) no-repeat bottom; padding-bottom: 58px}
#rightCol .ad {width: 223px; height: 232px; background:url(../images/design/ad200.jpg); position: relative; margin: 40px auto 30px auto}

#leftCol {float: left}
#leftCol .box {width: 270px; height: 100%; min-height: 150px; background: url(../images/design/polickaLeva.png) no-repeat bottom; padding-bottom: 57px}
#leftCol .ad {width: 223px; height: 232px; background:url(../images/design/ad200.jpg); position: relative; margin: 40px auto 30px auto}

#leftCol .ad a, #leftCol .ad div, #rightCol .ad a, #rightCol .ad div {display: block; width: 201px; height: 201px; top: 9px; left: 11px; background: #000; position: absolute; color: #666}

.ad h2 {position: absolute; top: -24px; right: 0px}
.box {position: relative}
.box .submenu {position: absolute; bottom: 0px; height: 40px; width: 100%; margin: auto}
.box .submenu a {display: block; width: 133px; height: 20px; position: relative; margin: auto; background: url(../images/design/underButton.png); text-align: center; text-decoration: none}
.box .submenu a:hover {background: url(../images/design/underButtonHover.png)}
.box .submenu a span {position: relative; font-size: 11px; font-style: italic; max-width: 100px; overflow: hidden; top: 2px}
.box h2 {text-align: center}
.box .autor {font-size: 14px; display: block; margin: 0 15px}
.box h3 {font-size: 18px; font-weight: bold; padding: 0 0 7px 0; margin: 0 15px; color: #523413}
.box h2 {font-size: 18px; font-weight: bold; padding: 0 0 7px 0; margin: 0 5px; color: #523413}
.box h2.noPadding {padding: 0}
.box p {line-height: 14px; margin: 0 15px; padding-bottom: 10px}
.box .imageHolder {background: url(../images/design/label-empty.jpg) no-repeat 146px 0; position: relative; padding-top: 25px; text-align: center}
.box .imageHolder span {position: absolute; text-align: right; width: 100px; top: 6px; left: 100px; font-size: 14px; color: #523413}
.box .centerMail {text-align: center; display: block; font-weight: bold; padding-bottom: 10px}
.box .address {font-weight: bold; text-align: right; background: url(../images/design/adresa.png); position: relative; width: 270px; height: 98px}
.box .address p {position: absolute; top: 15px; right: 0}
.box .recommend {width: 234px; height: 67px; background: url(../images/design/recommend.png); position: relative}
.box .recommend a {display: block; position: absolute; top: 9px; left: 18px}
.box .inzerujte {width: 234px; min-height: 95px; background: url(../images/design/inzerujte.png) no-repeat bottom}
.box .hovering {position: absolute; right: 25px; top: -26px}

#content {padding: 0 0 0 35px}
#content .contentHolder {background:url(../images/design/contentShadow.png) repeat-y center top; width: 494px; margin: auto}
#content .header {background: url(../images/design/contentTop.png) no-repeat bottom center; width: 494px; height: 20px; margin: auto}
#content .footer {background: url(../images/design/contentBot.png) no-repeat top center; width: 494px; height: 20px; margin: auto}
#content .content {background:url(../images/design/content.jpg) repeat-y top center; width: 474px; height: 100%; min-height: 300px; margin: auto}

.content p {margin: 0 20px; padding-bottom: 20px; line-height: 16px; font-size: 12px}
.content a {font-weight: bold}
.content h1 {background:url(../images/design/h1.png) repeat-x bottom; padding: 10px 0 33px 0}
.content h1 span {margin: 0 20px; font-size: 18px; color: #523413; display: block}
.content h2 {background: url(../images/design/h2.png) no-repeat top center; padding: 20px 0 15px 0; margin: 0 20px 0 20px; font-size: 16px; color: #523413}
.content ul {list-style: none; background: url(../images/design/ul.jpg) repeat-y left top; padding: 10px 0 5px 0}
.content li {margin-bottom: 5px; padding-left: 40px}
.content ul li {background: url(../images/design/li.gif) no-repeat left top}
.content .imageHolder {float: left; margin: 0 20px 10px 0; padding: 10px 20px; background:url(../images/design/cropper.jpg) repeat-y right top} 
.content .imageHolder img {max-height: 100px; border: 1px solid #e1cc9f }
.content .list {padding-bottom: 20px}

.content fieldset {padding: 10px; border: 1px solid #523413; background: #f4f4f4; margin: 10px}
.content fieldset tr td {vertical-align: top; padding: 10px 2px}
.content fieldset tr + tr td {border-top: 1px solid #bbaa99}
.content fieldset h3 {margin-bottom: 20px}
.content fieldset input, .content fieldset textarea {background: #fff; border: 1px solid #523413; padding: 2px 3px}
.content fieldset input[type="submit"] {background: #523413; padding: 10px 20px; border: inherit; color: #fff}
.content fieldset ul {list-style: none; background: none}

#menu {list-style: none}
#menu li {position: relative}
#menu li.active {left: 30px}
#menu li a {display: block; width: 229px; height: 26px; background: url(../images/design/menuNormal.jpg); position: relative; text-decoration: none; color: #f3ede4; font-size: 14px; font-style: italic}
#menu li.active a {background: url(../images/design/menuActive.jpg)}
#menu li a:hover {background: url(../images/design/menuHover.jpg)}
#menu li a span {position: absolute; left: 50px; top: 3px}

.hfContainer {width: 1000px; margin: auto; position: relative}
.hfContainer #logo {position: absolute; left: 30px; top: 30px}
.hfContainer .ad {position: absolute; left: 450px; top: 35px; background: url(../images/design/ad468.png); width: 488px; height: 89px}
.hfContainer .ad a, .hfContainer .ad div {display: block; width: 468px; height: 60px; top: 10px; left: 10px; background: #000; position: absolute}

#footer .hfContainer {position: relative; top: 70px; padding-left: 80px; color: #f6f6f6; font-size: 11px; background:url(../images/design/footerLogo.png) no-repeat left top}
#footer .hfContainer h2 {font-size: 12px; font-weight: bold; margin-bottom: 5px; position: relative; left: -15px} 
#footer .hfContainer a {color: #FFF}
#footer #design {position: absolute; right: 10px; top: 25px}