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

body.body { text-align: center; color: #5a5a5a; background: #fff url(img/sys/bg_body.jpg) no-repeat 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #00519e/*407db6*/; padding: 0; line-height: normal }
h1 { font-size: 140%; clear: both; margin: 0 0 0.5em 0; }
h2 { font-size: 140%; margin: 0.5em 0 0.5em 0 }
h3 { font-size: 120%; margin: 0.5em 0 0.5em 0 }
h4 { font-size: 100%; margin: 0.5em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #00519e/*407db6*/; outline: none }
a:link { color: #00519e/*407db6*/ }
a:hover { color: #93d1ff; 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 }
.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 #b1b1b1; padding: 2px }
.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 { display: inline-block; width: 100%; height: 100%; position: relative }
html>body #main-wrapper { min-height: 100%; height: auto }

#main {
    width: 990px;
    margin: 105px auto 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.png) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }
#main-in { height: 550px }
html>body #main-in { min-height: 550px; height: auto }

#header { position: absolute; left: 0; top: -105px; width: 990px; height: 105px }

#content {
    float: right;
    width: 740px;
    overflow: hidden;
    background: transparent url(img/sys/bg_content.jpg) no-repeat 0 0
}
.divize-d1 #content { background: transparent url(img/sys/bg_content-vj.jpg) no-repeat 0 0 }
.divize-d2 #content { background: transparent url(img/sys/bg_content-d2.jpg) no-repeat 0 0 }
.divize-d3 #content { background: transparent url(img/sys/bg_content-d3.jpg) no-repeat 0 0 }
.layout-rd #content { width: 990px; background: none }
#content-in { padding: 235px 25px 60px 25px }

.sekce-d2_stropy #content { background: transparent url(img/sys/bg_sekce_stropy.jpg) no-repeat 0 0 }
.sekce-d2_digestore #content { background: transparent url(img/sys/bg_sekce_digestore.jpg) no-repeat 0 0 }
.sekce-d2_vetraci-jednotky #content { background: transparent url(img/sys/bg_sekce_vetraci-jednotky.jpg) no-repeat 0 0 }
.sekce-d2_system-regulace #content { background: transparent url(img/sys/bg_sekce_system-regulace.jpg) no-repeat 0 0 }
.sekce-d2_software #content { background: transparent url(img/sys/bg_sekce_software.jpg) no-repeat 0 0 }
.sekce-d2_kontakty-new #content { background: transparent url(img/sys/bg_sekce_kontakty-new.jpg) no-repeat 0 0 }
.sekce-profil #content { background: transparent url(img/sys/bg_sekce_profil.jpg) no-repeat 0 0 }
.sekce-kontakty #content { background: transparent url(img/sys/bg_sekce_kontakty-prehled.jpg) no-repeat 0 0 }
.sekce-d1_kontakty-new #content { background: transparent url(img/sys/bg_sekce_duplex_kontakty-prehled.jpg) no-repeat 0 0 }
.sekce-d1_software #content { background: transparent url(img/sys/bg_sekce_d1_software.jpg) no-repeat 0 0 }
.sekce-aktuality #content { background: transparent url(img/sys/bg_sekce_firma_aktuality.jpg) no-repeat 0 0 }
.sekce-download #content { background: transparent url(img/sys/bg_sekce_firma_download.jpg) no-repeat 0 0 }
.sekce-download #content.sk { background: transparent url(img/sys/bg_sekce_firma_download_sk.jpg) no-repeat 0 0 }
.sekce-d2_news #content { background: transparent url(img/sys/bg_sekce_kuchyne_news.jpg) no-repeat 0 0 }
.sekce-d2_ke-stazeni #content { background: transparent url(img/sys/bg_sekce_kuchyne_download.jpg) no-repeat 0 0 }
.sekce-d2_slovnik-pojmu #content { background: transparent url(img/sys/bg_sekce_kuchyne_slovnik-pojmu.jpg) no-repeat 0 0 }
.sekce-d1_reference #content { background: transparent url(img/sys/bg_sekce_duplex_reference.jpg) no-repeat 0 0 }
.sekce-d1_news #content { background: transparent url(img/sys/bg_sekce_duplex_news.jpg) no-repeat 0 0 }
.sekce-d1_download #content { background: transparent url(img/sys/bg_sekce_duplex_download.jpg) no-repeat 0 0 }
.sekce-d1_slovnik-pojmu #content { background: transparent url(img/sys/bg_sekce_duplex_slovnik-pojmu.jpg) no-repeat 0 0 }
.sekce-d1_system-regulace #content { background: transparent url(img/sys/bg_sekce_duplex_regulace.jpg) no-repeat 0 0 }
.sekce-d1_vymeniky #content { background: transparent url(img/sys/bg_sekce_duplex_vymeniky.jpg) no-repeat 0 0 }

.sekce-d1_uvjd #content { background: transparent url(img/sys/bg_sekce_uvjd.jpg) no-repeat 0 0 }

.lay-d1_spravny_navrh #content { background: transparent url(img/sys/bg_duplex_vzduchotechnicke_systemy.jpg) no-repeat 0 0 }
.lay-d2_spravny_navrh #content { background: transparent url(img/sys/bg_d2_vzduchotechnicke_systemy.jpg) no-repeat 0 0 }
.lay-d1_co-nabizime #content { background: transparent url(img/sys/bg_duplex_a_z.jpg) no-repeat 0 0 }
.lay-d2_co-nabizime #content { background: transparent url(img/sys/bg_kuchyne_a_z.jpg) no-repeat 0 0 }

#panel {
    float: left;
    width: 250px;
    background: transparent url(img/sys/bg_panel.jpg) no-repeat 0 0
}
.divize-d1 #panel { background: transparent url(img/sys/bg_panel_d1.jpg) no-repeat 0 0 }
.divize-d2 #panel { background: transparent url(img/sys/bg_panel_d2.jpg) no-repeat 0 0 }
.divize-d3 #panel { background: transparent url(img/sys/bg_panel_d3.jpg) no-repeat 0 0 }
#panel-in { padding: 225px 20px 60px 20px }


