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

body { font: 75%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #4a4a4a; background: #d4d4d4 url(img/sys/bg_body.jpg) repeat-x -15px 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #b70000; padding: 0; line-height: normal }
h1 { font-size: 226%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 178%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 110%; 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: #ff6600 }
a:link { color: #ff6600 }
a:hover { color: #e13119; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
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 }
.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: 10px solid #f4f4f4; padding: 20px }
.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 {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}

#main-in { height: 460px; background: transparent url(img/sys/bg_main_in.jpg) no-repeat 0 162px }
html>body #main-in { min-height: 460px; height: auto }

#header { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_header.jpg) no-repeat 0 0 }
#header-in {
	height: 289px;
    position: relative
}

#content {
    float: right;
    width: 773px;
    overflow: hidden;
    background: transparent url(img/sys/bg_content.jpg) no-repeat 0 289px
}
#content-in { padding: 295px 40px 60px 33px }

#panel {
    float: left;
    width: 217px;
    background: transparent url(img/sys/bg_panel.jpg) no-repeat 15px 289px
}
#panel-in { padding: 289px 4px 60px 19px }

#footer {
    width: 990px;
    background: transparent url(img/sys/bg_footer.jpg) no-repeat 0 0
}
#footer-in { height: 46px; margin: 0 15px; position: relative }
/* /layout - zaklad */

/* layout - special */
#main.home #header-in { height: 162px }
#main.home { background: #ffffff url(img/sys/bg_main_home.gif) repeat-y 0 0 }
#main.home #content { float: none; width: 990px; background: none }
#main.home #content-in { padding: 162px 15px 0 15px }

#h1-logo, #h1-logo a, #h1-logo span { display: block; margin: 0; position: relative; width: 241px; height: 122px; overflow: hidden; cursor: pointer }
#h1-logo a { left: 0; top: 0; text-decoration: none }
#h1-logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#logo, #logo span { display: block; position: relative; width: 241px; height: 122px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.jpg) no-repeat 0 0 }

#menu { position: absolute; left: 15px; top: 122px; width: 960px; height: 40px; overflow: hidden; background: #373737 url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left; padding: 0 19px;  height: 40px; background: transparent url(img/sys/bg_menu_li.gif) no-repeat 0 0 }
#menu .m-first { background: none }
#menu a { color: #fff; display: block; float: left; padding: 0 0 0 15px; height: 40px; line-height: 39px; font-size: 100%; font-weight: bold; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bullet.gif) no-repeat 0 50% }
#menu a:hover, #menu .active { color: #d03d01 }

#top-links { margin: 0; padding: 0; list-style: none; position: absolute; right: 7px; top: 15px }
#top-links li { display: inline; line-height: normal; padding: 0 10px 0 5px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 6px }
#top-links a { color: #fff; font-size: 90%; text-decoration: none }
#top-links a:hover { text-decoration: underline } 

/* puvodni toplinks2

 #top-links-2 { margin: 0; padding: 0; list-style: none; position: absolute; right: 15px; top: 77px }
#top-links-2 li { line-height: 1; padding: 0 10px 0 0; text-align: right; background: transparent url(img/sys/bullet2.gif) no-repeat right 6px }
#top-links-2 a { color: #fff; font-size: 80%; text-decoration: underline }
#top-links-2 a:hover { text-decoration: none }

*/

#top-links-2 { margin: 0; padding: 0; position: absolute; right: 15px; top: 70px; text-align: right; text-transform: uppercase; color:#FFF;}
#top-links-2 span { font-size: 80%; }
#top-links-2 a { color: #fff; font-size: 100%; text-decoration: underline; font-weight: bold; background: green; background: url('img/sys/7x7.gif') 0 4px no-repeat; padding-left: 15px;}
#top-links-2 a:hover { text-decoration: none }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }

#searchform { position: absolute; right: 13px; top: 40px; text-align: right; width: 190px }
#searchform input { width: 150px; border: 0; padding: 3px 2px 2px 2px; color: #4a4a4a; font-size: 90%; background-color: #ffffff }
.button-vyhledat { width: 17px !important; height: 17px !important }

#kategorie { margin: 0; padding: 10px 0 0 0; list-style: none; height: 400px }
html>body #kategorie { min-height: 400px; height: auto }
#kategorie li { line-height: 1.2; background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
#kategorie a { color: #313131; display: block; width: 170px; padding: 4px 0 4px 24px; text-decoration: none; /*text-transform: uppercase;*/ background: transparent url(img/sys/bullet3.gif) no-repeat 7px 8px; font-size: 91% }
#kategorie a:hover, #kategorie .active { color: #f35802 }
#kategorie .active { font-weight: bold }
#kategorie ul { margin: 0; padding: 2px 10px 5px 10px; /*min-height: 40px;*/ list-style: none }
#kategorie ul li { font-size: 90%; padding-left: 2px; line-height: 1.1; background: transparent no-repeat 0 6px; width: 150px }
#kategorie ul li a { width: 145px !important }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #000000 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }
#cesta a, #navigace a { color: #ffffff; text-decoration: none }
#cesta a:hover, #navigace a:hover { color: #000000 }

#footer p { color: #ffffff; font-size: 80%; margin: 2px 0 0 0; padding: 3px 15px 0 15px; line-height: normal; text-align: right }
#footer img { float: left; position: relative; top: 6px }
#footer a { text-decoration: none }
/* /layout - special */

/* ostatni tridy pro web */
#i-kolaz { margin: 0; line-height: 0 }
#header #i-kolaz { position: absolute; left: 15px; top: 162px }

.nadpis { color: #ffffff; font-weight: normal; margin: 0 0 1em 0; padding: 0.2em 45px 0.2em 33px; text-transform: uppercase; background: transparent url(img/sys/bg_h1_nadpis.jpg) no-repeat 0 -30px; position: relative; left: -33px; width: 685px }

.ul-bullet { margin: 1em 0 2.5em 0; padding: 0; list-style: none }
.ul-bullet li { padding: 0 0 0 10px; background: transparent url(img/sys/bullet4.gif) no-repeat 0 7px }

#welcome { width: 100%; overflow: hidden }
#flash-home { width: 604px; height: 280px; float: left; overflow: hidden; margin: 3px 0 0 0 }
#proc-ivt { float: right; margin: 3px 0 0 0; width: 353px; height: 280px; background: #111011 url(img/sys/bg_procivt.jpg) repeat-x 0 0 }
html>body #proc-ivt { min-height: 280px; height: auto }
#proc-ivt h2 { color: #fff; margin: 0; padding: 22px 0 0 20px; text-transform: uppercase; font-weight: normal }
#proc-ivt ul { margin: 0; padding: 10px 20px 0 20px; list-style: none }
#proc-ivt li { color: #ffffff; padding: 5px 0 5px 18px; line-height: normal; background: transparent url(img/sys/bullet6.gif) no-repeat 0 7px }
#proc-ivt a { color: #ff6600; font-weight: bold; text-transform: uppercase }
#proc-ivt a:hover { color: #fff; text-decoration: none }

#columns { width: 100%; margin: 3px 0 0 0; overflow: hidden }
#column-l { float: left; width: 604px }
#column-r { float: right; width: 353px }

#bloky-tipy { width: 100%; overflow: hidden }
#bloky-tipy div { height: 131px; background: #0f0f0f url(img/sys/bg_bloky_tipy.gif) repeat-x 0 0 }
html>body #bloky-tipy div { min-height: 131px; height: auto }
#bloky-tipy .fl { width: 300px }
#bloky-tipy .fr { width: 301px }
#bloky-tipy h3 { margin: 0; padding: 10px 0 0 17px }
#bloky-tipy p { color: #fff; margin: 10px 0 0 17px }
#bloky-tipy h3 a { text-transform: uppercase; color: #ff6600; font-weight: bold }

#ivt-vitezi { height: 292px; background: #a6a7a9 url(img/sys/bg_ivt_vitezi.jpg) repeat-x 0 0 }
/*html>body #ivt-vitezi { min-height: 292px; height: auto }*/
#ivt-vitezi h2 { color: #3a393c; margin: 0; padding: 22px 0 0 20px; text-transform: uppercase; font-weight: normal }
#ivt-vitezi ul { margin: 0; padding: 10px 20px 0 20px; list-style: none }
#ivt-vitezi li { color: #3a393c; padding: 5px 0 0 18px; line-height: normal; background: transparent url(img/sys/bullet6.gif) no-repeat 0 7px }
#ivt-vitezi a { color: #ff6600; font-weight: bold; text-transform: uppercase }
#ivt-vitezi a:hover { color: #000; text-decoration: none }
#ivt-vitezi p a { color: #000; text-transform: lowercase }

#blok-dokumenty { height: 119px; margin: 3px 0 0 0; background: #c34e00 url(img/sys/bg_blok_dokumenty.jpg) repeat-x 0 0 }
html>body #blok-dokumenty { min-height: 119px; height: auto }
#blok-dokumenty h3 { color: #fff; margin: 0; padding: 5px 0 0 20px; text-transform: uppercase }
#blok-dokumenty h3 strong { color: #5c5b60 }
#blok-dokumenty ul { margin: 0; padding: 10px 20px 0 110px; list-style: none; background: transparent url(img/sys/bg_ul_dokumenty.gif) no-repeat 20px 1px }
#blok-dokumenty li { padding: 0 0 0 15px; background: transparent url(img/sys/bullet7.gif) no-repeat 0 4px }
#blok-dokumenty a { color: #fff; font-weight: bold }

#novinky-tipy { width: 100%; margin: 3px 0 0 0; overflow: hidden }
#novinky-tipy h3 { margin: 0; padding: 0 0 0 17px; height: 39px; line-height: 39px; text-transform: uppercase; color: #fff; background: #ff6600 /* url(img/sys/h3-novinky-tipy.gif) repeat-x 0 0 */ }
#novinky { float: left; width: 300px; height: 280px; background: #f3f3f3 url(img/sys/bg_novinky.gif) repeat-x left bottom }
html>body #novinky { min-height: 280px; height: auto }
#novinky p { margin: 1em 17px }
#novinky a { font-weight: bold }
#tipy { float: right; width: 301px; line-height: normal }
#tipy .text { padding: 0.5em 15px; text-transform: uppercase; font-weight: bold; font-size: 14px; }
#tipy #tip-1 { background: #f3f3f3 url(img/sys/tip-1.jpg) 0 0; height: 119px; font-size: 130%; }
#tipy #tip-1 span { position: relative; top: 8px; font-size: 90%; color: #3a393c }
#tip-2 { background: #f3f3f3 url(img/sys/tip-2.jpg) 0 0; margin: 3px 0 3px 0; height: 119px; font-size: 120%; line-height: 1.3 }

/*#tipy img { padding: 0 0 3px 0 }*/

/* big banner pres 2 tipy na HP */
#tipy-bigbanner { background: url(img/sys/banner_ivt.jpg) 0 0 no-repeat; width: 301px; height: 241px;}
#tipy-bigbanner a { display: block; width: 301px; height: 241px; }
/* /big banner pres 2 tipy na HP */

#content .t-01, #content .c_zbozi { border: 0; font-size: 90% }
#content .t-01 th, #content .c_zbozi thead td { color: #f35902; font-weight: normal; padding: 3px 10px; text-align: center; background: /*#ffffff*/ #dfdfdf }
#content .t-01 td, #content .c_zbozi td { padding: 3px 10px; border: 1px solid #ffffff; background-color: #f2f2f2 }
#content .c_nazev { font-weight: bold }

#reference { width: 100%; overflow: hidden }
#reference .ref { float: left; width: 334px; height: 325px; margin: 0 28px 15px 0; background: transparent url(img/sys/bg_reference.gif) no-repeat 0 0 }
html>body #reference .ref { min-height: 325px; height: auto }
#reference .r-last { margin-right: 0 }
#reference .tac { margin: 17px 3px 0 0 }
#reference a { font-weight: bold; text-decoration: none }
#reference h4 {  margin: 0 0 0.5em 0 }
#reference .ref .anotace { margin: 10px 4px 0 0; padding: 10px 14px; height: 60px; border-top: 1px solid #ffffff; background: transparent url(img/sys/bg_ref_anotace.gif) repeat-y 0 0 }
html>body #reference .ref .anotace { min-height: 60px; height: auto }

#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: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }


#content .t-sortiment img { border: 10px solid #919095 }
#content .t-sortiment a:hover img { border: 10px solid #79787d }
.t-sortiment p { border-top: 2px solid #ffffff; margin: 2px 0 10px 0; padding: 9px 7px; color: #ffffff; font-size: 90%; background: #5c5960 url(img/sys/bg_p_sortiment.gif) repeat-x left bottom; text-align: left !important; width: 196px }
.t-sortiment p a { color: #fe6a20; font-weight: bold; text-decoration: none; text-transform: uppercase }
.t-sortiment p a:hover { color: #ffffff }

.t-reportaze { width: 316px !important }

.shadow { padding: 0 0 8px 0; background: transparent url(img/sys/bg_shadow.jpg) no-repeat right bottom }

#content .t-kontakt { margin: 1.3em 0 0 0 }
#content .t-kontakt th { padding: 0.6em 1em; color: #fff; text-align: left; border: 1px solid #fff; background-color: #8d8d8d }
#content .t-kontakt td { border: 1px solid #fff; border-width: 1px 1px 0 1px; padding: 0.3em 1em; vertical-align: middle; background-color: #f2f2f2 }
#content .t-kontakt .zahl3 { padding: 0.6em 1em; background-color: #e7e7e7 }

#panel-links { float: right; width: 240px; margin: 0 0 0.5em 1.3em; background: #f4f4f4 url(img/sys/bg_panel_links.gif) no-repeat left bottom; font-size: 91% }
#panel-links h2 { font-size: 110%; margin: 0; padding: 1em }
#panel-links ul { margin: 0; padding: 0 1.2em 1.5em 1.2em; list-style: none }
#panel-links li { padding: 0 0 0 10px; background: transparent url(img/sys/bullet4.gif) no-repeat 0 7px }

#panel h3 { margin: 10px 0 0 5px; color: #bc0602; font-size: 110% }
#panel h3 a { text-decoration: none }
#panel h3 a:hover { text-decoration: underline }
/* /ostatni tridy pro web */

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

/* novinky */
.news h4 { margin-top: 0.1em }
.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_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 5px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_wmf, .dwn_ico_dwg, .dwn_ico_ai, .dwn_ico_eps, .dwn_ico_ps, .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_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 5px 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_ai, .dwn_ico_eps, .dwn_ico_file, .dwn_ico_ps { 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_dwg { background: url(cms/img/ico/dwg.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_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_wmf { background: url(cms/img/ico/wmf.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 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */


.rozcestnik img { border: 10px solid #f4f4f4; padding: 20px }
.rozcestnik a:hover img { border: 10px solid #e9e9e9 }

/* katalog */
div.c_top { margin-top: 1em; text-align: right }
div.c_typ thead td { font-weight: bold }
#content table.c_zbozi { margin: 0.3em 0 1em 0 }
#content td.c_vykon_0_35, td.c_topny_faktor_0_35, td.c_vykon_0_50, td.c_topny_faktor_0_50, td.c_teplota, td.c_vykon_0_45, td.c_topny_faktor_0_45{ width: 80px; text-align: center }
/* /katalog */