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

body { font: 71%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #5e5e5e; background: #e7e7e7 url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #bf2f38; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 210%; clear: both; margin: 0.7em 0 0.5em 0 }
h2 { font-size: 170%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 160%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #bf2f38 }
a:link { color: #bf2f38 }
a:hover { color: #333333; 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: 94% }
/* /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; padding: 8px; }
.bg1 { background-color: #fff; padding: 8px; }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 94% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 958px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}

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

#header { position: absolute; left: 0; top: 0; width: 958px; background: transparent url(img/sys/bg_header.gif) no-repeat 4px 55px }
#header.en { background-image: url(img/sys/bg_header_en.gif) }
#header-in {
    height: 257px;
    margin: 0 4px;
    position: relative;
    background: transparent url(img/sys/bg_header_in.gif) no-repeat 0 12px
}

#content {
    width: 958px;
    overflow: hidden
}
#content-in { padding: 257px 30px 70px 30px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 958px;
    background: #8a8a8a url(img/sys/bg_footer.jpg) no-repeat 0 0
}
#footer-in { height: 44px }
/* /layout - zaklad */

/* layout - special */
#main.home #content-in { padding: 257px 4px 44px 4px }

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

#langs { position: absolute; right: 0; top: 63px }
#langs img { border: 1px solid #ad2b33; margin: 0 10px 0 0 }
#langs a:hover img { border: 1px solid #96252c }

#menu { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 210px; width: 950px; height: 47px; background: #3e4042 url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu li { float: left; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 10px }
#menu .m-last { background: none }
#menu .m-last a { width: 90px }
#menu .m-home a { width: 55px }
#menu.en .m-home a { width: 110px }
#menu .m-servis a { width: 105px }
#menu .m-obchod a { width: 125px }
#menu.en .m-obchod a { width: 150px }
#menu .m-long a { width: 220px }
#menu a { color: #ffffff; display: block; font-weight: bold; width: 117px; height: 43px; line-height: 42px; text-decoration: none; text-align: center; text-transform: uppercase }
#menu.en a { width: 135px }
#menu a:hover { text-decoration: underline }

/* css menu 3-level menu */
#menu ul { margin: 0; padding: 0; list-style: none; width: 100%; position: absolute; width: 214px; left: -999em }
#menu ul { border: 1px solid #45484d; border-width: 0 0 4px 0 }

#menu li ul a { width: 214px; height: auto; line-height: normal; padding: 8px 12px; text-transform: none }
#menu.en li ul a { width: 190px }
#menu ul a { background: none }
#menu ul a:hover { text-decoration: none }

/*#menu li { float: left; display: block; width: 118px }*/
#menu li ul li { float: left; display: block; width: 214px; padding: 0; background: none; border-bottom: 1px solid #45484d }


#menu li ul li a { color: #000000 !important; background-color: #e7e7e7; text-decoration: none; text-align: left !important; width: 190px !important }
#menu li ul li a:hover { color: #ffffff !important; background-color: #bf2f38 }
#menu li ul li ul li { border-bottom: 1px solid #000000; font-size: 100% }

#menu li ul { margin: 0; top: 43px }
#menu li ul ul { top: auto; margin: -25px 0 0 195px; border-top: 0; border-bottom: 4px solid #bf2f38 }
#menu li ul ul a { background-color: #f7c8bc }

#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em }
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto }
/* /css 3-level menu */

#flash { position: absolute; right: 0; top: 93px; width: 486px; height: 92px; border: 1px solid #43464a; border-width: 1px 0 1px 4px; background:url(img/sys/flash/f_01.jpg) 0 0 no-repeat }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 10px; right: 10px }

#cesta { float: left; font-size: 92%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 92% }

#footer p { margin: 0; padding: 14px 30px 0 30px; color: #ffffff; font-size: 94% }
#footer em { float: right; font-style: normal }
#footer a { color: #ffffff }
/* /layout - special */

/* ostatni tridy pro web */
#welcome-news { width: 100%; overflow: hidden; background: transparent url(img/sys/bg_welcome_news.jpg) no-repeat left bottom }

#welcome { float: left; width: 425px; height: 235px; padding: 0 80px 70px 30px; background: transparent url(img/sys/bg_welcome.gif) no-repeat right top }
html>body #welcome { min-height: 235px; height: auto }

#cimex-news { float: right; width: 375px; padding: 0 20px 70px 20px; position: relative }
#cimex-news h2 a { color: #bf2f38; margin: 0.9em 0 1.5em 0 }
#cimex-news h2 span { color: #5e5e5e }
#cimex-news img.fli { border: 3px solid #c7c7c7 }
#cimex-news p { margin: 0 }
#cimex-news strong { color: #bf2f38 }
#cimex-news ul.pager { margin: 0 0 1.5em 0; padding: 0; list-style: none; position: absolute; right: 13px; top: 25px }
#cimex-news ul.pager li { float: left; text-align: center; padding: 1px 0 0 0; background: transparent url(img/sys/bg_strankovani.gif) no-repeat 0 0 }
#cimex-news ul.pager a { color: #757575; display: block; width: 37px; margin: 0 2px; font-size: 110%; text-decoration: none }
#cimex-news ul.pager a:hover { color: #bf2f38 }
#cimex-news ul.pager .active { color: #bf2f38; font-weight: bold; border-top: 1px solid #bf2f38 }

#cimex-group { border-left: 4px solid #bf2f38; padding: 12px 22px 18px 22px; background: #f3f3f3 url(img/sys/bg_cimex_group.gif) repeat-x 0 0 }
#cimex-group h3 { color: #5e5e5e; margin-top: 0 }
#content #cimex-group td { vertical-align: top }
#cimex-group ul { margin: 0 5px 0 0; padding: 0; list-style: none; background: transparent url(img/sys/dotted.gif) repeat-y right top }
#cimex-group li { font-weight: bold; font-size: 92%; padding: 0 0 0 10px; background: transparent url(img/sys/bullet.gif) no-repeat 0 5px }
#cimex-group a { color: #5e5e5e; text-decoration: none }
#cimex-group a:hover { color: #bf2f38; text-decoration: underline }

#cimex-news {  }
.news { width: 100%; overflow: hidden; margin: 1em 0 }
.news h4 { margin: 0 0 0.5em 0 }
.news h4 a { font-weight: bold; text-decoration: none }
.news p { margin: 0 }
.news .thumb { float: left; margin: 0 1em 1em 0; border: 3px solid #c7c7c7 }

.bullet { margin: 1em 0 1.5em 0.7em; padding: 0; list-style: none }
.bullet li {  padding: 0 0 0 12px; line-height: 1.8; background: transparent url(img/sys/bullet2.gif) no-repeat 0 8px }

#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: 94% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /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_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 10px 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_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 10px 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_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 }
/* /fotogalerie */

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

.home-banner {background:url(img/_/main/bg_main-block.gif) 0 0 no-repeat; display:block; height:160px; float:left; position:relative; margin-top: 15px }
.home-banner ul, .home-banner h3 { color:#FFF; display:block; width:330px;}
.home-banner h3 { padding:0 35px; margin-top:20px;}
.home-banner ul { margin-bottom:10px;}
.home-banner li { padding:0; padding-left:10px; background: url(img/sys/bullet3.gif) 0 7px no-repeat; list-style:none;}

.home-banner a { position:absolute; display:block; width:370px; height:140px; top:10px; overflow:hidden; text-indent:-9999px; left:20px }

/* obchodni-cinnost */

h3.oc {margin: 0; padding: 0; font-size: 14px;}

/* /obchodni-cinnost */