/* 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: 70%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #444444; background: #418ADB url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #2867B0; padding: 0; line-height: normal; font-weight: normal }
h1 { font-size: 170%; clear: both; margin: 0.4em 0 1em 0 }
h2 { font-size: 150%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; 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% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #E56C00; overflow:hidden; }
a:link { color: #E56C00 }
a:hover { color: #2867B0; text-decoration: none }
p { margin: 1em 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}*/
img { border-color: #D8D8D8 #D8D8D8 #D8D8D8 #D8D8D8;}
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, .noborder { 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: 1px solid #aaaaaa; padding: 3px }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    top: 25px;
    width: 920px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }
#main-in { height: 821px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
html>body #main-in { min-height: 821px; height: auto }

#main.home, #main.wide {
    background: #ffffff url(img/sys/bg_main_home.gif) repeat-y 0 0
}

#zahlavi { position: absolute; left: 0; top: 0; width: 100% }
#zahlavi-in {
    height: 131px;
    margin: 0 10px;
    position: relative;
    background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 158px 0
}

#content {
    float: right;
    width: 700px;
    overflow: hidden;
	position:relative;
}
#content-in { padding: 160px 25px 120px 15px; }


#panel {
    float: left;
    width: 220px;
}

#panel-in { 
    padding: 145px 0 120px 25px;
}

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
#zapati-in { margin: 0 10px; height: 87px; text-align: center; color: #000000; background: #05346F url(img/sys/bg_zapati.jpg) no-repeat 0 0 }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 2px; top: 0; width: 154px; height: 99px; overflow: hidden; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu { list-style: none; padding: 0; margin: 0; width: 740px; height: 50px; position: absolute; left: 158px; top: 49px;}
#menu li { float: left; text-indent: -9999px; padding: 0; margin: 0; width: 148px; text-align: center; background: none }
#menu li a { border: 0; text-decoration: none; display: block; width: 100%; height: 50px; background: transparent url(img/sys/bg_menu_a.png) no-repeat 0 0 }
#menu.en li a { background: transparent url(img/sys/bg_menu_en_a.png) no-repeat 0 0 }
#menu.ru li a { background: transparent url(img/sys/bg_menu_ru_a.png) no-repeat 0 0 }
#menu.bg li a { background: transparent url(img/sys/bg_menu_bg_a.png) no-repeat 0 0 }
#menu.pl li, #menu.bg li { width: 123px }
#menu.pl li#m1, #menu.bg li#m1 { width: 124px }
#menu.pl li a { background: transparent url(img/sys/bg_menu_pl_a.png) no-repeat 0 0 }

#menu li a { background: transparent url(img/sys/bg_menu_sk_a.png) no-repeat 0 0 }

#menu.cz li a { background: transparent url(img/sys/bg_menu_cz_a.png) no-repeat 0 0 }

#menu.sk li#m1, #menu.cz li#m1 { width: 137px }
#menu.sk li#m2, #menu.cz li#m2 { width: 129px }
#menu.sk li#m3, #menu.cz li#m3 { width: 109px }
#menu.sk li#m4, #menu.cz li#m4 { width: 120px }
#menu.sk li#m5, #menu.cz li#m5 { width: 125px }
#menu.sk li#m6, #menu.cz li#m6 { width: 117px }

.sk #m2 a:link, .sk #m2 a:visited { background-position: -137px 0 !important }
.sk #m2 a:hover, .sk #m2 a:focus, .sk #m2.active a { background-position: -137px -50px !important }
.sk #m3 a:link, .sk #m3 a:visited,.cz #m3 a:link { background-position: -266px 0 !important }
.sk #m3 a:hover, .sk #m3 a:focus, .sk #m3.active a { background-position: -266px -50px !important }
.sk #m4 a:link, .sk #m4 a:visited,.cz #m4 a:link { background-position: -376px 0 !important }
.sk #m4 a:hover, .sk #m4 a:focus, .sk #m4.active a { background-position: -376px -50px !important }
.sk #m5 a:link, .sk #m5 a:visited,.cz #m5 a:link{ background-position: -496px 0 !important }
.sk #m5 a:hover, .sk #m5 a:focus, .sk #m5.active a { background-position: -496px -50px !important }
.sk #m6 a:link, .sk #m6 a:visited { background-position: -621px 0 !important }
.sk #m6 a:hover, .sk #m6 a:focus, .sk #m6.active a { background-position: -621px -50px !important }

.cz #m2 a:link, .cz #m2 a:visited { background-position: -137px 0 !important }
.cz #m2 a:hover, .cz #m2 a:focus, .cz #m2.active a { background-position: -137px -50px !important }
.cz #m3 a:visited { background-position: -266px 0 !important }
.cz #m3 a:hover, .cz #m3 a:focus, .cz #m3.active a { background-position: -266px -50px !important }
.cz #m4 a:visited { background-position: -376px 0 !important }
.cz #m4 a:hover, .cz #m4 a:focus, .cz #m4.active a { background-position: -376px -50px !important }
.cz #m5 a:visited { background-position: -496px 0 !important }
.cz #m5 a:hover, .cz #m5 a:focus, .cz #m5.active a { background-position: -496px -50px !important }
.cz #m6 a:link, .cz #m6 a:visited { background-position: -621px 0 !important }
.cz #m6 a:hover, .cz #m6 a:focus, .cz #m6.active a { background-position: -621px -50px !important }

#m1 a:link, #m1 a:visited { background-position: 0 0 }
#m1 a:hover, #m1 a:focus, #m1.active a { background-position: 0 -50px !important }
#m2 a:link, #m2 a:visited { background-position: -148px 0 !important }
#m2 a:hover, #m2 a:focus, #m2.active a { background-position: -148px -50px !important }
#m3 a:link, #m3 a:visited { background-position: -296px 0 !important }
#m3 a:hover, #m3 a:focus, #m3.active a { background-position: -296px -50px !important }
#m4 a:link, #m4 a:visited { background-position: -444px 0 !important }
#m4 a:hover, #m4 a:focus, #m4.active a { background-position: -444px -50px !important }
#m5 a:link, #m5 a:visited { background-position: -592px 0 !important }
#m5 a:hover, #m5 a:focus, #m5.active a { background-position: -592px -50px !important }

.pl #m2 a:link, .pl #m2 a:visited, .bg #m2 a:link, .bg #m2 a:visited { background-position: -124px 0 !important }
.pl #m2 a:hover, .pl #m2 a:focus, .pl #m2.active a, .bg #m2 a:hover, .bg #m2 a:focus, .bg #m2.active a { background-position: -124px -50px !important }
.pl #m3 a:link, .pl #m3 a:visited, .bg #m3 a:link, .bg #m3 a:visited { background-position: -247px 0 !important }
.pl #m3 a:hover, .pl #m3 a:focus, .pl #m3.active a, .bg #m3 a:hover, .bg #m3 a:focus, .bg #m3.active a { background-position: -247px -50px !important }
.pl #m4 a:link, .pl #m4 a:visited, .bg #m4 a:link, .bg #m4 a:visited { background-position: -370px 0 !important }
.pl #m4 a:hover, .pl #m4 a:focus, .pl #m4.active a, .bg #m4 a:hover, .bg #m4 a:focus, .bg #m4.active a { background-position: -370px -50px !important }
.pl #m5 a:link, .pl #m5 a:visited, .bg #m5 a:link, .bg #m5 a:visited { background-position: -493px 0 !important }
.pl #m5 a:hover, .pl #m5 a:focus, .pl #m5.active a, .bg #m5 a:hover, .bg #m5 a:focus, .bg #m5.active a { background-position: -493px -50px !important }
.pl #m6 a:link, .pl #m6 a:visited, .bg #m6 a:link, .bg #m6 a:visited { background-position: -616px 0 !important }
.pl #m6 a:hover, .pl #m6 a:focus, .pl #m6.active a, .bg #m6 a:hover, .bg #m6 a:focus, .bg #m6.active a { background-position: -616px -50px !important }

#langs { position: absolute; right: 15px; top: -15px }
#langs img { float: left; margin: 0 0 0 10px }

.home #content, .wide #content { width: 920px }
.home #content-in, .wide #content-in { padding: 160px 30px 120px 30px }

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

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



