/*
Theme Name: Xboxweb
Theme URI: http://wordpress.org/themes/twentyeleven
Author: Jan Hoffman
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body, html {
  padding: 0; margin: 0;
  height: 100%;
}

body {
  padding: 0 0 0 300px;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
}

div {position: relative;}
p, h1, h2, h3, h4, h5, ul, li {padding: 0; margin: 0;}
a {color: inherit; text-decoration: none;}
p a, .main a {color: #62c810;}
img {border-width: 0;}
.hidden {display: none;}

.affiliate {display: block; top: 0; left: 0; z-index: 1;}
.affiliate.top {position: absolute; width: 100%; height: 75px;}
.affiliate.side {position: fixed; width: 300px; height: 100%;}

body, .affiliate.top {background-color: #eee; background-position: 0 0; background-repeat: no-repeat;}

#body {
  width: 100%; min-height: 100%;
  min-width: 800px;
  max-width: 1620px;
  background-color: white;
}

#top {
  padding: 75px 0 0 10px;
}

h1 {
  position: relative; display: block; float: left;
  width: 145px; height: 55px;
  font-size: 0; color: transparent;
  background: white url("img/logo3.png") 0 10px no-repeat;
}
  h1 a {display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%;}

h1, h2, h3, h4, h5 {text-transform: uppercase; font-family: Oswald, sans-serif; font-weight: normal;}

#menu {
  height: 54px;
  border-bottom: 1px solid #2d2d2d;
  background: url("img/menu-bg.png") 0 0 repeat-x;
  z-index: 2;
}

  #menu ul, #menu ul * {transition: background 0.3s, color 0.3s, width 0.5s, opacity 0.3s ease-out, top 0.3s ease-out, left 0.5s, right 0.5s;}
  #menu ul {display: block; float: left; list-style: none; padding-top: 15px; font-family: Oswald, sans-serif; font-size: 18px; text-transform: uppercase; color: #2d2d2d;}
  #menu ul li {position: relative; display: block; float: left;}
  #menu ul li a {display: block; padding: 0 15px; line-height: 40px;}
  #menu > ul > li:hover > a, #menu ul li.current_page_item a {background-color: #2d2d2d; color: white;}
  
  #menu ul li a span {display: block; position: absolute; bottom: 0; left: 50%; right: 50%; height: 1px; transition-duration: 0s; background-color: #62c810; z-index: 3;}
  #menu ul li:hover a span, #menu ul li.current_page_item a span {left: 5px; right: 5px; transition-duration: 0.4s;}
  
  #menu ul li ul {position: absolute; display: block; top: 30px; left: 0; height: 0; overflow: hidden; padding-top: 0; min-width: 100%; white-space: nowrap; opacity: 0; background-color: #2d2d2d;}
  #menu ul li:hover ul {height: auto; opacity: 1; top: 40px; overflow: visible;}
  #menu ul li ul li {position: relative; float: none; color: #ebebeb; font-size: 16px;}
  #menu ul li ul li a {line-height: 34px;}
  #menu ul li ul li:hover a {color: #2b2b2b; background: #e5e5e5;}
  
  #menu ul ul li span {display: block; position: absolute; top: 0; left: 5px; right: 5px; height: 1px; background-color: #3f3f3f;}
  #menu ul ul li:first-child span {display: none;}
  #menu ul ul li + li:hover span {display: none;}

  #menu ul ul ul {position: absolute; top: 0; left: 100%; display: none; top: 0 !important; border: 1px solid #ccc; border-left-width: 0; background-color: #e5e5e5;}
  #menu ul ul ul img {vertical-align: middle;}
  #menu ul ul li:hover ul {display: block;}
  #menu ul ul li:hover ul li, #menu ul ul li:hover ul li a {padding: 0;}
  #menu ul ul li:hover ul li a {text-align: center; padding: 10px 12px; line-height: 1em;}
  #menu ul ul li:hover ul li:nth-child(2n) a {background: #eee;}
  #menu ul li ul li:hover ul li a:hover {background: white;}

#social {
  position: absolute; top: 0; right: 0; height: 100%; white-space: nowrap;
}
  #social > a {display: block; float: right; width: 34px; height: 34px; margin: 10px 10px 0 0; transition: all 0.2s; background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat;}
  #social > a:hover {opacity: 1;}
  #social .fb {background-image: url("img/fb.png");}
  #social .tw {background-image: url("img/tw.png");}
  #social .gplus {background-image: url("img/gplus.png");}
  #social .yt {background-image: url("img/yt.png");}
  #social .xko {background-image: url("img/xko.png");}
  #social .forum {width: 60px; background-image: url("img/forum.png");}
  #social .rss {background-image: url("img/rss.png");}
  #social .desktop {display: none; width: 50px; background-image: url("img/desktop.png");}
  #social .mobile {background-image: url("img/mobile.png");}
  #social .hledat {background: url("img/hledat.png") 0 100% no-repeat;}
  #social .hledat:hover, #social .hledat.active {background-position: 0 0; background-color: #2d2d2d;}

  #social .fb:hover {background-color: #3b5998;}
  #social .tw:hover {background-color: #359bed;}
  #social .gplus:hover {background-color: #ca3a28;}
  #social .yt:hover {background-color: #e14e42;}
  #social .xko:hover {background-color: black;}
  #social .forum {background-color: #62c810;}
  #social .rss:hover {background-color: #f08421;}
  
  #social form {display: none; position: absolute; right: 10px; top: 100%; padding: 10px; background-color: #2d2d2d;}
  #social input[type=text] {border: 5px solid white; width: 300px; margin-bottom: 6px}

#rotator {padding: 10px 10px 0; height: 252px; overflow: hidden;}
  #rotator * {transition: background 1s ease-in-out, width 1s ease-in-out; -webkit-transition: background 1s ease-in-out, width 1s ease-in-out; }
  #rotator .container {overflow: hidden; white-space: nowrap;}
  #rotator .slide {display: inline-block; width: 22%; min-height: 215px; background-color: #2d2d2d;}
  #rotator .slide.current {width: 34%;}
    #rotator .slide .separator {display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: white; z-index: 1;}
    #rotator .slide:nth-child(5) .separator {right: -1px;}
    #rotator .slide .image {display: block; width: 100%; height: 215px; overflow: hidden; background-position: 50% 20%; background-size: cover; background-repeat: no-repeat;}
      #rotator .slide .image img {width: 100%;}
    #rotator .slide .heading {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 12px; height: 36px; line-height: 36px; color: white; text-transform: uppercase; font-size: 14px; font-family: Oswald, sans-serif; border-top: 1px solid white; border-bottom: 1px solid white; background: url("img/rotator-heading.png") 0 0 repeat;}
    #rotator .slide.current .heading {background: #62c810 url("img/rotator-heading-current.png") 0 0 repeat;}
    #rotator .recenze-rotator {display: block; position: absolute; top: 10px; right: 11px; width: 98px; height: 34px; background: url("img/recenze-rotator.png?v=2") 0 0 no-repeat;}

.clearer {clear: both;}

.content, .article {margin: 10px 10px 0; padding: 10px 0; border-top: 1px solid #d5d5d5;}
.article {margin-top: 0; padding-bottom: 0; border-top: none;}
.article .content {margin-left: 0; padding-bottom: 0;}

.sidebar {float: right; margin: 0 0 0 10px; width: 250px; min-height: 250px; font-size: 13px;}
body.single .sidebar, body.archive .sidebar, body.page .sidebar {padding: 10px 10px 0 0;}

  .sidebar h3 {border-bottom: 1px solid #62c810; font-weight: normal; font-size: 18px; margin: 0 0 4px; text-transform: uppercase; font-family: Oswald, sans-serif;}

.main {overflow: hidden; margin: 0; padding: 0 10px 0 0; border-right: 1px solid #d5d5d5;}

.novinka {float: left; width: 50%; font-size: 13px; line-height: 1.3em; padding-bottom: 10px;}
  .novinka .obrazek {float: left; width: 210px; height: 135px;}
  .novinka-content {overflow: hidden; padding: 0 0 0 10px; height: 135px;}
    .novinka .novinka-content p {margin: 0; text-align: left; color: #555;}
  .novinka h2 {font-family: Oswald, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 1.4em; padding-bottom: 4px;}
    .novinka h2 a {transition: color 0.4s; color: inherit;}
    .novinka h2 a:hover {color: #62c810;}
  .novinka .novinka-meta {position: absolute; right: 0; bottom: 0; font-family: Oswald, sans-serif; font-size: 11px; text-transform: uppercase;}
    .novinka .novinka-meta > * {display: block; float: right; padding: 4px 8px; background-color: #62c810; color: #2d2d2d;}
    .novinka .novinka-meta a {padding-left: 25px; color: #d5d5d5; background-color: #2d2d2d; background-image: url("img/komentare.png"); background-position: 6px 50%; background-repeat: no-repeat;}
  .novinka-content .fade-out {position: absolute; display: block; bottom: 0; right: 0; width: 100%; height: 30px; background: url("img/fade-out.png") 0 100% repeat-x}
  
  .novinka + .novinka + .novinka {border-top: 1px solid #d5d5d5; padding-top: 10px;}
  .novinka:nth-child(2n+1) .novinka-content {padding-right: 10px; border-right: 1px solid #d5d5d5;}
  .novinka:nth-child(2n)   .obrazek {margin-left:  10px;}
  .novinka:last-child .novinka-content {border-right: none;}

.videa, .footer-sidebar {margin-left: 10px; padding: 10px 0 0; border-top: 1px solid #d5d5d5;}
  .videa > div, .footer-sidebar > div {padding: 0 35px 0 10px; white-space: nowrap; height: 179px; overflow: hidden; background: #e5e5e5 url("img/videa.png") 100% 0 repeat;}
  .videa h2 {display: block; position: absolute; width: 35px; height: 100%; top: 0; right: 0; color: white; font-size: 16px; font-weight: normal; font-family: Oswald, sans-serif; text-transform: uppercase; background: url("img/videa-nadpis.png") 100% 0 repeat;}
    .videa h2 span {display: block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); padding-left: 15px;}

.video {margin-right: 10px; display: block; float: left; width: 210px; white-space: normal; line-height: 1.2em; padding: 10px 0;}
  .video img {/*width: 278px; height: auto;*/ display: block;}
  .video h3 {font-family: Oswald, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: normal; padding: 0 8px; height: 24px; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: white; background: url("img/videa-nadpis.png") 100% 0 repeat;}
  .video p {font-size: 13px;}
  .video .play {position: absolute; display: none; width: 52px; height: 52px; top: 18px; left: 8px; background: url("img/play.png") 0 0 repeat;}
  .video a:hover .play {display: block;}

