/* 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 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #6D6D6D; background: #F7F7F7 url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #B82E2E; padding: 0; line-height: normal }
h1 { font-size: 240%; clear: both; font-weight: normal; margin: 0.5em 0 0.5em 0 }
h2 { font-size: 140%; 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% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #CE0000 }
a:link { color: #CE0000 }
a:hover { color: #FE1D26; 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 }
small { font-size: 92% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg1 { background-color: #f4f4f4 }
.border { border: 1px solid #d6d6d6; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 92% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 990px;
    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 }
#main-in { height: 1020px; padding: 0 5px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
#main-in { min-height: 1020px; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; width: 100% }
#zahlavi-in {
    height: 276px;
    margin: 0 5px;
    position: relative
}

#content {
    float: right;
    width: 740px;
    overflow: hidden;
    background: transparent url(img/sys/bg_content_panel.gif) repeat-x 0 276px
}
#content-in { margin-top: 285px; padding: 0 25px 70px 25px }

#panel {
    float: left;
    width: 240px;
    background: transparent url(img/sys/bg_content_panel.gif) repeat-x 0 276px
}
#panel-in { padding: 276px 0 70px 6px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
#zapati-in { font-size: 92%; height: 40px; margin: 0 5px; position: relative; color: #CDCDCD; background: #5A5A5A url(img/sys/bg_zapati.jpg) no-repeat 0 0 }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 25px; top: 10px; width: 192px; height: 43px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }
#plnoleti { display: block; position: absolute; left: 260px; top: 5px; width: 86px; height: 60px; overflow: hidden; background: transparent url(img/sys/plnoleti.gif) no-repeat 0 0 }

#top-links { position: absolute; left: 375px; top: 20px }
#top-links a { color: #3F3F3F; margin: 0 3px 0 0; text-decoration: none }
#top-links a:hover { color: #ED1C24 }

#langs { position: absolute; left: 738px; top: 22px }
#langs img { margin: 0 1px 0 0; padding: 0 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 25px; top: 70px; width: 250px; text-align: right; z-index: 110 }
#searchform input { padding: 2px 0 2px 2px; width: 160px; border: 1px solid #D2D0D0; background-color: #D2D0D0 }
.button-vyhledat { width: 47px !important; height: 19px !important }

#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 71px; width: 100%; height: 36px; background: transparent url(img/sys/bg_menu.gif) repeat-x left bottom; z-index: 100 }
#menu li { float: left; width: 116px; margin: 0 2px 0 0; text-indent: -999em; overflow:hidden; }
#menu a { border: 0; display: block; width: 100%; height: 36px; background: #D4D2D2 url(img/sys/bg_menu_a.gif) no-repeat 0 0; outline: none }
#menu .page-main { margin-left: 22px; display: inline }
#menu .page-main a:hover, #menu .page-main a:focus, #menu .page-main.active a { background-position: 0 -36px }
#menu .page-main.active a:hover, #menu .page-main.active a, #menu .page-main.active a:focus { background-position: 0 -72px }
#menu .page-ivar-trio a { background-position: -118px 0 }
#menu .page-ivar-trio a:hover, #menu .page-ivar-trio a:focus, #menu .page-ivar-trio.active a { background-position: -118px -36px }
#menu .page-ivar-trio.active a:hover, #menu .page-ivar-trio.active a, #menu .page-ivar-trio.active a:focus { background-position: -118px -72px }
#menu .page-ivar-tt a { background-position: -236px 0 }
#menu .page-ivar-tt a:hover, #menu .page-ivar-tt a:focus, #menu .page-ivar-tt.active a { background-position: -236px -36px }
#menu .page-ivar-tt.active a:hover, #menu .page-ivar-tt.active a, #menu .page-ivar-tt.active a:focus { background-position: -236px -72px }
#menu .page-dab a { background-position: -354px 0 }
#menu .page-dab a:hover, #menu .page-dab a:focus, #menu .page-dab.active a { background-position: -354px -36px }
#menu .page-dab.active a:hover, #menu .page-dab.active a, #menu .page-dab.active a:focus { background-position: -354px -72px }
#menu .page-gel a { background-position: -472px 0 }
#menu .page-gel a:hover, #menu .page-gel a:focus, #menu .page-gel.active a { background-position: -472px -36px }
#menu .page-gel.active a:hover, #menu .page-gel.active a, #menu .page-gel.active a:focus { background-position: -472px -72px }

#topmenu { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 107px; width: 100%; height: 31px; background: #4E4E4E url(img/sys/bg_submenu.gif) no-repeat 0 0; z-index: 90 }
#topmenu li { float: left; width: 140px }
#topmenu a { color: #ffffff; font-weight: bold; border: 0; display: block; width: 100%; height: 31px; line-height: 31px; text-align: center; text-decoration: none; text-transform: uppercase }

ul.kategorie { margin: 2.2em 0 0 0; padding: 0 }
ul.kategorie ul { padding: 0; margin: 0 }
ul.kategorie li { list-style: none; line-height: normal; padding: 0; margin: 0; background: transparent url(img/sys/bg_kat_ivar_trio_li.gif) no-repeat 0 5px }
ul.kategorie li a { display: block; width: 100%; color: #666666; font-weight: bold; text-transform: uppercase; text-decoration: none }
ul.kategorie li a.active { font-weight: bold }
ul.kategorie li a:hover { text-decoration: underline }
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 a { font-weight: normal; text-transform: none; text-decoration: none }
ul.kategorie li li a span { display: block; padding: 3px 5px 6px 10px; margin-left: 15px }
ul.kategorie li li li a span { display: block; padding: 3px 5px 6px 15px; margin-left: 25px }

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

#certifikace { position: absolute; left: 420px; top: 6px }

#zapati p { margin: 0 25px; height: 40px; line-height: 39px }
#zapati a { color: #A2A2A2 }
#zapati p em { float: right; font-style: normal }
#zapati p em a { color: #A2A2A2 }
/* /layout - special */

