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

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

body.body { text-align: center; color: #888; background: #323232 url(img/sys/bg_body.png) repeat 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #252525; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 210%; color: #f00000; clear: both; margin: 0.2em 0 0.5em 0; text-transform: uppercase }
h2 { font-size: 140%; 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: #f00000 }
a:link { color: #f00000 }
a:hover { color: #f08625; 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% }

.ivar-tt h1, .ivar-tt a { color: #F9750A }
.dab h1, .dab a { color: #768E04 }
.gel h1, .gel a { color: #006C94 }
/* /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: 1px solid #d8d8d8; padding: 1px }
.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%; display: inline-block }
#main {
    width: 1000px;
    margin: 358px auto 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.png) repeat-y 0 0
}
#main-in { margin: 0 5px; background: transparent url(img/sys/bg_s1.png) repeat-x 0 0 }

#header { position: absolute; left: 0; top: -301px; width: 992px; padding: 4px; background: transparent url(img/sys/bg_border.png) repeat 0 0 }
#header-in { height: 278px; border: 1px solid #323232; background-color: #fff }

#content {
    float: right;
    width: 733px;
    overflow: hidden
}
#content-in { padding: 25px 30px 25px 30px }

#panel {
    float: left;
    width: 257px
}
#panel-in { padding: 4px 0 0 0 }

#footer {
    width: 1000px;
    margin: 0 auto;
    padding: 35px 0 0 0;
    text-align: left;
    background: transparent url(img/sys/bg_footer.png) no-repeat 0 0
}
/* /layout - zaklad */

/* layout - special */
#main-wrapper.home #main { margin: 414px auto 0 auto; background: transparent url(img/sys/bg_main_home.png) repeat-y 0 0 }
#main-wrapper.main #main { margin: 414px auto 0 auto; }
#main-wrapper.home #main-in { background: transparent url(img/sys/bg_main_in_home.png) no-repeat 0 0 }
#main-wrapper.home #header, #main-wrapper.main #header { top: -357px }
#main-wrapper.home #header-in, #main-wrapper.main #header-in { height: 324px }
#main-wrapper.home #content { float: none; padding: 5px 0; width: 990px }
#main-wrapper.home #footer { background: transparent url(img/sys/bg_footer_home.png) no-repeat 0 0 }

.ivar-trio #main-in { background: transparent url(img/sys/bg_s1.png) repeat-x 0 0 }
.ivar-tt #main-in { background: transparent url(img/sys/bg_s2.png) repeat-x 0 0 }
.dab #main-in { background: transparent url(img/sys/bg_s3.png) repeat-x 0 0 }
.gel #main-in { background: transparent url(img/sys/bg_s4.png) repeat-x 0 0 }
/*.s5 #main-in { background: transparent url(img/sys/bg_s5.png) repeat-x 0 0 }*/

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

#print-document { width: 15px; height: 13px; display: block; text-decoration: none; background: url(img/sys/p-tisk.png) right center no-repeat; }
#print-document span { display: none; padding-left: 40px; line-height: 25px; }

#menu { width: 100%; height: 46px; position: absolute; left: 5px; top: 283px; background: transparent url(img/sys/bg_menu.png) no-repeat 0 0 }
#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left; padding: 0 2px 0 0; background: transparent url(img/sys/bg_menu_li.png) no-repeat right 1px }
#menu li.m-last { background: none }
#menu a { color: #fff; font-size: 130%; display: block; float: left; padding: 0 20px; height: 46px; line-height: 46px; text-decoration: none; outline: none; background: transparent url(img/sys/bg_menu_a.png) repeat-x 0 -46px }
#menu a:hover { color: #fff; background-position: 0 1px }

#menu2 { margin: 10px 0 15px 0 }
#menu2 h3 { margin: 0; padding: 0 0 0 20px; height: 40px; line-height: 40px; color: #fff; text-transform: uppercase; background: transparent url(img/sys/bg_menu_h3.png) no-repeat 50% -1px }
#menu2 ul { margin: 0 0 1em 0; padding: 0; list-style: none }
#menu2 li { padding: 0 0 2px 0; background: transparent url(img/sys/bg_submenu_li.png) repeat-x left bottom }
#menu2 li a { color: #717171; display: block; width: 237px; padding: 4px 0 5px 20px; text-decoration: none; text-transform: uppercase }
#menu2 li a:hover { color: #000; background-color: #e0e0e0 }
#menu2 li a.active { color: #000; background-color: #e0e0e0 }

.submenu-title { margin: 0; padding: 0 0 0 20px; height: 60px; line-height: 60px; color: #fff; text-transform: uppercase }
.submenu-title a { color: #fff; text-decoration: none; }

.submenu { margin: 0 0 15px 0 }
.submenu ul { margin: 0 0 1em 0; padding: 0; list-style: none }
.submenu li { padding: 0 0 2px 0; background: transparent url(img/sys/bg_submenu_li.png) repeat-x left bottom }
.submenu li a { color: #717171; display: block; width: 237px; padding: 4px 0 4px 20px; text-decoration: none; text-transform: uppercase }
.submenu li a:hover { color: #000; background-color: #e0e0e0 }
.submenu li a.active { color: #000; background-color: #e0e0e0 }

ul.kategorie { margin: 0 0 1em 0; padding: 0 0 2px 0; list-style: none; background: transparent url(img/sys/bg_submenu_li.png) repeat-x left bottom }
ul.kategorie ul { margin: 0; padding: 0.7em 0; list-style: none; background: transparent url(img/sys/bg_submenu_li.png) repeat-x 0 0 }
ul.kategorie li { padding: 2px 0 0 0; background: transparent url(img/sys/bg_submenu_li.png) repeat-x 0 0 }
ul.kategorie li a { color: #717171; display: block; width: 237px; padding: 4px 0 4px 20px; text-decoration: none; text-transform: uppercase }
ul.kategorie li a.active { color: #000; background-color: #e0e0e0 }
ul.kategorie li a:hover { color: #000; background-color: #e0e0e0 }
/*ul.kategorie li a span { display: block; padding: 3px 5px 6px 15px; background: transparent url(img/sys/bg_dotted.gif) repeat-x left bottom }*/
ul.kategorie li li { background: none; padding: 0; margin: 0 }
ul.kategorie li li a { color: #000; font-weight: normal; text-transform: none; text-decoration: none; padding: 2px 5px 2px 30px; margin: 0; width: 222px; background: transparent url(img/sys/bullet10.png) no-repeat 22px 8px !important }
ul.kategorie li li a.active { color: #f00000; text-decoration: underline }
ul.kategorie li li a:hover { color: #f00000; text-decoration: underline }


/* 2-level menu */
ul#nav div { margin: 0 0 0 247px; border: 1px solid #c9c9c9; padding: 1px; background-color: #fff; position: absolute; left: -999em; top: 0; width: 250px }
ul#nav li.sfhover div { left: auto; top: 0; z-index: 99; width: auto }

ul#nav .active div { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: auto; border: none; background: none }

ul#nav li.sfhover { position: relative; width: 100%; white-space: nowrap }
ul#nav li.sfhover div ul { margin: 0; padding: 4px 12px 12px 12px; background: #e0e0e0 }
ul#nav li.sfhover div ul li { background: transparent url(img/sys/dashed.png) repeat-x left bottom }
ul#nav li.sfhover a { color: #000; background-color: #e0e0e0; position: relative; z-index: 100 }
ul#nav li.sfhover ul li a { width: 100%; padding: 2px 0; background: none !important }
ul#nav li.sfhover ul li a:hover { color: #f00000; text-decoration: underline }
ul#nav li.sfhover ul li { background: transparent url(img/sys/dashed.png) repeat-x left bottom }

/* /2-level menu */

/* katalog */
#content td.cenova-akce span { padding:2px 0 2px 15px; background:url(img/sys/ico_bomb.gif) 0 0 no-repeat; font-weight:bold; color:#CE0000}
/* /katalog */

.ivar-trio .submenu-title, .main .submenu-title { background: transparent url(img/sys/bg_s1_title.png) no-repeat left bottom }
.ivar-tt .submenu-title { background: transparent url(img/sys/bg_s2_title.png) no-repeat left bottom }
.dab .submenu-title { background: transparent url(img/sys/bg_s3_title.png) no-repeat left bottom }
.gel .submenu-title { background: transparent url(img/sys/bg_s4_title.png) no-repeat left bottom }
/*.s5 .submenu-title { background: transparent url(img/sys/bg_s5_a.png) repeat-x left bottom }*/

#langs { position: absolute; left: 205px; top: 5px; width: 59px; height: 40px; padding: 20px 0 0 11px; border: 1px solid #e0e0e0; border-width: 0 1px; line-height: normal; text-align: center }
#langs img { border: 1px solid #e0e0e0; margin: 0 3px 3px 3px; float: left }
#langs a:hover img { border: 1px solid #fff }

#top-links { position: absolute; left: 290px; top: 22px }
#top-links a { color: #818181; font-size: 90%; display: inline-block; padding: 0 0 0 16px }
#top-links .l-home { background: transparent url(img/sys/ico-home.png) no-repeat 0 50% }
#top-links .l-sitemap { background: transparent url(img/sys/ico-sitemap.png) no-repeat 0 50% }
#top-links .l-eshop { background: transparent url(img/sys/ico-eshop.png) no-repeat 0 50% }

#sekce { margin: 0; padding: 0; list-style: none; position: absolute; right: 5px; top: 0 }
#sekce li { float: left; width: 120px }
#sekce li h3 { font-size: 140%; margin: 0; background: transparent url(img/sys/bg_sekce_h.png) no-repeat 0 0 }
#sekce li a { color: #262626; display: block; height: 65px; padding: 15px 15px 0 15px; text-decoration: none; text-transform: uppercase; outline: none }
#sekce li a small { color: #aeaeae; display: block; font-size: 70%; line-height: 1; text-transform: none }
#sekce li a:hover, #sekce .active a { background-position: 0 0 !important; /*color: #fff*/ }
#sekce li a:hover small, #sekce .active small { color: #fff }
#sekce .s1 { background: transparent url(img/sys/bg_s1.png) repeat-x 0 0 }
#sekce .s2 { background: transparent url(img/sys/bg_s2.png) repeat-x 0 0 }
#sekce .s3 { background: transparent url(img/sys/bg_s3.png) repeat-x 0 0 }
#sekce .s4 { background: transparent url(img/sys/bg_s4.png) repeat-x 0 0 }
#sekce .s5 { background: transparent url(img/sys/bg_s5.png) repeat-x 0 0 }
#sekce .s1 a { background: transparent url(img/sys/bg_s1_a.png) repeat-x 0 -80px }
#sekce .s2 a { background: transparent url(img/sys/bg_s2_a.png) repeat-x 0 -80px }
#sekce .s3 a { background: transparent url(img/sys/bg_s3_a.png) repeat-x 0 -80px }
#sekce .s4 a { background: transparent url(img/sys/bg_s4_a.png) repeat-x 0 -80px }
#sekce .s5 a { background: transparent url(img/sys/bg_s5_a.png) repeat-x 0 -80px }
.ivar-trio #sekce .s1 a, .ivar-tt #sekce .s2 a, .dab #sekce .s3 a, .gel #sekce .s4 a { background-position: 0 0; /*color: #fff*/ }
.ivar-trio #sekce .s1 a small, .ivar-tt #sekce .s2 a small, .dab #sekce .s3 a small, .gel #sekce .s4 a small { color: #fff }

#searchform { position: absolute; left: 222px; top: 72px; width: 219px; height: 24px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0 }
#searchword { color: #4f4f4f; font-size: 11px; width: 128px; height: 17px; line-height: 17px; padding: 0 0 0 5px; border: 0; background: url(img/sys/bg_searchword.gif) 0 0 no-repeat; }
.searchbutton { width: 16px !important; height: 17px !important; position: absolute; left: 128px !important; top: 0px !important; padding: 0 !important; outline: none; border: none; text-indent: -9999px; background: url(img/sys/btn_search.gif) 0 0 no-repeat; cursor: pointer;}


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

#copyright { margin: 0; padding: 1em 0 2em 0; text-align: right }
#copyright span { float: left; text-align: left }
#copyright a { color: #fff }
/* /layout - special */

/* rozcestnik */
#rozcestnik { width: 100%; overflow: hidden; background: #fff url(img/sys/bg_rozcestnik.png) repeat-x 0 64px }
#rozcestnik .sekce { float: left; width: 248px; padding: 0 0 20px 0; background: transparent url(img/sys/bg_sekce.png) no-repeat right 64px }
#rozcestnik .sekce.s3, #rozcestnik .sekce.s4 { width: 247px }
#rozcestnik .sekce.s4 { background: none }
#rozcestnik .sekce h2 { font-size: 150%; margin: 0; border: 1px solid #323232; border-width: 0 1px 1px 0; text-transform: uppercase }
#rozcestnik .sekce.s4 h2 { border-right: 0 }
#rozcestnik .sekce h2 a small { color: #fff; display: block; font-size: 80%; line-height: 1; text-transform: none }
#rozcestnik .sekce h2 a { color: #262626; display: block; height: 50px; padding: 13px 0 0 20px; text-decoration: none; text-transform: uppercase; outline: none }
#rozcestnik .sekce h2 a:hover { color: #fff }
#rozcestnik .sekce p { margin: 0; padding: 10px 20px; height: 70px; line-height: normal }
html>body #rozcestnik .sekce p { min-height: 70px; height: auto }

#rozcestnik .sekce.s1 h2 { background: transparent url(img/sys/bg_sekce1.png) no-repeat 0 0 }
#rozcestnik .sekce.s2 h2 { background: transparent url(img/sys/bg_sekce2.png) no-repeat 0 0 }
#rozcestnik .sekce.s3 h2 { background: transparent url(img/sys/bg_sekce3.png) no-repeat 0 0 }
#rozcestnik .sekce.s4 h2 { background: transparent url(img/sys/bg_sekce4.png) no-repeat 0 0 }

#rozcestnik .sekce ul { margin: 0; padding: 0 20px; list-style: none }
#rozcestnik .sekce ul li { padding: 0 0 6px 17px; line-height: 1.3 }
#rozcestnik .sekce li a { text-transform: uppercase; text-decoration: none }
#rozcestnik .sekce li a:hover { color: #262626 !important; text-decoration: underline }

#rozcestnik .sekce.s1 li a { color: #7b0000 }
#rozcestnik .sekce.s2 li a { color: #f9750a }
#rozcestnik .sekce.s3 li a { color: #768e04 }
#rozcestnik .sekce.s4 li a { color: #006c94 }

#rozcestnik .sekce.s1 li { background: transparent url(img/sys/bullet6.png) no-repeat 0 5px }
#rozcestnik .sekce.s2 li { background: transparent url(img/sys/bullet7.png) no-repeat 0 5px }
#rozcestnik .sekce.s3 li { background: transparent url(img/sys/bullet8.png) no-repeat 0 5px }
#rozcestnik .sekce.s4 li { background: transparent url(img/sys/bullet9.png) no-repeat 0 5px }

#rozcestnik2 { padding: 0 5px 5px 5px; background: transparent url(img/sys/bg_border.png) repeat 0 0 }
#rozcestnik2 .in { width: 100%; overflow: hidden; padding: 0 0 50px 0; background-color: #1f1f1f }
#rozcestnik2 .sekce { float: left; width: 198px }
#rozcestnik2 .sekce h4 { color: #fff; font-size: 140%; height: 60px; margin: 0; padding: 15px 30px 0 20px; border-right: 1px solid #2b2b2b; text-transform: uppercase }
#rozcestnik2 .sekce.s5 h4 { border: 0 }
#rozcestnik2 .sekce h4 small { display: block; font-size: 70%; line-height: 1; text-transform: none }
#rozcestnik2 .sekce.s1 h4 small { color: #ee3c3c }
#rozcestnik2 .sekce.s2 h4 small { color: #ff8e00 }
#rozcestnik2 .sekce.s3 h4 small { color: #b6dc01 }
#rozcestnik2 .sekce.s4 h4 small { color: #00c6ff }
#rozcestnik2 .sekce.s5 h4 small { color: #f236ff }

#rozcestnik2 .sekce.s1 { background: transparent url(img/sys/bg_s1.png) repeat-x 0 0 }
#rozcestnik2 .sekce.s2 { background: transparent url(img/sys/bg_s2.png) repeat-x 0 0 }
#rozcestnik2 .sekce.s3 { background: transparent url(img/sys/bg_s3.png) repeat-x 0 0 }
#rozcestnik2 .sekce.s4 { background: transparent url(img/sys/bg_s4.png) repeat-x 0 0 }
#rozcestnik2 .sekce.s5 { background: transparent url(img/sys/bg_s5.png) repeat-x 0 0 }

#rozcestnik2 .sekce ul { margin: 0; padding: 0 20px; list-style: none }
#rozcestnik2 .sekce ul li { padding: 0 0 6px 8px; line-height: 1 }
#rozcestnik2 .sekce li a { color: #6d6d6d; font-size: 90% }
#rozcestnik2 .sekce.s1 li a:hover { color: #ff0000 }
#rozcestnik2 .sekce.s2 li a:hover { color: #ffb400 }
#rozcestnik2 .sekce.s3 li a:hover { color: #a5c800 }
#rozcestnik2 .sekce.s4 li a:hover { color: #00c6ff }
#rozcestnik2 .sekce.s5 li a:hover { color: #e800eb }

#rozcestnik2 .sekce.s1 li { background: transparent url(img/sys/bullet1.png) no-repeat 0 5px }
#rozcestnik2 .sekce.s2 li { background: transparent url(img/sys/bullet2.png) no-repeat 0 5px }
#rozcestnik2 .sekce.s3 li { background: transparent url(img/sys/bullet3.png) no-repeat 0 5px }
#rozcestnik2 .sekce.s4 li { background: transparent url(img/sys/bullet4.png) no-repeat 0 5px }
#rozcestnik2 .sekce.s5 li { background: transparent url(img/sys/bullet5.png) no-repeat 0 5px }

#rozcestnik3 { width: 717px; margin: 0 0 30px 0; padding: 20px 0 20px 15px; position: relative; left: -29px; border: 1px solid #c8c8c8; border-width: 1px 0; background: #f6f6f6 url(img/sys/bg_divider2.png) no-repeat 0 0; overflow: hidden }
#rozcestnik3 .sekce { float: left; width: 210px; padding: 0 12px }
#rozcestnik3 .sekce h3 { margin: 0 0 0.3em 0; text-transform: uppercase }
#rozcestnik3 .sekce ul { margin: 0.7em 0 0 2px; padding: 0; list-style: none }
#rozcestnik3 .sekce li { padding: 0 0 6px 13px; line-height: 1.3 }
#rozcestnik3 .sekce li a { color: #000; text-decoration: none }
#rozcestnik3 .sekce li a:hover { text-decoration: underline }

.ivar-trio #rozcestnik3 .sekce li { background: transparent url(img/sys/bullet6.png) no-repeat 0 5px }
.ivar-trio #rozcestnik3 .sekce li a:hover { color: #ff0000 }

.ivar-tt #rozcestnik3 .sekce li { background: transparent url(img/sys/bullet7.png) no-repeat 0 5px }
.ivar-tt #rozcestnik3 .sekce li a:hover { color: #F9750A }

.dab #rozcestnik3 .sekce li { background: transparent url(img/sys/bullet8.png) no-repeat 0 5px }
.dab #rozcestnik3 .sekce li a:hover { color: #768E04 }

.gel #rozcestnik3 .sekce li { background: transparent url(img/sys/bullet9.png) no-repeat 0 5px }
.gel #rozcestnik3 .sekce li a:hover { color: #006C94 }
/* /rozcestnik */

/* bloky */
#bloky { width: 100%; overflow: hidden; padding: 30px 0 0 0; background: transparent url(img/sys/bg_bloky.png) no-repeat 0 0 }
#bloky .blok { float: left; width: 200px; padding: 0 20px }
#bloky .blok h3 { color: #005e84; margin: 0; text-transform: uppercase; font-size: 160% }
#bloky .blok h3 small { color: #494949; display: block; font-size: 70%; line-height: 1; text-transform: none }
#content #bloky .blok td { padding: 1.3em 15px 0 0; vertical-align: top }
#bloky a { color: #005e84 }
#bloky #kontakt h3 { margin-top: 1.5em }
#bloky .bannery { margin: 0; padding: 10px 20px 0 0 }
/* /bloky */

/* bannery */
.bannery { margin: 20px 0 0 0; line-height: normal }
.bannery img { margin: 0 0 0 10px }
#panel .bannery { text-align: center }
#panel .bannery img { margin: 0 0 5px 0 }
#sekce-info2 .bannery, #sekce-info2 .bannery img { margin: 0 }
/* /bannery */

/* aktuality */
#novinky { background: transparent url(img/sys/bg_divider.png) no-repeat right 50% }
#novinky .news { margin: 1.3em 0 0 0 }
#novinky .news h4 { margin: 0; font-size: 100%; font-weight: bold }
#novinky .news h4 a { color: #1676a8 }
#novinky .news .nw_date { float: none; color: #525353 }
#novinky .news .nw_text { line-height: normal }
/* /aktuality */

/* slideshow */
#slideshow { position: absolute; left: 5px; top: 110px; width: 990px; height: 173px }
#slideshow ul { margin: 0; padding: 0; list-style: none }
#slideshow li { width: 100%; height: 173px; position: relative }
#slideshow li img { position: absolute; left: 0; top: 0 }
#slideshow div { padding: 20px 20px 0 527px }
#slideshow div h3 { color: #5b0b0b; font-size: 200%; margin: 0; text-shadow: 1px 1px #dd0000 }
#slideshow div p { color: #fff; margin: 1em 0 0 0; line-height: normal }

#slideshow li.s1 { background: #b60000 url(img/sys/bg_slideshow_s1.jpg) no-repeat right top }
/* /slideshow */

/* sekce-info */
#sekce-info { position: absolute; left: 5px; top: 110px; width: 990px; height: 173px }
#sekce-info div { padding: 20px 155px 0 527px }
#sekce-info div h3 { color: #5b0b0b; font-weight: bold; font-size: 200%; margin: 0; text-shadow: 1px 1px #dd0000 }
.ivar-tt #sekce-info div h3 { color: #303030; text-shadow: none }
.dab #sekce-info div h3 { color: #303030; text-shadow: none }
.gel #sekce-info div h3 { color: #303030; text-shadow: none }
#sekce-info div p { color: #fff; margin: 1em 0 0 0; line-height: normal }
#sekce-info img { position: absolute; left: 0; top: 0 }

#sekce-info ul { margin: 0; padding: 13px 0 0 0; list-style: none; position: absolute; right: 0; top: 0; width: 132px; height: 160px }
#sekce-info li { padding: 0 0 0 10px; line-height: normal }
#sekce-info li a { color: #250000; font-size: 120%; display: inline-block; text-decoration: none; padding: 10px 0 12px 30px; font-weight: bold }
.ivar-tt #sekce-info li a { color: #6f3b00 }
.dab #sekce-info li a { color: #2f4800 }
.gel #sekce-info li a { color: #5cdaff }
#sekce-info li a:hover { color: #fff; background-position: -114px 50% !important }
#sekce-info li.s4 { background: none !important }

.ivar-trio #sekce-info ul { background: transparent url(img/sys/bg_ul_s1.png) no-repeat 0 0 }
.ivar-tt #sekce-info ul { background: transparent url(img/sys/bg_ul_s2.png) no-repeat 0 0 }
.dab #sekce-info ul { background: transparent url(img/sys/bg_ul_s3.png) no-repeat 0 0 }
.gel #sekce-info ul { background: transparent url(img/sys/bg_ul_s4.png) no-repeat 0 0 }
/*.s5 #sekce-info ul { background: transparent url(img/sys/bg_ul_s5.png) no-repeat 0 0 }*/

.ivar-trio #sekce-info li.s1 { background: transparent url(img/sys/bg_li_trio_s1.png) repeat-x left bottom }
.ivar-trio #sekce-info li.s2 { background: transparent url(img/sys/bg_li_trio_s2.png) repeat-x left bottom }
.ivar-trio #sekce-info li.s3 { background: transparent url(img/sys/bg_li_trio_s3.png) repeat-x left bottom }

.ivar-tt #sekce-info li.s1 { background: transparent url(img/sys/bg_li_tt_s1.png) repeat-x left bottom }
.ivar-tt #sekce-info li.s2 { background: transparent url(img/sys/bg_li_tt_s2.png) repeat-x left bottom }
.ivar-tt #sekce-info li.s3 { background: transparent url(img/sys/bg_li_tt_s3.png) repeat-x left bottom }

.dab #sekce-info li.s1 { background: transparent url(img/sys/bg_li_dab_s1.png) repeat-x left bottom }
.dab #sekce-info li.s2 { background: transparent url(img/sys/bg_li_dab_s2.png) repeat-x left bottom }
.dab #sekce-info li.s3 { background: transparent url(img/sys/bg_li_dab_s3.png) repeat-x left bottom }

.gel #sekce-info li.s1 { background: transparent url(img/sys/bg_li_gel_s1.png) repeat-x left bottom }
.gel #sekce-info li.s2 { background: transparent url(img/sys/bg_li_gel_s2.png) repeat-x left bottom }
.gel #sekce-info li.s3 { background: transparent url(img/sys/bg_li_gel_s3.png) repeat-x left bottom }
/*.s5 #sekce-info li { background: transparent url(img/sys/bg_li_s5.png) repeat-x left bottom }*/

.ivar-trio #sekce-info { background: #b60000 url(img/sys/bg_slideshow_s1.jpg) no-repeat right top }
.ivar-tt #sekce-info { background:  url(img/sys/bg_slideshow_s2.png) no-repeat right top }
.dab #sekce-info { background:  url(img/sys/bg_slideshow_s3.png) no-repeat right top }
.gel #sekce-info { background:  url(img/sys/bg_slideshow_s4.png) no-repeat right top }
/*.s5 #sekce-info { background:  url(img/sys/bg_slideshow_s5.jpg) no-repeat right top }*/

.ivar-trio #sekce-info li a { text-shadow: 1px 1px #d50000 }
.ivar-trio #sekce-info .s1 a { background: transparent url(img/sys/ico-reference.png) no-repeat 0 50% }
.ivar-trio #sekce-info .s2 a { background: transparent url(img/sys/ico-kontakty.png) no-repeat 0 50% }
.ivar-trio #sekce-info .s3 a { background: transparent url(img/sys/ico-podpora.png) no-repeat 0 50% }
.ivar-trio #sekce-info .s4 a { background: transparent url(img/sys/ico-kestazeni.png) no-repeat 0 50% }

.ivar-tt #sekce-info .s1 a { background: transparent url(img/sys/ico-reference-tt.png) no-repeat 0 50%; }
.ivar-tt #sekce-info .s2 a { background: transparent url(img/sys/ico-kontakty-tt.png) no-repeat 0 50% }
.ivar-tt #sekce-info .s3 a { background: transparent url(img/sys/ico-podpora-tt.png) no-repeat 0 50% }
.ivar-tt #sekce-info .s4 a { background: transparent url(img/sys/ico-kestazeni-tt.png) no-repeat 0 50% }

.dab #sekce-info .s1 a { background: transparent url(img/sys/ico-reference-dab.png) no-repeat 0 50%; }
.dab #sekce-info .s2 a { background: transparent url(img/sys/ico-kontakty-dab.png) no-repeat 0 50% }
.dab #sekce-info .s3 a { background: transparent url(img/sys/ico-podpora-dab.png) no-repeat 0 50% }
.dab #sekce-info .s4 a { background: transparent url(img/sys/ico-kestazeni-dab.png) no-repeat 0 50% }


.gel #sekce-info .s1 a { background: transparent url(img/sys/ico-reference-gel.png) no-repeat 0 50%; }
.gel #sekce-info .s2 a { background: transparent url(img/sys/ico-kontakty-gel.png) no-repeat 0 50% }
.gel #sekce-info .s3 a { background: transparent url(img/sys/ico-podpora-gel.png) no-repeat 0 50% }
.gel #sekce-info .s4 a { background: transparent url(img/sys/ico-kestazeni-gel.png) no-repeat 0 50% }

#sekce-info2 { width: 100%; overflow: hidden }
#sekce-info2 h3 { margin: 0 0 1em 0; text-transform: uppercase }
#sekce-info2 .clanky { float: left; width: 380px; padding: 0 25px 0 0; background: transparent url(img/sys/bg_divider3.png) no-repeat right 65px }
.clanky h4 { font-weight: bold; font-size: 110%; margin: 0 0 0.5em 0 }
.clanky .clanek { margin: 0 0 1em 0; width: 100%; overflow: hidden }
.clanky p { margin: 0 }
.clanek h4 a { color: #1676a8 }
/* /sekce-info */

/* ostatni tridy pro web */
.popisek { margin: 0; position: relative; top: -15px }

#content table { border-color: #c8c8c8 }
#content table thead td, #content table thead th { background-color: #e0e0e0; color: #717171 }
#content table tfoot td, #content table tfoot th { background-color: #eeeeee }
#content table td, #content table th { padding: 1px 3px; border-color: #c8c8c8 }
#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 }
/* /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 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 */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 0; border: none; text-align: center; width: 165px; }

#tn_root .tn img { border: 1px solid #d6d6d6; padding: 3px; margin-bottom:5px;}
/*#tn_root .tn img { border: 1px solid #d6d6d6; margin-bottom:5px;}*/

#tn_root .tn_a { text-decoration: none }
#tn_root .tn a { text-decoration: none; color: #333399 }
#tn_root .tn a:hover { text-decoration: underline; color: #333399 }
#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 }

.foto_large { border: 1px; margin: 0 0 15px 0 }
.foto_navigace { text-align: center }
.foto_navigace a { background-color: #0E3192; padding: 4px 5px; text-decoration: none; color: #ffffff }
.foto_navigace a:hover { background-color: #cc3333; text-decoration: none; color: #ffffff }
.foto { text-align: center }
.foto img { border: 1px solid #d6d6d6; padding: 3px;}
.foto_desc { margin: 10px 0 0 0; text-align: center }

#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 */

/* blok kosik */
#objednavka-info { margin: 0 0 1px 0; background-color: #636363; width: 100%; position: relative }
#objednavka-info h4 { margin: 0; padding: 0; height: 36px; line-height: 36px; color: #fff; font-size: 140%; text-transform: uppercase  }
#objednavka-info h4 span { display: inline-block; width: 25px; height: 21px; position: relative; left: 10px; top: 7px; background: transparent url(img/sys/ico-kosik.png) no-repeat 0 0 }
#objednavka-info h4 small { display: none }
#objednavka-info a.fr { color: #e10000; position: absolute; right: 10px; top: 8px; z-index: 10; font-size: 110% }
#objednavka-info-in { background: transparent url(img/sys/bg_kosik_h.png) no-repeat 0 0; padding: 0 10px 10px 20px }
#objednavka-info-in p { color: #ececec; margin: 0; padding: 10px 0 0 0; text-align: left !important; font-size: 110%; text-transform: uppercase }
#objednavka-info-in p.tar { padding: 0 0 0 0 }
#objednavka-info-in p a { color: #ec9393; text-transform: none }
/* /blok kosik */

h1.sekce-nadpis span { display: block; color: #363636; font-size: 75%; text-transform: none }

#techcon { width: 470px; height: 36px; background: url(img/sys/bg_techcon.gif) 0 0 repeat-x; border: 1px solid #6C6D6C; float: left; margin: 20px 20px 0 3px; padding: 2px 4px; color: #E8E8E8;}
#paw { width: 470px; height: 36px; background: url(img/sys/bg_paw.gif) 0 0 repeat-x; border: 1px solid #328fd4; float: left; margin-top: 20px; padding: 2px 4px;color: #E8E8E8;}
#techcon h2, #paw h2 { font-size: 12px; color: #efefef; padding: 0; margin: 0 0 4px 0; }
#techcon a, #paw a { color: #F7E41E; }
#techcon a:hover, #paw a:hover { color: #fff; }

#double-banner, #double-banner-sk { float: left; margin: 0 0 0 4px; padding: 0; display: block; width: 233px; height: 232px; position: relative; }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */