a { color: #f16738; text-decoration: underline }
a:hover { color: #c00 }
td { vertical-align: top }
img { border-width: 0 }
hr { color: #808080; border: none; border-top: 1px solid #808080; padding: 0 }
span.nast-vz { color: #609; font-style: italic }
p.nast-vz { color: #000; text-align: justify; margin-top: 5px }
h1 { color: #060; font-size: 200% }
h2 { color: #039; font-size: 150% }
h3 { color: #008000; font-size: 110%; margin: 20px 0 0 0 }
a:link.abc { text-decoration: none; color: #039 }
a:visited.abc { text-decoration: none; color: #039 }
a:hover.abc { text-decoration: underline; color: #f00 }
a:active.abc { text-decoration: underline; color: #f00 }
a:link.vzkaz { text-decoration: none; color: #039 }
a:visited.vzkaz { text-decoration: none; color: #039 }
a:hover.vzkaz { text-decoration: underline; color: #f00 }
a:active.vzkaz { text-decoration: underline; color: #f00 }
.clanek { margin-bottom: 10px }
.boxnadp { font-size: 110%; color: #fff }
.buttonOR, .buttonHN, .buttonCERV { color: #fff; font-weight: bold }
.buttonOR { background-color: #ff8a00; border-color: #ff8a00 }
.buttonHN { background-color: #930; border-color: #930 }
.buttonCERV { background-color: #c00; border-color: #c00 }
.inputHN { background-color: #fff; border: #930 1px solid }

/* New CSS: */
/* Obecne */
.b { font-weight: bold }
.i { font-style: italic }
.strike { text-decoration: line-through }
.red { color: #f00 !important }
.green { color: #080 !important }
.td-n { text-decoration: none }
.gray { color: gray }
.small { font-size: 80% }
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify; text-indent: 2em }
.c-navy { color: #000040 }
.clean { width: 100%; height: 0; line-height: 0; font-size: 0; clear: both }
.fl { float: left }
.fr { float: right }
.dn { display: none }
.di { display: inline }
.db { display: block }
fieldset { border: 1px solid gray }
legend { font-weight: bold }
fieldset.b-red { border-color: red !important }
fieldset.b-red legend { color: red !important }
#loader { color: red; font-weight: bold; padding: 5px; border: 2px solid red }
.link-icon-title { clear: both; vertical-align: baseline; display: table }
.link-icon-title span { float: left }
.link-icon-title em { display: table-cell; vertical-align: middle }
.onbgc:hover { background-color: #e5e5e5 }
/* /Obecne */

body { margin: 0; padding: 10px; font-family: sans-serif; font-size: 75%; background-image: url("./../images/bg1.jpg") }
#ie-err { margin: 3px 0; padding: 2px; color: red; font-weight: bold; border: 1px solid red; background-color: #ffd2d2; text-align: center; display: none }
#css_verze { position: absolute; right: 5px; top: 5px }
#css_verze_g a { display: block; width: 100px; height: 100px; float: left; margin: 3px; cursor: pointer; border: 1px solid #fff }
#css_verze_g .active { border: 1px solid red }

/* Layout */
* html #layout { width: 880px; width: expression(document.body.clientWidth <880 ? "880px": document.body.clientWidth >1100 ? "1100px": "auto") }/* IE FIX */
#layout { min-width: 880px; max-width: 1100px; margin: 0 auto; z-index: 1 }
/* /Layout */

/* Reklama nahore */
#reklama-top { text-align: center; margin-bottom: 5px }
/* /Reklama nahore */

/* Hlavicka */
#top { width: 100%; height: 130px; position: relative; z-index: 4 }
#top div { position: absolute; /*border: 1px solid navy*/ }
#top .reklama { width: 500px; height: 70px; right: 0; top: 0 }
#top .logo { width: 138px; height: 100px; top: 0; left: 0; background-image: url("./../images/logo_new.png"); background-position: center top; background-repeat: no-repeat }
#top .logo a { text-decoration: none; display: block; width: 100%; height: 100%; outline: none }
#top .logo a span { display: none }
#top .logo div { position: relative; bottom: 0; width: 100%; text-align: center; color: #310062; font-size: 140%; font-weight: bold; font-variant: small-caps }
#top .menu { width: 600px; height: 60px; bottom: 0; right: 0; margin: 0; padding: 0; margin-right: 8%; z-index: 20 }

#top { margin-top: 10px }
#top .capka { position: absolute; height: 48px; background-image: url("./../images/capka.png"); top: -23px; width: 48px; left: 83px }
#top .love { position: absolute; width: 128px; height: 128px; top: -9px; left: 176px; background: transparent url("./../images/love.png") 0 0 no-repeat; display: block }
#top .advent1 { position: absolute; top: 55px; left: -5px }
#top .advent2 { position: absolute; top: -20px; left: 20px }
#top .advent3 { position: absolute; top: -10px; left: 130px }
#top .advent4 { position: absolute; top: 55px; left: 110px }
#header-help { position: absolute; top: 0; left: 180px }
#top .i32fb { position: absolute; top: 36px; left: 180px }
#top .i32rss { position: absolute; top: 68px; left: 180px }

#top .kvetina, #top .san, #top .moon, #top .sunset { position: absolute; width: 128px; height: 128px; top: -9px; left: 200px; display: block }
#top .kvetina { background: transparent url("./../images/zahl/kvetina.png") 0 0 no-repeat }
#top .san { background: transparent url("./../images/zahl/san.png") 0 0 no-repeat }
#top .moon { background: transparent url("./../images/zahl/moon.png") 0 0 no-repeat }
#top .sunset { background: transparent url("./../images/zahl/sunset.png") 0 0 no-repeat }

#top .topmenu { position: relative; text-align: center }
#top .topmenu div { position: absolute; left: 0; width: 100% }
#top .topmenu a { font-weight: bold; text-decoration: none; width: 50px; display: block; top: 0; float: left }
#top .topmenu span { display: none; position: absolute; width: 100%; text-align: center; background-color: #ffefe8; padding: 3px 0; color: red; border: 1px solid red }
#top .topmenu img { border: none; margin: 0 auto 5px auto; width: 90%; display: block }

/*#top div { border: 1px solid navy }
*/
/*#top span { border: 1px solid red }
*/
/*#top a { border: 1px solid orange }
*/
/* /Hlavicka */

/* Telo */
#content { width: 100%; position: relative; z-index: 2 }
#content .panel-left { width: 170px; float: left; overflow: hidden }
#content .panel-right { width: 150px; float: right; overflow: hidden }
#content .content { overflow: hidden; padding: 10px }
* html #content .content { width: 100% }
/* /Telo */

/* Reklama v pravo */
#reklama-right { text-align: center }
/* /Reklama v pravo */

/* Paticka */
.bottom { clear: both; z-index: 3 }
.bottom p { margin: 0; padding: 0; margin-bottom: 5px }
/* /Paticka */

/* Telo pro fancybox */
#fancybox-body.banner-right-enable { margin-right: 130px }
#fancybox-body #content { position: relative }
#fancybox-body #reklama-top { height: 120px; overflow: hidden }
#fancybox-body #reklama-right { width: 120px; margin-left: 10px; overflow: hidden; position: absolute; right: -130px; top: 0 }
/* /Telo pro fancybox */

/* boxy */
.menu-box { width: 100%; margin-bottom: 10px; position: relative }
/*.menu-box table, .menu-box form { margin: 0; padding: 0; width: auto; border-width: 0 }
*/ /* Po do&#269; išt&#283; ní možno smazat */
.menu-box input[type="text"], .menu-box input[type="password"], .menu-box textarea { border: 1px solid #a0a0a0; padding: 3px; color: #202020; font-family: Verdana }
.menu-box a { text-decoration: none }
.menu-box a:hover, .menu-box a:active { text-decoration: underline }
.menu-box > span { display: block; position: absolute; left: 2px; top: 3px; width: 30px; height: 30px; background-image: url('../images/loga/_s30.png') }

.menu-box.modra a { color: #001755 }
.menu-box.hneda a { color: #5e1f00 }
.menu-box.cervena a { color: #750000 }
.menu-box.oranzova a { color: #b76500 }
.menu-box.zelena a { color: #050 }

.menu-box.modra a:hover, .menu-box.modra a:active { color: #0032B1 }
.menu-box.hneda a:hover, .menu-box.hneda a:active { color: #930 }
.menu-box.cervena a:hover, .menu-box.cervena a:active { color: #C00 }
.menu-box.oranzova a:hover, .menu-box.oranzova a:active { color: #FF8A00 }
.menu-box.zelena a:hover, .menu-box.zelena a:active { color: #090 }

.menu-box h3 { text-align: left; color: #fff; margin: 0; padding: 5px 5px 5px 35px; overflow: hidden; border-radius: 7px; position: relative; top: 10px }
.menu-box.modra h3 { background-color: #0032B1 }
.menu-box.hneda h3 { background-color: #930 }
.menu-box.cervena h3 { background-color: #C00 }
.menu-box.oranzova h3 { background-color: #FF8A00 }
.menu-box.zelena h3 { background-color: #090 }

.menu-box > div { border: 1px solid #000; padding: 15px 5px 5px 5px; overflow: hidden; border-radius: 7px }
.menu-box.noborder div { border-width: 0 }
.menu-box div div { border-width: 0; padding: 0 }
.menu-box.modra div { color: #0032B1; border-color: #0032B1; background-color: #eaf5ff }
.menu-box.hneda div { color: #930; border-color: #930; background-color: #ffeee6 }
.menu-box.cervena div { color: #C00; border-color: #C00; background-color: #ffecec }
.menu-box.oranzova div { color: #FF8A00; border-color: #FF8A00; background-color: #fff7ec }
.menu-box.zelena div { color: #090; border-color: #090; background-color: #eaffea }
/* /boxy */

/* box-login */
.menu-box.login .c-navy a { color: #000080 }
.menu-box.login .c-navy a:hover, .menu-box.login .c-navy a:active { color: red }
.menu-box.login td { padding: 1px 0 }
.menu-box.login .popis { padding-right: 5px }
.menu-box.login input { width: 90px; padding: 1px }
.menu-box.login .reg { font-size: 120%; padding-top: 10px; font-weight: bold }
/* /box-login */

/* box-kalendar */
.menu-box.kalendarakci table { width: 138px }
.menu-box.kalendarakci .m { font-weight: bold; font-size: 110% }
.menu-box.kalendarakci .k { font-weight: bold; font-size: 150% }
.menu-box.kalendarakci .s { font-weight: bold; padding-bottom: 5px }
.menu-box.kalendarakci span { display: block; font-size: 80%; text-align: center }
.menu-box.kalendarakci tr.r td { padding: 1px 0 }
/*.menu-box.kalendarakci tr.r a { text-decoration: underline }
*/
/* /box-kalendar */

/* box menu */
.menu-box.menu .active { font-weight: bold; color: #f00 }
.menu-box.menu ul { margin: 0 0 0 5px; padding: 0; list-style: none; font-size: 130% }
.menu-box.menu li { padding-top: 10px; list-style: none }
.menu-box.menu ul ul { padding-left: 5px; list-style: circle; font-size: 80% }
.menu-box.menu li li { padding: 1px 0; display: block; height: 16px }
.menu-box.menu em.icon { display: block; width: 16px; height: 16px; float: left; margin-right: 5px; background: transparent url('../images/menu_16.png') 0 0 no-repeat }
.menu-box.menu em.i1 { background-position: 0 0 }
.menu-box.menu em.i2 { background-position: -16px 0 }
.menu-box.menu em.i3 { background-position: -32px 0 }
.menu-box.menu em.i4 { background-position: -48px 0 }
.menu-box.menu em.i5 { background-position: -64px 0 }
.menu-box.menu em.i6 { background-position: -80px 0 }
.menu-box.menu em.i7 { background-position: -96px 0 }
.menu-box.menu em.i8 { background-position: -112px 0 }
.menu-box.menu em.i9 { background-position: -128px 0 }
.menu-box.menu em.i10 { background-position: -144px 0 }
.menu-box.menu em.i11 { background-position: 0 -16px }
.menu-box.menu em.i12 { background-position: -16px -16px }
.menu-box.menu em.i13 { background-position: -32px -16px }
.menu-box.menu em.i14 { background-position: -48px -16px }
.menu-box.menu em.i15 { background-position: -64px -16px }
.menu-box.menu em.i16 { background-position: -80px -16px }
.menu-box.menu em.i17 { background-position: -96px -16px }
.menu-box.menu em.i18 { background-position: -112px -16px }
.menu-box.menu em.i19 { background-position: -128px -16px }
.menu-box.menu em.i20 { background-position: -144px -16px }
.menu-box.menu em.i21 { background-position: 0 -32px }
.menu-box.menu em.i22 { background-position: -16px -32px }
.menu-box.menu em.i23 { background-position: -32px -32px }
.menu-box.menu em.i24 { background-position: -48px -32px }
.menu-box.menu em.i25 { background-position: -64px -32px }
.menu-box.menu em.i26 { background-position: -80px -32px }
.menu-box.menu em.i27 { background-position: -96px -32px }
.menu-box.menu em.i28 { background-position: -112px -32px }
.menu-box.menu em.i29 { background-position: -128px -32px }
.menu-box.menu em.i30 { background-position: -144px -32px }
.menu-box.menu em.i31 { background-position: 0 -48px }
.menu-box.menu em.i32 { background-position: -16px -48px }
.menu-box.menu em.i33 { background-position: -32px -48px }
.menu-box.menu em.i34 { background-position: -48px -48px }
.menu-box.menu em.i35 { background-position: -64px -48px }
.menu-box.menu em.i36 { background-position: -80px -48px }
.menu-box.menu em.i37 { background-position: -96px -48px }
.menu-box.menu em.i38 { background-position: -112px -48px }
.menu-box.menu em.i39 { background-position: -128px -48px }
.menu-box.menu em.i40 { background-position: -144px -48px }
.menu-box.menu em.i41 { background-position: 0 -64px }
.menu-box.menu em.i42 { background-position: -16px -64px }
.menu-box.menu em.i43 { background-position: -32px -64px }
.menu-box.menu em.i44 { background-position: -48px -64px }
.menu-box.menu em.i45 { background-position: -64px -64px }
.menu-box.menu em.i46 { background-position: -80px -64px }
.menu-box.menu em.i47 { background-position: -96px -64px }
.menu-box.menu em.i48 { background-position: -112px -64px }
.menu-box.menu em.i49 { background-position: -128px -64px }
.menu-box.menu em.i50 { background-position: -144px -64px }
.menu-box.menu em.i51 { background-position: 0 -80px }
.menu-box.menu em.i52 { background-position: -16px -80px }
.menu-box.menu em.i53 { background-position: -32px -80px }
.menu-box.menu em.i54 { background-position: -48px -80px }
.menu-box.menu em.i55 { background-position: -64px -80px }
.menu-box.menu em.i56 { background-position: -80px -80px }
.menu-box.menu em.i57 { background-position: -96px -80px }
.menu-box.menu em.i58 { background-position: -112px -80px }
.menu-box.menu em.i59 { background-position: -128px -80px }
.menu-box.menu em.i60 { background-position: -144px -80px }
.menu-box.menu em.i61 { background-position: 0 -96px }
.menu-box.menu em.i62 { background-position: -16px -96px }
.menu-box.menu em.i63 { background-position: -32px -96px }
.menu-box.menu em.i64 { background-position: -48px -96px }
.menu-box.menu em.i65 { background-position: -64px -96px }
.menu-box.menu em.i66 { background-position: -80px -96px }
.menu-box.menu em.i67 { background-position: -96px -96px }
.menu-box.menu em.i68 { background-position: -112px -96px }
.menu-box.menu em.i69 { background-position: -128px -96px }
.menu-box.menu em.i70 { background-position: -144px -96px }
.menu-box.menu em.i71 { background-position: 0 -112px }
.menu-box.menu em.i72 { background-position: -16px -112px }
.menu-box.menu em.i73 { background-position: -32px -112px }
.menu-box.menu em.i74 { background-position: -48px -112px }
.menu-box.menu em.i75 { background-position: -64px -112px }
.menu-box.menu em.i76 { background-position: -80px -112px }
.menu-box.menu em.i77 { background-position: -96px -112px }
.menu-box.menu em.i78 { background-position: -112px -112px }
.menu-box.menu em.i79 { background-position: -128px -112px }
.menu-box.menu em.i80 { background-position: -144px -112px }
.menu-box.menu em.i81 { background-position: 0 -128px }
.menu-box.menu em.i82 { background-position: -16px -128px }
.menu-box.menu em.i83 { background-position: -32px -128px }
.menu-box.menu em.i84 { background-position: -48px -128px }
.menu-box.menu em.i85 { background-position: -64px -128px }
.menu-box.menu em.i86 { background-position: -80px -128px }
.menu-box.menu em.i87 { background-position: -96px -128px }
.menu-box.menu em.i88 { background-position: -112px -128px }
.menu-box.menu em.i89 { background-position: -128px -128px }
.menu-box.menu em.i90 { background-position: -144px -128px }
.menu-box.menu em.i91 { background-position: 0 -144px }
.menu-box.menu em.i92 { background-position: -16px -144px }
.menu-box.menu em.i93 { background-position: -32px -144px }
.menu-box.menu em.i94 { background-position: -48px -144px }
.menu-box.menu em.i95 { background-position: -64px -144px }
.menu-box.menu em.i96 { background-position: -80px -144px }
.menu-box.menu em.i97 { background-position: -96px -144px }
.menu-box.menu em.i98 { background-position: -112px -144px }
.menu-box.menu em.i99 { background-position: -128px -144px }
.menu-box.menu em.i100 { background-position: -144px -144px }
/* /box menu */

/* box andersen */
/*.menu-box.andersen div { padding: 0 }
*/
/* /box andersen */

/* box stiznosti */
.menu-box.stiznosti img { float: left; padding: 0 5px 5px 0 }
/* /box stiznosti */

/* clanky - prehled */
.clanky-prehled h4 { color: #c10000; margin: 15px 0 5px 0; padding: 0 }
.clanky-prehled p { color: #000080; margin: 5px 0 10px 0; padding: 0; text-indent: 10px }

.clanky-prehled-uvod h2 { color: #800080 }
.clanky-prehled-uvod img { border: 0 }
.clanky-prehled-uvod p { color: #005300; font-size: 110% }
.clanky-prehled-uvod i { color: #007900 }
.clanky-prehled-uvod li { color: #400040 }

p.paging { color: #999; text-align: center }
p.paging strong { color: #000 }

.clanky-prehled-polozka p img { margin: 0 5px 5px 0 !important; padding: 0 !important; float: left !important }
/* /clanky - prehled */

/* Mlha */
#mlha { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: 1000 }
#game-flash { background-color: #fff; padding: 10px; z-index: 1001 }
#game-flash p { margin: 0; padding-bottom: 10px; text-align: right }
/* /Mlha */

/* Pozadi */
/*.bg-tl { position: absolute; width: 230px; height: 126px; right: 0; top: 0; background-image: url("./../images/bg-tl.png") }*/
/* /Pozadi */

.form-active { border-color: red !important }  /* Zvyrazni pole formulare, kde je focus */
.highlight { background-color: yellow }

.icons-block a, .icons-block div { float: left; margin: 3px; display: block; font-size: 80%; text-align: center }

.i48 { width: 48px; height: 48px; background: transparent url('./../ico/i48.png?1') 0 0 no-repeat; display: block }
.i48fb { background-position: 0 0 }
.i48rss { background-position: -48px 0 }
.candle-on { background-position: -96px 0 }
.candle-off { background-position: -144px 0 }

.i32 { display: block; width: 32px; height: 32px; background: transparent url('../ico/i32.png') 0 0 no-repeat }
.i32kruh { background-position: 0 0 }
.i32fb { background-position: -32px 0 }
.i32rss { background-position: -64px 0 }
.i32ok { background-position: -96px 0 }
.i32err { background-position: -128px 0 }
.i32war { background-position: -160px 0 }
.i32inf { background-position: -192px 0 }
.i32help { background-position: -224px 0 }

.i16 { display: block; width: 16px; height: 16px; background: transparent url('../ico/i16.png') 0 0 no-repeat }
.i16check { background-position: 0 0 }
.i16cross { background-position: -16px 0 }

/* taby */
.tabs { margin: 0 0 2em 0; padding: 0; text-align: center }
.tabs li { list-style: none; display: inline-block }
.tabs a { color: green; font-weight: bold; text-decoration: none; font-size: 110%; display: block; border: 1px solid green; border-radius: 5px; padding: 5px; margin: 2px; background-color: #bfffbf }
.tabs a.selected, .tabs a:hover { color: red; border-color: red; background-color: #ffd7d7 }
.tabs .blue { color: #004080; background-color: #c1e0ff; border-color: #004080 }
/* /taby */

/* help */
#help-block .help-block { margin-top: 20px }
#help-block p { text-align: justify; text-indent: 2em }
/* /help */

/* horoskopy */
#horoskopy { border-collapse: separate; border-spacing: 10px }
#horoskopy td { padding: 10px; border: 1px dotted #ff9900; width: 50% }
#horoskopy span { display: block; width: 64px; height: 64px; float: left; margin: 10px 10px 5px 0; background: transparent url('../images/znameni64.png') 0 0 no-repeat }
#horoskopy .horoskop-kozoroh span { background-position: -64px 0 }
#horoskopy .horoskop-blizenci span { background-position: -128px 0 }
#horoskopy .horoskop-lev span { background-position: -192px 0 }
#horoskopy .horoskop-beran span { background-position: -256px 0 }
#horoskopy .horoskop-strelec span { background-position: -320px 0 }
#horoskopy .horoskop-stir span { background-position: -384px 0 }
#horoskopy .horoskop-rak span { background-position: -448px 0 }
#horoskopy .horoskop-vahy span { background-position: -512px 0 }
#horoskopy .horoskop-ryby span { background-position: -576px 0 }
#horoskopy .horoskop-vodnar span { background-position: -640px 0 }
#horoskopy .horoskop-panna span { background-position: -704px 0 }
#horoskopy strong { display: block; text-align: center; margin-bottom: 10px }
#horoskopy p { text-indent: 1em; margin: 0; padding: 0; text-align: justify }
/* /horoskopy */

/* hlasky */
.s-ok, .s-err, .s-war, .s-inf, .s-hlp { display: block; margin: 5px 0; padding: 5px; border: 1px solid #000; font-weight: bold; font-size: 110% }
.s-img { position: relative; padding: 13px 5px 13px 50px }
.s-img span { position: absolute; left: 5px; top: 5px }
.s-ok { color: green; background-color: #ddffee; border-color: green }
.s-err { color: red; background-color: #ffd7d7; border-color: red }
.s-war { color: #ff8000; background-color: #ffecce; border-color: #ff8000 }
.s-inf { color: #004080; background-color: #bfdfff; border-color: #004080 }
.s-hlp { color: #0080ff; background-color: #bbddff; border-color: #0080ff }
/* /hlasky */

/* fotogalerie */
.fotogalerie { overflow-x: auto; white-space: nowrap }
/* fotogalerie */

/* PHP chyby */
.php-error br { display: none }
/* PHP chyby */

#chat-activiti { position: absolute; display: block; top: 70px; left: 143px; text-align: center; font-weight: bold; color: green; text-decoration: none }
#chat-activiti:hover { color: red }