/* ivar-cs je pro titulni stranku - specialni, ostatni budou mit nastaveni defaultni definovany v zakladu */
.ivarcs #zahlavi-in { height: 347px }
.ivarcs h1 { color: #AD0101; width: 100% }
.ivarcs #content { float: none; width: 980px; background-position: 0 347px }
.ivarcs #content-in { margin: 0; padding-top: 347px }
/* .ivarcs h1, .ivarcs h1 span { display: block; margin-top: 1.2em; position: relative; width: 465px; height: 30px; text-indent: -999em; overflow: hidden }
.ivarcs h1 span { margin: 0; position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_ivar_cs.gif) no-repeat 0 0 }*/
.ivarcs #flash { position: absolute; left: 0; top: 138px; width: 100%; height: 209px }

.ivarcs #topmenu a:hover, .main #topmenu a:hover { color: #ED1C24 }

.main ul.kategorie li { background: transparent url(img/sys/bg_kat_ivar_trio_li.gif) no-repeat 0 5px }
.main ul.kategorie li a.active, .main ul.kategorie li a:hover { color: #B82E2E }
.main ul.kategorie li li { background: transparent url(img/sys/bg_subkat_ivar_trio_li.gif) no-repeat 15px 7px }
.main ul.kategorie li li li { background: transparent url(img/sys/bg_subkat_ivar_trio_li.gif) no-repeat 30px 7px }

.main #zahlavi-in { height: 347px }
.main #content { background-position: 0 347px }
.main #content-in { margin: 0; padding-top: 347px }
.main #panel { background-position: 0 347px }
.main #panel-in { margin: 0; padding-top: 347px }
.main #flash { position: absolute; left: 0; top: 138px; width: 100%; height: 209px }

#welcome { float: left; width: 570px; padding: 0 45px 1.5em 0 }
#aktuality { float: right; width: 270px; margin: 0 0 1.5em 0 }
#aktuality p { margin-top: 0.5em; line-height: normal }
#aktuality .a-datum { color: #6d6d6d; background-color: #DCDBDB; padding: 2px 5px }
#aktuality h2, #aktuality h2 span { margin-top: 1.8em; display: block; position: relative; width: 78px; height: 21px; text-indent: -999em; overflow: hidden }
#aktuality h2 span { margin: 0; position: absolute; left: 0; top: 0; background: transparent url(img/sys/h2_aktuality.gif) no-repeat 0 0 }

#rozcestnik { width: 100%; margin: 0 0 22px 0; overflow: hidden }
#rozcestnik div { float: left; width: 202px; margin: 0 22px 0 0; border: 7px solid #EFEFEF; background-color: #EFEFEF; height: 310px; position:relative; }/*280px*/
body>#main>#main-in>#content>#content-in>#rozcestnik>div { min-height: 310px; height: auto }
#rozcestnik h2, #rozcestnik h2 span { margin: 0; display: block; width: 202px; height: 125px; position: relative; overflow: hidden; text-decoration: none; cursor: pointer }
#rozcestnik h2 span { position: absolute; left: 0; top: 0 }
#rozcestnik p { margin: 0.8em 0.2em; line-height: normal }
#rozcestnik ul { margin: 0; padding: 0; list-style: none }
#rozcestnik li { padding: 0 0 0 1em; background-position: 0 50% !important }
#rozcestnik .box-ivar-tt li { background: transparent url(img/sys/bullet_1.gif) 0 0 no-repeat }
#rozcestnik .box-ivar-trio li { background: transparent url(img/sys/bullet_2.gif) 0 0 no-repeat }
#rozcestnik .box-dab li { background: transparent url(img/sys/bullet_3.gif) 0 0 no-repeat }
#rozcestnik .box-gel li { background: transparent url(img/sys/bullet_4.gif) 0 0 no-repeat }
#rozcestnik ul a { color: #2C2C2C; text-transform: uppercase; text-decoration: none }
#rozcestnik .box-ivar-tt ul a:hover { color: #EA8400 }
#rozcestnik .box-ivar-trio ul a:hover { color: #B70F0F }
#rozcestnik .box-dab ul a:hover { color: #6AAA0F }
#rozcestnik .box-gel ul a:hover { color: #00AACF }
.box-ivar-tt span { background: transparent url(img/sys/h2_ivar_tt.jpg) no-repeat 0 0 }
.box-ivar-trio span { background: transparent url(img/sys/h2_ivar_trio.jpg) no-repeat 0 0 }
.box-dab span { background: transparent url(img/sys/h2_dab.jpg) no-repeat 0 0 }
.box-gel span { background: transparent url(img/sys/h2_gel.jpg) no-repeat 0 0 }
.box-gel { margin: 0 !important }

#rozcestnik .box-ivar-tt span a{ color: #EA8400 }
#rozcestnik .box-ivar-trio span a{ color: #B70F0F }
#rozcestnik .box-dab span a{ color: #6AAA0F }
#rozcestnik .box-gel span a{ color: #00AACF }

#rozcestnik div .katalog { display:block; width:202px; height:52px; position:absolute; bottom: 0; right:0; }
#rozcestnik .box-ivar-tt span.katalog{ background: url(img/sys/bg_cat-ivar-tt.gif);}
#rozcestnik .box-ivar-trio span.katalog{ background: url(img/sys/bg_cat-ivar-trio.gif);}
#rozcestnik .box-dab span.katalog{ background: url(img/sys/bg_cat-dab.gif);}
#rozcestnik .box-gel span.katalog{ background: url(img/sys/bg_cat-gel.gif);}

#rozcestnik div .katalog a { color:#000; display:block; background:#fff url(img/sys/ico-pdf.gif) 85px 2px no-repeat; padding:2px; width:100px; text-indent:4px; border:1px solid #AFAFAF; margin:25px 0 0 90px}
.lang_sk #rozcestnik div .katalog a { width:110px; background-position: 95px 2px; margin: 25px 0 0 80px; }

#ivar-cs-bannery { width: 100%; overflow: hidden }
#ivar-cs-bannery a { float: left; margin: 0 10px 0 0; padding: 0 }
#ivar-cs-bannery a.last { margin: 0 }

/*
.lang_cz #ivar-cs-bannery a { float: left; margin: 0 23px 0 4px; padding: 0 }
.lang_cz #ivar-cs-bannery a.last { margin: 0 0 0 6px }
*/
/* /ivar-cs */

/* ivar-trio */
.ivar-trio #zahlavi { background: transparent url(img/sys/bg_ivar_trio_1.jpg) no-repeat 5px bottom }
.ivar-trio h1 { color: #B82E2E; width: 100% }
.ivar-trio h1.segment, .ivar-trio h1.segment span { display: block; position: relative; width: 465px; height: 39px; text-indent: -999em; overflow: hidden }
.ivar-trio h1.segment span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_ivar_trio.gif) no-repeat 0 0 }
.ivar-trio #topmenu a:hover { color: #B82E2E }

.ivar-trio ul.kategorie li { background: transparent url(img/sys/bg_kat_ivar_trio_li.gif) no-repeat 0 5px }
.ivar-trio ul.kategorie li a.active, .ivar-trio ul.kategorie li a:hover { color: #B82E2E }
.ivar-trio ul.kategorie li li { background: transparent url(img/sys/bg_subkat_ivar_trio_li.gif) no-repeat 15px 7px }
.ivar-trio ul.kategorie li li li { background: transparent url(img/sys/bg_subkat_ivar_trio_li.gif) no-repeat 30px 7px }

.ivar-trio #sekce h2 { color: #B82E2E }
.ivar-trio #sekce h3 { background: transparent url(img/sys/bg_h3_sekce_ivar_trio.gif) no-repeat 0 0; color: #000000 }
.ivar-trio #sekce li { background: transparent url(img/sys/bullet_2.gif) no-repeat 2px 8px }
.ivar-trio #sekce a { color: #B82E2E }

.ivar-trio h3, .ivar-trio h3 a { color: #B82E2E }
/* /ivar-trio */

/* ivar-tt */
.ivar-tt #zahlavi { background: transparent url(img/sys/bg_ivar_tt_1.jpg) no-repeat 5px bottom }
.ivar-tt h1  { color: #EA8300; width: 100% }
.ivar-tt h1.segment, .ivar-tt h1.segment span { display: block; position: relative; width: 465px; height: 39px; text-indent: -999em; overflow: hidden }
.ivar-tt h1.segment span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_ivar_tt.gif) no-repeat 0 0 }
.ivar-tt #topmenu a:hover { color: #EA8300 }

.ivar-tt ul.kategorie li { background: transparent url(img/sys/bg_kat_ivar_tt_li.gif) no-repeat 0 5px }
.ivar-tt ul.kategorie li a.active, .ivar-tt ul.kategorie li a:hover { color: #EA8300 }
.ivar-tt ul.kategorie li li { background: transparent url(img/sys/bg_subkat_ivar_tt_li.gif) no-repeat 15px 7px }
.ivar-tt ul.kategorie li li li { background: transparent url(img/sys/bg_subkat_ivar_tt_li.gif) no-repeat 30px 7px }

.ivar-tt #sekce h2 { color: #EA8300 }
.ivar-tt #sekce h3 { background: transparent url(img/sys/bg_h3_sekce_ivar_tt.gif) no-repeat 0 0 }
.ivar-tt #sekce li { background: transparent url(img/sys/bullet_1.gif) no-repeat 2px 8px }
.ivar-tt #sekce a { color: #EA8300 }

.ivar-tt h3, .ivar-tt h3 a { color: #EA8300 }
/* /ivar-tt */

/* dab */
.dab #zahlavi { background: transparent url(img/sys/bg_ivar_dab_1.jpg) no-repeat 5px bottom }
.dab h1 { color: #86B818; width: 100% }
.dab h1.segment, .dab h1.segment span { display: block; position: relative; width: 465px; height: 43px; text-indent: -999em; overflow: hidden }
.dab h1.segment span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_dab.gif) no-repeat 0 0 }
.dab #topmenu a:hover { color: #86B818 }

.dab ul.kategorie li { background: transparent url(img/sys/bg_kat_dab_li.gif) no-repeat 0 5px }
.dab ul.kategorie li a.active, .dab ul.kategorie li a:hover { color: #639D12 }
.dab ul.kategorie li li { background: transparent url(img/sys/bg_subkat_dab_li.gif) no-repeat 15px 7px }
.dab ul.kategorie li li li { background: transparent url(img/sys/bg_subkat_dab_li.gif) no-repeat 30px 7px }

.dab #sekce h2 { color: #86B818 }
.dab #sekce h3 { background: transparent url(img/sys/bg_h3_sekce_dab.gif) no-repeat 0 0 }
.dab #sekce li { background: transparent url(img/sys/bullet_3.gif) no-repeat 2px 8px }
.dab #sekce a { color: #639D12 }

.dab h3, .dab h3 a { color: #639D12 }
/* /dab */

/* gel */
.gel #zahlavi { background: transparent url(img/sys/bg_ivar_gel_1.jpg) no-repeat 5px bottom }
.gel h1 { color: #00AACF; width: 100% }
.gel h1.segment, .gel h1.segment span { display: block; position: relative; width: 465px; height: 39px; text-indent: -999em; overflow: hidden }
.gel h1.segment span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_gel.gif) no-repeat 0 0 }
.gel #topmenu a:hover { color: #00AACF }

.gel ul.kategorie li { background: transparent url(img/sys/bg_kat_gel_li.gif) no-repeat 0 5px }
.gel ul.kategorie li a.active, .gel ul.kategorie li a:hover { color: #00AACF }
.gel ul.kategorie li li { background: transparent url(img/sys/bg_subkat_gel_li.gif) no-repeat 15px 7px }
.gel ul.kategorie li li li { background: transparent url(img/sys/bg_subkat_gel_li.gif) no-repeat 30px 7px }

.gel #sekce h2 { color: #00AACF }
.gel #sekce h3 { background: transparent url(img/sys/bg_h3_sekce_gel.gif) no-repeat 0 0 }
.gel #sekce li { background: transparent url(img/sys/bullet_4.gif) no-repeat 2px 8px }
.gel #sekce a { color: #00AACF }

.gel h3, .gel h3 a { color: #00AACF }
/* /gel */

/* ostatni tridy pro web */
.red { color: #ED1C24 !important }
.important { color: #ED1C24; font-weight: bold }

#sekce { width: 100%; margin: 3em 0; overflow: hidden }
#sekce .sekce { float: left; width: 202px; height: 290px; margin: 0 21px 0 0; border: 7px solid #EFEFEF; background-color: #EFEFEF }
html>body #sekce .sekce { min-height: 290px; height: auto }
#sekce .no-margin { margin: 0 }
#sekce h3 { height: 25px; margin: 0; padding: 0.5em 0 0 1em; position: relative; top: -7px; line-height: 1 }
#sekce p { font-size: 92%; margin: 0.5em 0.2em; line-height: normal }
#sekce ul { font-size: 92%; margin: 0; padding: 0; list-style: none }
#sekce li { padding: 0.3em 0 0 1em }
#sekce a { text-decoration: none }
#sekce a:hover { color: #000000 }

#aktualita { float: left; width: 400px }
#aktualita h2 { color: #323232; margin: 0.5em 0 }
#aktualita h3 { margin: 0.5em 0 1em 0 }

#bannery { float: right; width: 265px }
#bannery img { margin: 0 0 0.5em 0 }

#content table { border-color: #666666 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#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 */
.news h4 { margin-top: 0.1em; color: #697277 }
.news h4 a { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_date { }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
h3.dwn { margin: 1.5em 0 0.5em 0 }
.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, .dwn_ico_pageflip
{ 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 }
.dwn_ico_pageflip { background: url(cms/img/ico/pageflip.gif) no-repeat top left }
/* /download */

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

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

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

/* lexikon */
div.lex_ico {
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	min-height: 20px;
	background: url(img/sys/icon_lex.jpg) no-repeat top left;
}

#lexheader {
	border-bottom: 1px solid #6a91ca;
	padding: 0 0 1ex 0;
	margin: 1ex 0 3ex 0;
}

#lexheader form { margin: 0; padding: 0 }

div.lexitem {
	border-left: 5px solid #6a91ca;
	border-bottom: 1px solid #6a91ca;
	margin: 0 0 3ex 0;
	padding: 0 0 1ex 1ex;
  width: 100%;
  height: 1%;
}

div.lextype { float: right; font-size: 90% }
/* /lexikon */

/* diskuze */
table.diskuze tr.dith { background: #0e3192 }
table.diskuze tr.dith td { font-weight: bold; color: #ffffff }
table.diskuze tr.diblok { background: #eeeeee }
table.diskuze tr.diblok td { font-weight: bold; color: #000000 }
tr.diforum td { padding: 1px 3px; color: #000000; vertical-align: top }
td.diforum1 { background: #ffffff }
td.diforum2 { background: #eeeeee }
td.diforum3 { background: #cccccc; text-align: center; white-space: nowrap }
td.diforum4 { background: #eeeeee; text-align: center; white-space: nowrap }
tr.ditopic td { color: #000000; vertical-align: top }
td.ditopic1 { background: #eeeeee }
td.ditopic2 { background: #cccccc }
td.ditopic3 { background: #eeeeee; text-align: center }
td.ditopic4 { background: #cccccc; text-align: center }
tr.dibg0 td { background: #cccccc; vertical-align: top }
tr.dibg1 td { background: #eeeeee; vertical-align: top }
.loged { color: #000080 }
.dinormal {}
.dibold { font-weight: bold }
.dismall {}
.dicas { color:#000080 }
.dinahled { margin: 1ex 0 0 0 }
.dinahled tr.dith {}
.diinfo { font-weight: bold; margin: 5px 3px }
/* /diskuze */

/*  jazykove nastavenia */
.lang_sk .ivarcs h1 span { background-image:url(img/sys/h1_ivar_cs_sk.gif);}
.lang_sk .ivar-trio h1 span { background-image: url(img/sys/h1_ivar_trio_sk.gif);}
.lang_sk .ivar-tt h1 span { background-image: url(img/sys/h1_ivar_tt_sk.gif);}
.lang_sk .dab h1 span { background-image: url(img/sys/h1_dab_sk.gif);}
.lang_sk .gel h1 span { background-image: url(img/sys/h1_gel_sk.gif);}

.lang_sk .ivar-trio #zahlavi { background: url(img/sys/bg_ivar_trio_1_sk.jpg) no-repeat 5px bottom }
.lang_sk .ivar-tt #zahlavi { background: url(img/sys/bg_ivar_tt_1_sk.jpg) no-repeat 5px bottom }
.lang_sk .dab #zahlavi { background: url(img/sys/bg_ivar_dab_1_sk.jpg) no-repeat 5px bottom }
.lang_sk .gel #zahlavi { background: url(img/sys/bg_ivar_gel_1_sk.jpg) no-repeat 5px bottom }

.lang_sk .box-ivar-tt span { background-image: url(img/sys/h2_ivar_tt_sk.jpg)}
.lang_sk .box-ivar-trio span { background-image: url(img/sys/h2_ivar_trio_sk.jpg)}
.lang_sk .box-dab span { background-image: url(img/sys/h2_dab_sk.jpg)}
.lang_sk .box-gel span { background-image: url(img/sys/h2_gel_sk.jpg)}

/* /jazykove nastavenia */

/* 2-level menu */
#nav ul { margin: 0 0 0 60px; padding: 0; position: absolute; left: -999em; width: 250px; border: 1px solid #aaaaaa; border-width: 1px 0 }
#nav ul a { background-color: #f4f4f4; border: 1px solid #aaaaaa; border-width: 0 1px }
#nav li.sfhover ul { left: auto; top: auto; z-index: 99 }
#nav li.sfhover ul li a span { background: none; padding: 3px 5px; margin: 0 }
#nav ul.active { margin: 0; padding: 0; position: relative; left: 0; width: auto; border: none }
#nav ul.active a { background: none; border: none }
#nav ul.active li a span { padding: 3px 5px 6px 15px; background: transparent url(img/sys/bg_dotted.gif) repeat-x left bottom }
/* /2-level menu */

/* katalog */
td.hlava-t img { border: 1px solid #d6d6d6 }
div.c_top { margin-top: 1em; text-align: right }
div.c_typ thead td { font-weight: bold }
#c_topnav a { margin: 1px}
#c_topnav img.border { margin: 0; padding: 0}
#content table.c_zbozi { margin: 0.3em 0 1em 0 }
#content td.c_cena { width: 60px; text-align: right }
#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}

#content td.c_kosik { white-space: nowrap; width: 65px }
/* /katalog */

/* e-shop */
.zbozi-item, .zbozi-item-last {
	margin: 0 0 10px 0;
	font-size:90%;
}

.zbozi-item-in {
	border: 1px solid #DCDCDC;
	padding: 5px;
	height: 1%; /* kvuli IE - spatne kresli border */
}

.zbozi-item-in .tn_foto {
	float: right;
	margin: 0 0 10px 10px;
}

.zbozi-item-last {
	margin-right: 0;
}

.zbozi-item-in table { text-align: left }
.zbozi-item-in h3 { margin: 0.5em 0 1em 0; font-size: 115% }
.zbozi-item-in h3 a { text-decoration: none }
.zbozi-item-in h3 a:hover { text-decoration: underline }
.cena { }
.strike { text-decoration: line-through }

#eshop_searchform { border: 1px solid #DCDCDC; padding: 5px; text-align: center }
input#eshop_searchword { width: 100% }
.item_in_basket { color: #000000; font-weight: bold; padding: 3px; margin: 0 0 0.5em 0; background: #F8D701; float: left }
div.zbozi-detail div.item_in_basket { float: none }
.eshop_edit_item { display: block; margin: 10px 0 }

#objednavka-info { background: #ffffff; margin: 1.5em 0 0 0 }
#objednavka-info h4 { margin: 0 0 0.7em 0 }
#objednavka-info-in { border: 1px solid #c3c8cc; padding: 3px 5px; margin: 0 0 0 0 }
#objednavka-info-in p { color: #000000; padding: 0; margin: 0 }

.tn_fotogalerie img { float: right; margin: 0 0 10px 10px }

.warning, .error, .saved, .info { font-size: 115%; border: 1px dotted #000000; padding: 3px 5px; background: #ffc }

#login_form { font-size: 85%; border: 1px solid #c3c8cc; padding: 3px 5px; margin: 0 0 1em 0 }
#login_form input.text { font-weight: normal; border: 1px solid #cccccc; width: 200px }
#login_form input.submit {}

#eshop_customer_login {
	margin: 0 0 1em 0;
	padding: 3px;
	border: 1px solid #801377;
}

div.forgot_align {
	text-align: center;
}

#content-in div.forgot_align {
	text-align: right;
}

#faktura {
	width: 700px;
	margin: 0 auto;
}

#tiskopis, #faktura * {
	color: #000000;
}

#faktura table, #tiskopis table {
	border-collapse: collapse;
}

#faktura table.no-border, #faktura table.no-border td, #faktura table.no-border th {
	border: none;
}

#faktura #eshop_soucet_cen {
	float: right;
	margin-right: 30px;
}

#popis_detail { margin-top: 1em }

tr.order2finish td {
	background: #ffffff;
	font-weight: bold;
}

div.euser-box {
  border: 1px solid #c3c8cc;
  padding: 3px;
  margin: 0 0 1em 0;
}

div.euser-box h2 {
  padding: 0;
  margin: 0.3em 0 1em 0;
}
/* /e-shop */

/* upozorneni */
#upozorneni-internet { z-index: 2000; position: absolute; top: 30px; left: 50px; border: 3px solid #0022ff; background: #ffffff; color: #ff0000; width: 650px }
#upozorneni-internet { margin: 0; padding: 30px 100px; font-size: 200% }
/* /upozorneni */

/* zelena usporam vypocet */
#loader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(cms/img/loader_40x40.gif) 50% 50% no-repeat; z-index: 1000000 }
#podminka_1, #podminka_2 {}
.yes, .no{ display:block; width:100px; height:30px; background-repeat:no-repeat; text-indent:35px; line-height:30px;}
.yes { background-image:url(img/sys/vypocet-yes.gif)}
.no { background-image:url(img/sys/vypocet-no.gif)}
#dotace.no { background-image:url(img/sys/vypocet-no2.gif)}