#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #003d8e url(img/sys/bg_footer.png) repeat-x 0 0
}
#footer-in { width: 990px; height: 32px; margin: 0 auto; text-align: left; background: transparent url(img/sys/bg_footer_in.png) no-repeat 50% 0 }
/* /layout - zaklad */

/* layout - special */
#main.home { background: transparent url(img/sys/bg_main_home.jpg) no-repeat 0 0 }
#main.sk{ background: transparent url(img/sys/bg_main_home-sk.jpg) no-repeat 0 0 }
#main.home #menu { border-bottom: 4px solid #689bce }
#main.home #content { float: none; width: 990px; padding: 220px 0 60px 0; background: none }

#logo, #logo span { display: block; position: relative; left: 35px; top: 13px; width: 154px; height: 40px; 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 }

#menu { width: 100%; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #689bce/*#666*/ }
.divize-d1 #menu { border-bottom: 4px solid #00519e }
.divize-d2 #menu { border-bottom: 4px solid #666 }
.divize-d3 #menu { border-bottom: 4px solid #8f7e65 }
.layout-rd #menu { border-bottom: none }
#menu ul { margin: 0; padding: 0; list-style: none; float: right }
#menu li { float: left; background: transparent url(img/sys/bg_menu_li.png) no-repeat right 50% }
#menu .m-last { padding: 0; background: none }
#menu a { font-size: 110%; display: block; float: left; padding: 0 0; height: 26px; line-height: 26px; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bg_menu_a_right.gif) no-repeat right -52px; }
.divize-d1 #menu a { background: transparent url(img/sys/bg_menu_a_right-vj.gif) no-repeat right -52px; }
.divize-d2 #menu a { background: transparent url(img/sys/bg_menu_a_right-d2.gif) no-repeat right -52px; }
.divize-d3 #menu a { background: transparent url(img/sys/bg_menu_a_right-d3.gif) no-repeat right -52px; }
/*.home #menu a { background: transparent url(img/sys/bg_menu_a_right_home.gif) no-repeat right -52px; }*/
#menu a:hover { color: #2e2e2e }
#menu a span { display: block; padding: 0 16px; background: transparent url(img/sys/bg_menu_a_left.gif) no-repeat 0 -52px }
.divize-d1 #menu a span { background: transparent url(img/sys/bg_menu_a_left-vj.gif) no-repeat 0 -52px }
.divize-d2 #menu a span { background: transparent url(img/sys/bg_menu_a_left-d2.gif) no-repeat 0 -52px }
.divize-d3 #menu a span { background: transparent url(img/sys/bg_menu_a_left-d3.gif) no-repeat 0 -52px }
/*.home #menu a.active span { background: transparent url(img/sys/bg_menu_a_left_home.gif) no-repeat 0 0 }*/
#menu li.active { background: none }
#menu .active span, .divize-d1 #menu .active span, .divize-d2 #menu .active span, .divize-d3 #menu .active span { background-position: 0 0 }
#menu .active a, .divize-d1 #menu .active a, .divize-d2 #menu .active a, .divize-d3 #menu .active a { color: #fff; background-position: right 0; position: relative; left: -1px }


