body { margin: 0; padding: 0 0 20px 0; background: #e3ecb8; color: #666666; font-size: 11px; font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;  }
h1 { display: none; }
h2 { color: #3d5d51; margin: 0; font: bold 18px/20px Arial; text-transform: uppercase; clear: both; }
h2 span { font: normal 12px Arial; display: block; clear: both; color: #585858; text-transform: none; }
h3 { font: bold 18px Tahoma; color: #3d5d51; margin: 0; clear: both; }
h4 { font: bold 14px Tahoma; color: #666; margin: 0; }

a { text-decoration: underline; color: #577e08; }
a:hover { text-decoration: none; }
a img { border: none; }
a[href^='http'] { background: url(../images/bg_out.gif) no-repeat center right; padding-right: 10px; }
p { margin: 0 0 14px 0; line-height: 18px; }
img.hr { margin: 10px 0; float: left; clear: both;  }
hr { width: 100%; clear: both; visibility: hidden; }

#container { width: 958px; margin: 0 auto; }
#main { width: 950px; float: left; clear: both; background: #fff url(../images/bg_main.gif) repeat-y top left; padding: 0 4px; margin: 0; }
#head { width: 935px; height: 148px; float: left; clear: both; background: #c0e58a url(../images/bg_head.gif) repeat-x top left; padding-left: 15px; }
#boxs_line { width: 950px; height: 164px; float: left; clear: both; background: #4f806d; }
#cols { width: 950px; float: left; clear: both; background: #fff url(../images/bg_cols.gif) repeat-y top left; margin: 15px 0 55px 0; }
#foot { width: 930px; min-height: 125px; float: left; clear: both; background: #b6dd7e url(../images/bg_footer.gif) repeat-x top left; padding: 0 20px 10px 0; }
#lcol { width: 250px; float: left; margin: 0; padding: 0 0 30px 15px; }
#rcol { width: 667px; float: left; margin: 0; padding: 0; }

#head #lang { height: 16px; clear: both; padding-top: 4px; }
#head #lang a, #head #lang span { display: block; float: left; min-width: 45px; padding-left: 20px; height: 16px; margin-right: 10px; font: 11px Tahoma; color: #fff; }
#head #lang a#cz, #head #lang span#cz { background: url(../images/ico_cz.gif) no-repeat 0 2px; }
#head #lang a#ru, #head #lang span#ru { background: url(../images/ico_ru.gif) no-repeat 0 2px; }
#head #lang a#en, #head #lang span#en { background: url(../images/ico_en.gif) no-repeat 0 2px; }
#head #lang span { font-weight: bold; }
#head a#logo { display: block; margin: 5px 0 0 0; width: 205px; height: 69px; }
#head p { font: 20px Tahoma ; color: #3d5d51; margin: 0; position: relative; width: 321px; height: 43px; overflow: hidden; }
#head p span { position: absolute; background: url(../images/slogan.gif) no-repeat top left; width: 100%; height: 100%; top: 0; left: 0; }
#head menu { float: right; width: 572px; height: 120px; margin: 0; padding: 0; }
#head menu li { list-style: none; display: inline; float: left; margin: 0; padding: 0; }
#head menu li a { color: #585858; height: 120px; line-height: 100px; display: block; text-align: center; position: relative; overflow: hidden; }
#head menu li a span { width: 100%; height: 120px; position: absolute; top: 0; left: 0; float: left; display: block; cursor: pointer; }
#head menu li a#uvod { width: 66px; }
#head menu li a#uvod span { background: url(../images/menu_uvod.gif) no-repeat top left; }
#head menu li a#onas { width: 68px; }
#head menu li a#onas span { background: url(../images/menu_onas.gif) no-repeat top left; }
#head menu li a#sluzby { width: 79px; }
#head menu li a#sluzby span { background: url(../images/menu_sluzby.gif) no-repeat top left; }
#head menu li a#reference { width: 105px; }
#head menu li a#reference span { background: url(../images/menu_reference.gif) no-repeat top left; }
#head menu li a#vevystavbe { width: 81px; }
#head menu li a#vevystavbe span { background: url(../images/menu_vevystavbe.gif) no-repeat top left; }
#head menu li a#kontakt { width: 88px; }
#head menu li a#kontakt span { background: url(../images/menu_kontakt.gif) no-repeat top left; }
#head menu li a#naseprodukty { width: 85px; }
#head menu li a#naseprodukty span { background: url(../images/menu_naseprodukty.gif) no-repeat top left; }
#head menu li a:hover#uvod span, #head menu li a:hover#onas span, #head menu li a:hover#sluzby span, #head menu li a:hover#reference span, #head menu li a:hover#vevystavbe span, #head menu li a:hover#kontakt span, #head menu li a:hover#naseprodukty span { background-position: bottom left; }

#boxs_line #seo { width: 240px; height: 164px; background: url(../images/bg_seo.jpg) no-repeat bottom right; float: left; position: relative; }
#boxs_line #grafika { width: 237px; height: 164px; background: url(../images/bg_grafika.jpg) no-repeat bottom right; float: left; position: relative; }
#boxs_line #kodovani { width: 238px; height: 164px; background: url(../images/bg_kodovani.jpg) no-repeat bottom left; float: left; position: relative; }
#boxs_line #programovani { width: 235px; height: 164px; background: url(../images/bg_programovani.jpg) no-repeat bottom left; float: left; position: relative; }
#boxs_line h2 { color: #3d5d51; background: #fff; font: 15px/50px Tahoma; text-align: right; margin: 0; width: 223px; height: 59px; overflow: hidden; position: relative; }
#boxs_line h2 span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#boxs_line #seo h2 span { background: url(../images/h_seo.gif) no-repeat top left; }
#boxs_line #grafika h2 span { background: url(../images/h_grafika.gif) no-repeat top left; }
#boxs_line #kodovani h2 span { background: url(../images/h_kodovani.gif) no-repeat top left; }
#boxs_line #programovani h2 span { background: url(../images/h_programovani.gif) no-repeat top left; }
#boxs_line p { color: #fff; margin: 0 10px 0 17px; line-height: 13px; }
#boxs_line a { position: absolute; top: 115px; left: 11px; background: #c4e891 url(../images/but_vice.gif) no-repeat top left; text-align: center; font: bold 11px/27px Tahoma; color: #474646; text-decoration: none; width: 115px; height: 30px;  }
#boxs_line a:hover { color: #fff; background-position: bottom left; }

#lcol h2 { width: 225px; border-bottom: 1px solid #b3d97c; padding-bottom: 2px; float: left; clear: both; margin-bottom: 8px; }
#lcol .kontakt { background: url(../images/tel.jpg) no-repeat 146px 65px; padding-bottom: 29px; position: relative; float: left; clear: both; }
#lcol .kontakt h3 { font: bold 12px Tahoma; margin: 0 0 3px 0; }
#lcol .kontakt a.button { background: #c4e891 url(../images/but_napiste.gif) no-repeat top left; text-align: center; font: bold 11px/28px Tahoma; color: #474646; text-decoration: none; width: 97px; height: 30px; display: block; margin: 0; }
#lcol .kontakt a:hover.button { color: #fff; background-position: bottom left; } 
#lcol .kontakt p { line-height: 18px; }
#lcol .kontakt p b { width: 47px; display: block; float: left; }
#lcol .kontakt img.hr { clear: both; margin: 0; position: absolute; left: 0; bottom: 14px; }
#lcol .news { width: 224px; float: left; clear: both; }
#lcol .news h3 { font: bold 11px Tahoma; color: #3d5d51; }
#lcol .news h3 span { padding: 2px 3px; margin: 0; }
#lcol .news h3 span.den { background: #c1e986; }
#lcol .news h3 span.mesic { background: #d7f6ac; }
#lcol .news h3 span.rok { background: #e4f9c7; margin-right: 4px; }
#lcol .news p { margin: 5px 0 13px 0; line-height: 14px; }
#lcol .news a.vice { float: right; background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#lcol .news a:hover.vice { background: #178f08 url(../images/ico_right_hover2.gif) no-repeat center right; color: #fff; }

#rcol h2 { width: 100%; border-bottom: 1px solid #b3d97c; padding-bottom: 2px; float: left; clear: both; margin-bottom: 8px; }
#rcol p strong { color: #3d5d51; }
#rcol h3 { font: bold 14px Tahoma; color: #3d5d51; margin: 10px 0 5px 0; }
#rcol h3 span { padding: 2px 3px; margin: 0; font: bold 12px Tahoma; }
#rcol h3 span.den { background: #c1e986; }
#rcol h3 span.mesic { background: #d7f6ac; }
#rcol h3 span.rok { background: #e4f9c7; margin-right: 4px; }
#rcol ul { margin: 0 0 14px 10px; padding: 0; }
#rcol ul li { margin: 0 5px 0 0; white-space: nowrap; list-style: none; background: url(../images/odrazka.gif) no-repeat 0 3px; padding-left: 14px; min-height: 18px; }
#rcol ul.klienti { position: relative; margin: 0; clear: both; }
#rcol ul.klienti li { float: left; background: none; padding-left: 0; }
#rcol ul.klienti li a { margin: 0; color: #504f4f; display: block; float: left; white-space: nowrap; }
#rcol .box { float: left; clear: both; width: 100%; height: 107px; padding-top: 13px; position: relative; }
#rcol .box:hover, #rcol .box_l:hover, #rcol .box_r:hover { background: #e5ffc0; }
#rcol .box h3 { font: bold 11px Tahoma; clear: none; margin-bottom: 5px; }
#rcol .box p { margin: 0 0 5px 0; line-height: 14px; }
#rcol .left { float: left; margin: 0; width: 320px; height: 280px; background: url(../images/bg_dot.gif) repeat-y 334px 0; padding-right: 30px; }
#rcol .left .box a.th { display: block; float: left; width: 83px; height: 82px; padding: 7px; margin: 0 8px 0 0; background: url(../images/bg_img.png) no-repeat top left; }
#rcol .left .box p.toolbar { color: #3d5d51; position: absolute; top: 88px; left: 105px; }
#rcol .left .box p.toolbar img { margin: 0 16px 0 5px; }
#rcol .left .box p.toolbar a { background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#rcol .left .box p.toolbar a:hover { background: #178f08 url(../images/ico_right_hover.gif) no-repeat center right; color: #fff; }
#rcol .right { float: left; margin: 0; width: 317px; height: 280px; }
#rcol .right .box a.th { display: block; float: left; width: 83px; height: 82px; padding: 7px; margin: 0 8px 0 0; background: url(../images/bg_img.png) no-repeat top left; }
#rcol .right .box h3 a { color: #3d5d51; }
#rcol .right .box a.vice { position: absolute; top: 93px; right: 5px; background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#rcol .right .box a:hover.vice { background: #178f08 url(../images/ico_right_hover.gif) no-repeat center right; color: #fff; }
#rcol .box2 { float: left; clear: both; width: 100%; position: relative; }
#rcol .box2 img.th { display: block; float: left; width: 145px; margin: 0 10px 0 0; }
#rcol .box2 h3 { font: bold 11px Tahoma; clear: none; margin-bottom: 5px; }
#rcol .box2 h3 a { font-weight: normal; color: #577e08; }
#rcol .box2 p { margin: 0 0 5px 0; line-height: 14px; }
#rcol .box2 p.podpis { margin: 10px 0 0 0; line-height: 16px; float: right; text-align: right; }
#rcol .box2 p.podpis strong { font: bold 12px Tahoma; }
#rcol .box2 a.vice { background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#rcol .box2 a:hover.vice { background: #178f08 url(../images/ico_right_hover2.gif) no-repeat center right; color: #fff; }
#rcol .box_det { float: left; clear: both; width: 100%; position: relative; }
#rcol .box_det .big_th { display: block; float: left; width: 258px; margin: 0 10px 10px 0; }
#rcol .box_det .big_th a { margin: 0 0 0 10px; background: url(../images/ico_lupa.gif) no-repeat top left; padding-left: 18px; font-weight: bold; }
#rcol .box_det .big_th a.th { display: block; float: left; width: 246px; height: 289px; margin: 0 10px 5px 0; padding: 6px; background: url(../images/bg_th_big.gif) no-repeat top left; }
#rcol .box_det .big_th a.th img { width: 246px; height: 289px; margin: 0; }
#rcol .box_det .big_th .flash { width: 246px; height: 289px; margin: 0 10px 5px 0; padding: 6px; background: url(../images/bg_th_big.gif) no-repeat top left; float: left; }
#rcol .box_det .big_th2 { display: block; float: left; clear: both; width: 100%; margin: 0 0 10px 0; text-align: center; }
#rcol .box_det .text { float: left; width: 339px; }
#rcol .box_det .text h3 { font: bold 11px Tahoma; margin-bottom: 5px; }
#rcol .box_det .text p a[href^='http:'] { color: #3d5d51; font-weight: bold; }
#rcol .box_det .text p { margin: 0 0 15px 0; line-height: 16px; clear: both; }
#rcol .box_det .text p img { margin: 0 8px; }
#rcol .box_det .text ul { margin: 0 0 0 5px; float: left; clear: both; }
#rcol .box_det .text ul li { margin: 0 5px 0 0; white-space: nowrap; list-style: none; background: url(../images/odrazka.gif) no-repeat 0 3px; padding-left: 14px; }
#rcol .box_det .text p.podpis { margin: 10px 0 0 0; line-height: 16px; float: right; text-align: right; }
#rcol .box_det .text p.podpis strong { color: #666; font: bold 12px Tahoma; }
#rcol .box_l { float: left; width: 330px; height: 107px; padding-top: 13px; position: relative; margin: 0 7px 0 0; }
#rcol .box_r { float: left; width: 330px; height: 107px; padding-top: 13px; position: relative; margin: 0; }
#rcol .box_l a.th, #rcol .box_r a.th { display: block; float: left; width: 83px; height: 82px; padding: 7px; margin: 0 8px 0 0; background: url(../images/bg_img.png) no-repeat top left; }
#rcol .box_l h3, #rcol .box_r h3 { font: bold 11px Tahoma; clear: none; margin-bottom: 5px; }
#rcol .box_l h4, #rcol .box_r h4 { font: bold 11px Tahoma; }
#rcol .box_l h4 a, #rcol .box_r h4 a { font: normal 11px Tahoma; padding: 0 1px; }
#rcol .box_l p, #rcol .box_r p { margin: 0 0 5px 0; line-height: 14px; }
#rcol .box_l p.toolbar, #rcol .box_r p.toolbar { color: #3d5d51; position: absolute; top: 93px; left: 105px; }
#rcol .box_l p.toolbar img, #rcol .box_r p.toolbar img { margin: 0 16px 0 5px; }
#rcol .box_l p.toolbar a, #rcol .box_r p.toolbar a { background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#rcol .box_l p.toolbar a:hover, #rcol .box_r p.toolbar a:hover { background: #178f08 url(../images/ico_right_hover.gif) no-repeat center right; color: #fff; }
#rcol .box_l a.vice, #rcol .box_r a.vice { position: absolute; top: 98px; right: 10px; background: url(../images/ico_right.gif) no-repeat center right; padding: 0 9px 0 1px; }
#rcol .box_l a:hover.vice, #rcol .box_r a:hover.vice { background: #178f08 url(../images/ico_right_hover.gif) no-repeat center right; color: #fff; }
#rcol p#navigace { width: 100%; clear: both; margin: 0; line-height: 14px; }
#rcol p#navigace a { background: url(../images/ico_right2.gif) no-repeat top left; padding-left: 7px; color: #585858; margin-right: 7px; }
#rcol p#navigace span { background: url(../images/ico_right2.gif) no-repeat top left; padding-left: 7px; color: #585858; font-weight: bold; }
#rcol menu { clear: both; margin: 0 0 10px 0; padding: 0 0 6px 0; background: url(../images/bg_menu_rcol.gif) repeat-y top left; min-height: 34px; width: 100%; float: left; }
#rcol menu li { list-style: none; margin: 0 2px 13px 0; height: 29px; float: left; display: inline; }
#rcol menu li a { background: #5b9e85; color: #fff; display: block; height: 26px; line-height: 25px; padding: 0 10px; margin-top: 4px; float: left; }
#rcol menu li a:hover { background: #508773; color: #fff; padding-bottom: 4px; margin-top: 0; }
#rcol menu li span { background: #3e5e52 url(../images/bg_menu_rcol_active.gif) repeat-x top left; color: #fff; font-weight: bold; display: block; height: 26px; line-height: 25px; padding: 0 10px 4px 10px; float: left; }
#rcol p.pages { width: 100%; height: 20px; float: left; clear: both; margin: 20px 0 0 0; }
#rcol p.pages b { font: bold 12px Arial; float: left; margin: 0 10px 0 0; }
#rcol p.pages a { background: url(../images/bg_page.gif) no-repeat top left; width: 19px; height: 16px; margin: 0 2px; text-decoration: none; text-align: center; color: #fff; font: 12px Arial; display: block; float: left; }
#rcol p.pages a:hover { background-position: bottom left; }
#rcol p.pages a.prev { margin: 0 6px 0 0; }
#rcol p.pages a.next { margin: 0 0 0 6px; }
#rcol p.pages a img { margin: 4px 0 0 0;}
#rcol p.pages span { background: url(../images/bg_page.gif) no-repeat bottom left; width: 19px; height: 16px; margin: 0 2px; text-decoration: none; text-align: center; color: #fff; font: bold 12px Arial; display: block; float: left; }
#rcol .box_kontakt { width: 100%; float: left; clear: both; }
#rcol .box_kontakt .left { width: 206px; float: left; margin: 0; height: auto; }
#rcol .box_kontakt .left p { margin: 0 0 10px 0; }
#rcol .box_kontakt .left p b { width: 45px; float: left; }
#rcol .box_kontakt ul { float: left; margin: 10px 0 0 0; padding: 0; width: 400px; }
#rcol .box_kontakt ul li { margin: 0 0 5px 0; white-space: nowrap; list-style: none; background: url(../images/odrazka.gif) no-repeat 0 6px; padding-left: 14px; min-height: 18px; color: #3d5d51; font-weight: bold; line-height: 20px; float: left; }
#rcol .box_kontakt ul li span { color: #666; float: left; font-weight: normal; }
#rcol .box_kontakt ul li b { color: #666; float: left; margin-right: 5px; }
#rcol .box_kontakt ul li a { width: 140px; float: left; font-weight: normal; }
#rcol form { float: left; clear: both; margin: 0; padding: 0; width: 550px; }
#rcol form .left { width: 190px; background: none; float: left; padding: 0; height: auto; }
#rcol form .right { float: right; width: 360px; padding: 0; height: auto; }
#rcol form .bottom { float: left; clear: both; width: 100%; margin: 5px 0 0 0; }
#rcol form label { height: 18px; font: bold 11px/18px Tahoma; color: #3d5d51; width: 160px; }
#rcol form input { height: 18px; width: 164px; padding: 2px; font: 11px/18px Tahoma; color: #666; border: 1px solid #b3d97c; margin: 0 0 5px 0; }
#rcol form textarea { width: 354px; height: 117px; padding: 2px; border: 1px solid #b3d97c; font: 11px/18px Tahoma; color: #666; }
#rcol form input.btn_r {float: left; width: 97px; height: 30px; background: url(../images/btn_r.gif) no-repeat top left; border: none; padding: 0; }
#rcol form input.btn_o { float: right; width: 97px; height: 30px; background: url(../images/btn_o.gif) no-repeat top left; border: none; padding: 0; }
#rcol form input:hover.btn_r, #rcol form input:hover.btn_o { background-position: bottom left; }
#rcol form input.check { width: auto; border: none; padding: 0; height: auto; float: left; }
#rcol form .bottom label { float: left; margin: 3px 120px 0 5px; font: 11px Tahoma; width: 200px; }
#rcol form .err { color: red; border: 1px solid red; }

#foot menu { margin: 8px 0 0 0; padding: 0; float: left; min-height: 117px; }
#foot menu li { list-style: none; min-height: 117px; display: inline; float: left; margin: 0; background: url(../images/bg_menu_li.gif) no-repeat top right; padding: 10px 15px 0 13px; }
#foot menu li a { display: block; font: bold 11px Tahoma; color: #585858; text-transform: uppercase; padding: 0; }
#foot menu li ul { margin: 5px 0 0 0; padding: 0; clear: both; float: left; max-width: 80px; }
#foot menu li ul li { background: none; padding: 0; min-height: 15px; list-style: none; clear: both; }
#foot menu li ul li a { font-weight: normal; text-transform: lowercase; padding: 0; white-space: nowrap; }
#foot p { margin: 18px 0 -8px 0; float: right; clear: right; color: #585858; white-space: nowrap; }
#foot p a { color: #3d5d51; }
#foot p strong { color: #09951d; }