input, select, textarea {color: black; border: thin solid #999797;}
input:hover, select:hover, textarea:hover, input.actual, select.actual, textarea.actual {border: thin solid #0b89ba;}
fieldset  {border: thin solid #737373;}
legend  {color: #0b89ba;}

a  {color: #000000; text-decoration: underline;}
a:hover {color: #2f9ddc; text-decoration: none;}
a img {border: none;}

div.comment {float: left; padding: 10px; width: 693px; border-bottom: thin solid #cccccc;}
.backgray {background-color:#d3d6d6;}
.center {text-align: center;}
div.infobox {margin:10px auto 0 auto; width: 600px;}

table.archiv  {float: left; width: 713px;}
table.members {float: left; width: 713px; margin-bottom: 6px; border: thin solid #dddddd; border-top: none;}
  table.members tr.uzivatel:hover {background-color: #cccccc;}
img.sekce {float: left; width: 713px; height: 11px; border-bottom: none;}
div.sekce_nazev {float: left; width: 713px; height: 16px; background: #dddddd;}

div.sponzor_kategorie {float: left; text-align: center; font-weight: bold; margin-top: 10px; color: #276391; background-color: #cccccc; font-size: 14px; padding-top: 3px; height: 17px; width: 713px;}

div.strankovani {float: left; width: 713px; text-align: center; margin-top: 10px;}
div.strankovani a, div.strankovani span {padding: 4px; color: #000000; margin-left: 3px; text-decoration: none; background-color: #efefef; border: thin solid #999999; margin-bottom: 5px;}
  div.strankovani a:hover, div.strankovani .actual, div.strankovani span:hover  {text-decoration: none; color: #000000; border: thin solid #919191; background-color: #ffffff;}

span.var, span.star  {color: #b51206;}
span.anketa:hover {color: #2f9ddc;}

div.flashnovinky div.pagination  {float: left; width: 131px; height: 186px; border-left: thin solid #6f6f70; margin-top: 0px; background-color: black;}
  div.flashnovinky div.pagination div.odkaz {width: 131px; height: 62px; float: left; margin-bottom: 0px;}
    div.flashnovinky div.pagination div.odkaz img {float: left; width: 129px; height: 60px; margin-top: 1px; margin-left: 1px;}
    div.flashnovinky div.pagination div.odkaz div.odkazek {float: left; width: 121px; height: 17px; padding: 45px 5px 0px 5px; margin-top: -61px; background-image: url('stin_flash2.png'); margin-bottom: 0px;}
  div.flashnovinky div.pagination a {color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none;}
  div.flashnovinky div.pagination a:hover div.odkazek, div.flashnovinky div.pagination a.selected div.odkazek {background-image: url('stin_flash2b.png');}
  div.flashnovinky div.pagination span.nadpis {float: left; height: 16px; width: 121px; color: #ffffff; font-weight: bold;}
  div.flashnovinky div.pagination a.read  {float: right; height: 16px; width: 29px;}
div.flashnovinky div.contentdiv {float: left; width: 281px; height: 186px;}
  div.flashnovinky div.contentdiv img {float: left; width: 281px; height: 186px;}
div.flashnovinky div#slider1  {overflow: hidden; width: 281px; float: left; height: 186px; border-right: 1px solid black;}
div.flashnovinky div.contentdivs  {float: left; width: 271px; height: 93px; padding: 93px 5px 0px 5px; overflow: hidden; margin-top: -186px; background-image: url('stin_flash1.png');}
  div.flashnovinky div.contentdivs a  {color: white; font-size: 12px; text-decoration: none;}
  div.flashnovinky div.contentdivs a:hover  {text-decoration: underline;}

img.hvezda  {margin-left: 2px; margin-right: 2px; float: left;}
a.hvezdicka {float: left; width: 16px; height: 16px; background-image: url('hvezda_2.png');}
a.hvezdickasel {background-image: url('hvezda_1.png');}
/*------------------------------------------------------------------------------*/
body  {background: #001d2d; padding: 0px; margin: 0px; font-family: Arial; font-size: 12px;}
span.modry  {color: #017eff;}
span.cerveny  {color: #cb0101;}
span.zeleny {color: #00de15;}
span.oranzovy {color: #ffa801;}

div#stranka {position: relative; margin: auto; width: 1000px;}
  div.stranka {float: left; width: 947px; background: url('bg.png') repeat-y center top #000000; padding: 0px 28px 0px 25px;}
  div.header  {float: left; width: 947px; height: 191px; background: url('header.png');}
    div.header div.login  {float: right; width: 500px; height: 25px; background: url('login.png') top right no-repeat; margin: 4px 5px 39px 442px; padding-top: 4px;}
      div.login img.cz  {width: 31px; height: 28px; float: left;}
      div.login input.text  {border: thin solid #d6bfd1; background: transparent; position: relative; margin-right: 3px; width: 86px; height: 16px; color: #ffffff; padding-left: 14px; font-size: 12px;}
      div.login input.button  {color: #ffffff; background: url('tlacitko.png'); position: relative; margin-right: 1px; margin-top: 1px; border: thin solid #2a7eaf; border-top: thin solid #37a8ea; font-size: 12px; padding: 0px 1px 1px 1px; text-decoration: none; cursor: pointer}
    div.header div.reklama_top  {float: right; width: 478px; height: 70px; margin: 0px 26px 23px 443px;}
    div.header div.fb {float: right; width: 84px; height: 26px;}
      div.header div.fb a, div.header div.fb img {float: left;}
  div.menu  {float: left; width: 947px; height: 38px; background: url('menu.png'); margin-bottom: 4px; padding-top: 1px;}
    div.menu a  {float: left; height: 32px; font-size: 12px; color: #ffffff; padding: 0px 5px 0px 18px; text-align: center; text-decoration: none; font-family: Tahoma; font-weight: bold; margin-left: 0px; margin-right: -2px;}
    div.menu a span {float: left; padding-top: 12px; height: 20px;}
    div.menu a.actual span {background: url('menu3.png');}
    img.menu_2  {width: 18px; height: 32px; margin-left: -18px; margin-top: 0px; float: left;}
    img.menu_3  {width: 5px; height: 32px; margin-right: -5px; margin-top: 0px; float: right;}
  div.pata  {float: left; width: 931px; height: 66px; background: url('pata.png'); padding: 5px 4px 0px 12px;}
    div.pata img  {float: right; border: thin solid #5c5c5c;}
    div.pata img.ourdesign  {float: left; border: none; margin-top: 20px;}
    div.pata div.text {float: left; width: 630px; height: 56px; margin-top: 10px; font-size: 11px; color: #c6c6c6;}
      div.pata div.text a {color: #c6c6c6;}
  img.cara  {float: left; height: 5px; width: 723px; margin-top: 8px; margin-bottom: 10px;}    
  div.levy  {float: left; width: 731px; margin-left: 4px; background: url('levy_pata.png') left bottom no-repeat; padding-bottom: 4px;}
    div.levy div.lista  {float: left; width: 731px; height: 44px; background: url('lista.png');}
      div.levy div.lista input.text {width: 129px; height: 14px; border: thin solid #1f85c2; background: white; padding-left: 14px; float: left;}
      div.levy div.lista input.button {height: 18px; border: thin solid #1f85c2; border-left: none; width: 49px; color: white; background: url('tlacitko.png'); font-size: 12px; float: left;}
      div.levy div.lista span.radek {float: left; margin-top: 2px; width: 109px; height: 12px; font-size: 11px; color: #d9d9d9; margin-left: 13px;}
        div.levy div.lista span.radek span  {color: #af1cce;}
    div.levy div.obsah  {float: left; width: 723px; border-left: 1px solid #7ea4ca; border-right: 1px solid #7ea4ca; background: #ffffff; padding: 0px 3px 0px 3px;}
    div.body  {float: left; width: 713px; margin: 5px;}
      div.body img.cara {width: 713px;}
      div.novinky {float: left; width: 416px;}
        div.novinka {float: left; width: 412px; border: thin solid #d1d1d1; padding: 1px; background: #ffffff; margin-top: 8px;}
          div.novinka div.img {float: left; width: 410px; border: thin solid #d3d3d3; height: 58px;}
            div.novinka div.img img {float: left; width: 410px; height: 58px; border: none;}
            div.novinka div.img img.stin  {margin-top: -58px;}
          div.novinka div.nadpis  {float: left; width: 402px; color: #ededed; font-weight: bold; padding: 2px 0px 0px 8px; border: thin solid #d3d3d3; margin-top: 1px; background: url('lista_news.png'); height: 19px;}
          div.novinka div.datum {float: left; text-align: right; height: 18px; color: #a9a8a8; width: 404px;}
          div.novinka div.text  {float: left; width: 404px; background: url('novinka.png') bottom left repeat-x #ededed; color: #484848; text-align: justify; padding: 4px;}
            div.novinka div.text p  {margin: 0px; padding: 0px; float: left;}
      div.scene_novinky {float: left; width: 303px; margin-left: 4px;}
        div.scene_novinky div.novinka {width: 299px;}
          div.scene_novinky div.novinka div.img {width: 297px;}
            div.scene_novinky div.novinka div.img img {width: 297px;}
            div.scene_novinky div.novinka div.img img.stin {margin-top: -58px;}
          div.scene_novinky div.novinka div.nadpis  {width: 289px; background: url('lista_scene.png');}
          div.scene_novinky div.novinka div.datum {float: left; text-align: right; height: 18px; color: #a9a8a8; width: 291px;}
          div.scene_novinky div.novinka div.text  {width: 291px;}
            div.scene_novinky div.novinka div.text p  {margin: 0px; padding: 0px; float: left;}

      div.flashnovinky  {float: left; width: 416px; height: 190px; background: #000000;}
      div.levy div.bunka  {float: left; width: 0px;}
        div.levy div.bunka div.miniheader {float: left; width: 0px; background: url(''); padding-top: 6px; height: 23px;}
          div.levy div.bunka div.miniheader img {cursor: pointer;}
          div.levy div.bunka div.miniheader div.filter  {position: absolute; display: none; background: #326f90; width: 300px; z-index: 10; padding: 3px; max-height: 145px; overflow: auto;}
            div.levy div.bunka div.miniheader div.filter div.odkaz  {float: left; width: 300px; text-align: left; margin-top: 1px; margin-bottom: 1px; min-height: 18px; border-bottom: thin solid #b7b7b7; color: white; font-size: 12px; font-weight: bold;}
              div.levy div.bunka div.miniheader div.filter a div.odkaz {color: #ffffff; text-decoration: none;}
            div.levy div.bunka div.miniheader div.filter div.odkaz:hover, div.levy div.bunka div.miniheader div.filter div.actual  {background: #357a9f;}
        div.levy div.bunka div.radek  {float: left; width: 0px; background: url('radek.png'); height: 32px; font-size: 12px; color: #9d9d9d;}
          div.levy div.bunka div.radek a  {color: #494949;}
          div.levy div.bunka div.radek2 {float: left; width: 0px; background: url('radek2.png'); height: 16px; font-size: 12px; color: #9d9d9d;}
            div.levy div.bunka div.radek2 a  {color: #494949;}
          div.levy div.bunka div.radek3 {float: left; width: 0px; background: url('radek3.png'); height: 80px; font-size: 12px; color: #9d9d9d;}
            div.levy div.bunka div.radek3 a  {color: #494949;}
          div.levy div.bunka div.radek4 {float: left; width: 0px; background: url('radek4.png'); height: 152px; font-size: 12px; color: #9d9d9d; padding: 10px 0px 0px 0px;}
            div.levy div.bunka div.radek4 a  {color: #494949;}
            div.levy div.bunka div.radek4 img {max-width: 237px; max-height: 130px;}
      div.levy_panel  {float: left; width: 239px;}
        div.radek_anketa  {float: left; width: 231px; padding: 3px 4px 3px 4px; background: url('radek_bottom.png') repeat-x left bottom #4c4c4c; border-top: thin solid #ffffff; min-height: 25px; color: #ffffff;}
      div.stredni_panel {float: left; width: 239px; margin-left: 4px;}
        div.levy_panel div.bunka, div.stredni_panel div.bunka  {width: 239px; margin-bottom: 8px;}
          div.levy_panel div.bunka div.miniheader, div.stredni_panel div.bunka div.miniheader {width: 51px; padding-left: 188px;}
          div.levy_panel div.bunka div.radek, div.stredni_panel div.bunka div.radek, div.stredni_panel div.bunka div.radek2  {width: 239px;}
      div.pravy_panel {float: left; width: 237px; margin-left: 4px;}
        div.pravy_panel div.bunka {width: 237px; margin-bottom: 8px;}
          div.pravy_panel div.bunka div.miniheader {width: 237px;}
          div.pravy_panel div.bunka div.radek3, div.pravy_panel div.bunka div.radek4 {width: 237px;}
      
      div.reklama_bottom  {float: left; width: 480px; height: 70px; background: url('reklama.png'); padding: 9px 1px 1px 1px;}
        
  div.pravy {float: right; width: 205px; margin-right: 4px; background: url('pravy_pata.png') left bottom no-repeat; padding-bottom: 4px;}
    div.pravy img.bunka {float: left;}
    div.pravy div.bunka {float: left; width: 203px; border-left: 1px solid #363636; border-right: 1px solid #363636; background: url('bunka.png') top left no-repeat #000000;}
      div.pravy div.bunka a {float: left; text-align: center; width: 201px; margin: 5px 0px 5px 1px;}
        div.pravy div.bunka a img {border: none; max-width: 201px;}