.submenu-title { margin: 0 0 0.5em 0 }
.submenu-title a { text-decoration: none; color: #474745 }
.submenu-title a:hover { color: #00519e }
/*.submenu { border-bottom: 1px dashed #e4e4e5 }*/
.submenu ul { margin: 0 0 1em 0; padding: 0; list-style: none }
.submenu li { padding: 0 0 5px 15px; background: transparent url(img/sys/bullet.png) no-repeat 0 5px }
.submenu li a { color: #474745; font-weight: bold; text-decoration: none }
.submenu ul ul { margin: 1em 0 }
.submenu ul ul li { background: none }
.submenu .active { color: #00519e; }
.submenu li a:hover { color: #00519e; text-decoration: underline }
.submenu .m-software, .submenu .m-kontakty, .submenu .m-reference { background: none }
.submenu .m-software a, .submenu .m-kontakty a, .submenu .m-reference a  { font-weight: normal }
.submenu .m-software { padding: 10px 0 5px 15px; border-top: 1px dashed #e4e4e5; margin-top: 10px }
.p-submenu { margin: 1em 0; padding: 0; list-style: none }
.p-submenu.line { padding-bottom: 10px; border-bottom: 1px dashed #e4e4e5 }
.p-submenu li { padding: 0 0 5px 15px }
.p-submenu li a { color: #474745 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 0; top: 71px; width: 241px; height: 21px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0 }
#searchword { width: 158px; padding: 3px 2px; border: 0; color: #000; background: none; position: absolute; left: 2px; top: 0 }
.button-vyhledat { width: 67px !important; height: 21px !important; position: absolute; left: 174px !important; top: 0 !important; padding: 0 !important }

#top-links { color: #2e2e2e; font-size: 90%; font-weight: bold; padding: 0 0 1em 0; border-bottom: 1px solid #e9ebec; position: absolute; right: 0; top: 9px }
#top-links .a-sitemap { color: #000; margin: 0 20px 0 0; padding: 0 0 2px 38px; background: transparent url(img/sys/ico-sitemap.png) no-repeat 0 0 }
#top-links .a-login { color: #000; padding: 0 0 2px 20px; background: transparent url(img/sys/ico-login.png) no-repeat 0 0 }
/*#top-links #langs { display: inline; margin-left: 9em }*/

#top-links #langs { display: inline; margin-left: 9em }
#top-links #langs-box { font-size: 90%; position: absolute; right: -10px; top: 15px; padding: 5px 10px 10px 10px; display: none; background-color: #D9E6EF; }

#navbox { /*width: 690px;*/ overflow: hidden; position: absolute; left: 275px; top: 200px }
#cesta { /*float: left; */font-size: 90%; margin: 5px 0; color: #888888; width: 630px; }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#copyright { margin: 0; padding: 8px 50px 0 50px; text-align: right }
#copyright a { color: #fff; font-weight: bold }
#copyright span { float: left; font-size: 90%; position: relative; top: 1px }
#copyright span a { margin: 0 8em 0 0 }
#copyright small { color: #fff; font-size: 80%; border-left: 1px solid #278fbd; padding: 0 0 0 1.5em }
/* /layout - special */

/* ostatni tridy pro web */
#rozcestnik { width: 100%; overflow: hidden }
#rozcestnik .sekce { float: left; width: 228px; padding: 0 9px }
#rozcestnik .sekce h2 { margin: 19px 0 16px 0; padding: 20px 0 10px 45px; font-size: 120%; text-transform: uppercase; }
#rozcestnik .sekce.s2 h2 { padding: 20px 0 10px 45px; width: 185px }
#rozcestnik .sekce h2 a { text-decoration: none }
#rozcestnik .news { height: 80px }
html>body #rozcestnik .news { min-height: 80px; height: auto }
.sekce .navigace { width: 100%; overflow: hidden }
.sekce.s2, .sekce.s3 { padding-top: 19px !important }
.sekce.s2 h2, .sekce.s3 h2 { margin: 0 !important }
.sekce.s1 h2 { background: transparent url(img/sys/ico-news-1.png) no-repeat 0 17px; }
.sekce.s2 h2 { background: transparent url(img/sys/ico-news-2.png) no-repeat 0 17px; }
.sekce.s3 h2 { background: transparent url(img/sys/ico-news-3.png) no-repeat 0 17px; }
.sekce.s4 h2 { background: transparent url(img/sys/ico-news-4.png) no-repeat 0 17px; }

.sekce ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sekce ul li {
  margin: 0;
  padding: 0;
  width: 228px;
  /*height: 80px;*/
}

.sekce h3 {
  font-size: 100%;
  margin: 0 0 0.3em 0;
  padding: 0;
}

#control_d1_news, #control_d2_news, #control_d3_news, #control_atrea_epd {
  margin: 0;
  padding: 0;
  list-style: none;
}

#control_d1_news li, #control_d2_news li, #control_d3_news li, #control_atrea_epd li {
  margin: 0;
  padding: 0;
  float: left;
}

#control_d1_news li a, #control_d2_news li a, #control_d3_news li a, #control_atrea_epd li a {
 color: #474745;
 display: block;
 float: left;
 padding: 0 0 0 6px;
 width: 14px;
 height: 20px;
 line-height: 20px;
 margin: 0 3px 0 0;
 background: transparent url(img/sys/bg_navigace.png) no-repeat 0 0;
 text-decoration: none;
}

#control_d1_news li a:hover, #control_d1_news li.current a { color: #ffffff; background-position: 0 -20px; }
#control_d2_news li a:hover, #control_d2_news li.current a { color: #ffffff; background-position: 0 -40px; }
#control_d3_news li a:hover, #control_d3_news li.current a { color: #ffffff; background-position: 0 -60px; }
#control_atrea_epd li a:hover, #control_atrea_epd li.current a { color: #ffffff; background-position: 0 -80px; }
/*#content .nadpis { color: #fff; margin: 0; text-shadow: 1px 1px #676767; position: absolute; left: 275px; top: 120px }*/
/*.lay-d2_stropy #content .nadpis { width: 330px }*/

#content .nadpis-sekce { font-size: 190%; clear: both; text-transform: uppercase; color: #fff; margin: 0; text-shadow: 1px 1px #676767; position: absolute; left: 275px; top: 120px; padding: 0; font-weight: bold }
/*.lay-d2_stropy #content .nadpis-sekce, .lay-d2_skv #content .nadpis-sekce, .lay-d2_tpv #content .nadpis-sekce, .lay-d2_stropy-ckd #content .nadpis-sekce{ width: 330px }*/

#aktualne { width: 100%; overflow: hidden; background: transparent url(img/sys/bg_divider.jpg) no-repeat 420px 50px }
#aktuality { float: left; width: 400px }
#akt_vyst_skol { float: right; width: 235px }
#aktuality h3, #akt_vyst_skol h3 { margin-top: 1em }
#akt_vyst_skol h4 { color: #474745; margin: 1em 0 0 0; text-transform: uppercase; }
#akt_vyst_skol div.news { margin: 0.5em 0 0 0; }
#akt_vyst_skol div.news h4 { margin: 0; font-weight: normal; padding: 0 0 5px 10px; background: transparent url(img/sys/bullet2.png) no-repeat 0 5px; font-size: 100%; }
#akt_vyst_skol div.nw_date { padding: 0 0 5px 10px; font-size: 90%; }

#kontakty { width: 100%; overflow: hidden; background: transparent url(img/sys/bg_divider.jpg) no-repeat 340px 50px }
#osoby { float: left; width: 320px }
#sidlo { float: right; width: 320px }
#osoby h3, #sidlo h3 { margin-top: 1em }
.kontakt { width: 100%; overflow: hidden; margin: 0 0 1.1em 0; padding: 1em 0; border-bottom: 1px dashed #e4e4e5 }
.kontakt img { border: 1px solid #b1b1b1; padding: 2px; float: right; margin: 0 0 1em 1.5em }
.kontakt h4 { color: #474745; font-size: 120%; margin: 0; padding: 0 0 0 10px; background: transparent url(img/sys/bullet3.png) no-repeat 0 5px; text-transform: uppercase }
#content #sidlo td { padding: 0 0 2em 0; font-size: 90%; vertical-align: top }
#sidlo td.blue { color: #00519e; font-weight: bold }
#sidlo td a { color: #474745; padding: 0 0 0 10px; background: transparent url(img/sys/bullet2.png) no-repeat 0 5px }
#google { width: 100%; height: 240px; overflow: hidden }
#k-banner { width: 320px; height: 143px; padding: 30px 0 0 30px; position: absolute; left: 620px; top: 7px; background: transparent url(img/sys/bg_kbanner.png) no-repeat 0 0 }
#k-banner p { font-size: 90%; margin: 0 150px 3em 0 }
#k-banner p b { color: #00519e }

#columns { width: 100%; overflow: hidden }
#column-l { float: left; width: 330px }
#column-r { float: right; width: 330px }
.download { margin: 0 0 1em 0; background: transparent url(img/sys/bg_download.png) no-repeat right bottom }
#ks-banner { width: 320px; height: 143px; padding: 30px 0 0 30px; position: absolute; left: 619px; top: 7px; background: transparent url(img/sys/bg_ksbanner.png) no-repeat 0 0 }
#ks-banner p { font-size: 90%; margin: 0 150px 3em 0 }
#ks-banner p b { color: #00519e }
#ks-banner .ks-download { position: relative; left: 148px; top: 1px }

#reference { width: 100%; overflow: hidden }
.reference { width: 330px; float: left; margin: 0 0 1em 0; overflow: hidden }
.reference.fr { float: right }
.reference img { float: right; margin: 0.3em 0 0 1em; border: 1px solid #b1b1b1; padding: 2px }

#main.pruvodce { background: transparent url(img/sys/bg_main_pruvodce.png) repeat-y 0 0 }
#main.pruvodce #content { background: none }
#main.pruvodce #content-in { padding-top: 660px }
.divize-d1 #main.pruvodce #content-in { padding: 0 }
.divize-d2 #main.pruvodce #content-in { padding: 630px 0 0 5px }
#main.pruvodce #navbox { top: 635px }

#pruvodce { width: 740px; overflow: hidden; position: absolute; left: 250px; top: 14px }

#pruvodce #stropy-regulace { background: transparent url(img/sys/button-stropy-regulace.jpg) no-repeat 0 0; position: absolute; top: 247px; left: 124px; width: 134px; height: 29px; display: block; text-indent: -999em; z-index: 50 }
#pruvodce #stropy-regulace:hover { /*background-position: 0 -29px;*/background: transparent url(img/sys/button-stropy-regulace.jpg) no-repeat 0 -29px; }
#pruvodce #stropy { background: transparent url(img/sys/button-stropy.png) no-repeat 0 0; position: absolute; top: 187px; left: 280px; width: 137px; height: 22px; display: block; text-indent: -999em; z-index: 50 }
#pruvodce #stropy:hover { background-position: 0 -31px; background: transparent url(img/sys/button-stropy.png) no-repeat 0 -22px; height: 22px }
#pruvodce #stropy-strojovna { background: transparent url(img/sys/button-stropy-strojovna.jpg) no-repeat 0 0; position: absolute; top: 299px; left: 545px; width: 177px; height: 30px; display: block; text-indent: -999em; z-index: 50 }
#pruvodce #stropy-strojovna:hover { /*background-position: 0 -30px;*/background: transparent url(img/sys/button-stropy-strojovna.jpg) no-repeat 0 -30px; }

#pruvodce #digestore-regulace { background: transparent url(img/sys/button-digestore-regulace.jpg) no-repeat 0 0; position: absolute; top: 246px; left: 124px; width: 133px; height: 31px; display: block; text-indent: -999em; }
#pruvodce #digestore-regulace:hover { background-position: 0 -31px; }
#pruvodce #digestore { background: transparent url(img/sys/button-digestore.jpg) no-repeat 0 0; position: absolute; top: 182px; left: 276px; width: 132px; height: 31px; display: block; text-indent: -999em; }
#pruvodce #digestore:hover { background-position: 0 -31px; }
#pruvodce #digestore-strojovna { background: transparent url(img/sys/button-digestore-strojovna.jpg) no-repeat 0 0; position: absolute; top: 299px; left: 545px; width: 176px; height: 31px; display: block; text-indent: -999em; }
#pruvodce #digestore-strojovna:hover { background-position: 0 -31px; }

#pruvodce #digestore-strojovna-ventilator { background: transparent url(img/sys/button-digestore-strojovna-ventilator.jpg) no-repeat 0 0; position: absolute; top: 185px; left: 85px; width: 135px; height: 29px; display: block; text-indent: -999em; }
#pruvodce #digestore-strojovna-ventilator:hover { background-position: 0 -29px; }
#pruvodce #digestore-strojovna-regulace { background: transparent url(img/sys/button-digestore-strojovna-regulace.jpg) no-repeat 0 0; position: absolute; top: 247px; left: 343px; width: 133px; height: 30px; display: block; text-indent: -999em; }
#pruvodce #digestore-strojovna-regulace:hover { background-position: 0 -30px; }
#pruvodce #digestore-strojovna-kuchyne { background: transparent url(img/sys/button-digestore-strojovna-kuchyne.jpg) no-repeat 0 0; position: absolute; top: 303px; left: 545px; width: 162px; height: 30px; display: block; text-indent: -999em; }
#pruvodce #digestore-strojovna-kuchyne:hover { background-position: 0 -30px; }

#pruvodce #stropy-strojovna-vj { background: transparent url(img/sys/button-stropy-strojovna-vj.jpg) no-repeat 0 0; position: absolute; top: 292px; left: 108px; width: 136px; height: 31px; display: block; text-indent: -999em; }
#pruvodce #stropy-strojovna-vj:hover { background-position: 0 -31px; }
#pruvodce #stropy-strojovna-regulace { background: transparent url(img/sys/button-stropy-strojovna-regulace.jpg) no-repeat 0 0; position: absolute; top: 282px; left: 370px; width: 136px; height: 30px; display: block; text-indent: -999em; }
#pruvodce #stropy-strojovna-regulace:hover { background-position: 0 -30px; }
#pruvodce #stropy-strojovna-kuchyne { background: transparent url(img/sys/button-stropy-strojovna-kuchyne.jpg) no-repeat 0 0; position: absolute; top: 303px; left: 545px; width: 179px; height: 31px; display: block; text-indent: -999em; }
#pruvodce #stropy-strojovna-kuchyne:hover { background-position: 0 -31px; }

#tabs { margin: 0; padding: 0; list-style: none; position: absolute; left: 10px; top: 0 }
#tabs li { float: left; background: transparent url(img/sys/bg_tabs_li.png) no-repeat 0 0 }
#tabs li a { color: #838383; display: block; float: left; padding: 0 16px; height: 40px; line-height: 46px; text-decoration: none; background: transparent url(img/sys/bg_tabs_a.gif) no-repeat right top }
#tabs li a strong { text-transform: uppercase }
#tabs li a:hover, #tabs .selected a { color: #000 }
#tabs .selected { background-position: 0 -40px; position: relative; top: 2px }
#tabs .selected a { background-position: right -40px }

#pruvodce .tab-content, #pruvodce #tab1-strojovna, #pruvodce #tab2-strojovna { width: 728px; height: 383px; margin: 40px 0 0 10px; overflow: hidden; border: 1px solid #c7c9c9; background-color: #fff; }

.tab-text { width: 728px; height: 155px; margin: 0 0 0 10px; padding: 20px 0 0 0; border: 1px solid #c7c9c9; border-width: 0 1px 1px 1px; background: transparent url(img/sys/bg_tab-text.jpg) repeat-x 0 0; }
.tab-text .tab-text-item { width: 310px; float: left; padding-left: 30px }
.tab-text h3 { margin: 0 0 0.5em 0; font-weight: normal; background: transparent url(img/sys/bg_h3-text-fl.gif) no-repeat 0 0; height: 33px; padding: 5px 0 0 40px }
.tab-text .item2 h3 { background: transparent url(img/sys/bg_h3-text-fr.gif) no-repeat 0 0; }
.tab-text h3 a { color: #2e2e2e; text-decoration: none }
.tab-text h3 a:hover { text-decoration: underline }
.tab-text p { font-size: 90%; margin: 0 0 2em 0 }
.tab-text p a { float: right; font-weight: bold }

#bloky { width: 688px; overflow: hidden; border: 1px solid #d7d7d7; background: transparent url(img/sys/bg_bloky.jpg) no-repeat left bottom }
#bloky.bloky-d1 { width: 100%; overflow: hidden; border: none; background: none; min-height: 250px }
#bloky .blok { float: left; width: 179px; overflow: hidden; padding: 25px 25px 10px 25px }
#bloky.bloky-d1 .blok { width: 195px; background: transparent url(img/sys/bg_divider.jpg) no-repeat right 10px; padding: 25px 35px 10px 10px }
.divize-d2 #bloky .blok { width: 206px; padding: 25px 35px 10px 0 }
.divize-d2 .pruvodce #bloky .blok { width: 211px; padding: 25px 35px 10px 10px }
.divize-d2 #bloky .blok.b-last, .divize-d1 #bloky .blok.b-last { padding-right: 0 }
#bloky.bloky-d1 .blok.b-last { background: none; }
#bloky .blok h3 { margin: 0 }
#bloky .blok p { font-size: 90%; margin: 0.7em 0 1em 0; }
#bloky .blok-in { min-height: 145px }
#bloky.bloky-d1 .blok-in { min-height: 130px }
#bloky .blok a { font-weight: bold }

#d-banner { width: 320px; height: 143px; padding: 30px 0 0 30px; position: absolute; left: 619px; top: 7px; background: transparent url(img/sys/bg_dbanner.png) no-repeat 0 0 }
#d-banner p { font-size: 90%; margin: 0 60px 3em 0 }
#v-info { position: relative; left: -25px; width: 740px; overflow: hidden; background: transparent url(img/sys/bg_vinfo.jpg) no-repeat left bottom }
#v-info .v-popis { float: left; width: 350px; padding: 0 0 25px 25px }
.v-popis h3, .v-popis h2 { margin-top: 0 }
#v-info .v-files { float: right; width: 275px; padding: 0 25px 0 0 }
.v-files span { display: block; margin: 1em 0 0 0; background: transparent url(img/sys/bg_download.png) no-repeat right 50% }
.v-files a { margin: 0 1em }
.v-files.v-detail { width: 100%; clear: both }
.v-files.v-detail span { display: inline-block; margin: 1em 2em 1em 0; padding: 0 2em 0 0 }

#produkty { width: 100%; margin: 5px 0 }
.produkty { float: left; width: 505px; position: relative; left: -25px; overflow: hidden }
.p-popis { float: right; width: 180px }
#produkty .produkt p.popis a { display: block; width: 148px; height: 116px; position: relative; top: -50px; left: -11px; padding: 50px 10px 0 10px; }
#produkty .p-stropy p.popis a { width: 248px; height: 116px; padding: 50px 0 0 0 }
.produkt { float: left; width: 166px; height: 166px; border: 1px solid #c9c9c9; border-width: 0 1px 1px 1px }
.produkty.p-stropy .produkt { width: 246px; }
.produkt h3 { margin: 1.5em 0 0 20px }
.produkt h3 a { color: #5a5a5a }
.produkt p { font-size: 90%; margin: 1em 10px 0 10px; text-align: center }
.produkt p a { text-decoration: none; color: #fff }
.p-variant { color: #fff; background: #005ba3 url(img/sys/bg_pvariant.png) repeat-x left bottom }
.p-variant h3 a { color: #fff }

.i-zoom { display: inline-block; position: relative; line-height: normal; font-size: 0 }
.i-zoom.fri { border: 15px solid #fff; border-width: 0 0 15px 15px }
.i-zoom img { border: 1px solid #b1b1b1 }
.i-zoom span { position: absolute; right: 1px; top: 1px; width: 33px; height: 33px; cursor: pointer; background: transparent url(img/sys/ico-zoom.png) no-repeat 0 0 }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #00519e; color: #fff }
#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 }
/* /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 }

.news { width: 100%; overflow: hidden; min-height: 100px !important; }
#news-list .news { padding-left: 10px; width: auto }
.news img { float: right; margin: 0 0 0 1.5em }
.news .fri.imgb { margin: 0 0 0 1.3em }
.news h4 { font-size: 120%; padding: 0 0 0 10px; margin: 0; background: transparent url(img/sys/bullet3.png) no-repeat 0 5px; text-transform: uppercase; color: #474745; }
#news-list .news h4 { left: -10px; position: relative }
.news h4 a { color: #474745; text-decoration: none }
.more { padding: 0 0 0 10px; background: transparent url(img/sys/bullet3.png) no-repeat 0 6px }
.news h4 span.nw_date { color: #00519e; }
.nw_text { padding-top: 10px }
.nw_more { padding-top: 5px; font-weight: bold; font-size: 90% }

#news-menu { position: relative; top: 1px }
#news-menu ul { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden }
#news-menu li { float: left; padding: 0 0 0 15px }
#news-menu li a { color: #fff; float: left; display: block; font-weight: bold; padding: 4px 10px; text-decoration: none; background: #353537 url(img/sys/bg_news_menu_a.png) repeat-x 0 0; border: 1px solid #2d2b2e; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-bottom: 10px }
#news-menu li a:hover { text-decoration: underline }
#news-menu li a.active { padding: 4px 10px 16px 10px; background: #fff; color: #003e90; border: 1px solid #bdbbbc; border-width: 1px 1px 0 1px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; margin-bottom: 0 }
#news-menu li a.active:hover { text-decoration: none }
#news-list { padding: 3em 15px 15px 15px; border: 1px solid #bdbbbc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; /*margin-top: 10px*/ }
/* /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 1em 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 }
/* /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 */

.s1-hover, .s2-hover, .s3-hover, .s4-hover { position: relative }
.s1-hover span, .s2-hover span, .s3-hover span, .s4-hover span { position: absolute; top: 90px; left: 20px; color: #fff; width: 190px; text-align: center }

.bullet { padding: 0; margin: 0; list-style: none }
.bullet li { padding: 0 0 5px 15px; background: transparent url(img/sys/bullet.png) no-repeat 0 4px }

.bullet-vyhody { padding: 0; margin: 0; list-style: none }
.bullet-vyhody li { padding: 0 0 10px 25px; background: transparent url(img/sys/bullet4.png) no-repeat 0 4px }

.sw_akt_ver { text-align: left; margin: 0 auto; }

/* osobni karticky v kontaktech */
.p_card, .p_card_region {
	float: left;
	border: 1px solid #aaa;
	width: 350px;
	margin: 0 10px 10px 0;
	padding: 5px;
	background: #fff;
}

.p_card {
  height: 110px;
}

html>body>div#center_titulni>div#page_frame>div#telo>div#telo-in>div#main>div#content>div.p_card {
  height: auto;
  min-height: 110px;
}

.p_card_region {
	width: 700px;
}

.p_card_panel {
	margin-bottom: 0.8ex;
}

.p_photo {
	float: left;
	height: 90px;
	width: 70px;
	padding: 0;
	margin: 0 15px 0 0;
	background: #fff;

	text-align: center;
}

.p_photo img {
	padding: 0;
	margin: 0;
	border: 1px solid #aaa;
}

.p_info {
	float: left;
	margin: 0px 5px 5px 0;
	width: 260px;
}

.p_info div {
	margin: 0 0 5px 0;
}

.p_name {
	font-weight: bold;
}

.p_fce {
	font-style: italic;
}

.p_email {
	padding: 0 0 0 20px;
	background: url(img/icon_email.gif) left no-repeat;
}

.p_phone {
	padding: 0 0 0 20px;
	background: url(img/icon_tel.gif) left no-repeat;
}

.p_mobil {
	padding: 0 0 0 20px;
	background: url(img/icon_mobil.gif) left no-repeat;
}

.p_fax {
	padding: 0 0 0 20px;
	background: url(img/icon_fax.gif) left no-repeat;
}

.p_desc {
	margin: 0;
}

.p_desc dl {
	margin: 0;
}

.p_desc dt {
	font-weight: bold;
}

.p_desc dd {
	margin: 0;
	font-weight: normal;
}
.icon_video {
	padding: 0 0 0 40px;
	background: url(img/icon_video.gif) left no-repeat;
}

.icon_photo {
	padding: 0 0 0 40px;
	background: url(img/icon_photo.gif) left no-repeat;
}


.mapa-region {
  position: relative;
  float: right;
  width: 350px;
  height: 200px;
}
.budova {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 1px solid #eeeeee;
}
.mapa {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* -- */

/* kontakty */
.address { margin: 10px; }
div.p_card2 { float: left; width: 330px; height: 120px; margin: 0 10px 10px 0; border: 1px solid #aaa; background: #ffffff; position: relative; }
html>body>div#center_titulni>div#page_frame>div#telo>div#telo-in>div#main>div#content>div.p_card2 {
  height: auto;
  min-height: 120px;
}
#address .even { margin-right: 0 }
.p_card2-in { padding: 5px 5px 5px 95px }
.p_card2 img { position: absolute; left: 5px; top: 5px; width: 70px; height: 90px }
.p_card2 img.border { padding: 0 }
.p_card2 .small { font-size: 100% }
#address { width: 100%; overflow: hidden }
#content table.kont_filtry { border: none}
div.vcard .title { font-style: italic; font-weight: normal; margin-bottom: 5px; font-size: 85%; color: #505050; border-bottom-width: 0 }
div.vcard .telefon .type, div.vcard .email .type, div.vcard .fax .type, div.vcard .mobil .type { display: none }
div.vcard .telefon, div.vcard .email, div.vcard .fax, div.vcard .mobil { background-repeat: no-repeat; padding-left: 17px }
div.vcard .telefon { background-image: url('img/icon_tel.gif') }
div.vcard .email { background-image: url('img/icon_email.gif') }
div.vcard .fax { background-image: url('img/icon_fax.gif') }
div.vcard .mobil { background-image: url('img/icon_mobil.gif') }
/* /kontakty */

/* --- MODUL KRAJANEK --- */
.partner {
  position: relative;
	width: 99%;
	margin: 0 0 10px 0;
	background: #eee;
}

.CR_mapa,
.SR_mapa {
  position: relative;
  width: 250px;
  margin: 0;
}

.CR_mapa div,
.SR_mapa div {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  z-index: 0;
}

.CR_mapa, .CR_mapa div {
  min-height: 125px;
  _height: 125px;
}
.CR_mapa {
  background: url(img/mapy/cr.gif) top right no-repeat;
}
.CR_mapa div span {
	display: none;
}
div.CR_regions {
  background: url(img/mapy/cr_regions.gif) top right no-repeat;
  z-index: 1;
}
.CR_spz_C {
  background: url(img/mapy/cr_jihocesky_kraj.gif) top right no-repeat;
}
.CR_spz_B {
  background: url(img/mapy/cr_jihomoravsky_kraj.gif) top right no-repeat;
}
.CR_spz_K {
  background: url(img/mapy/cr_karlovarsky_kraj.gif) top right no-repeat;
}
.CR_spz_H {
  background: url(img/mapy/cr_kralovehradecky_kraj.gif) top right no-repeat;
}
.CR_spz_L {
  background: url(img/mapy/cr_liberecky_kraj.gif) top right no-repeat;
}
.CR_spz_T {
  background: url(img/mapy/cr_moravskoslezsky_kraj.gif) top right no-repeat;
}
.CR_spz_M {
  background: url(img/mapy/cr_olomoucky_kraj.gif) top right no-repeat;
}
.CR_spz_E {
  background: url(img/mapy/cr_pardubicky_kraj.gif) top right no-repeat;
}
.CR_spz_P {
  background: url(img/mapy/cr_plzensky_kraj.gif) top right no-repeat;
}
.CR_spz_A {
  background: url(img/mapy/cr_praha.gif) top right no-repeat;
}
.CR_spz_S {
  background: url(img/mapy/cr_stredocesky_kraj.gif) top right no-repeat;
}
.CR_spz_U {
  background: url(img/mapy/cr_ustecky_kraj.gif) top right no-repeat;
}
.CR_spz_J {
  background: url(img/mapy/cr_vysocina.gif) top right no-repeat;
}
.CR_spz_Z {
  background: url(img/mapy/cr_zlinsky_kraj.gif) top right no-repeat;
}

.SR_mapa, .SR_mapa div {
  min-height: 94px;
  _height: 94px;
}
.SR_mapa {
  background: url(img/mapy/sr.gif) top right no-repeat;
}
.SR_mapa div span {
	display: none;
}
div.SR_regions {
  background: url(img/mapy/sr_regions.gif) top right no-repeat;
  z-index: 1;
}
.SR_banska_bystrica {
  background: url(img/mapy/sr_banska_bystrica.gif) top right no-repeat;
}
.SR_bratislava {
  background: url(img/mapy/sr_bratislava.gif) top right no-repeat;
}
.SR_kosice {
  background: url(img/mapy/sr_kosice.gif) top right no-repeat;
}
.SR_nitra {
  background: url(img/mapy/sr_nitra.gif) top right no-repeat;
}
.SR_presov {
  background: url(img/mapy/sr_presov.gif) top right no-repeat;
}
.SR_trencin {
  background: url(img/mapy/sr_trencin.gif) top right no-repeat;
}
.SR_trnava {
  background: url(img/mapy/sr_trnava.gif) top right no-repeat;
}
.SR_zilina {
  background: url(img/mapy/sr_zilina.gif) top right no-repeat;
}

option.skupina {
	font-weight: bold;
	font-style: italic;
	_color: #f00;
}
/* --- */

/* slider */
#slider { width: 474px; height: 420px; position:absolute; top: 40px; left:0px; overflow:hidden;}
#slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{ margin-top:1em;}
#slider li a, #slider2 li a{ display:block; width:474px; height:420px; overflow:hidden;}
/* define width and height of list item (slide) - entire slider area will adjust according to the parameters provided here*/

#prevBtn, #nextBtn, #slider1next, #slider1prev{ position:absolute; left:0; top:120px; z-index:1000; overflow:hidden; text-indent:-9999px;}
#nextBtn, #slider1next{ left:903px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; display:block; width:25px; height:50px;}
#nextBtn a, #slider1next a{}
#nextBtn a { background: url(img/sys/slider_nextBtn.png) 0 0 no-repeat}
#prevBtn a { background: url(img/sys/slider_prevBtn.png) 0 0 no-repeat}
/* numeric controls */
/*ol#controls{ margin:1em 0; padding:0; height:28px;	 }
ol#controls li{ margin:0;  padding:0; float:left; list-style:none; height:20px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none;}*/
/* /slider */
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */

/* d1_vyrobky */
#block { display:block; width:742px; height:565px; background:#666 url(img/_/d1_vyrobky/bg_block-full.jpg) 0 0 no-repeat; position:relative;}
ul#popisky { margin:0; padding:0; position:absolute; font-size: 90%; width:170px; top:169px; right:40px;}
ul#popisky li { display:none; list-style: none }
ul#popisky li#li-hlavni { display:block;}
ul#popisky li strong{ display:block; font-size: 140%; color: #000; text-transform: uppercase; margin-bottom: 15px; padding: 0 0 0 20px;background: transparent url(img/sys/bullet5.png) no-repeat 0 5px;}
ul#popisky li p { padding: 0 0 0 20px; }
#img { display:block; position:absolute; width:424px; height:444px; top:35px; left:90px;}
#img area { cursor:pointer;}
#block #help-text { position:absolute; top:480px; left:548px; width: 170px; font-size: 90%; }
#block #help-text span { color: #00519e; font-style: italic }

.d1-systemy { /* */ }
.d1-systemy .d1-systemy-popis h2 { color: #000; text-transform: uppercase; width: 180px; opacity: 1; filter: alpha(opacity=100); }
.d1-systemy .d1-systemy-popis { width: 200px; background-color: #fff; min-height: 200px; position: relative; top: 60px; /*font-size: 90%;*/ padding: 30px 0 30px 30px; opacity: 0.6; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-topright: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px;border-bottom-right-radius: 10px; color: #000; filter: alpha(opacity=60); }
.d1-systemy .d1-systemy-popis p { width: 180px; opacity: 1; filter: alpha(opacity=100); }
#d1-systemy-satny { background: transparent url(img/sys/bg_d1-systemy-satny.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }

.d1-systemy .systemy-button-vj { background: transparent url(img/sys/button-vetraci-jednotka.png) no-repeat 0 0; width: 162px; height: 59px; position: absolute; top: 92px; left: 710px; display: block; text-indent: -999em; }
.d1-systemy .systemy-button-vj.vj-wellness { position: absolute; top: 75px; left: 506px; }
.d1-systemy .systemy-button-vj.vj-byty { position: absolute; top: 185px; left: 710px; }
.d1-systemy .systemy-button-vj.vj-zasedacka { position: absolute; top: 165px; left: 650px; }
.d1-systemy .systemy-button-vj:hover { background-position: 0 -59px }

#d1-systemy-sal { background: transparent url(img/sys/bg_d1-systemy-sal.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-wellness { background: transparent url(img/sys/bg_d1-systemy-wellness.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-byty { background: transparent url(img/sys/bg_d1-systemy-byty.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-fitness { background: transparent url(img/sys/bg_d1-systemy-fitness.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-restaurace { background: transparent url(img/sys/bg_d1-systemy-restaurace.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-bar { background: transparent url(img/sys/bg_d1-systemy-bar.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-bazen { background: transparent url(img/sys/bg_d1-systemy-bazen.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-zasedacka { background: transparent url(img/sys/bg_d1-systemy-zasedacka.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-squash { background: transparent url(img/sys/bg_d1-systemy-squash.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }
#d1-systemy-kancelar { background: transparent url(img/sys/bg_d1-systemy-kancelar.jpg) no-repeat 0 0; border-bottom: 10px solid #000; width: 735px; height: 490px }

.d1-systemy .systemy-zpet-vj { background: transparent url(img/sys/button-d1-zpet.png) no-repeat 0 0; width: 170px; height: 27px; position: absolute; top: 440px; left: 510px; display: block; text-indent: -999em; }
.d1-systemy .systemy-zpet-vj:hover { background-position: 0 -27px }
/* /d1_vyrobky */

/* d3 main */
#d3-rozcestnik { width: 990px; height: 400px; position: relative; background: transparent url(img/sys/bg_rozcestnik_d3.jpg) no-repeat 0 0 }
#d3-rozcestnik span { position: absolute; right: 33px; top: 235px; z-index: 20 }
#d3-rozcestnik img { margin: 0 0 0 5px }
#d3-rozcestnik a { float: left; margin-left: 8px; display: inline-block; font-size: 0; overflow: hidden }

#d3-slides { position: absolute; top: 0; left: 247px }

#d3-s1 { background: transparent url(img/sys/s1.png) no-repeat 0 0; width: 157px; height: 157px }
#d3-s2 { background: transparent url(img/sys/s2.png) no-repeat 0 0; width: 157px; height: 157px }
#d3-s3 { background: transparent url(img/sys/s3.png) no-repeat 0 0; width: 157px; height: 157px }
#d3-s4 { background: transparent url(img/sys/s4.png) no-repeat 0 0; width: 157px; height: 157px }
/*#d3-s1:hover, #d3-s2:hover, #d3-s3:hover, #d3-s4:hover { background-position: 0 -157px }*/

#d3-info { width: 100%; margin: 1em 0 0 0; overflow: hidden }
#d3-info h3 { margin: 1em 0 1.5em 0 }
#d3-info h3 a { color: #000 }
#d3-info h3 img { margin: 0 0.5em 0 0 }
#d3-info img.fli { margin-bottom: 4em }
#content #d3-i1 { padding: 0 0 0 25px; float: left; width: 210px; }
#content #d3-i2 { padding: 0 20px 0 45px; float: left; width: 380px }
#content #d3-i3 { padding: 0 25px; float: left; width: 260px }
#content #d3-i1 h3 { margin: 0.5em 0 1.1em 0 }
#content #d3-i2 h3 { margin: 0.7em 0 1.1em 0 }
#content #d3-i2 p { margin: 0 0 1.6em 0; text-align: justify }
#content #d3-i3 h3 { margin: 0.5em 0 1.1em 0 }
#content #d3-i3 p { margin: 0 0 2.5em 0 }

#d3-novinky  { width: 988px; border: 1px solid #dbdbdb; border-width: 0 1px 1px 1px; overflow: hidden; margin: 0; background: transparent url(img/sys/bg_news.png) no-repeat 0 0; margin-top: 10px }
#d3-novinky p.tar { padding: 0 15px 20px 0 }
h3#d3-aktuality { padding-left: 30px; text-transform: uppercase; margin-top: 0 }

#d3_news .news { width: 216px; padding: 15px 15px 60px 15px; float: left; overflow: hidden; border-right: 1px solid #dbdbdb }
#d3_news .news .nw_date { float: right; font-size: 90% }
#d3_news .news h4 { font-size: 120%; margin: 1em 0; padding-left: 0; background: none }
#d3_news .news h4 a { color: #000 }
#d3_news .news .more { float: right }

#submenu-rd ul { margin: 0 0 1em 0; padding: 0; list-style: none }
#submenu-rd li { padding: 0 0 5px 15px; background: transparent url(img/sys/bullet.png) no-repeat 0 5px }
#submenu-rd li a { color: #474745; font-weight: bold; text-decoration: none }
#submenu-rd ul ul { margin: 1em 0 }
#submenu-rd ul ul li { background: none }
#submenu-rd li a:hover { color: #00519e; text-decoration: underline }

#frm_rekuperace input {
	text-align: center;
}

#frm_rekuperace .rekup_result {
	font-size: 110%;
}

#frm_rekuperace .rekup_rslt_inp {
	font-weight: bold;
	background-color: #ddd;
}