html { background-color: #4B4B4B; }
body { background-color: #4B4B4B; color: #fff; }

/* sirka obsahu 850px */

#header { position: relative; width: 100%; }
#header h1 span span { display: none; }

/* paticka */
#footer { margin-top: 1em; font-size: .8em; text-align: center; float: none; clear: both; }
#footer a { color: #fff; }

/* zaklad pre normal stranku (t.j. nie entry), jazyky, menu, pecat a pod. */
.normal #languages { background-color: #000; text-align: center; }
.normal #languages div { width: 850px; text-align: right; margin: 0 auto; padding: .5em 0; font-size: .8em; }
.normal #languages a:link,
.normal #languages a:active,
.normal #languages a:visited { text-decoration: none; color: #FFF; }
.normal #languages a:hover { text-decoration: underline; color: #FFF; }
.normal #stylesw { padding-left: 2em; }
.normal #stylesw img { display: inline; border: 1px solid #fff; }
.normal #header { text-align: center; }
.style_l #header { background-color: #FF5D10; }
.style_z #header { background-color: #0059DF; }
.normal #header h1 { width: 850px; margin: 0 auto;  position: relative; }
.normal #header h1 span { position: absolute; left: 10px; top: 0; width: 184px; height: 182px; background-repeat: no-repeat; background-position: 0 0; }
.style_l #header h1 span { background-image: url('/img/logo_vanapo_l.png'); }
.style_z #header h1 span { background-image: url('/img/logo_vanapo_z.png'); }
.normal #header h1 span span { display: none; }

/* navigacia - menu horne, na uvode nevidno - t.j. stelujeme pre vsetko */
#navigation { margin-top: 8em; text-align: center; font-size: .9em; }
.style_l #navigation { background-color: #d92900; }
.style_z #navigation { background-color: #013585; }
#navigation div { margin: 0 auto; padding: 0; width: 850px; text-align: left; height: 2.6em; line-height: 2.6em; overflow: hidden; }
#navigation div ul { margin: 0; padding: 0 0 0 210px; list-style: none; }
#navigation div ul li { display: inline; font-weight: bold; }
#navigation div ul li a { display: block; float: left; height: 2.6em; margin: 0 .3em; padding: 0 .3em; text-decoration: none; }
.style_l #navigation div ul li a:link,
.style_l #navigation div ul li a:active,
.style_l #navigation div ul li a:visited { color: #FFF; }
.style_l #navigation div ul li a:hover { color: #d92900; background-color: #FFF; }
.style_z #navigation div ul li a:link,
.style_z #navigation div ul li a:active,
.style_z #navigation div ul li a:visited { color: #FFF; }
.style_z #navigation div ul li a:hover { color: #013585; background-color: #FFF; }

/* overenie veku - entry  stranka */
.entry #navigation { display: none; }
.entry #header { background: url('/img/entry/bar.gif') repeat-x 0 345px; margin: 7em 0 0 0; text-align: center; }
.entry #header h1 { background: url('/img/entry/bg.jpg') no-repeat 0 0; width: 652px; margin: 0 auto; }
.entry #header h1 span { display: block; background: url('/img/entry/fg.gif') no-repeat 0 0; height: 494px; }
.entry #header h1 span span { display: none; }
.entry #content p { font-size: 1.3em; text-align: center; margin: 1em 0; }
.entry #content a { color: #fff; }
.entry #content ul { display: block; list-style: none; text-align: center; margin-bottom: 7em; }
.entry #content ul li { display: inline; font-size: 1.3em; font-weight: bold; margin: 0 2em; }

.entry #languages { position: absolute; left: 50%; top: 8em; margin-top: 494px; margin-left: -84px; }
.entry #languages a { display: block; float: left; width: 32px; height: 22px; margin: 0 10px 0 0; border: 1px solid #fff; }
.entry #languages a span, .entry #languages span { display: none; }
.entry #lang_sk { background: url('/img/flag-sk.gif') no-repeat 0 0; }
.entry #lang_en { background: url('/img/flag-en.gif') no-repeat 0 0; }
.entry #lang_de { background: url('/img/flag-de.gif') no-repeat 0 0; }
.entry #lang_pl { background: url('/img/flag-pl.gif') no-repeat 0 0; }

/* tiene okolo obsahu na normal */
.normal #content { color: #000; font-size: .9em; }
.normal #content_sh_big { background: url('/img/content_sh_big.gif') repeat-x  0 0; text-align: center; }
.normal #content_sh_width { width: 850px; text-align: left; margin: 0 auto; background-color: #FFF; }
.normal #content_sh_l { background: url('/img/content_sh_l.gif') repeat-y  0 0; }
.normal #content_sh_r { background: url('/img/content_sh_r.gif') repeat-y  100% 0; }
.normal #content_sh_b { background: url('/img/content_sh_b.gif') repeat-x  0 100%; }
.normal #content_sh_tl { background: url('/img/content_sh_tl.gif') no-repeat  0 0; }
.normal #content_sh_tr { background: url('/img/content_sh_tr.gif') no-repeat  100% 0; }
.normal #content_sh_bl { background: url('/img/content_sh_bl.gif') no-repeat  0 100%; }
.normal #content_sh_br { background: url('/img/content_sh_br.gif') no-repeat  100% 100%; }
.normal #content_sh_pad { padding: 0 11px 11px 11px; }
.normal #content-body-sh { background: url('/img/sh_top_white.gif') repeat-x 0 0; }
.normal #content-body { background: url('/img/content_bg.gif') repeat-y 0 0; }

/* obsahove menu */
#content-menu { width: 200px; float: left; overflow: auto; background: #fcb42a url('/img/sh_top_yellow.gif') repeat-x 0 0; padding-top: 60px; font-size: .9em; }
#content-menu ul { margin: 0; padding: 0 1.5em; display: block; }
#content-menu li { list-style: none; display: inline; padding: 0; margin: 0; }
#content-menu ul.cm-l1 { font-weight: bold; font-size: 1em; padding-bottom: 5em; }
#content-menu ul.cm-l2 { font-weight: normal; font-size: 1em; padding: 0; display: none; }
#content-menu li.current ul { display: block; }
#content-menu a { display: block; text-decoration: none; margin: 0; padding: 0; }
#content-menu a span { display: block; background: url('/img/menu_bg.gif') repeat-x 0 -1px; }
#content-menu a:hover { background: url('/img/menu_a_bg.gif') repeat-y 0 0; }
#content-menu ul.cm-l1 a span { padding: .3em .2em; }
#content-menu ul.cm-l2 a span { padding: .3em .2em .3em 1.2em; }

/* historia */
#history { float: right; font-size: .9em; padding: 1.5em 1em; }
#history span { font-weight: bold; }
.style_l #history span { color: #D92900; }
.style_z #history span { color: #013585; }
#history a:link, #history a:visited, #history a:active { text-decoration: underline; }
#history a:hover { text-decoration: none; }

/* ------------------------------- OBSAH --------------------------------------- */

div.link { text-align: right; margin: 1em 0 0 0; }
div.link a:link, div.link a:visited, div.link a:active { text-decoration: underline; font-weight: bold; }
div.link a:hover { text-decoration: none; font-weight: bold; }

/* uvod */
.style_l #uvod { background: #FCB42A url('/img/uvod_bg_l.gif') repeat-y 0 0; width: 100%; }
.style_z #uvod { background: #FCB42A url('/img/uvod_bg_z.gif') repeat-y 0 0; width: 100%; }
#uvod_right { width: 430px; float: left; _margin-right: -3px; line-height: 1.3em; }
#uvod_flash { background-repeat: no-repeat; background-position: 100% 0; }
#uvod_flash object { display: block; }

#uvod_intro { background: #fcb42a url('/img/sh_top_yellow.gif') repeat-x 0 0; }
#uvod_introx { background: url('/img/flase_uvod.jpg') no-repeat 50% 100%; height: 370px; overflow: auto; }
#uvod_intro-in { padding: 2em; }
#uvod_intro h2 { margin-top: 2.5em; font-weight: bold; }
#uvod_intro p { margin: 1em 0 0 0; text-align: justify; }

#uvod_aktuality { height: 187px; color: #fff; overflow: auto; }
#uvod_aktuality-in { padding: 2em; }
#uvod_aktuality h3 { font-weight: bold; }
#uvod_aktuality h4 { margin-top: 1em; }
#uvod_aktuality p { margin-top: .3em; text-align: justify; }
#uvod_aktuality a { color: #fff; }

/* body text */
#body-text { float: none; clear: right; padding: 0 0 0 200px; margin: 0; }
#body-text-in { width: 100%; padding: 0; margin: 0; overflow: hidden; }
#body-text-in-pad { padding: 0 3em 6em 3em; margin: 0; }

#body-text h2 { font-size: 200%; padding: 1.2em 0 1em 0; line-height: 1.2em; }
#body-text h2 em { font-size: 70%; font-weight: bold; display: block; line-height: 1.4em; }
#body-text h3 { font-size: 160%; padding: 2em 0 .8em 0; }
.style_l #body-text h2,
.style_l #body-text h3 { color: #ff5c0c; }
.style_z #body-text h2,
.style_z #body-text h3 { color: #0059df; }

#body-text h4 { font-size: 1em; padding-top: 2em; }
#body-text p { margin-top: 1em; text-align: justify; }

#body-text a:link, #body-text a:visited, #body-text a:active { text-decoration: underline; }
#body-text a:hover { text-decoration: none; }
.style_l #body-text a:link, .style_l #body-text a:visited, .style_l #body-text a:active { color: #ff5c0c; }
.style_l #body-text a:hover { color: #ff5c0c; }
.style_z #body-text a:link, .style_z #body-text a:visited, .style_z #body-text a:active { color: #0059df; }
.style_z #body-text a:hover { color: #0059df; }

#body-text img.blok { display: block; border: none; margin: 1em 0; }
#body-text img.vlavo { float: left; display: block; border: none; margin: 1em 2em 1em 0; }
#body-text img.vpravo { float: right; display: block; border: none; margin: 1em 0 1em 2em; }
#body-text a:link img.blok, #body-text a:visited img.blok, #body-text a:active img.blok { border: 1px solid #fff; }
.style_l #body-text a:hover img.blok { border: 1px solid #ff5c0c; }
.style_z #body-text a:hover img.blok { border: 1px solid #0059df; }
#body-text ul { padding-left: 2em; margin: 1em 0; }

/* produkty galeria */
#body-text div.produkty_galeria { font-size: .9em; margin-top: 3em; }
#body-text div.produkty_galeria div { width: 138px; float: left; text-align: center; }
#body-text div.produkty_galeria div img { width: 128px; height: 200px; display: block; margin: 0 auto; }
#body-text div.produkty_galeria div a { font-weight: bold; }
#body-text div.produkty_galeria div a:link img,
#body-text div.produkty_galeria div a:visited img,
#body-text div.produkty_galeria div a:active img { border: 1px solid #fff; }
.style_l #body-text div.produkty_galeria div a:hover img { border: 1px solid #ff5c0c; }
.style_z #body-text div.produkty_galeria div a:hover img { border: 1px solid #0059df; }
#body-text div.produkty_galeria div p { margin: 0; padding: 0 1em; height: 7em; text-align: center; }

/* produkt */
#body-text div.produkt { padding-left: 210px; }

#body-text table.produkt { table-layout: auto; border-collapse: collapse; border: none; font-size: .9em; color: #000; }
#body-text table.produkt td, table.produkt th { border: 1px solid #fff; padding: .2em .5em; }
#body-text table.produkt tr.head { background-color: #FCB42A; }
#body-text table.produkt tr.body { background-color: #FEDEA1; }
#body-text table.produkt tr.xbody { background-color: #FEEED0; }

#body-text div.absinth { width: 135px; float: left; text-align: center; }
#body-text div.absinth img { display: block; margin: 0 auto; padding: 0; float: none; }
#body-text div.absinth span { display: block; }
#body-text div.absinth p { margin: 0; padding: 0; height: 4em; text-align: center; }

/* partneri */
#partneri { text-align: center; }
#partneri div.lave { width: 49%; float: left; }
#partneri div.prave { width: 49%; float: right; }
#partneri img { margin: 0 auto; }
#partneri img, #partneri a, #partneri span { display: block; }

/* aktuality */
#body-text div.aktualit h3 { margin: 1em 0 .5em 0; padding: 0; }
#body-text div.aktualit p { margin: 1em 0 0 0; padding: 0; }
#body-text div.aktualit img { float: left; margin: .5em 1em .5em 0; padding: 0; }
#body-text div.aktualit h4 { margin: 1em 0 2em 0; padding: 0; text-align: right; font-weight: normal; font-style: italic; }

/* admin aktuality */
#admin_aktuality label { display: block; margin: .5em 0; }
#admin_aktuality label span { display: block; width: 8em; float: left; }
#admin_aktuality label input, #admin_aktuality label textarea { font-family: sans-serif; font-size: 1.2em; }
#admin_aktuality div.aktualita { background-color: #EEE; padding: 0 1em 1em 1em; margin: 1em 0; border: 1px solid #CCC; }
#admin_aktuality h4 { color: #D92900; font-size: 1.2em; padding-bottom: .2em; }
#admin_aktuality h5 { color: #000; font-size: 1em; font-weight: normal; font-style: italic; text-align: right; border-top: 1px solid #000; padding-top: .3em; }
#admin_aktuality p { margin: .5em 0; }
#admin_aktuality img { float: left; margin: .9em 1em .5em 0; }
#admin_aktuality div.link { float: none; clear: left; border-top: 1px solid #000; padding-top: .3em; }
#admin_aktuality div.top { border-top: none; border-bottom: 1px solid #000; padding-bottom: .3em; }

/* objednavka */
form.objednavka { display: block; margin: 1em 0 0 0; padding: 0; line-height: 1.3em; }
form.objednavka fieldset { display: block; margin: 0; padding: 0; border: none; }

form.objednavka div.bound { padding: .5em .3em; }
form.objednavka div.line { float: none; clear: both; height:2em; line-height:1.2em; margin-bottom: .2em; }
form.objednavka label { display: block; float: left; width: 7em; margin-top: .2em; }
form.objednavka label.chyba { font-weight: bold; }
form.objednavka .text { display: block; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 0; margin: 0; background-color: #fff; }
form.objednavka input.chyba, form.objednavka select.chyba, form.objednavka textarea.chyba { background-color: #FFD2AB; }
form.objednavka input.button { margin-right: 1em; }