#rozcestnik { position: absolute; left: 0; top: 100px; width: 100%; height: 50px; padding:0; background: /*#E1E1E1*/#033b7d url(img/sys/bg_rozcestnik.gif) repeat-x 0 0 }
#rozcestnik ul {  margin: 0; padding: 0; height: 50px; line-height: 50px; list-style: none; text-transform: uppercase; font-weight: bold; float: right }
#rozcestnik li { background: transparent url(img/sys/bg_rozcestnik_li8.gif) no-repeat 0 0;}
#rozcestnik li { float: left; height: 50px; color: #2867B0; margin-right: 1px;}
#rozcestnik ul a { margin: 0; text-decoration: none; color: #ffffff; display:block; height:auto; padding:0 15px; }
#rozcestnik ul a:hover { color: /*#2867B0*/#FCB200; text-decoration: none; /*background-image:url(img/sys/bg_rozcestnik_li6.gif);*/ }
#rozcestnik form { margin: 15px 0 0 10px }
#rozcestnik label { color: /*#989898*/#ffffff; font-size: 90%; text-transform: uppercase }
#rozcestnik input { width: 120px; border: 1px solid #DBDADA; background-color: #ffffff }



#panel h3 { color: #244670; font-size: 100%; font-weight: bold }
#panel ul { margin: 0 0 1em 0; padding: 0; list-style: none }
#panel ul li { padding: 3px 0; background: transparent url(img/sys/bg_dotted.gif) repeat-x left top }
/*#panel ul li a { text-decoration: none; color: #4A73A7 }*/
#panel ul li a {display: block; text-decoration: none; color: #4A73A7; padding: 0 0 0 15px; width: 180px; background: #f9f9f9 url(img/sys/tlacitko.gif) no-repeat 5px 5px}
#panel ul li a:hover { color: #E56C00 }
#panel ul li .active { color: #E56C00; font-weight: bold }

#zapati a { color: #000000; text-decoration: none }
#zapati a:hover { color: #ffffff }
#zapati p { margin: 0; padding: 1.2em 0; color: #ffffff }
#zapati p a { padding: 0 4px; color: #ffffff; text-decoration: underline }
#zapati p a:hover { text-decoration: none }
/* /layout - special */

/* ostatni tridy pro web */
table.imgtab tr td { padding: 2px !important; margin: 0 !important; text-align: center;}

#content table { border-color: #D8D8D8 }
#content table thead td, #content table thead th { padding: 8px 10px; background-color: #E8E8E8 }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 2px 10px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }

h1 small { color: #9D9D9D; font-size: 70% }

#content .t-novinky td { padding: 3px 15px 3px 0 }
.t-novinky .n-datum { color: #2867B0; font-size: 90%; width: 50px; }
.t-novinky a { color: #000000; text-decoration: none }
.t-novinky a:hover { color: #2867B0 }

.content-left { float: left; width: 390px }
.content-right { float: right; width: 430px }

.orange { color: #E56C00 }
.big-shadow { padding: 7px; background: transparent url(img/sys/bg_big_shadow.gif) no-repeat 0 0 }

.ref { margin: 0 7px 7px 0; float: left; color: #E56C00 }
.ref p { margin: 0; padding: 7px; background: transparent url(img/sys/bg_shadow.gif) no-repeat 0 0 }
.ref a { color: #000000; font-size: 90% }
.ref img { border: 0 }

.namety-pripominky { width: 430px; height: 72px; margin: 1em 0 0 0; position: relative; background: #D2D2D2 url(img/sys/bg_namety_pripominky.gif) no-repeat right bottom }
.namety-pripominky.en, .namety-pripominky.ru, .namety-pripominky.pl, .namety-pripominky.bg, .namety-pripominky.sk, .namety-pripominky.cz { width: 430px; height: 50px; margin: 1em 0 0 0; position: relative; background: none }
.namety-pripominky h3, .namety-pripominky h3 span { margin: 0; width: 220px; height: 72px; display: block; position: relative; overflow: hidden }
.namety-pripominky h3 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h3-namety-pripominky.gif) no-repeat 0px 0 }

.namety-pripominky h3 span.en { background-image:url(img/sys/h3-namety-pripominky_en.gif);}
.namety-pripominky h3 span.cz { background-image:url(img/sys/h3-namety-pripominky_cz.gif);}
.namety-pripominky h3 span.ru { background-image:url(img/sys/h3-namety-pripominky_ru.gif);}
.namety-pripominky h3 span.pl { background-image:url(img/sys/h3-namety-pripominky_en.gif);}
.namety-pripominky h3 span.bg { background-image:url(img/sys/h3-namety-pripominky_en.gif);}
.namety-pripominky h3 span.sk { background-image:url(img/sys/h3-namety-pripominky_en.gif);}


.namety-pripominky a { display: block; width: 170px; height: 35px; padding: 0 0 0 20px; line-height: 38px; font-size: 140%; color: #ffffff; text-decoration: none; position: absolute; right: 12px; bottom: 9px}
.namety-pripominky a:hover { color: #FFB400 }
.namety-pripominky.en a, .namety-pripominky.ru a, .namety-pripominky.pl a, .namety-pripominky.bg a, .namety-pripominky.sk a, .namety-pripominky.cz a{ position: relative; right: 0; bottom: 0; padding: 0 0 0 5px; width: 202px; height: 42px; background: transparent url(img/sys/bg_button.gif) no-repeat 0 0; margin: 0; float: left }

.b-submit { width: 21px !important; height: 20px !important }
/* /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 { color: #2867B0; font-size: 90%; float: left; text-align: right; width: 80px; margin-right: 8px }
.nw_date { color: #2867B0; /*text-align: right; width: 87px; margin-right: 15px*/ }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #ffffff }
.news h4 { color: #e56c00/*#2867B0*/; font-size: 125%; margin: 0 0 0.5em 0 }
.content-left .news h4 { font-size: 100%; margin-top: 0.1em }
.content-left .news h4 a { text-decoration: underline }
.content-left .news h4 a:hover { color: #2867B0; text-decoration: underline }

#aktuality h2 { margin-top: 5px }
#aktuality .news { clear: both; padding: 0 0 10px 0 }
#aktuality .news img { float: left; margin: 0 1.3em 1em 0; border: 1px solid #aaaaaa; padding: 3px }
#aktuality .a-vice { margin: 0 0 20px 0; clear: both }
/* /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_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_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 }
/* /fotogalerie */

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

h2.nadpis { font-size: 12px; }
h2.priznak { font-weight: bold; position: absolute; top: 170px; right: 40px }

td.vyrobek_nadpis {font-weight:bold; font-size:12px; color: #616160; background: #E7E7E7;  padding-left : 2px;  padding-bottom : 2px;  padding-top : 2px;   }

.vyrobek img { border: 1px solid #D8D8D8 }

.tecka { list-style-image: url(img/dot.gif); }

.nic { list-style: none; }

#flash-top { padding: 20px 0 }

.google-map { width: 425px }

/* #top-slider */

.en #content-in, .ru #content-in, .pl #content-in, .bg #content-in, .sk #content-in, .cz #content-in { padding-top: 330px}

#top-slider { display: block; width: 898px; height: 167px; position: absolute; top: 150px; left: 10px; overflow: hidden }
#top-slider-in { position: relative; display: block; width: 898px; height: 167px; z-index: 20; }
#top-slider-in .active { display: block }
#top-slider-in span { display: block; padding: 10px; background: url(img/sys/slider/bkg_img.jpg) 0 0 no-repeat; margin-right: 45px; float: right;}
#top-slider-in .text { display: block; float: left; margin: 115px 50px 0 45px }
#top-slider-in div { position: absolute; display: none; width: 898px; height: 167px }

/* /#top-slider */

.welcome { background-color: #eee; padding: 5px; margin: 15px 0 }

/* pageflip a download bloky */ 

#view { position: relative; float: left; margin-right: 20px; height: 195px; background: #2761A3; }
#download { position: relative; float: left;  height: 195px; background: #9abfe5;}
#view a img, #download a img { border: none; }
#view span, #download span { position: absolute; bottom: 3px; left: 87px; font-size: 13px; text-transform:uppercase; color: #fff; font-weight: bold; }
#download span { color: #2761A3; }

/* /pageflip a download bloky */ 

.countdown-day{ position: absolute; bottom: 134px; right: 35px; z-index: 200; font-size: 16px; color: #e80318; font-weight: bold; text-shadow: 1px 1px #9a9a9a; }