/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 75%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #727272; background: #fff url(img/sys/bg_body.png) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #515151; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 240%; clear: both; margin: 0.2em 0 1em 0 }
h2 { font-size: 160%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 140%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #39a3cf }
a:link { color: #39a3cf }
a:hover { color: #efb800; text-decoration: none }
p { margin: 1em 0 1.5em 0; line-height: 1.6 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cistic { clear: both }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 2px solid #d4d4d4 }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main-wrapper { width: 100%; height: 100%; display: inline-block; position: relative; background: transparent url(img/sys/bg_main_wrapper.jpg) no-repeat 50% 0 }
html>body #main-wrapper { min-height: 100%; height: auto }

#main {
    width: 960px;
    margin: 148px auto 0 auto;
    text-align: left;
    position: relative;
    z-index: 10
}

#main-in { height: 890px }
html>body #main-in { min-height: 890px; height: auto }

#header { position: absolute; left: 0; top: -148px; width: 960px; height: 148px }

#content {
    float: right;
    width: 694px;
    overflow: hidden
}
#content-in { margin: 0 0 110px 0 }

#panel {
    float: left;
    width: 244px
}
#panel-in { margin: 0 0 110px 0 }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 285px;
    background: transparent url(img/sys/bg_footer.png) repeat-x left bottom
}
#footer-in { width: 960px; height: 285px; position: relative; margin: 0 auto; text-align: left }
/* /layout - zaklad */

/* layout - special */
#main.home #content { float: left; width: 685px }
#main.home #panel { float: right; width: 270px }

#logo, #logo span { display: block; position: relative; left: 0; top: 32px; width: 487px; height: 34px; overflow: hidden; text-decoration: none; cursor: pointer; outline: none; text-indent: -999em }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.png) no-repeat 0 0 }

#menu { position: absolute; left: 0; top: 89px; width: 100%; height: 51px; background: #1e7ca6 url(img/sys/bg_menu.png) no-repeat 0 0 }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left; background: transparent url(img/sys/bg_menu_li.png) no-repeat right 5px }
#menu .m-last { background: none }
#menu a { color: #fff; float: left; font-size: 120%; display: block; width: 137px; height: 51px; line-height: 50px; text-align: center; text-decoration: none; text-shadow: 1px 1px #0f547c }
#menu a:hover, #menu a.active { color: #ffd344; text-shadow: none }

#langs { position: absolute; right: 0; top: 10px }
#langs img { border: 1px solid #89c0d6; margin: 0 0 0 10px }
#langs a:hover img { border: 1px solid #fff }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 0; top: 40px; width: 207px; height: 25px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0 }
#searchword { width: 160px; padding: 3px 0; border: 0; color: #8cb8c9; background: none; position: absolute; left: 7px; top: 2px }
.button-vyhledat { width: 28px !important; height: 23px !important; position: absolute; left: 174px !important; top: 1px !important; padding: 0 !important }

#slideshow { width: 100%; height: 231px; overflow: hidden; line-height: normal; font-size: 0 }

#copyright { margin: 0; padding: 8px 15px 0 0; position: absolute; left: 0; top: 218px; width: 945px; height: 59px; text-align: right; color: #d6d6d6; line-height: 2; background: transparent url(img/sys/bg_copyright.png) no-repeat 0 0; z-index: 20 }
#copyright span { float: left; position: relative; top: -4px; left: 12px; line-height: normal; font-size: 0 }
#copyright span img { margin: 0 10px 0 0 }
#copyright a { color: #82cae7; margin: 0 0.3em; text-decoration: none }
#copyright b a { font-weight: normal; color: #eb9b00 }
#copyright a:hover { text-decoration: underline }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }
/* /layout - special */

/* slider */
#slides { width: 736px; height: 231px; line-height: normal; overflow: hidden }
#slides a { display: block; width: 736px; height: 231px; }
#slides .pagination { list-style: none; position: absolute; top: 219px; left: 550px; z-index: 50; background: transparent url(img/sys/slider/bg-slider-nav.gif) no-repeat 0 0; width: 80px; height: 12px; margin: 0; padding: 1px 0 0 3px }
#slides .pagination li { float:left; margin: 0; padding: 0 0 0 3px }
#slides .pagination li a { background: transparent url(img/sys/slider/nav-slide-button.gif) no-repeat 0 0; display: block; float: left; height: 10px; overflow-x: hidden; overflow-y: hidden; width: 11px; font-size: 0 }
#slides .pagination li.current a { background-position: 0 -10px; }
/*#slider { width: 100%; height: 231px; overflow: hidden; line-height: normal; font-size: 0 }*/
/* /slider */