.videa.nej-clanky > div {height: 200px;}
.nej-clanky .video {white-space: normal; line-height: 1.3em; margin-bottom: 50px;}
.videa.nej-clanky h3 {padding: 10px 0 0; height: auto; color: #343434; white-space: normal; background: none; font-size: 14px; line-height: 1.3em; }
.nej-clanky .video, .nej-clanky .video img {width: 210px;}

#footerPre {height: 113px; margin: 10px 0 0 10px; border-top: 1px solid #d5d5d5;}

#footer {position: absolute; bottom: 0; left: 10px; right: 0; padding: 22px 30px; color: white; font-family: Oswald, sans-serif; text-transform: uppercase; background: url("img/videa-nadpis.png") 0 0 repeat;}
  #footer a {text-decoration: underline; color: inherit;}
  
  #footer #menu-paticka {
    display: inline-block;
    margin-top: 7px;
    padding-top: 5px;
    border-top: 1px dotted #666;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    text-transform: none;
    list-style: none;
  }
  
  #footer #menu-paticka li {
    display: inline;
  }
  
  #footer #menu-paticka li + li {
    /*padding-left: 18px;*/
  }
  
  #footer #menu-paticka li + li:before {
    display: inline-block;
    content: "";
    width: 6px; height: 6px;
    margin: 0 10px 1px 8px;
    border-radius: 50%;
    background-color: #62c810;
  }
  
    #footer #menu-paticka li a {
      /*text-decoration: none;*/
    }

