html, body {height:100%; margin:0; padding:0; font-family:Arial, helvetica, sans-serif;}
body {font-size:11px; color: #545454; background: #E8EEF1;}
a {color: #02622A; text-decoration: underline;}
#layout img {border: 1px solid #AFAFAF;}
p, h1, h2, ul, li {margin:0; padding:0; }
h1 {font-size: 12px; font-weight:bold; color: #84AD1D; text-decoration: underline;}
h2 {font-size: 12px; font-weight:bold; color: #02622A; text-decoration: underline;}
table {display: table; border-collapse: collapse; padding: 2px 2px 2px 2px;}
caption {display: table-caption;}
input, textarea {font-size:11px;}

#layout {position:relative; width:837px; _width:838px; margin:2px auto 2px auto;}
#main_cont {position:relative; width:801px; margin:0px; padding:0px; background: white; _overflow-x: hidden;}
#top_panel {position:relative; width:100%;  height:200px;}
#main_panel {position:relative; width:100%; min-height:500px; _height:500px; margin:0px; margin-bottom: 20px;}
#bottom_panel {position:relative; width:100%; height:25px; margin:0px; background-color: #B1DF25;}
#action {position:absolute; width:800px; height:800px; left:0; top:0; visibility: hidden; }

.banner {position:absolute; width:775px; height:680px; left:8px; top:90px; border:4px solid white;}
.banner a.close {display: block; position: relative; float:right; width:42px; height:20px; margin-top:5px; margin-right:0px; 
                 padding-right: 25px; font-size:11px; text-align: right; line-height: 20px; color:white;}
.banner div.btitle {position: absolute; width:700px; height:45px; left:38px; top:15px; font-family:Arial black; 
                    font-size:36px; text-align: center; color:#FF7800;}                
.banner div.bintro {position: absolute; width:700px; height:55px; left:38px; top:70px; font-size:12px;
                    color:white; text-align: center;}
.banner div.bintro span{ position: relative; top: 7px;font-size:13px; }

.banner div.bcolm {position: absolute; width:200px; height:520px; top:145px; font-size:14px; font-weight: bold;
                   text-align: center; color:#FF7800;}                     
.banner a.refer {display: block; position: relative; width:200px; height:240px; margin-top:8px; font-size:12px; color:#4F4F4F; 
                 font-weight: bold; text-align: center; text-decoration: underline;}
.banner div.bappend {position: absolute; width:755px; height:15px; left:10px; bottom:6px; font-size:11px; color:#4F4F4F;
                   text-align: center; }                     
.cleaner {width:100%; clear: both; margin:0; font-size: 0px; height: 0px;}

.actionbox {float:left; position: absolute; top:200px; left: 830px; width: 190px; background: white; text-align: center;}
.actionbox a { font-weight: bold; font-size: 12px; color:#02622A; text-decoration: none}
#layout .actionbox img {border:0;}
.actionboxhead {width: 190px; height:25px;background:#B0DE25; color: #02622A; line-height: 25px; font-weight: bold; font-size: 12px; margin-bottom: 10px; text-transform: uppercase}
.actionitem { border-bottom: 1px solid #B0DE25; padding: 3px; margin-top: 15px; padding: 5px}
.moreact {text-align:right; margin-right: 10px}
.moreact img {margin-top: 5px; }
.action_img { width: 160px; float: left;}
.action_desc { width: 610px; float: right;}
.action_desc .action_txt { width: 580px; float: left;}
.action_desc ul {margin-left: 20px;}
.action_img img {margin-bottom: 20px}
.action_det img {margin-left:30px; float: left; margin-right: 8px;}

.logo {display: block; position: absolute; top:0px; left: 25px; width:235px; height:150px; text-decoration: none;}
.motto {position: absolute; top:135px; right: 20px; text-align: right; color: white; font-size: 18px; font-weight: normal; 
        font-family: Arial Narrow; letter-spacing: 1px;}
.motto_cont {padding:0 0px 0px 0px; height: 20px; min-height:20px; max-height:20px;}
.topmenu {position: relative; height:28px; width:100%; margin-top: 172px; font-size: 11px; background: url(../images/main_menu_115.gif) repeat-x; 
           }
.topmenu ul {margin:0; padding:0px;}
.topmenu li {float: left; margin: 0px; list-style: none;}
.topmenu a {display: block; position:relative; float: left; width: 114px;	height: 21px; padding-top:7px; margin-right: 1px; 
            font-size: 12px; text-align: center; font-weight: bold; color: #636363; text-decoration: none;}
.topmenu a:hover {color: white; text-decoration: underline; background: #85AE32 url(../images/bg_menu_hover.gif) repeat-x;}
.topmenu a.shoplnk {width: 111px; margin-right: 0; color: white; background: #BB1212 url(../images/bg_menu_eshop.gif) repeat-x;}
.topmenu a.shoplnk:hover {background: #BB1212 url(../images/bg_menu_eshop.gif) repeat-x;}
.topmenu a.active {color: white; font-weight:bold; background: #85AE32 url(../images/bg_menu_hover.gif) repeat-x; }
.topmenu .invisible {position:relative; float: left; width: 114px;	height: 21px; padding-top:7px; margin-right: 1px; 
                    font-size: 12px; text-align: center; font-weight: normal; color:#A0A0A0; }
.langs {position:absolute; width:36px; height:180px; top:0px; right:0px; background: url(../images/lang_bar.gif) left top no-repeat;}
.langs a {display: block; position:relative; width:30px; height:16px; margin-bottom: 2px; font-family: Arial;
          text-align: center; color: #242424; text-decoration: none;}
.langs a.active {color: white; background: #85AE32 url(../images/lang_active.gif) no-repeat;}
.langs a:hover {color: white; text-decoration: underline; background: #85AE32 url(../images/lang_active.gif) no-repeat;}
.bottmenu {float: left; padding-top: 5px; padding-left: 10px; color: #0D2C00; }
.bottmenu a {color: #0D2C00; font-weight: normal; text-decoration: none; }
.bottmenu a:hover {text-decoration: underline;}
.produkcelink {float: right; padding-top: 5px; padding-right: 10px; color: #0D2C00; }
.produkcelink a {color: #0D2C00; font-weight: normal; text-decoration: none;}
.produkcelink a:hover {text-decoration: underline;}

.main_top {position:relative; float:right; width: 740px; height:25px; padding-right:30px; padding-top:15px; font-size: 10px; text-align: right;}
.main_top a {font-weight:bold;}
.home_left {position:relative; width:250px; float:left; padding:0 30px 0 30px;}
.href_box  {width: 250px; margin-bottom: 40px; text-align:left; padding-top:65px;
           background: url(../images/box_top_email.gif) no-repeat; border:0px; }
.href_cont {width:210px; padding:0px 20px 15px 20px; color: #545454; margin-top:10px; background: url(../images/box_bottom.gif) bottom no-repeat;}
.href_cont a {font-weight:bold;}
.home_right {width: 445px; float:right; margin-right:30px; }
.home_right h1 {margin-bottom: 20px;}
.home_right h2 {margin-bottom: 12px;}
.home_right p {text-align: justify; line-height: 135%;}

.news_prev, .news_item {width: 100%;  margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #D4D4D4;}
.news_prev img {float: left; width:130px; height:98px; margin-right: 8px;}
.news_prev {height:100px;}
.news_item img {float: left; width:130px; margin-right: 8px;}

/*.news_short {float: right; width:285px; height:76px; overflow: hidden; margin-right: 3px;}*/
.news_short {float: right; width:285px; overflow: hidden; margin-right: 3px;}
.news_short a {font-weight: bold;}
.news_short p {margin-top:4px;}
.news_short ul li {margin-left:15px;}
.more_det {display: block; float: right; bottom: 0px; margin-right: 5px; }
.news_det {width:740px; margin-left:30px;}
.news_det img {float: left; width:130px; height:98px; margin-right: 8px;}
.news_desc {float: left; width: 580px; padding-left:20px;}
.news_desc h2 {margin-bottom: 12px; }
.news_desc p{text-align: justify; line-height: 135%; }
.news_desc ul {margin-left: 20px;}

.about_top {position:relative; width: 740px; margin-left: 30px; text-align: justify;}
.about_cont {position:relative; width: 740px; height:35px; margin-left: 30px; background: url(../images/shad_line.gif) repeat-x; }
.catal_shad {position:relative; width: 740px; height:25px; margin: 10px 0 0 0; background: url(../images/shad_line.gif) repeat-x; }
.about_cont h2 {margin-bottom: 10px;}
.about_group {position:relative; float: left; width: 196px; margin-right: 30px; text-align: center; padding-left:15px; padding-right:15px;}
.about_group img {border:none; margin-bottom: 8px; width:55px; height:55px;}
.about_left {position:relative; width: 430px; float: left; margin-left:30px; _margin-left:15px;}
.about_left img {border:none; margin-right: 8px; float:left; width:28px; height:28px;}
.mainpanel .about_left img {border:none;}
.about_left h1 {margin-top: 8px;}
.about_left h2 {float:left; margin-top: 10px;}
.about_left p{text-align: justify;}
.about_left ul {margin-left: 36px;}
.about_left li {list-style-image: url(../images/odraz.gif); margin-left:20px; _list-style-position: inside; _margin-left:0; %margin-left: 0px}
.about_left table {width: 420px; border: none;}
.about_left th {font-size: 12px; font-weight:bold; color: #02622A; text-decoration: underline; text-align:center; border: none;
                border-right: 8px solid white; border-bottom: 1px solid #84AD1D;}
.about_left td {text-align:center; border: none; border-right: 8px solid white; padding-top: 5px;}
.about_right, .about_right_cat {position:relative; width: 290px; float: right; margin-right: 30px; _margin-right: 15px; padding-top:45px; }
.about_right img, .about_right_cat img {margin-left: 12px; margin-bottom: 12px; float:left; width:129px; height:93px; }
.about_right_cat {width:305px; margin-right:20px; padding-top:0px;}
.about_all {position:relative; width: 780px; margin-left:30px; margin-bottom:5px;}
.about_all table {width: 740px; border: none; }
.about_all th {font-size: 12px; font-weight:bold; color: #02622A; text-decoration: underline; text-align:center;
               border: none; border-right: 8px solid white;  border-bottom: 1px solid #84AD1D; padding-bottom:4px;}
.about_all th.left {text-align:left;}
.about_all td {text-align:left; border: none; border-right: 8px solid white; padding-top: 5px;}
.about_all td.categrow {text-align:left;padding-top:15px;border-bottom:1px dashed silver}
.about_all td.file{padding-left:15px}
.about_all td.center{text-align:center;}
.about_all td.last{text-align:right; border-right: 0px; padding-right:20px}
.catalog_menu {position:relative; width: 230px; float: left; margin-left:30px; _margin-left:15px;}

.catalog_menu ul {margin: 0;}
.catalog_menu li {list-style:none; font-size:11px; margin:0px 0 5px 0px; padding: 3px 0 5px 0; border-bottom: 1px solid #D3D3D3}
.catalog_menu a.choosed, .leftmenu a.active {font-weight: bold; text-decoration:underline;}
.catalog_menu a {text-decoration:none;}
.catalog_menu a:hover{text-decoration:underline;}

.catalog_col {position:relative; width: 490px; float: right; margin-right: 30px; _margin-right: 15px; padding-top:0px;}
.catalog_col ul {margin-left: 20px}

.page_title {position:relative; width:740px; height:35px; margin-left: 30px; padding-top: 22px; margin-bottom:30px;}
.page_title_caption {position:relative; height:27px; background: url(../images/shad_line.gif) repeat-x; padding-left: 90px; padding-top: 8px;}
.page_title_caption h2 {margin-bottom:0px; text-decoration: none;}
.page_title_icon {position: absolute; width:55px; height:55px; left:20px; top:0px;}
.page_title_icon img {width:55px; height:55px; border:none;}

.select_box {position:relative; width:310px; height:64px; overflow: hidden; padding-top:4px;
             background: url(../images/select_box.gif) left top no-repeat; float: right }
.select_box select {position:relative; float:right; margin:0px 20px 0px 0px; width:215px; font-size:11px; color: #02622A;}
.select_box option {font-size:11px; }
.select_box .popis {position:absolute; left:11px; top:5px; width:60px; padding-top:5px; font-size: 11px; text-align: right; 
                    line-height:200%;}
.cathead {width:350px;float:left;}
.cathead p {margin-top:5px}
            
.catal_cont {position:relative; width:770px; margin:0px 0px 10px 30px; _margin-left:30px; min-height:500px; _height:500px; }
.bordtop {clear:both; border-top: 1px solid #AFAFAF; margin:10px 0 20px 0; width: 739px; }
.catitmprev {position:relative; width: 131px; height: 145px; float:left; overflow: hidden; margin:0px 18px 7px 2px;
             text-align: center; font-size: 10px;}
.catitmprev a {display:block; margin:0px; text-decoration:none;}
.catitmprev img { margin:0px; margin-bottom:4px; }

.catitmtodet {position:relative; width: 490px; height: 110px; float:left; overflow: hidden; margin:0px 0px 7px 0px;
             text-align:left; font-size: 10px;}
.catitmtodet_img {width:145px;float:left}
.catitmtodet_img a {display:block;width:129px;height:93px;text-align:center;text-decoration:none;}
.catitmtodet_txt {width:345px;float:right}
.catitmtodet_txt h3 { margin-top:0; color: #02622A; font-size:12px}
.catitmtodet_txt li {margin-left:10px}
.liner {background:#D3D3D3; font-size:1px;line-height:1px;height:1px;clear:both; width:490px;margin-bottom: 20px}
.lineshad {background: url('../images/shad_line.gif') top left repeat-x ; height:20px;clear:both; width:745px;margin-top: 10px}

.nobordertable {margin:0px; border:none; float:left;}
.nobordertable td, th {display: table-cell; border: none;}

.downgroup {position:relative; width: 780px; margin-left:30px; margin-bottom:10px;}
.downgroup a:hover {text-decoration: underline;}
.downgroup h2 {margin:0 0 0 30px; font-size: 11px; font-weight: bold; color: #545454;}
.downloadtitle table {width:70%; margin-left:30px;}
.downloadtitle td {height:18px; border: none;}

.contmap {position: relative; width:740px; height:406px; margin-left: 30px; }
.contmap h2 {margin-bottom:0px; text-decoration: none;}
.contmap a {position:absolute; min_width:30px; color: black; font-size: 10px; text-decoration: none;}
.contmap a:hover {text-decoration: underline;}
.cont_top {position:relative; float:right; width: 200px; height:25px; padding-top:15px; font-size: 10px; text-align: right; }
.cont_top a {position:relative; font-weight:bold; color: #02622A; text-decoration: underline;}
.euromap {position:absolute; width:740px; height:360px; top:0px; visibility: visible;}
.countrymap {position:absolute; width:740px; height:298px; top:60px; background:yellow; visibility: hidden;}
.countrymap a.backmap {position:absolute; display: block; left:90px; top:40px; color: #02622A;}
.contsect {position: relative; width: 740px; margin-left:30px; _margin-left:15px; margin-bottom:20px;}
.contsect h2 {margin-bottom:0px; font-size: 11px; color: #02622A; text-decoration: underline;}
.contsect h3 {margin:0px; font-size: 11px; color: #02622A; text-decoration: none;}
.branche {position: relative; float: left; width: 225px; height: 140px; margin:0 5px 0 10px; text-align: center; overflow: hidden;}
.email {color: #02622A; text-decoration: underline;}

.map_title {position:absolute; width:740px; height:50px; top: 36px;}
.map_title_caption {position:relative; height:20px; padding-left: 90px; padding-top: 3px; border-bottom: 1px solid #AFAFAF;}
.map_title_branche {position:relative; height:27px; margin-top: 22px; padding-left: 90px; padding-top: 8px; background: url('../images/shad_line.gif') repeat-x; }
.map_title_icon {position: absolute; width:54px; height:55px; left:20px; top:0px;}
.map_title_icon img {width:54px; height:55px; border:none;}

.eubox  {padding-top: 8px; height: 40px; width: 790px }
.eubox img {float: left; margin: -8px 14px 0 0 }
.morepic {text-align:center;width:129px;margin-top:5px}
a.refback {float: right;}
table.cartab td {text-align: center}
table.cartab td.cartabold {text-align: left; font-weight: bold}

.expobox {background: url('../images/box_strip_bg.gif') 0 0 repeat-y;}
.expobox .expoatt {position: relative; top:-34px; left:92px; font-weight: bold; color: #02622A; text-decoration: underline; text-align: left; width:150px }
.expobox .expoitem { background: url('../images/expo_bot.gif') bottom left no-repeat; margin-bottom: 15px; }
.expobox p { padding: 0px 0 10px 10px;}
.expobox .expoitem span { color: #02622A; }
.spancolor { color: #02622A; }

.likehref {font-weight: bold; color: #02622A;text-decoration: underline}