/* ostatni tridy pro web */
#rozcestnik { width: 100%; margin: 10px 0 0 0; background: transparent url(img/sys/bg_rozcestnik.jpg) no-repeat 0 0 }
#rozcestnik .sekce { float: left; width: 215px; height: 400px; color: #286987; padding: 0 0 0 10px; position: relative }
html>body #rozcestnik .sekce { min-height: 400px; height: auto }
.sekce h3 { color: #294651; margin: 0; padding: 0.7em 0; position: relative }
.sekce h3 span { display: block; width: 13px; height: 7px; background: transparent url(img/sys/bullet.png) no-repeat 0 0; position: absolute; left: 0; top: -7px }
.sekce.s3 h3 span { background: transparent url(img/sys/bullet2.png) no-repeat 0 0 }
.sekce img { border: 3px solid #fff }
.sekce ul { margin: 1em 0; padding: 0 10px; list-style: none }
.sekce.s1 ul { padding-left: 5px }
.sekce li { padding: 0 0 0.7em 14px; background: transparent url(img/sys/bullet3.png) no-repeat 0 6px }
.sekce li a { color: #286987 }
.sekce img.b-vice { border: 0; position: absolute; left: 20px; bottom: 10px }
.sekce.s1 img.b-vice { left: 15px }
.sekce p { margin: 1em 10px; line-height: 1.4 }

#links { width: 100%; margin: 10px 0 0 0; overflow: hidden }
#links .links { float: left; padding: 0 0 0 10px; border-left: 1px solid #edeeee }
#links h3 { margin: 0.5em 0 0.8em 0 }
#links ul { margin: 0; padding: 0; list-style: none }
#links li { padding: 0 0 0.7em 14px; background: transparent url(img/sys/bullet4.png) no-repeat 0 6px }
#links .links.l1 { width: 219px }
#links .links.l2 { width: 250px }
#links .links.l3 { width: 183px }
#links li a { color: #717171 }
#links li a:hover { color: #5db9e0 }

#nabidka { width: 100%; height: 231px; color: #fff; background: #edb600 url(img/sys/bg_nabidka.png) no-repeat 0 0 }
#nabidka ul { margin: 0; padding: 7px 7px 14px 7px; list-style: none }
#nabidka li { margin: 0 0 2px 0 }
#nabidka li a { color: #433621; font-size: 110%; text-decoration: none; display: block; padding: 0 0 0 10px; height: 44px; line-height: 43px; background: transparent url(img/sys/bg_nabidka_a.png) no-repeat 0 0 }
#nabidka li a:hover { color: #fff }
#nabidka h4, #nabidka p { margin: 0 0 0 10px; color: #fff; font-weight: bold }
#nabidka p a { color: #fff }

.skupina-produktu .produkty { width: 100%; overflow: hidden }
.skupina-produktu .produkty { float: left; width: 222px; height: 230px; margin: 0 5px 5px 0; padding: 3px; background-color: #e1f1f7 }
html>body .skupina-produktu .produkty { min-height: 230px; height: auto }
.skupina-produktu .produkty.p-last { margin-right: 0 }
.skupina-produktu .produkty img { border: 3px solid #fff }
.skupina-produktu .produkty h3 { font-size: 100%; font-weight: bold; margin: 0.4em 10px 0.8em 10px }
.skupina-produktu .produkty ul { margin: 0; padding: 0 10px 5px 10px; list-style: none }
.skupina-produktu .produkty li { padding: 0 0 2px 12px; background: transparent url(img/sys/bullet5.png) no-repeat 0 8px }
.skupina-produktu.sluzby .produkty { height: 130px; }
html>body .skupina-produktu.sluzby .produkty { min-height: 130px; height: auto }

div.produkt { border: 1px solid #f3f2e2; margin: 0 0 1em 0; }
div.produkt-in { padding: 10px; }
div.produkt h3 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; }
div.produkt img.border { float: right; margin: 0 0 1em 1em; }


.kategorie { margin: 0 0 7px 0; padding: 1px; border: 1px solid #eee; background-color: #fff }
.kategorie h3 { color: #3d3d3d; font-weight: bold; font-size: 110%; margin: 0; padding: 0 0 0 10px; height: 36px; line-height: 36px; background: #fec405 url(img/sys/h3-kategorie.png) no-repeat 0 0 }
.kategorie h3 a { color: #3d3d3d; text-decoration: none }
.kategorie.k-links h3 { color: #fff; background: #fec405 url(img/sys/h3-kategorie-links.png) no-repeat 0 0 }
.kategorie ul { margin: 0; padding: 0; list-style: none }
.kategorie li { padding: 4px 0 5px 16px; border-bottom: 1px dotted #e0e0e0; background: transparent url(img/sys/bullet6.png) no-repeat 5px 10px }
.kategorie .m-last { border: 0 }
.kategorie li a { color: #286987; font-weight: bold; text-decoration: none }
.kategorie li a:hover { color: #39a3cf !important }
.kategorie li a.active { color: #f2ba01 !important; font-weight: bold }
.kategorie.k-links li { background: transparent url(img/sys/bullet7.png) no-repeat 5px 10px }
.kategorie.k-links li a { color: #727272 }

.kategorie ul ul { padding: 0.5em 0 0 0.8em }
.kategorie ul ul li { border: 0; padding: 0 0 3px 10px; background: transparent url(img/sys/bullet8.png) no-repeat 0 6px }
.kategorie ul ul li a { color: #727272; font-weight: normal }

#content .t-01 td { padding: 10px; border: 1px solid #f3f2e2 }
.t-01 td img.border { float: right; margin: 0 0 1em 1.5em }
.t-01 td a { font-weight: bold }
.t-01 td span.small { display: block; margin: 0.4em 0 }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #eeeeee }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
.highlight { background: #FFFF00 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_date { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }

#news { margin: 10px 0 0 0; padding: 10px; border: 1px solid #f3f2e2; background-color: #fff }
#news h3 { margin: 0 0 0.8em 0 }
#news .news { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px solid #f3f2e2; width: 100%; overflow: hidden }
.news img { float: right; border: 2px solid #d4d4d4 }
#news .news h4 { font-size: 110%; font-weight: bold; margin: 0 0 0.8em 0 }
.news .nw_date { display: none }
.news .nw_img { float: right }
#news .nw-hr { display: none }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_rtf, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_rtf { background: url(cms/img/ico/rtf.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
/*#tn_root br { display: none;}*/
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
#local-fotogalerie { margin: 0.5em 0 1em 0; padding: 0.5em 12px 0.8em 12px; background-color: #ffffff }
#local-fotogalerie strong { font-size: 12px }
#local-fotogalerie .foto-show { margin: 2em 0 0 0; height: 172px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
#local-fotogalerie .foto-show img { margin: 0 3px 0 0; border: 1px solid #666666 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* mapy */
.google-map { margin: 3em 0; text-align: center }
/* /mapy */

ul.tlist { list-style: none; margin: 0; padding: 0 }
ul.tlist li { border: 0; padding: 0 0 3px 10px; background: transparent url(img/sys/bullet8.png) no-repeat 0 6px }

span.rok { font-weight: bold }
table.panel .levabunka { vertical-align: top }
table.panel .levabunka img { border: 2px solid #d4d4d4 }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */

#popup_flash { width: 500px; height: 530px; padding: 15px; text-align: left; color: #39A3CF; }

/* fb */
.facebook-likebar { margin-top: 15px; text-align: right; }


/* /fb */

#prirezy { display: block; width: 222x; height: 26px; color: #fff; background: url(img/sys/bg_prirezy.gif) 0 0 no-repeat; margin-top: 3px; padding: 5px 0 0 30px; font-size: 11px;}
span.prirezy { font-size: 11px; font-weight: bold; color: #669A0A; text-decoration: none; }