.posledni-komentare {padding: 3px 0; line-height: 1.3em;}
.posledni-komentare img {float: left; padding: 3px 8px 0 0;}
.posledni-komentare a {color: #62c810;}
.posledni-komentare span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

body .tlacitko {padding: 6px 15px; border: 1px solid #a0a0a0; color: inherit; text-shadow: 0 1px 0 white; box-shadow: inset 0 1px 0 white, 0 2px 6px rgba(0,0,0,0.2); color: #343434; font-size: 12px; font-family: "Segoe UI Semibold", "Segoe UI", sans-serif; font-weight: 700; text-align: center; background: #fafafa url("img/tlacitko.png") 0 100% repeat-x;}
  body .tlacitko:hover {border-color: #555; color: black;}

#dalsiNovinky {border-top: 1px solid #d5d5d5; clear: both; padding: 10px 0;}
  #dalsiNovinky .tlacitko {display: block; margin: 0 auto; width: 50%;}
    #dalsiNovinky.active .tlacitko {background-image: none;}

.widget {padding-bottom: 10px;}
.widget:last-child {padding-bottom: 0;}

img#topImg, #topImg img {width: 100%; height: auto;}

.article {overflow: hidden;}
h2.article-heading {font-family: Oswald, sans-serif; font-weight: 300; line-height: 1.2em; text-transform: uppercase; font-size: 48px; margin: 50px 50px 10px; padding: 0 0 10px; border-bottom: 1px solid #d5d5d5; color: #2d2d2d;}
  .article .main .meta {margin: 0 50px 50px; color: #999; font-size: 13px; line-height: 1em;}
  .meta a {color: inherit;}
  .article .main .meta > span {padding-right: 30px;}
  .article p {margin: 0 0 15px; text-align: justify; -webkit-hyphens: auto; hyphens: auto;}

.galerie {border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin: 40px 0 10px; padding: 10px 0;}
.side-border .galerie {margin-left: -50px; margin-right: -50px;}
  .galerie > div {padding: 10px 0 0 10px; text-align: left; overflow: hidden; line-height: 0; background: #e5e5e5 url("img/videa.png") 100% 0 repeat;}
  .galerie img {margin: 0 10px 10px 0;}
  .galerie.pruh div {white-space: nowrap;}

  .galerie .fade {display: none;}
  .galerie.pruh .fade {position: absolute; display: hidden; top: 0; right: 0; bottom: 0; width: 60px; background: url("img/videa-fade.png") 100% 0 repeat-y;}

  .galerie .tlacitko {position: absolute; bottom: 100%; right: 0; margin: 10px 0;}
  
  .galerie a {display: inline-block; position: relative; width: 20%;}
  .galerie a span {display: block; margin: 0 10px 10px 0;}
  .galerie a img {display: block; width: 100%; height: auto; margin: 0;}
  
  .galerie.videa-karta a {overflow: hidden; width: 25%;}
  .galerie.videa-karta a img {margin: -10% 0 0;}
  .galerie.videa-karta a .video-title {position: absolute; display: block; bottom: 0; left: 0; right: 0; white-space: normal; padding: 4px 10px; margin: 0 10px 10px 0; line-height: 1.4em; color: white; font-size: 14px; text-transform: uppercase; font-family: Oswald, sans-serif; background: url("img/videa-nadpis.png") 100% 0 repeat;}

.article.hra .galerie {margin-bottom: 50px;}

.overflow {overflow: hidden;}

.cist-dal {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: background 0.2s;
  background-color: transparent;
}

@media all and (min-width: 500px) {
  .cist-dal:hover {
    background-color: rgba(255,255,255,0.1);
  }
}

  .cist-dal span {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    padding: 4px 8px;
    color: #2d2d2d;
    font-size: 16px; text-transform: uppercase;
    box-shadow: -5px -5px 10px white;
    background: #62c810 url("img/rotator-heading-current.png") 0 0 repeat;
  }

  .novinka + .novinka + .novinka .cist-dal {top: 10px;}
  .novinka:nth-child(2n) span {right: 0;}
  @media all and (min-width: 500px) { .cist-dal:hover span {display: inline-block;} }

.sidebar ul {list-style: none;}

#recentcomments a {color: rgb(98, 200, 16);}
#recentcomments a.url {color: #777;}

#disqus_thread {padding: 50px 0 0;}

.gamebox {
  float: left;
  margin: 50px 0 50px 40px;
  width: 232px;
}
  .gamebox .packshot {
    position: absolute;
    bottom: 100%;
    width: 212px;
    height: auto;
    border: 10px solid white;
    border-bottom-width: 0;
  }

  .gamebox .nase-hodnoceni {
    font-family: Oswald, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1em;
    text-transform: uppercase;
    padding: 10px 0 0 10px;
  }

    .gamebox .nase-hodnoceni span {
      display: block; position: absolute;
      right: 0; bottom: 0;
      float: right;
      border: 10px solid white;
      border-bottom-width: 0;
      width: 75px; height: 75px;
      text-align: center;
      line-height: 73px;
      font-size: 46px;
      font-weight: bolder;
      color: white;
      background: #62c810 url("img/rotator-heading-current.png") 0 0 repeat;
    }

  .gamebox .koupit, .gamebox .precist-recenzi {
    margin: 10px 10px 0;
    padding-top: 10px;
    border-top: 1px solid #d5d5d5;
  }

    .gamebox .koupit a, .gamebox .precist-recenzi a, .darkbtn {
      display: block;
      line-height: 46px;
      color: white;
      text-align: center;
      font-family: Oswald, sans-serif;
      text-transform: uppercase;
      background: url("img/videa-nadpis.png") 0 0 repeat;
    }

    .darkbtn {line-height: 36px; font-size: 16px;}
    .darkbtn.koupit {margin-bottom: 4px;}
    .darkbtn:hover {background-image: url("img/koupit-span.png");}

    .gamebox .koupit a:hover, .gamebox .precist-recenzi a:hover {background-image: url("img/koupit-span.png");}

    .gamebox .koupit span, .gamebox .precist-recenzi span {
      display: block;
      float: left;
      width: 46px; height: 46px;
      background: url("img/koupit-span.png") 0 0 repeat;
    }

    .gamebox .koupit span {background: url("img/koupit.png") 50% 50% no-repeat, url("img/koupit-span.png") 0 0 repeat;}
    .gamebox .precist-recenzi span {background: url("img/precist-recenzi.png") 50% 50% no-repeat, url("img/koupit-span.png") 0 0 repeat;}

.article.hra .meta {margin-bottom: 50px;}

.article.hra .meta > span {
  display: block;
  float: left;
  /*margin-bottom: 15px;*/
  height: 48px;
  font-size: 15px;
}

  .article.hra .meta strong {
    display: block;
    padding-bottom: 5px;
    font-size: 17px;
    color: #2b2b2b;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
  }

h2.article-heading .post-edit-link {
  display: block;
  float: right;
  width: 24px; height: 24px;
  font-size: 0; color: transparent;
  margin: 20px -30px 0 0;
  background: url("https://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/24x24/Pencil3.png") 0 0 no-repeat;
  z-index: 1;
}

.herni-popis {text-align: justify; padding: 10px 0 0;}

  .herni-popis p {
    line-height: 1.3em;
    padding: 0; margin: 0 0 5px;
  }

.main .game-info {float: left; margin: 0 30px 30px 0; font-size: 13px;}
  .main .game-info .packshot {margin-right: 40px; height: 304px;}
  .main .game-info h3 {margin-bottom: 10px; border-bottom: 1px solid #ccc;}

.game-info table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 4px;
  color: #444;
}
  .game-info h2, .game-info h3 {font-size: 24px; font-family: Oswald, sans-serif; font-weight: normal; border-bottom-color: #ccc;}

  .game-info table td {padding: 4px 10px;}
  .game-info table td:first-child {color: #777;}
  .game-info table tr + tr {border-top: 1px dotted #aaa;}
  .game-info table td + td {border-left: 1px dotted #aaa;}
  
  .game-info img {margin-bottom: -4px;}
  
  .game-info .rating {
      width: 70px; height: 70px;
      display: block; position: absolute;
      bottom: 0; right: 0;
      border-left: 4px solid white; border-top: 4px solid white;
      text-align: center;
      line-height: 73px;
      font-size: 46px;
      font-weight: normal;
      color: white;
      font-family: Oswald, sans-serif;
      background: #62c810 url("img/rotator-heading-current.png") 0 0 repeat;
    }

.hvezdy {
  position: absolute; display: block;
  bottom: 100%; right: 3px;
  padding-bottom: 7px;
  width: 24px;
}

  .hvezda {
    display: block;
    width: 24px; height: 24px;
    margin-bottom: 7px;
    background: url("img/hvezda-pul.gif") 0 0 no-repeat;
  }

  .hvezda-00 {background-image: url("img/hvezda-plna.png");}
  .hvezda-11 {background-image: url("img/hvezda-prazdna.png");}

.sidebar .packshot {min-height: 250px;}
.sidebar .packshot img {width: 212px; height: auto;}

.border-wrapper {padding: 50px;}
.side-border {padding: 0 50px;}

.youtube {display: block; position: relative; margin: 25px auto; max-width: 853px; border: 10px solid white; box-shadow: 0 0 8px rgba(0,0,0,0.2), 0 37px 20px -30px rgba(0,0,0,0.2);}

  .youtube img {
    width: 100%;
    height: auto;
  }

  .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

.hodnoceni-0 {background-image: url("img/videa.png") !important; font-size: 28px !important; color: #ccc !important;}

.hodnoceni-1, .hodnoceni-2, .hodnoceni-3, .hodnoceni-4 {background-image: url("img/hodnoceni-low.png") !important;}
.hodnoceni-5, .hodnoceni-6, .hodnoceni-7 {background-image: url("img/hodnoceni-prumer.png") !important;}
.hodnoceni-8, .hodnoceni-9, .hodnoceni-10 {background-image: url("img/koupit-span.png") !important;}

.article.hra .meta span.zanry, .article.hra .meta span.ikonky {line-height: 32px; white-space: normal;}
.zanry a, .ikonky a {float: left;}
.zanry a, .ikonky a {padding-right: 15px;}
  .zanry a:last-child, .ikonky a:last-child {padding-right: 0;}
.meta .zanry img, .meta .ikonky img {vertical-align: middle; padding-right: 7px;}
.meta .zanry img {width: auto; height: 32px;}
.meta .ikonky.www img {width: auto; height: 26px;}
/*.zanry a span {display: block; margin-top: 2px; float: none;}*/

.ikonky.platformy {height: auto !important;}
.ikonky.platformy a {display: inline-block; height: 48px;}

.strankovani { text-align: center; padding: 5px 0; margin-bottom: 25px; }
  
  .strankovani a {color: inherit;}

  .strankovani .page-numbers {
    padding: 3px 10px;
    border: 1px solid #ccc;
    background: #e5e5e5 url("img/videa.png") 100% 0 repeat;
  }

  .strankovani .page-numbers.current {color: white; border-color: white; background: #62c810 url("img/rotator-heading-current.png") 0 0 repeat;}

.stitky {display: block; clear: both;}
.stitky a, .stitek {display: inline-block; padding: 0 6px 0 16px; height: 22px; line-height: 20px; margin-top: 10px; color: white; background: url("img/stitek.png") 0 50% no-repeat, #62c810 url("img/rotator-heading-current.png") 0 0 repeat;}

.hodnoceni {color: #777; margin: 10px 0; padding-top: 10px; padding-bottom: 30px; border-top: 1px solid #ccc;}
.hodnoceni .verdikt {text-align: justify; padding: 0 50px 25px 0; float: left;}
.hodnoceni table {text-align: justify; padding: 0 15px 15px 0; border-collapse: collapse; width: 100%;}
.hodnoceni table td {width: 50%;}
.hodnoceni .plusy-1, .hodnoceni .minusy-1 {border-left: 7px solid #62c810; padding: 4px 14px; text-align: left;}
  .hodnoceni .minusy-1 {border-left-color: #bf0808;}

.hodnoceni .hvezdicky {width: 150px;}
.hodnoceni .cislo {padding: 15px 0; text-align: center; font-size: 56px; font-weight: bolder; color: white; font-family: Oswald, sans-serif;}
.hodnoceni strong {padding: 12px 0 2px; font-weight: normal; font-size: 13px; display: block;}
.hodnoceni .hvezda {float: left; width: 20%;}

.archive .content, .search .content {margin-top: 0; border-top: none;}

.novinky.souvisejici {margin-top: 10px; border-top: 1px solid #ccc; padding: 50px 0 20px;}

.archive-heading {padding: 10px; margin-bottom: 10px; background: #e5e5e5 url("img/videa.png") 100% 0 repeat;}

.alignleft {float: left; margin: 5px 15px 10px 0;}
.alignright {float: right; margin: 5px 0 10px 15px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.right {float: right;}

.search-seznam {
  width: 100%;
  position: absolute; top: 100%; left: 0;
  background-color: #2d2d2d;
}

  .search-seznam .item {display: block; padding: 10px; color: #777; font-size: 12px; white-space: normal;}
  #searchbox label {color: #999; font-size: 13px; font-family: inherit;}
  .search-seznam .item span {display: block;}
  .search-seznam .item strong {font-weight: normal; font-family: Oswald, sans-serif; display: block; font-size: 14px; color: #999;}
  .search-seznam .item {border-top: 1px solid #555;}

  .search-seznam a.item:hover {background-color: #62c810; color: #2d2d2d;}
  .search-seznam a.item:hover strong {color: #2d2d2d;}

  .search-seznam img {height: 50px; width: auto; float: left; margin-right: 10px;}

.nowrap {white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.soutez-zadani {
  margin: 10px 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

  .soutez-zadani > div {
    padding: 10px;
    background: #e5e5e5 url("img/videa.png") 100% 0 repeat;
  }

  .soutez-zadani p {margin-left: 0; margin-right: 0;}
  .soutez-zadani p:last-child {margin-bottom: 0;}

.simple-competition .row {padding: 10px 15px; background-color: #f5f5f5;}
.simple-competition .row + .row {border-top: 1px dotted #ccc;}
.simple-competition .row-jmeno + .row {background: transparent;}
.simple-competition .row.row-email {margin-top: 10px; border-top: none;}
.simple-competition .row.row-email label span, .simple-competition .row.row-jmeno label span {display: inline-block; width: 120px;}
.simple-competition .row.row-email input, .simple-competition .row.row-jmeno input {padding: 8px 12px; border: 1px solid #ccc; color: #444;}
.simple-competition .row.row-email input:focus, .simple-competition .row.row-jmeno input:focus {border-color: #666; color: black;}
.simple-competition .row:last-child {margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #ccc;}
.simple-competition input[type=submit] {
  display: block; width: 30%; 
  margin: 10px auto;
  padding: 8px 20px;
  text-align: center;
  border: none;
  font-weight: bolder; color: white;
  cursor: pointer;
  background: #e5e5e5 url("img/koupit-span.png") 100% 0 repeat;
}

.center {text-align: center;}
.banner a img {padding: 4px; border: 1px solid #ccc; margin-bottom: 8px;}

.seznam-her {margin-right: -10px;}

.seznam-her a {
  display: inline-block;
  width: 153px;
  margin: 0 10px 30px 0;
  vertical-align: top;
  color: inherit;
}
  .seznam-her span {display: block;}

  .seznam-her-packshot {
    height: 218px;
    position: relative;
  }

  .seznam-her-packshot img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}

  .seznam-her-nazev {
    text-align: center;
    font-size: 16px;
    font-family: Oswald, "Segoe UI Light", "Segoe UI", sans-serif;
    font-weight: lighter;
    margin: 0; padding: 8px 0;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.2em;
  }
  .seznam-her a:hover .seznam-her-nazev {background-color: #62c810; color: white;}

  .seznam-her-datum {
    color: #333;
    font-size: 13px;
    text-align: center;
    padding: 3px 0 5px;
  }

  .seznam-her-packshot.exists-0 {background: #ddd url("img/obal-neni-k-dispozici.png") 50% 50% no-repeat;}

  .seznam-her-hodnoceni {
    position: absolute;
    display: block;
    bottom: 0; right: 0;
  }

    .seznam-her-hodnoceni > * {display: block; float: right; width: 34px; height: 34px; border-top: 3px solid white; border-left: 3px solid white;}

    .seznam-her-lokalizace {background: url("img/seznam-lokalizace.png") 0 0 no-repeat;}

    .seznam-her-cislo {
      text-align: center;
      color: white;
      font-family: Oswald, sans-serif;
      font-size: 24px;
      line-height: 34px;
    }

#disqus_thread a {color: inherit;}
/*#disqus_thread h3 {font-family: Oswald, sans-serif !important; font-weight: normal; text-transform: uppercase;}*/

.main ul {margin: 0 0 15px 20px; list-style-image: url("img/bullet.png");}
  /*.main ul li {margin-left: 30px; margin-bottom: 5px;}*/

.mobilni-reklama {display: none; clear: both;}
  .mobilni-reklama > div {padding: 10px 0; margin: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
  .mobilni-reklama img { max-width: 100%; height: auto; }

.fb-like {display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.gplus-wrap {display: inline-block; margin-top: -2px; vertical-align: middle;}

#recentcomments a {font-weight: normal;}
#recentcomments li {display: block; margin: 0 -10px; padding: 4px 10px; /*background: #fdfdfd;*/}
#recentcomments li + li {border-top: 1px dotted #ccc;}
#recentcomments li:nth-child(2n) {background: #fafafa;}

.footer-sidebar {margin-top: 10px;}

.footer-sidebar > div {
  height: auto; padding-right: 0;
}

.footer-sidebar .widget {float: left; margin-right: 10px; width: 25%;}
.footer-sidebar .widget:nth-child(4) {float: none; overflow: auto; width: auto;}

.release-list a, .release-list span {
  display: block;
}

.release-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-list {
  line-height: 1.4em;
  color: #777;
  font-size: 12px;
}

  .release-list span {
    display: block;
  }

  .release-list .nazev-hry {
    font-family: Oswald, "Segoe UI", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
  }
  
  .release-list .hra, .release-list li {display: block; clear: both; padding: 5px 10px;}
  .release-list .hra + .hra, .release-list li + li {border-top: 1px dotted rgba(0,0,0,0.2);}
  .release-list .hra:nth-child(2n), .release-list li:nth-child(2n) {background-color: rgba(255,255,255,0.3);}
  .release-list .hra:hover, .release-list li:hover {background-color: #2d2d2d; color: #aaa;}
  .release-list .hra:hover .nazev-hry {color: #eee;}

  .release-list .dnes {position: relative; display: block; border-top: 2px solid #62c810; z-index: 1; overflow: visible !important;}
  .release-list .dnes span {position: absolute; display: inline-block; top: -9px; right: 0; background: #62c810; text-transform: uppercase; color: white; font-size: 9px; padding: 0 5px;}

  .release-list h3 {display: block; padding: 5px 10px; background: #2d2d2d; color: #eee; margin: 10px 0 0; border-bottom: 2px solid #62c810;}

  .release-list .rating, .release-list .koupit {display: block; float: right; width: 30px; height: 30px; text-align: center; margin-top: 2px; line-height: 30px; font-size: 16px; font-family: Oswald, sans-serif; color: white;}
  
  .release-list .koupit {display: none; font-size: 0; color: transparent; background: url("img/koupit.png") 50% 50% no-repeat;}
  .release-list .hra:hover .koupit {display: block;}
  .release-list .koupit:hover {background-color: #62c810;}

  .release-list .attachment-small-feature {float: left; height: 34px; width: auto; margin: -1px 10px 0 0;}

	.footer-sidebar .widget.forum-vypis li a {overflow: hidden; text-overflow: ellipsis;}
	.footer-sidebar .widget.forum-vypis h3 img {float: left; padding-right: 4px; margin-top: 2px;}
  
.release-list-large {margin-top: 50px;}
.release-list-large h3 {display: block; height: 49px; line-height: 49px; padding-left: 160px; margin: 15px 0; border-top: 2px solid #98cb49; color: #aaa; font-size: 20px; background: url("img/rls-list-heading.png") 0 0 no-repeat;}

#souvisejiciNovinky a {
  display: block;
  margin: 0 auto 20px;
  width: 60%;
}

img.size-full, img.alignleft, img.aligncenter, img.alignright { max-width: 100%; height: auto; }

.meta-hd { display: none; }