/*globální definice*/

*{

  margin: 0;

  padding: 0;

  border: none;

}

.skryto {
visibility:hidden;
position: absolute;
}

iframe{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 20px;

}



a{

  color: #E0E0E0;

  font-weight: bold;

  text-decoration: underline;

}

  a:hover{

    color: #AABBC3;

    text-decoration: none;

  }



.center

  {

  text-align: center;

  margin: 0 auto;

  }



/*celý dokument*/

body,html{

  font-family: verdana, tahoma, arial, sans-serif;

  line-height: 1.4;

  text-align: center;

  background: #000 url("pozadi/pozadi-final-2.png") top center repeat-y;

  color: #E0E0E0;

}

/* skok přes menu */

a.skipmenu{

  position: absolute;

  top: -100px;

}

  a.skipmenu:focus, a.skipmenu:active {

    z-index: 2;

  }

/* hlavička */

div#header{

  position: relative;

  margin: 20px auto 0 auto;

  width: 942px;

  height: 185px;

}

  div#header h1{

    position: relative;

    margin: 20px auto 0 auto;

    width: 942px;

    height: 105px;

    padding-top: 80px;

    color: #E0E0E0;

    background: url("pozadi/hlavicka-nova.jpg") top left no-repeat;

    overflow: hidden;

  }

    div#header h1 span{

      z-index: 1;

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      width: 942px;

      height: 185px;

      background: url("pozadi/hlavicka-nova.jpg") top left no-repeat;

      cursor: pointer;

    }

  div#header a.icons{

    z-index: 2;

    position: absolute;

    display: block;

    width: 42px;

    height: 43px;

    top: 16px;

    color: #fff;

    overflow: hidden;

  }

    div#header a.icons span{

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      cursor: pointer;

    }

    div#header a.icon-yt{ right: 118px; }

      div#header a.icon-yt span { background: url("pozadi/icon-yt.jpg") top left no-repeat; }

      div#header a.icon-yt:hover span { background: url("pozadi/icon-yt.jpg") top right no-repeat; }

    div#header a.icon-fb{ right: 20px; }

      div#header a.icon-fb span { background: url("pozadi/icon-fb.jpg") top left no-repeat; }

      div#header a.icon-fb:hover span { background: url("pozadi/icon-fb.jpg") top right no-repeat; }

    div#header a.icon-tw{ right: 69px; }

      div#header a.icon-tw span { background: url("pozadi/icon-tw.jpg") top left no-repeat; }

      div#header a.icon-tw:hover span { background: url("pozadi/icon-tw.jpg") top right no-repeat; }

  /* horizontální menu */

  div#lista{

    width: 100%;

    background: #1B0D05 url("pozadi/lista-nova.jpg") top center no-repeat;

  }

    div#lista ul{

      margin: 0 auto;

      width: 942px;

      height: 25px;

      padding: 0 0 0 10px;

      text-align: center;

      list-style-type: none;

    }

    div#lista>ul{

      width: 932px;

    }

      div#lista ul li{

        float: left;

        font-size: 13px;

        font-weight: bold;

      }

        div#lista ul li a{

          display: block;

          float: left;

          height: 12px;

          padding: 3px 7px 5px 7px;

          text-decoration: none;

          font-variant: small-caps;

        }

  /* obsah */

  div#obsah{

    position: relative;

    height: 1500px;

    width: 562px;

    margin: 0 auto;

    padding: 3px 200px 0 180px;

    text-align: left;

    font-size: 11px;

    background: url("pozadi/vokr/kravata.png") top right no-repeat;

  }

  body>div#obsah{

    padding: 3px 210px 0 170px;

    height: auto;

    min-height: 1500px;

  }

    /* ram exkluzivně */

    div#obsah div#exkluzivne{

      position: relative;

      font-size: 13px;

      font-weight: bold;

      width: 343px;

      height: 192px;

      padding: 16px 0 0 170px;

      margin-left: 2px;

      background: #000 url("pozadi/vokr/exkluzivne.png") top right no-repeat;

    }

      div#obsah div#exkluzivne img{

        position: absolute;

        top: 45px;

        left: 6px;

      }

       div#obsah div#exkluzivne object{

        position: absolute;

        top: 45px;

        left: 6px;

      }

    /* Twittfeed + kategorie novinek */

    div#obsah div#twittfeed {

    width: 568px;

    height: 145px;

    background: #000 url("pozadi/feed-spodek.gif") no-repeat bottom left;

    position: relative;

    margin: 10px 10px 10px 2px;

    }

      div#obsah div#twittfeed h2#twitter {

      width: 568px;

      height: 30px;

      position: relative;

      margin: 0;

      background: url("pozadi/feed-nadpis.gif") no-repeat top left; 

      overflow: hidden;                             

      }

        div#obsah div#twittfeed h2#twitter span {

        top: 0;

        left: 0;

        width: 568px;

        height: 30px;

        position: absolute;

        background: url("pozadi/feed-nadpis.gif") no-repeat top left;

        display: block; 

        z-index: 1;

        }

      div#obsah div#twittfeed p#twitter {

      width: 534px;

      height: 50px;

      padding: 0 8px 0 8px; 

      display: block;

      background: url("pozadi/twitt-pozadi.png") top left no-repeat;

      margin: 6px 6px 0 16px;

      position: relative;

      color: #fff;

      font-size: 11px;

      }

        div#obsah div#twittfeed p#twitter span#logo-twitt a{

        width: 55px;

        height: 14px;

        display: block;

        position: absolute;

        margin: 1px 0 0 8px; 

        overflow: hidden;

        background: url("pozadi/twitter-logo.jpg") no-repeat top left;

        text-decoration: none;

        }

          div#obsah div#twittfeed p#twitter span#logo-twitt a span {

          width: 55px;

          height: 14px;

          display: block;

          position: absolute;

          z-index: 1;

          background: url("pozadi/twitter-logo.jpg") no-repeat top left;

          top: 0;

          left: 0;

          }

        div#obsah div#twittfeed p#twitter span#datum {

        position: relative;  

        float: right;

        margin: 3px 8px 0 0;

        padding: 0 8px 0 0;

        color: #e40d0b;

        font-size: 11px;

        display: block;

        }

        div#obsah div#twittfeed p#twitter span#vzkaz {

        margin: 16px 8px 0 0;

        padding: 0 8px 0 8px;

        display: block;

        position: absolute;

        }

      div#obsah div#twittfeed h2#kategorie{

      width: 232px;

      height: 21px;

      margin: 7px 0 0 0px;

      position: relative;

      background: url("pozadi/kategorie-novinek.jpg") no-repeat top left; 

      overflow: hidden;                             

      }

        div#obsah div#twittfeed h2#kategorie span {

        top: 0;

        left: 0;

        width: 232px;

        height: 21px;

        position: absolute;

        background: url("pozadi/kategorie-novinek.jpg") no-repeat top left;

        display: block; 

        z-index: 1;

        }

      div#obsah div#twittfeed p#kategorie {

      margin: 6px 0 0 36px;

      color: #e40d0b;

      font-size: 11px;

      position: relative;

      }

        div#obsah div#twittfeed p#kategorie a {

        color: #e40d0b;

        text-decoration: none; 

        }

      

    /* vzhled novinky */

    div#obsah div.novinka{

      position: relative;

      text-align: left;

      width: 568px;

      margin: 10px 10px 10px 2px;

      color: #000;

      background: url("pozadi/vokr/novinka_pozadi.gif") bottom left no-repeat;

    }

      div#obsah div.novinka p a , div#obsah div.novinka ul a , div#obsah div.novinka table a , div#obsah div.novinka fieldset a{

        color: #99120E;

      }

      div#obsah div.novinka h2{

        width: 538px;

        height: 26px;

        position: relative;

        font-size: 14px;

        padding: 4px 0 3px 30px;

        color: #fff;

        background: url("pozadi/vokr/novinka_nadpis.gif") top center no-repeat;

      }

        div#obsah div.novinka h2 a{

          color: #fff;

          text-decoration: none;

        }

        div#obsah div.novinka span.datum{

          position: absolute;

          left: 388px;

          top: 8px;

          font-size: 10px;

          height: 15px;

          color: #A39696;

        }

      div#obsah div.novinka p{

        font-size: 11px;

        text-align: justify;

        padding: 2px 5px;

        overflow: hidden;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }

        div#obsah div.novinka p.stred{

          text-align: center;

        }

        div#obsah div.novinka p.citat {

          background: none;

          background-color: #000;

          padding: 10px;

          border: #6D6464 1px solid;

          font-style: italic;

          color: #fff;

        }

        div#obsah div.novinka p img{

          margin: 1px;

        }

          div#obsah div.novinka p img.obr_nov{

            float: left;

            margin: 3px 10px 8px 0;

            width: 100px;

            border: #000 2px solid; 

          }

          div#obsah div.novinka p img.obalka{

            width: 12px;

            height: 9px;

          }

        div#obsah div.novinka p span.red{

          color: #B20E0E;

        }

      div#obsah div.novinka div.sufix{

        position: relative;

        font-size: 11px;

        height: 24px;

        padding: 10px 10px 0 10px;

        margin-top: 18px;

        color: #fff;

      }

      div#obsah div.novinka ul{

        width: 538px;

        padding: 5px 10px 5px 20px;

        font-size: 11px;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }

        div#obsah div.novinka ul ul{

        width: 518px;

        }

      div#obsah div.novinka h3{

        font-size: 13px;

        padding: 5px 0 0 10px;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }

        div#obsah div.novinka h3 a{

          color: #000;

        }

      div#obsah div.novinka h4{

        font-size: 12px;

        padding: 5px 0 0 15px;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }

      div#obsah div.novinka table{

        width: 100%;

        padding: 2px 10px;

        font-size: 12px;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }

       div#obsah div.novinka table th{

        text-align: left;

       }

        div#obsah div.novinka table.wallpapery{

          font-size: 11px;

          text-align: center;

        }

          div#obsah div.novinka table.wallpapery td{

            width: 100px;

            background-color: #000;

            padding: 4px 0;

            border-left: 11px #A39696 solid;

            border-right: 11px #A39696 solid;

            border-top: 5px #A39696 solid;

            vertical-align: top;

          }

        div#obsah div.novinka table caption{

          font-size: 13px;

          font-weight: bold;

          text-align: left;

          padding-left: 15px;

          background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

        }

      div#obsah div.novinka fieldset{

        width: 558px;

        padding-left: 10px;
        padding-top: 5px;

        font-size: 11px;

        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;

      }
        div#obsah div.novinka p#chybova-hlaska {
        width: 552px;
        padding: 5px 5px 5px 5px;
        margin: 0px auto;
        color: #fff;
        background: #d53030;
        border: 3px solid #99120E;
        text-align: center;
        display: block;
        }
        
        div#obsah div.novinka form input, div#obsah div.novinka form textarea{
          border: 1px #fff solid;
          background-color: #000;
          padding: 2px;
          margin: 1px;
          color: #fff;
        }

    div#obsah div.novinka p img.levy-obrazek {

    float: left;

    margin: 3px 10px 8px 0;

    border: #000 2px solid;

    }

    

    div#obsah div.novinka p span.pravy-obrazek{

    float: right;

    padding-left: 8px;

    padding-right: 3px;

    padding-top: 0px;

    padding-bottom: 0px;

    }

    div#obsah div.novinka p span.pravy-obrazek img {

    /*margin: 3px 10px 0 0;*/

    border: #000 2px solid;

    }

    div#obsah div.novinka p ul.czech {

    float: right;

    }

    /* Raptorovy postavy, prosím ignorovat - Dominick */

    div#obsah div.novinka div.rodina{

    width: 546px;

    background-color: #000;

    padding: 10px;

    border: #6D6464 1px solid;

    color: #fff;

    clear: both;

     }

     div#obsah div.novinka div.rodina img {

     padding: 2px 20px 200px 10px;

     width: auto;

     float: left;

      }

      div#obsah div.novinka div.rodina ul {

      list-style-type: none;

      padding: 2px 5px 200px 40px;

      width: auto;

      background: none; 

      }

      div#obsah div.novinka div.rodina h3 , div#obsah div.novinka div.rodina h4 {

      width: auto;

      background: none;

     } 

      

      

  /* levé menu */

  div#obsah div#leve-menu{                              

    position: absolute;

    top: 0;

    left: -17px;

    width: 180px;

    height: 100%;

    text-align: left;

    background: url("pozadi/menu_pozadi-leve.gif") top center repeat-y;

  }

  div#obsah>div#leve-menu{

    left: -25px;

  }

    div#obsah div#leve-menu h3{

      position: relative;

      font-size: 15px;

      font-weight: bold;

      text-align: center;

      width: 157px;

      margin-top: 5px;

      background-color: #1B0D05;

    }

      div#obsah div#leve-menu h3#nmenu{

        width: 180px;

        height: 31px;

        padding-top: 25px;

        margin: 0;

        background: url("pozadi/vokr/menu_nadpis-menu.gif") top center no-repeat;

      }

        div#obsah div#leve-menu h3#nmenu span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 180px;

          height: 56px;

          background: url("pozadi/vokr/menu_nadpis-menu.gif") top center no-repeat;

        }

      div#obsah div#leve-menu h3#nmafia2{

        width: 180px;

        height: 30px;

        padding-top: 25px;

        background: url("pozadi/vokr/menu_nadpis-mafia2.gif") top center no-repeat;

      }

        div#obsah div#leve-menu h3#nmafia2 span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 180px;

          height: 55px;

          background: url("pozadi/vokr/menu_nadpis-mafia2.gif") top center no-repeat;

        }

      div#obsah div#leve-menu h3#nmafia{

        width: 180px;

        height: 30px;

        padding-top: 25px;

        background: url("pozadi/vokr/menu_nadpis-mafia.gif") top center no-repeat;

      }

        div#obsah div#leve-menu h3#nmafia span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 180px;

          height: 55px;

          background: url("pozadi/vokr/menu_nadpis-mafia.gif") top center no-repeat;

        }

      div#obsah div#leve-menu h3#nkabaret{

        width: 180px;

        height: 63px;

        padding-top: 25px;

        background: url("pozadi/vokr/menu_nadpis-kabaret.gif") top right no-repeat;

      }

        div#obsah div#leve-menu h3#nkabaret span{

          position: absolute;

          left: 0;

          top: 0;

          width: 180px;

          height: 88px;

          background: url("pozadi/vokr/menu_nadpis-kabaret.gif") top right no-repeat;

        }

    div#obsah div#leve-menu ul{

      width: 155px;

      margin-left: 25px;

      font-size: 11px;

      list-style-type: none;

      background-color: #000;

    }

        div#obsah div#leve-menu ul.psocial{

          margin-top: 11px;

        }

          div#obsah div#leve-menu ul li a{

          display: block;

          width: 124px;

          height: 15px;

          padding-left: 30px;

          font-weight: normal;

          text-decoration: none;

        }

          div#obsah div#leve-menu ul.pmenu li a:hover{

            background: url("pozadi/menu_hover-menu.jpg") top left no-repeat;

          }

          div#obsah div#leve-menu ul.pmafia2 li a:hover{

            background: url("pozadi/menu_hover-mafia2.jpg") top left no-repeat;

          }

          div#obsah div#leve-menu ul.pmafia li a:hover{

            background: url("pozadi/menu_hover-mafia.jpg") top left no-repeat;

          }

          div#obsah div#leve-menu ul.psocial li a:hover{

            background: url("pozadi/menu_hover-social.jpg") top left no-repeat;

          }

    div#obsah div#leve-menu p{

      width: 179px;

      height: 53px;

    }

      div#obsah div#leve-menu p#prvni{

        background: url("pozadi/vokr/menu_nadpis-kabaret-lbota.gif") top left no-repeat;

      }

        div#obsah div#leve-menu p#prvni a{

          background: url("pozadi/vokr/menu_nadpis-kabaret-bota.gif") top left no-repeat;

        }

          div#obsah div#leve-menu p#prvni a:hover{

            background: #fff url("pozadi/vokr/menu_nadpis-kabaret-bota.gif") top left no-repeat;

          }

      div#obsah div#leve-menu p a{

        display: block;

        width: 144px;

        height: 43px;

        margin: 0 0 10px 25px;

        padding: 0 5px;

        font-size: 9px;

        font-weight: normal;

        line-height: 1.5;

        overflow: hidden;

        text-decoration: none;

      }

        div#obsah div#leve-menu p a:hover{

          color: #000;

          background-color: #fff;

        }

          div#obsah div#leve-menu p a:hover span.nadpis{

            color: #99120E;

          }

        div#obsah div#leve-menu p a span.nadpis{

          display: block;

          width: 149px;

          height: 15px;

          font-size: 11px;

          font-weight: bold;

          overflow: hidden;

        }



  /* pravé menu */

  div#obsah div#prave-menu{

    position: absolute;

    top: 139px;

    right: -19px;

    width: 203px;

    margin-bottom: 135px;

    line-height: 1.2;

    text-align: center;

    background: url("pozadi/menu_pozadi-prave.gif") top center repeat-y;

  }

    div#obsah div#prave-menu h3{

      position: relative;

      font-size: 15px;

      font-weight: bold;

      text-align: center;

      width: 203px;

      margin-top: 5px;

    }

      div#obsah div#prave-menu h3#nprekupnik{

        height: 36px;

        padding-top: 36px;

        margin: 0;

        background: url("pozadi/vokr/menu_nadpis-prekupnik.gif") top center no-repeat;

      }

        div#obsah div#prave-menu h3#nprekupnik span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 210px;

          height: 72px;

          background: url("pozadi/vokr/menu_nadpis-prekupnik.gif") top center no-repeat;

        }

      div#obsah div#prave-menu h3#nvypalne{

        height: 24px;

        padding-top: 20px;

        background: url("pozadi/vokr/menu_nadpis-vypalne.gif") top center no-repeat;

      }

        div#obsah div#prave-menu h3#nvypalne span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 203px;

          height: 44px;

          background: url("pozadi/vokr/menu_nadpis-vypalne.gif") top center no-repeat;

        }

      div#obsah div#prave-menu h3#nanketa{

        height: 37px;

        padding-top: 25px;

        background: url("pozadi/vokr/menu_nadpis-anketa.gif") top center no-repeat;

      }

        div#obsah div#prave-menu h3#nanketa span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 203px;

          height: 62px;

          background: url("pozadi/vokr/menu_nadpis-anketa.gif") top center no-repeat;

        }

      div#obsah div#prave-menu h3#nkonkurence{

        height: 17px;

        padding-top: 25px;

        background: url("pozadi/vokr/menu_nadpis-konkurence.gif") top center no-repeat;

      }

        div#obsah div#prave-menu h3#nkonkurence span{

          z-index: 1;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          width: 203px;

          height: 42px;

          background: url("pozadi/vokr/menu_nadpis-konkurence.gif") top center no-repeat;

        }

    div#obsah div#prave-menu ul{

      width: 190px;

      padding-right: 13px;

      font-size: 10px;

      list-style-type: none;

    }

      div#obsah div#prave-menu ul#pprekupnik{

        background: url("pozadi/vokr/menu_pozadi-prekupnik.gif") top right no-repeat;

      }

      div#obsah div#prave-menu ul#pvypalne{

        background: url("pozadi/vokr/menu_pozadi-vypalne.gif") top right no-repeat;

      }

        div#obsah div#prave-menu ul#pvypalne img{

          border: 1px white solid;

        }

      div#obsah div#prave-menu ul#panketa{

        background: url("pozadi/vokr/menu_pozadi-anketa.gif") top right no-repeat;

      }

      div#obsah div#prave-menu ul#pkonkurence{

        background: url("pozadi/vokr/menu_pozadi-konkurence.gif") top right no-repeat;

      }

        div#obsah div#prave-menu ul li a{

          font-weight: normal;

          text-decoration: none;

        }

          div#obsah div#prave-menu ul li a:hover{

            text-decoration: underline;

          }

        div#obsah div#prave-menu ul li table{

          width: 170px;

          margin-left: 5px;

        }



  /* ram screenshotů */

  div#obsah div#ram{

    position: absolute;

    z-index: 2;

    top: -42px;

    right: 17px;

    width: 201px;

    height: 152px;

    padding: 17px 0 0 16px;

    text-align: left;

    background: #E5C58A url("pozadi/vokr/ram.png") top center no-repeat;

  }

  /* ram kalendáře */

  div#obsah div#kalendar{

    position: absolute;

    z-index: 2;

    top: -42px;

    right: 17px;

    width: 212px;

    height: 141px;

    padding: 5px 0 0 0;

    color: #07080F;

    font-size: 14px;

    font-family: monospace;

    text-align: center;

  }

    div#obsah div#kalendar span#bottom{

      position: absolute;

      width: 212px;

      bottom: 4px;

      right: 0;

      text-align: center;

    }

/* patička */

div#paticka{

  position: relative;

  margin: 0 auto;

  padding: 75px 0 0 122px;

  width: 820px;

  height: 60px;

  font-size: 10px;

  text-align: left;

  background: url("pozadi/vokr/paticka.gif") top center no-repeat;

}


