a { color: #000000 }
a:hover { text-decoration: none }
td { vertical-align: top }
img { border-width: 0 }
hr { color: #c0c0c0; border: none; border-top: 1px solid #c0c0c0; padding: 0 }
pre { white-space: normal }

h1, h2, h3, h4, h5 { color: #202020 }
h1 { font-size: 220% }
h2 { font-size: 150% }
h3 { font-size: 110%; margin: 20px 0 0 0 }

/* 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 }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.vab { vertical-align: bottom }
.fwn { font-weight: normal }
.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 }
.pointer { cursor: pointer }
input, button { margin: 3px 0 }
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea, select { border: 1px solid #c4c4c4; background: #fff; border-radius: 5px; padding: 2px 5px }
input[type="submit"]::-moz-focus-inner { border: 0 }
fieldset { border: 1px solid gray }
legend { font-weight: bold }
fieldset.b-red { border-color: red !important }
fieldset.b-red legend { color: red !important }

.tlacitko, input[type="submit"], .submit, button {
  border-radius: 3px; background: #fff; font-weight: bold; padding: 5px 7px; outline: none; border: 1px solid #c4c4c4;
  /*box-shadow: 1px 1px 3px #494949; */cursor: pointer;
  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dec), to(#003a8a));*/
  /*background-image: -webkit-linear-gradient(top, #008dec, #003a8a);*/
  /*background-image: -moz-linear-gradient(top, #008dec, #003a8a);*/
  /*background-image: -ms-linear-gradient(top, #008dec, #003a8a);*/
  /*background-image: -o-linear-gradient(top, #008dec, #003a8a);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008dec', endColorstr='#003a8a');*/
}

#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: 0; font-family: sans-serif; font-size: 75%; background: #fff; color: #3c3c3c }
#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") }*/
#layout { width: 1004px; margin: 0 auto; z-index: 1 }
/* /Layout */

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

/* Hlavicka */
#bg-top { position: absolute; width: 100%; height: 1160px; top: 0;  }
#bg-top-lista { display: none }


/*#bottom { position: relative; height: 420px }
#bottom-bg { position: absolute; width: 100%; height: 833px; bottom: 0; left: 0; background: url("/images_new/bottom.jpg") center no-repeat }
#bottom-in { position: relative; height: 420px; overflow: hidden }
#bottom-center { position: relative; margin: 0 auto; width: 1px }*/


#top { width: 100%; height: 173px; position: relative; z-index: 10 }
#top-in { position: absolute; width: 100%; height: 491px; overflow: hidden }
#top-center { position: relative; margin: 0 auto; width: 1px }
#top-center div { position: absolute }
#top-light { display: none }
#top-logo-bg { width: 400px; height: 177px; top: 5px; left: -600px;  }
#top-logo { display: block; position: absolute; width: 162px; height: 117px; top: 33px; left: 127px; background: url("/images_new/bw/logo.png") 0 0 no-repeat; text-decoration: none; outline: none }
#top-logo span { display: none }
#top-letadlo { display: none }
#top-slogan { width: 229px; height: 58px; top: 50px; left: -210px; background: url("/images_new/bw/slogan1.png") 0 0 no-repeat }
#top-knihy { display: none }
#top-search { width: 177px; top: 125px; left: 0; background: #fff; padding: 3px; border-radius: 5px }
#top-search input, #top-search button { border: 0; box-shadow: none; background: none; height: 23px; padding: 0; margin: 0 }
#top-search input { float: left; width: 150px; border: 1px solid gray }
#top-search button { display: block; float: right; overflow: hidden; width: 24px; cursor: pointer; background: url("/images_new/bw/search_button.png") 0 0 no-repeat; filter: none }
#top-help { top: 124px; left: -210px }
#top-help a.i32 { background: url("/images_new/bw/help.png") 0 0 no-repeat }
#top-help span { float: left; line-height: 32px; padding-left: 1em; font-size: 130%; font-weight: bold }
#top-help span a { text-decoration: none }
#top-skin { top: 124px; left: 190px }
#top-skin a { background: url("/images_new/bw/skin.png") 0 0 no-repeat }
#banner-top { width: 728px; height: 89px; top: 3px; left: -224px }
#banner1-top { width: 468px; height: 60px; top: 20px; left: 36px }
#banner-right { position: absolute; right: -125px; top: -6px }

#activity { position: absolute; width: 240px; height: 35px; top: 110px; left: 250px; padding: 5px; overflow: hidden; font-size: 10px; background: #fff; border-radius: 3px; border: 1px solid gray }
#activity div { position: static }
#activity span { font-size: 80% }
#activity-in { color: #000; display: none; position: absolute; width: 290px; background: #fff; border: 1px solid gray; z-index: 100; padding: 5px; border-radius: 3px }
/* /Hlavicka */

/* Telo */
#layout-in { width: 1004px; position: relative; padding-top: 6px; z-index: 22; border-radius: 5px/*; background: url("/images_new/content_bg.png") 0 0 repeat-y*/ }
#layout-gradient { position: absolute; top: 0; left: 0; z-index: 21; width: 1004px; height: 894px; border-radius: 5px/*; background: url("/images_new/content_bg1.png") 0 0 repeat-x*/ }
#layout-in-all { z-index: 30; position: relative; padding-bottom: 7px }

#menu-top { height: 74px; margin: 0 3px 3px 6px; padding: 2px; background: url("/images_new/bw/menu_bg.png") 0 0 no-repeat }
#menu-top a { display: block; position: relative; width: 123px; height: 70px; float: left; margin-right: 1px; text-decoration: none }
#menu-top a.mt-titulka { width: 120px }
#menu-top a:hover { background: url("/images_new/bw/menu_hover.png") center no-repeat }
#menu-top span { display: none }
#menu-top em { display: block; position: absolute; left: 36px; top: -15px; width: 62px; height: 62px; background: url("/images_new/bw/menu_ikony.png") 0 0 no-repeat }
#menu-top .mt-titulka em { left: 30px }
#menu-top .mt-poradna em { background-position: -62px 0 }
#menu-top .mt-nastenky em { background-position: -124px 0 }
#menu-top .mt-souteze em { background-position: -186px 0 }
#menu-top .mt-pokec em { background-position: -248px 0 }
#menu-top .mt-pokec b { display: block; position: absolute; width: 45px; left: 40px; top: 5px; text-align: center; color: #444444 }
#menu-top .mt-seznamka em { background-position: -310px 0 }
#menu-top .mt-redakce em { background-position: -372px 0 }
#menu-top .mt-kamaradi em { background-position: -434px 0 }

#content { width: 735px; min-height: 1000px; float: left; margin-left: 7px; z-index: 40; border-radius: 5px/*; background: url("/images_new/bg_t.png") 0 0 repeat*/ }
#content-in { padding: 1em }
/* /Telo */

/* Panel */
#panel { width: 251px; margin-right: 7px; float: right; border-radius: 5px/*; background: url("/images_new/bg_t.png") 0 0 repeat*/ }
#panel-in { padding: 1em }
/* /Panel */

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

/* Paticka */
#bottom { /*color: #2a6500; */position: relative; min-width: 1004px; height: 180px }
/*#bottom a { color: #dcffc1 }*/
#bottom-bg { display: none }
#bottom-bg-top { display: none }
#bottom-in { position: relative; height: 180px; overflow: hidden }
#bottom-center { position: relative; margin: 0 auto; width: 1px }
#bottom-center .postavicka { display: none }
#bottom-text1 { position: absolute; width: 200px; top: 40px; left: -490px }
#bottom-social { position: absolute; width: 450px; top: 25px; left: 55px }
#bottom-doporuc { /*color: #fff; */position: absolute; width: 100%; bottom: 0; padding: 1em 0; text-align: center; border-top: 1px solid gray/*; background: #5baa00*/ }
#bottom-doporuc span { margin: 0 .5em; white-space: nowrap }
/*#bottom-doporuc a { color: #fff100 }*/
#bottom-doporuc div { position: absolute; top: 0; left: 50% }
#bottom-doporuc div span { display: block; position: absolute; left: -60px; top: -31px; border: 1px solid gray; border-bottom: none;/* background: #5baa00;*/ width: 120px; height: 30px; font-weight: bold; line-height: 30px; border-radius: 5px 5px 0 0; text-transform: uppercase }
/* /Paticka */

/* Telo pro fancybox */
#fancybox-body.banner-right-enable { margin-right: 130px }
#fancybox-body #layout-in { 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 */
#panel-in .panel-box { width: 227px; margin-bottom: 1em; overflow: hidden }
#panel-in .panel-box h3 { position: relative; display: block; width: 227px; height: 75px; margin: 0; padding: 0; border-radius: 5px 5px 0 0; background: url("/images_new/bw/panel_headers.png") 0 0 no-repeat; overflow: hidden; font-size: 160%; line-height: 75px }
#panel-in .panel-box h3 span { display: none }
#panel-in .panel-box-in { padding: 1em; background: url("/images_new/bw/box_bottom.png") center bottom no-repeat }


#panel-in .box-login form { position: relative }
#panel-in .box-login input { width: 115px }
#panel-in .box-login button { height: 50px }
#panel-in .reg-box-new { display: block; margin-top: 5px; font-weight: bold; text-align: center }

#panel-in .box-logged h3 { background-position: 0 -450px }
#panel-in .box-logged h3 span { display: block; margin: 0 .5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#panel-in .box-logged h3 a { position: absolute; right: 5px; top: 5px; font-weight: bold; font-size: 60%; line-height: normal }

#panel-in .box-kalendar h3 { background-position: 0 -75px }
#panel-in .box-kalendar table { width: 100%; border-collapse: collapse; margin-bottom: .5em }
#panel-in .box-kalendar th { text-align: center; border: 1px solid gray; background: #cecece }
#panel-in .box-kalendar td { text-align: center; vertical-align: middle }
#panel-in .box-kalendar .mesic { font-size: 120%; font-weight: bold }
#panel-in .box-kalendar .mesic-nav a { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; /*background: #e8b767; */font-size: 120% }
#panel-in .box-kalendar .calendar td { border: 1px solid gray }
#panel-in .box-kalendar a { display: block; background: #e4e4e4; border-radius: 7px; text-decoration: none; color: #444444 }
#panel-in .box-kalendar a:hover { background: #ffbd42 }

/*#panel-in .box-rubriky { background: #e7eeaf }*/
#panel-in .box-rubriky h3 { background-position: 0 -150px }
#panel-in .box-rubriky ul, #panel-in .box-rubriky li { margin: 0; padding: 0; list-style: none }
#panel-in .box-rubriky li { display: block; padding: .5em; margin: 1px 0;/* background: #f8fae7; */border-radius: 5px; position: relative }
#panel-in .box-rubriky a, #panel-in .box-rubriky span { display: block; color: #4e4e4e; font-size: 120%; text-decoration: none; font-weight: bold; padding-left: 12px; background: url("/images_new/bullet-green.png") center left no-repeat }
#panel-in .box-rubriky .active a, #panel-in .box-rubriky .active span { background: url("/images_new/bullet1-green.png") center left no-repeat }
#panel-in .box-rubriky a:hover { color: #000; text-decoration: underline }
#panel-in .box-rubriky li li { background: none; border-radius: 0; padding: 0 0 0 1em }
#panel-in .box-rubriky li li a, #panel-in .box-rubriky .active li a { background: none; font-weight: normal }
#panel-in .box-rubriky a.active { color: #000; font-weight: bold }

/*#panel-in .box-anketa { background: #f1ebf6 }*/
#panel-in .box-anketa h3 { background-position: 0 -225px }

#panel-in .box-vtip { text-align: center/*; background: #dcf8f2*/ }
/*#panel-in .box-vtip a { color: #166d5a }*/
#panel-in .box-vtip h3 { background-position: 0 -300px }

#panel-in .box-prclanek { /*color: #004488; */text-align: center/*; background: #b1e0f7*/ }
/*#panel-in .box-prclanek a { color: #004488 }*/
#panel-in .box-prclanek h3 { background-position: 0 -375px }

/* /boxy */

/* 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, .i32stt { 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: #000; font-weight: bold; text-decoration: none; font-size: 110%; display: block; border: 1px solid #c0c0c0; border-radius: 5px; padding: 5px; margin: 2px; background: #eeeeee }
.tabs a.selected, .tabs a:hover { color: #000; border-color: gray; background-color: #c0c0c0 }
.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, .s-stt { 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 em { 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 }
.s-stt { color: #e9640c; background-color: #fff5b6; border-color: #ffd873 }
/* /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 }

#clanek-in img { margin: .5em }