body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 9pt 'Verdana', 'Trebuchet MS', 'Arial';}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #929d1b; text-decoration: underline;}
a:hover {text-decoration: none;}
a.notice {display: block; color: #fff; padding-top: 5px; height: 25px; background-color: #8e9034; font-size: 11pt; font-weight: bold; text-align: center; margin: 15px 15px -10px 15px;}

/* LAYOUT */
body {background: #649F6C url('img/body_bkg.gif') repeat-x; color: #1C5128;}
#page {width: 777px; position: absolute; left: 50%; margin-left: -392px; padding: 0 0 0 6px;}
h1 {position: absolute; top: 0; left: 0;}
h1 a {display: block; width: 200px; height: 166px; background: url('img/logo.jpg') no-repeat;}
h1 a span {display: none;}
#header {position: absolute; left: 200px; top: 0; width: 583px; height: 166px; background: url('img/header.jpg') no-repeat;}
#header .flash {position: absolute; right: 20px; top: 0;}

#menu_top {position: absolute; width: 771px; height: 47px; top: 170px; left: 6px; background: url('img/main_bkg.gif') no-repeat top left;}
#menu_top .content_header {background: url('img/content_top.gif') no-repeat; width: 560px; height: 18px; margin-top: 42px; float: right;}

#menu_main {list-style: none; position: absolute; right: 30px; top: 11px;}
#menu_main li {display: block; float: left;}
#menu_main li a{display: block; width: 98px; margin-right: 20px; height: 31px;}
#menu_main li a.nabidka {background: url('img/nabidka.jpg') no-repeat;}
#menu_main li a.servis {background: url('img/servis.jpg') no-repeat;}
#menu_main li a.o_firme {background: url('img/o_firme.jpg') no-repeat;}
#menu_main li a.kontakt {background: url('img/kontakt.jpg') no-repeat;}
#menu_main li a span{display: none;}

#menu_main li ul {position: absolute; top: 30px; left: -999em; display: block; background: #929c1f; padding: 5px 0 5px 0; border-left: 1px solid #f2f081;}
#menu_main li:hover ul {left: auto;}
#menu_main li li {padding: 0; display: block; margin:0; clear: left;}
#menu_main li li a {display: block; width: 120px; padding: 4px 10px 3px 10px;text-decoration: none; background: none !important; height: auto; margin-right: 0px;}
#menu_main li li a span {display: block; line-height: 15px;}
#menu_main li li a span, #menu li:hover li a span {color: #fff; font-size: 10pt;}
#menu_main li:hover li a:hover {color: #f2f081; text-decoration: underline;}
#menu_main li:hover li a:hover span {color: #fff;}

#menu_left {background-color: #769B5F; float: left; border: 1px solid #84A963; padding-bottom: 7px; margin-top: 1px;}
#menu_left li {display: block; width: 216px;}
#menu_left li a {display: block; width: 175px; background: #598333; color: #fff; text-decoration: none; margin: 0 0 2px 6px; padding: 9px 10px 7px 10px; border: 1px solid #91AB47;}
#menu_left li a:hover {color: #1C5127;}
#menu_left li a.act {color: #1C5127;}
#menu_left li a span {font-weight: bold; font-size: 8pt;}

#menu_left li li a {background: none; border: 0; padding: 2px 10px 1px 15px; width: 172px;}
#menu_left li ul {margin-bottom: 3px;}
#menu_left li li li a {background: none; border: 0; margin: 0 0 5px 6px; padding: 0px 10px 0px 28px; width: 159px;}
#menu_left li li li a span{font-weight: normal;}

#playground {margin-top: 215px;}
#playground .content {width: 557px; float: right; position: relative; right: 9px; background: #e2e4cc url('img/content_bkg.gif') repeat-y;}
#playground .content h2 {background-color: #1C5127; font-size: 11pt; color: #fff; font-weight: bold; display: block; padding: 8px 18px 8px 18px; margin: 18px 15px 15px 15px;}
#playground .content p {margin: 10px 40px 10px 40px;}
#playground .content h3 {margin:15px 20px 5px 30px; font-size: 11pt; font-weight: bold; color: #1C5127;}
#playground .content ul,ol {margin:5px 40px 5px 50px;}

table.image {margin-top: 30px !important;}
table.image td {background: none !important; vertical-align: top;}
table.image a {text-decoration: none; border: 5px solid #1C5127; display: block;}
table.image a:hover {border: 5px solid #769B5F;}
table.image span {display: none;}

#items {margin: -15px 15px 0 15px; border-bottom: 1px solid #F1F2EC;}
#items .item {border-top: 1px solid #F1F2EC; border-bottom: 1px solid #CBCCC1;}
#items .item h3 {font-weight: normal; margin: 0; padding: 4px 40px 3px 10px; background: #8AB58E url('img/more.gif') no-repeat right;}
#items .item a {display: block; text-decoration: none; padding: 10px 0 10px 0; color: #1C5128; position: relative;}
#items .item a span {margin: 10px 0 0 15px; display: block;}
#items .item a img {float: left; margin: 10px 10px 0 5px; border: 3px solid #869F3B; position: relative;}
#items .item a:hover {background-color: #D4D6BC; text-decoration: none;}

#playground .content table {margin:5px 40px 5px 40px;}
#playground .content table td {padding: 3px 15px 3px 5px; color: #fff; background-color: #769B5F;}

h2.item_detail {padding-right: 70px !important;}
table.item {width: 450px;}
table.item th {text-align: right; padding-right: 10px; width: 120px;}
a.category_back {display: block; position: absolute; right: 15px; top: 67px; background-color: #8ab58e; font-weight: bold; width: 60px; z-index: 20; text-align: center; height: 26px; padding-top: 9px; color: #1C5127; border-left: 6px solid #e2e4cc; text-decoration: none;}
a.category_back:hover {color: #fff; background-color: #1C5127; }

#footer {background: #649F6C url('img/content_bottom.gif') no-repeat; padding-top: 30px; width: 557px; margin-top: 40px; padding-bottom: 20px;}
#footer .info {background: #1C5127 url('img/info_top.gif') no-repeat; padding: 13px 0 10px 0;}
#footer .info span {display: block; color: #fff; float: left; font-size: 8pt;}
#footer .info a {font-size: 8pt; color: #E8DB04;}
#footer .info span.contact {margin-left: 25px; width: 300px;}
#footer .info span.phones {width: 220px;}
#footer span.copy {color: #fff; display: block; text-align: center; background: url('img/info_bottom.gif') no-repeat; padding-top: 10px; font-size: 7pt;}
#footer span.copy a {color: #fff; font-style: italic; text-decoration: none; font-size: 7pt;}

#ladder {position: relative; top: 13px; left: 20px;}

/* FORM */
form {margin: 0px !important;}
form h3.sender, form h3.newsletter {background-color: #1C5127; font-size: 11pt; color: #fff !important; font-weight: bold; display: block; padding: 8px 18px 8px 18px; margin: 18px 15px 15px 10px !important;}
form div.row {margin-left: 30px;}
form label {width: 100px; float: left; clear: both; display: block; text-align: right; margin: 4px;}
form input, form select, form textarea {margin: 2px; float: left; padding: 2px; width: 200px;}
form textarea {height: 200px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form input.submit {width: auto; margin: 10px 10px 10px 290px;}
form input.alone {margin: 4px;}
form fieldset {display: block; width: 100%;}
form p.form_error {color: #f00000; padding: 5px; float: left;}
#div_name {margin-top: 30px;}
#submit_add_newsletter {margin-left: 255px;}

/* DATAGRID */
div.fps_paging {text-align: center; margin-top: 20px;}
div.fps_paging a, div.fps_paging a span, div.fps_paging strong{font-size: 12pt;}

/* GOOGLE MAPS */
#playground .content div.google_okolo {background: #1C5127; padding: 4px; width: 491px; margin-left: 30px;}
#playground .content div.google_okolo p {margin: 6px; color: #fff;}
#google_map {width: 491px; height: 505px;}