/* Main CSS2 Document */
/* ------------------ */
* {padding: 0; margin: 0}
html {height: 100%}
body {background: #d8d8d8 url('body-background.png') repeat-x; font: 16px Arial, Calibri, Verdana, Tahoma, serif; color: #484848; width: 100%; height: 100%; position: relative}
html>body {min-height: 100%; height: auto}
.clear {clear: both}
.ta-center {text-align: center}
img {border: none}
a {color: #484848}
a:hover {text-decoration: none; color: black}
.wrapper-layer {position: absolute; top: 0%; bottom: 0%; left: 50%; background: url('columns-background.gif') center repeat-y; width: 996px; margin-left: -498px}
#wrapper {width: 996px; margin: 0 auto; position: relative; padding-bottom: 90px; background: url('columns-background.gif') repeat-y; /*min-height: 100%*/}
.no-relative {position: static!important}
.red {color: red}
input, textarea {font: 12px Arial, Calibri, Verdana, Tahoma, serif}

/* Logo */
#logo {display: block; position: absolute; width: 297px; height: 113px; top: 17px; left: 5px; background: url('logo-znak.png') no-repeat; z-index: 5; padding: 36px 0 0 50px; text-decoration: none}
.logo-other-text {color: #003f2a}

/* Header */
#header {background: url('body-background.png') repeat-x;}
.call-to-discuss {float: right; width: 100%; height: 105px; background: url('call-to-discuss.png') right no-repeat}
.main-menu {float: right; width: 828px; height: 43px; background: url('menu-right.png') right no-repeat; position: relative; z-index: 6}
.main-menu ul {list-style: none; margin-right: 9px}
.main-menu ul li {float: right; border-top: 1px solid #e3dcbc; background: url('menu-background.png') repeat-x; position: relative}
.main-menu ul li a {color: #484848; text-decoration: none; display: inline-block; padding: 0 12px; line-height: 42px; height: 42px; background: url('menu-delimiter.png') no-repeat}
.main-menu ul li a:hover {color: #937003}
.main-menu .menu-left {display: inline-block; float: right; width: 15px; height: 43px; background: url('menu-left.png') no-repeat; position: relative; left: 1px}
.slogan {height: 142px; position: relative; background: url('slogan.jpg') no-repeat}
.slogan span {position: absolute; top: -10000px}

#columns {background: url('columns-background.gif') repeat-y; padding: 20px 0 0 0}
/* Left */
#columns #left {display: inline-block; float: left; width: 248px; padding-left: 25px; padding-bottom: 30px}
#columns #left h2 {min-height: 39px; line-height: 39px; background: #d9d3c0 url('left-title-background.png') no-repeat; font-size: 20px; font-size: normal; padding: 0 10px}
#columns #left .item {border-top: 1px solid white; border-bottom: 1px solid #d9d3c0; background: #f2eddf; padding: 10px; font-size: 12px}
#columns #left .item .calender {width: 31px; height: 32px; overflow: hidden; background: url('calender.png') no-repeat; text-align: center; text-transform: uppercase; display: inline-block; float: left; font-size: 16px}
#columns #left .item .calender span {font: 8px Tahoma, Verdana, Arial, serif; color: white; text-align: center; display: block; padding-top: 4px; line-height: 4px}
#columns #left .item .link {display: inline-block; float: right; width: 188px}
#columns #left .item .link a {color: #046731; text-decoration: none}
#columns #left .item .link a:hover {text-decoration: underline}
#columns #left .item p {padding: 10px 0}
#columns #left .items-bottom {height: 11px; background: url('items-bottom.gif') no-repeat; position: relative; top: -5px; margin-bottom: 20px}
#columns #left .quote-block {background: #f2eddf url('quote-block-top.png') no-repeat; font-size: 14px; line-height: 20px; padding: 16px 10px 10px 50px}
.sidebar-menu {list-style: none}
.sidebar-menu li ul {list-style: none}
.sidebar-menu li {padding: 6px 6px 6px 33px; background: #f2eddf url('sidebar-menu-pix.gif') 15px 11px no-repeat; border-top: 1px solid white; border-bottom: 1px solid #d9d3c0}
.sidebar-menu li ul li {border: none; font-size: 12px; background: url('sidebar-submenu.gif') 15px 11px no-repeat}
.sidebar-menu li a {text-decoration: none}
/*.sidebar-menu li a:hover {color: #937003}*/

/* Right */
#columns #right {display: inline-block; float: right; width: 677px; padding-right: 25px; padding-bottom: 30px}
ul.icons {list-style: none}
ul.icons li {width: 161px; height: 56px; background: url('ico-background.png') no-repeat; float: left; margin-right: 11px}
ul.icons li:last-child {margin-right: 0}
ul.icons li .ico {width: 65px; height: 56px; text-align: center; display: inline-block; float: left; cursor: pointer}
ul.icons li .ico .ico-table {width: 65px; height: 56px; display: table; position: relative}
ul.icons li .ico .ico-table .ico-cell {display: table-cell; vertical-align: middle}
ul.icons li .text {padding: 8px; display: inline-block; float: left; width: 80px; height: 40px; font-size: 13px; line-height: 14px}
ul.icons li .text .text-table {width: 80px; height: 40px; display: table; position: relative}
ul.icons li .text .text-table .text-cell {display: table-cell; vertical-align: middle}
ul.icons li a {color: #484848; text-decoration: none; display: block}
ul.icons li a:hover {color: #937003}
ul.icons li a {cursor: pointer}
ul.icons li a span {cursor: pointer}
#columns #right h1 {font-size: 26px; color: #0f8f4a; font-weight: normal; margin-top: 20px}
#columns #right h2 {font-size: 26px; color: #0f8f4a; font-weight: normal; margin-top: 20px}
#columns #right h3 {font-size: 18px; color: #0f8f4a; font-weight: normal; margin-top: 20px}
.content p {padding: 10px 0}
.content ul {margin-left: 20px}
.content ol {margin-left: 30px}
.banner-main {width: 695px; height: 219px; background: url('banner-main.jpg') no-repeat}

/* Footer */
.footer-layer {width: 100%; height: 90px; background: white url('footer-layer-background.png') repeat-x; position: absolute; bottom: 0}
#footer {width: 996px; height: 72px; background: url('footer-background.png') no-repeat; margin: 0 auto; padding-top: 18px; position: relative}
.footer-column-left {display: inline-block; float: left; width: 336px; height: 72px; padding-left: 24px; line-height: 24px}
.footer-column-right {display: inline-block; float: right; width: 635px; height: 72px; text-align: right}
.footer-column-right a {margin-right: 20px; font-size: 14px}
.copyright {font-size: 12px}

/* Forms */
.form-left {display: inline-block; float: left; width: 140px; padding: 0 12px 12px 0; text-align: right}
.form-right {display: inline-block; float: left; width: 300px; padding-bottom: 12px}
.form-input {width: 286px; border: 1px solid grey; height: 18px; padding-top: 2px}
#contact_form textarea {width: 286px; border: 1px solid grey; height: 200px}
.form-button-layer {width: 438px; text-align: right}