/*globální definice*/
*{
  margin: 0;
  padding: 0;
  border: none;
}

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.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;
        font-size: 11px;
        background: #A39696 url("pozadi/vokr/novinka-pozadi.gif") top center repeat-y;
      }
    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;
}