body { margin: 0; padding: 0; background: #d4d4d4 url(../images/bg.png) repeat 0 636px; font-size: 12px; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; color: #414141; }
h1, h2, h3, h4, p { margin: 0; }

a { text-decoration: underline; color: #ff8400; }
a:hover { text-decoration: none; background: #ff8400; color: #fff; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }

#top_bg { width: 100%; min-width: 900px; float: left; clear: both; margin: 0; background: url(../images/bg_top.png) repeat-x top left; min-height: 700px; }

#container { width: 900px; margin: 0 auto; }

#top { width: 891px; height: 72px; padding: 18px 0 0 9px; float: left; clear: both; }
#menu { width: 900px; height: 73px; margin: 0; padding: 0; z-index: 20; float: left; clear: both; }
#head { width: 900px; height: 307px; margin: -6px 0 0 0; padding: 0; float: left; clear: both; z-index: 10; }
#cols { width: 862px; float: left; clear: both; padding: 25px 10px 0 28px; z-index: 20; min-height: 350px; position: relative; }
#lcol { width: 510px; float: left; }
#rcol { width: 334px; float: right; padding-bottom: 60px; }
#footer { width: 870px; height: 65px; padding: 128px 0 0 30px; margin-top: -80px; z-index: 10; float: left; clear: both; background: url(../images/bg_footer.jpg) no-repeat top left; }

#top .logo { float: left; }
#top form.form_search { float: right; margin: 8px 0 0 0; width: 303px; height: 27px; padding: 4px 0 8px 66px; background: url(../images/bg_form_search_top.gif) no-repeat top left; }
#top form.form_search input.text { width: 180px; height: 15px; margin: 0; padding: 5px 12px; float: left; border: 1px solid #c5c5c5; background: #fff; font: 11px/15px Arial; color: #878787; }
#top form.form_search input.btn { float: right; margin: 0; padding: 0; width: 84px; height: 27px; background: #ed7d04 url(../images/btn_hledat.png); cursor: pointer; border: none; }

#menu li { list-style: none; display: inline; float: left; }
#menu li a { display: block; position: relative; color: #fff; text-align: center; }
#menu li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 67px; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
#menu li a:hover span, #menu li.slc a span { height: 73px; background-position: bottom left; }
#menu li a#m01 { width: 143px; }
#menu li a#m01 span { background-image: url(../images/m01.gif); }
#menu li a#m02 { width: 141px; }
#menu li a#m02 span { background-image: url(../images/m02.gif); }
#menu li a#m03 { width: 160px; }
#menu li a#m03 span { background-image: url(../images/m03.gif); }
#menu li a#m04 { width: 177px; }
#menu li a#m04 span { background-image: url(../images/m04.gif); }
#menu li a#m05 { width: 102px; }
#menu li a#m05 span { background-image: url(../images/m05.gif); }
#menu li a#m06 { width: 111px; }
#menu li a#m06 span { background-image: url(../images/m06.gif); }

#nav { width: 100%; float: left; clear: both; margin: 0 0 25px -10px; color: #a4a4a4; font-size: 11px; overflow: hidden; _margin-left: -5px; }
#nav a { color: #a4a4a4; margin: 0 10px; }
#nav a:hover { color: #a4a4a4; background: none; }
#nav strong { color: #2d3c58; margin: 0 10px; }

#lcol h1 { margin-bottom: 14px; font: 20px Arial; color: #2d3c58; }
#lcol h2 { margin-bottom: 12px; font: bold 12px/18px Arial; color: #6d8eba; }
#lcol h3 { margin-bottom: 10px; font: bold 12px Arial; color: #414141; }
#lcol h4 { margin-bottom: 8px; font: italic 12px Arial; color: #414141; }
#lcol p { margin-bottom: 20px; line-height: 18px; margin-left: 0; }
#lcol p strong { color: #2d3c58; }
#lcol p.vice { text-align: right; clear: both; font-size: 11px; }
#lcol p.vice a { padding-left: 10px; color: #2d3c58; background: url(../images/ico_right.gif) no-repeat center left; }
#lcol ul.submenu { width: 100%; float: left; clear: both; margin: 0 0 23px 0; padding: 0; }
#lcol ul.submenu li { display: inline; float: left; list-style: none; height: 30px; margin-right: 5px; }
#lcol ul.submenu li a { margin: 0 10px; font: 18px/30px Arial; display: block; float: left; }
#lcol ul.submenu li strong { padding: 0 10px; font: 18px/30px Arial; color: #fff; background: #ff8400; display: block; float: left; }
#lcol ul.submenu li strong small { font: 12px Arial; }
#lcol table { margin: 0 0 15px 0; padding: 0; border-collapse: collapse; }
#lcol table th { padding: 4px 11px; background: #ff8400; color: #fff; font: bold 12px Arial; text-align: left; border: 1px solid #ffc587; }
#lcol table td { padding: 4px 11px; background: #e0e0e0; border-right: 1px solid #efefef; border-left: 1px solid #efefef; border-bottom: 1px solid #d4d4d4; font-size: 11px; }
#lcol table tr.sudy td { background: #d9d9d9; }
#lcol ul.odrazky { margin: 0 0 15px 0; padding: 0 0 0 20px; }
#lcol ul.odrazky li { list-style: none; padding-left: 16px; background: url(../images/ico_right.gif) no-repeat 0 3px; padding-bottom: 4px; }
#lcol ul.odrazky li ul { padding: 5px 0 0 20px; margin: 0 0 5px 0; }
#lcol ul.odrazky li ul li { background: url(../images/ico_right_or.gif) no-repeat 0 6px; font-size: 11px; color: #626262; padding-left: 14px; }
#lcol .projekty_box { width: 478px; padding: 0 0 0 10px; border-left: 5px solid #ff8400; margin: 0 0 32px 0; }
#lcol .projekty_box a.th { float: left; display: block; border: 3px solid #fff; width: 82px; height: 82px; overflow: hidden; }
#lcol .projekty_box .popis_right { width: 379px; margin-left: 100px; }
#lcol .projekty_box h3 { margin-bottom: 0; }
#lcol .projekty_box h3 a { color: #414141; }
#lcol .projekty_box p { margin: 0; }
#lcol .projekty_box p.popis { font-size: 11px; color: #626262; margin-bottom: 4px; }
#lcol .pages a { float: left; margin: 0 1px; width: 20px; text-align: center; background: url(../images/bg_pages.png) no-repeat top left; line-height: 20px; text-decoration: none; color: #414141; height: 26px; }
#lcol .pages span { float: left; margin: 0 1px; width: 20px; text-align: center; background: url(../images/bg_pages.png) no-repeat top right; line-height: 20px; font-weight: bold; color: #fff; height: 26px; }
#lcol .pages a.p_predchozi { margin-right: 9px; }
#lcol .pages a.p_nasledujici { margin-left: 9px; }
#lcol .pages a:hover { text-decoration: underline; }
#lcol.projekt_detail { width: 485px; position: relative; }
#lcol.projekt_detail h1 { float: left; margin-bottom: 13px; }
#lcol.projekt_detail a.tisk { float: right; padding-left: 24px; font: 10px/16px Arial; margin-top: 12px; background: url(../images/ico_tisk.gif) no-repeat top left; }
#lcol.projekt_detail a:hover.tisk { color: #ff8400; }
#lcol.projekt_detail h2 { font: bold 24px Arial; margin-bottom: 0; clear: both; }
#lcol.projekt_detail p.popis { font-size: 11px; color: #626262;  clear: both; }
#lcol.projekt_detail h3 { margin-top: 20px; }
#lcol.projekt_detail p.a_zpet { font: 18px Arial; padding-left: 16px; }
#lcol form#hledani { padding: 10px 13px 10px 12px; width: 485px; float: left; clear: both; background: #9a9a9a; margin-bottom: 20px; }
#lcol form#hledani input { width: 360px; height: 15px; margin: 0; padding: 5px 12px; float: left; border: 1px solid #c5c5c5; background: #fff; font: 11px/15px Arial; color: #878787; }
#lcol form#hledani input.btn { border: none; background: url(../images/btn_hledat.png) repeat-x top left; margin: 0; color: #fff; font: bold 11px/25px Arial; height: 27px; width: 84px; cursor: pointer; padding: 0; float: right; }
#lcol p.p_search { font-size: 14px; }
#lcol p.p_search span { font: bold italic 18px Arial; color: #ff8400; margin: 0 5px; }
#lcol p span.search { font: bold italic 14px Arial; color: #ff8400; margin: 0 5px; }
#lcol ul.ul_mapa { margin: 10px 17px; padding: 0; }
#lcol ul.ul_mapa li { list-style: none; clear: both; padding: 3px 0; background: none; }
#lcol ul.ul_mapa li a { padding-left: 19px; line-height: 19px; background: url(../images/bg_mapa_open.gif) no-repeat top left; color: #414141; float: left; clear: both; padding-right: 5px; }
#lcol ul.ul_mapa li.close a { background-image: url(../images/bg_mapa_close.gif); }
#lcol ul.ul_mapa li.close ul.ul_mapa_in { display: none; }
#lcol ul.ul_mapa li.open a { background: #ff8400 url(../images/bg_mapa_close.gif) no-repeat top left; color: #fff; text-decoration: none; }
#lcol ul.ul_mapa li.open ul.ul_mapa_in { display: block; }
#lcol ul.ul_mapa ul.ul_mapa_in { margin: 10px 50px; }
#lcol ul.ul_mapa ul.ul_mapa_in li { padding: 2px 0; }
#lcol ul.ul_mapa ul.ul_mapa_in li a { background: none; padding: 0; color: #626262; text-decoration: underline; }
#lcol ul.ul_mapa ul.ul_mapa_in li a:hover { text-decoration: none; }
#lcol .cert_box { float: left; clear: both; width: 100%; margin: 0 0 20px 0; }
#lcol .cert_box .th { float: left; width: 95px; padding: 0 5px 12px 5px; margin-right: 8px; background: url(../images/bg_th_cert.png) no-repeat bottom center; }
#lcol .cert_box .th a { width: 89px; display: block; border: 3px solid #fff; }
#lcol .cert_box .right_text { width: 390px; float: left; }
#lcol .cert_box .right_text h2 { margin-bottom: 3px; }
#lcol .cert_box .right_text p { font-size: 11px; line-height: 16px; }
.page_kontakt #lcol { width: 434px; }
.page_kontakt #lcol #goog { float: right; border: 5px solid #e8e8e8; width: 235px; height: 235px; }
.page_kontakt #lcol h2 { margin-bottom: 4px; }

#rcol h2 { margin: 0 0 10px 17px; font: 20px Arial; color: #2d3c58; }
#rcol h2.projekt_detail { margin-left: 7px; }
#rcol .projekt_box { width: 326px; padding-left: 8px; float: left; clear: both; margin: 0 0 15px 0; }
#rcol .projekt_box .th { width: 106px; height: 106px; background: url(../images/bg_th.png) no-repeat bottom left; padding: 0 15px 12px 11px; float: left; margin: 0; }
#rcol .projekt_box .th a { width: 100px; height: 100px; display: block; margin: 0; border: 3px solid #fff; }
#rcol .projekt_box .right { width: 194px; float: right; padding-top: 6px; }
#rcol .projekt_box .right h3 { font: bold 12px Arial; margin-bottom: 5px; }
#rcol .projekt_box .right h3 a { color: #ff8400; }
#rcol .projekt_box .right h3 a:hover { color: #fff; }
#rcol .projekt_box .right p { margin: 0; font: 11px/16px Arial; color: #626262; }
#rcol p.vice { text-align: right; clear: both; font-size: 11px; }
#rcol p.vice a { padding-left: 10px; color: #2d3c58; background: url(../images/ico_right.gif) no-repeat center left; }
#rcol a.th_big { display: block; width: 326px; border: 4px solid #fff; float: left; clear: both; margin-bottom: 7px; }
#rcol .fotky { width: 334px; float: left; clear: both; }
#rcol .fotky a.prev { float: left; margin-right: 9px; width: 19px; }
#rcol .fotky a.next { float: right; width: 19px; }
#rcol .fotky .okno { float: left; width: 277px; height: 86px; overflow: hidden; }
#rcol .fotky .okno .pas { white-space: nowrap; width: 1000px; }
#rcol .fotky .okno .pas .panel { border: 3px solid #fff; width: 81px; height: 81px; overflow: hidden; margin-right: 8px; float: left; }
.page_kontakt #rcol { width: 370px; }
.page_kontakt #rcol h2 { margin-left: 0; }
.page_kontakt #rcol form { margin: 0; padding: 0; width: 100%; }
.page_kontakt #rcol form label { float: left; clear: left; width: 78px; padding: 5px 0; margin: 0 0 10px 0; }
.page_kontakt #rcol form input.text { width: 132px; height: 14px; margin: 0 5px 10px 0; padding: 4px; float: left; border: 1px solid #c5c5c5; background: #fff; font: 11px/14px Arial; color: #878787; }
.page_kontakt #rcol form p.popis { float: left; color: #f00; line-height: 22px; margin: 0 0 10px 0; }
.page_kontakt #rcol form select { width: 142px; height: 20px; margin: 0 5px 15px 0; float: left; border: 1px solid #c5c5c5; background: #fff; font: 11px/20px Arial; color: #878787; }
.page_kontakt #rcol form textarea { width: 270px; height: 93px; margin: 0 5px 15px 0; padding: 5px; float: left; border: 1px solid #c5c5c5; background: #fff; font: 11px/15px Arial; color: #878787; }
.page_kontakt #rcol form .btm { float: left; clear: left; margin: 3px 0 0 78px; _margin-left: 39px; }
.page_kontakt #rcol form .btm label { float: none; clear: none; padding: 0; width: auto; margin: 0; }
.page_kontakt #rcol form input.btn { border: none; background: url(../images/btn_odeslat.png) no-repeat top left; margin: 0; color: #fff; font: bold 11px/25px Arial; height: 27px; width: 84px; cursor: pointer; padding: 0; float: right; }
.page_kontakt #rcol form .err { border-color: #da6f6f; }

#footer menu { margin: 0; padding: 0; width: 100%; float: left; clear: both; }
#footer menu li { list-style: none; display: inline; float: left; margin-right: 8px; color: #6d8eba; }
#footer menu li a { margin-right: 8px; color: #6d8eba; }
#footer menu li a:hover { background: none; }
#footer p { margin: 10px 0 0 0; width: 100%; float: left; clear: both; }
#footer p a { color: #414141; text-decoration: none; }
#footer p a:hover { color: #fff; }