Current File : /data/web/virtuals/215191/virtual/www/domains/jogosde2.com/css/main.css

/*
  Name: Jogos
  Date: June 2014
  Description: Jogos websites
  Version: 1.0
  Author: Martin Homola
  Autor URI: http://www.martinhomola.cz
*/

/* Imports */
@import url("reset.css");

/* Custom fonts */

@font-face {
    font-family: 'aller';
    src: url('../fonts/aller/regular/aller_rg-webfont.eot');
    src: url('../fonts/aller/regular/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller/regular/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller/regular/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller/regular/aller_rg-webfont.svg#aller') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_light';
    src: url('../fonts/aller/light/aller_lt-webfont.eot');
    src: url('../fonts/aller/light/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller/light/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller/light/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller/light/aller_lt-webfont.svg#aller_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_bold';
    src: url('../fonts/aller/bold/aller_bd-webfont.eot');
    src: url('../fonts/aller/bold/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller/bold/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller/bold/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller/bold/aller_bd-webfont.svg#aller_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_italic';
    src: url('../fonts/aller/italic/aller_it-webfont.eot');
    src: url('../fonts/aller/italic/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller/italic/aller_it-webfont.woff') format('woff'),
         url('../fonts/aller/italic/aller_it-webfont.ttf') format('truetype'),
         url('../fonts/aller/italic/aller_it-webfont.svg#aller_it') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_bolditalic';
    src: url('../fonts/aller/bolditalic/aller_bdit-webfont.eot');
    src: url('../fonts/aller/bolditalic/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller/bolditalic/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller/bolditalic/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller/bolditalic/aller_bdit-webfont.svg#aller_bdit') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** Global *****/
/* Body */
body {
	background: #d9f2f7 url('../images/bg.jpg') top center repeat-x;
	color: #5c5f66;
	font-size: 100%; /* Base font size: 16px */
	font-family: Arial, Verdana, 'Trebuchet MS', Trebuchet, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}

input, textarea {
	font-size: 100%; /* Base font size: 16px */
	font-family: Arial, Verdana, 'Trebuchet MS', Trebuchet, sans-serif;
	margin: 0;
	padding: 0;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Paragraphs */
p {margin-bottom: 1.143em !important; line-height: 1.2em;}
* p:last-child {margin-bottom: 0 !important;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
.clear {clear: both; display: block;}

/***** Layout *****/
.body {clear: both; margin: 0 auto}
img.right, figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/***** PAGE *****/
header#header {
  width: 100%;
  min-width: 974px;
  height: 485px;
	background: url('../images/top.jpg') top center no-repeat;
}

section#content {
  width: 100%;
	background: url('../images/mid.jpg') center top repeat-y;
}

section#content #wreeep {
  width: 974px;
  margin: 0 auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    header#header {
        background-position: 49.998% 0;
    }
}

footer {
  height: 421px;
  min-width: 974px;
	background: url('../images/bottom.jpg') top center repeat-x;
  margin-top: -90px;
}

header .wrapper, footer .wrapper {
  width: 974px;
  margin: 0 auto;
}

footer .wrapper_in {
  width: 974px;
  float: left;
  /*margin-top: 90px;*/
}

a#logo {
  float: left;
  width: 275px;
  height: 215px;
  background: url('../images/logo.jpg') top left no-repeat;
  margin-left: -38px;
  display: block;
}

#logo_in {
  width: 275px;
  height: 215px;
  background: url('../images/logo.jpg') top right no-repeat;
  display: none;
}

header .right {
  float: right;
  margin: 137px 149px 0 0;
}

header .right .header_left {
  float: left;
  color: #3a4054;
  font-size: 0.813em;
  margin-right: 138px;
}

header .right .header_left img {
  float: left;
  margin: 3px 4px 0 0;
}

header .right .header_right {
  float: right;
  color: #fff;
  font-size: 0.813em;
}

header .right .header_right a {
  font-weight: bold;
  color: #fff;
}

header .right .header_right_logged {
  float: right;
  color: #fff;
  margin-top: -20px;
}

header .right .header_right_logged img {
  height: 30px;
  width: 30px;
  float: left;
  margin-right: 12px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

header .right .header_right_logged .links {
  float: left;
  margin-top: -2px;
}

header .right .header_right_logged a {
  display: block;
  line-height: 1.4em;
  color: #fff;
  font-size: 0.813em;
}

header a#home, header #home {
  float: left;
  display: block;
  width: 47px;
  height: 32px;
  background: url('../images/home.jpg') top left no-repeat;
  margin: 11px 0 0 22px;
}

header a#home:hover, header #home {
  background: url('../images/home.jpg') top center no-repeat;
}

header a#home:active {
  background: url('../images/home.jpg') top right no-repeat;
}

header .sort_text {
  float: left;
  font-weight: bold;
  font-size: 0.813em;
  color: #fff;
  margin: 20px 2px 0 11px;
}

header a.sort_button {
  float: left;
  display: block;
  height: 31px;
  background: url('../images/sort_buttons.png') bottom left no-repeat;
  line-height: 29px;
  padding-left: 8px;
  margin: 12px 0 0 5px;
}

header a.sort_button span {
  display: block;
  height: 31px;
  background: url('../images/sort_buttons_right.png') bottom right no-repeat;
  color: #fff;
  font-size: 0.813em;
  text-align: center;
  padding-right: 8px;
}

header a.sort_button:hover {
  text-decoration: none;
  background: url('../images/sort_buttons.png') left -31px no-repeat;
}

header a.sort_button:hover span {
  background: url('../images/sort_buttons_right.png') right -31px no-repeat;
}

header a.active, header a.active:hover {
  background: url('../images/sort_buttons.png') top left no-repeat;
}

header a.active span, header a.active:hover span {
  background: url('../images/sort_buttons_right.png') top right no-repeat;
}

header a.active span {
  color: #fff457;
}

header #main_like {
  float: right;
  margin: 16px 220px 0 0;
}

header input#search_input {
  float: left;
  border: none;
  color: #9c6436;
  font-size: 0.813em;
  width: 122px;
  background: transparent;
  margin: 8px 0 0 25px;
}

header input#search_input::-webkit-input-placeholder  {
  color: #9c6436;
  opacity: 1;
}

header input#search_input::-moz-placeholder {  /* Firefox 19+ */
  color: #9c6436;
  opacity: 1;
}

header a#search {
  display: block;
  width: 22px;
  height: 19px;
  float: right;
  margin: 7px 5px 0 0;
}

header .search {
  position: absolute;
  width: 186px;
  height: 33px;
  background: url('../images/search.png') top left no-repeat;
  margin: 9px 0 0 769px;
  z-index: 51;
}

.searchbox {
  position: absolute;
  width: 437px;
  margin: 269px 0 0 512px;
  z-index: 51;
  display: none;
}

.searchbox .arrow {
  width: 23px;
  height: 12px;
  background: url('../images/search_arrow.png') top left no-repeat;
  margin-left: 362px;
  position: absolute;
}

.searchbox .box {
  width: 437px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
  margin-top: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.searchbox .box .box_top {
  width: 437px;
  height: 32px;
  background: url('../images/search_top.png') top left no-repeat;
}

.searchbox .box .box_top .nadpis, .search_sub .nadpis {
  color: #fff;
  font-size: 0.750em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 0 20px;
}

.searchbox .box .box_cont {
  width: 437px;
  background: #fff;
  display: none;
}

.search_game {
  border-bottom: 1px solid #cacaca;
  height: 85px;
}

.search_game .game_embed {
  display: none;
  position: absolute;
  margin: 7px 0 0 13px;
  height: 70px;
  width: 190px;
}

.search_game .game_embed .shadow {
  position: absolute;
  height: 70px;
  width: 190px;
  margin-top: -70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.search_game embed {
  display: block;
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.search_game a.nahled {
  float: left;
  display: block;
  margin: 7px 0 0 13px;
}

.search_game a.nahled img {
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.search_game a.nadpis {
  float: left;
  display: block;
  margin: 9px 0 0 14px;
  color: #242424;
  font-weight: bold;
  font-size: 0.875em;
  line-height: 1.2em;
}

.search_game:hover a.nadpis, .search_game a.nadpis:hover {
  color: #6b4b34;
}

.search_bottom {
  float: left;
  color: #5c5f66;
  font-size: 0.813em;
  margin: 13px 0 0 21px;
}

a.search_bottom_nav_left {
  float: right;
  display: block;
  width: 31px;
  height: 28px;
  background: url('../images/search_nav.png') top left no-repeat;
  margin-top: 7px;
}

a.search_bottom_nav_left.active2 {
  background: url('../images/search_nav.png') bottom left no-repeat !important;
}

a.search_bottom_nav_right {
  float: right;
  display: block;
  width: 30px;
  height: 28px;
  background: url('../images/search_nav.png') bottom right no-repeat;
  margin: 7px 15px 3px 0;
}

a.search_bottom_nav_right.active2 {
  background: url('../images/search_nav.png') top right no-repeat !important;
}

.search_notfound {
  color: #5c5f66;
  font-size: 0.813em;
  padding: 13px 0 14px 21px;
}

.search_sub {
  width: 437px;
  height: 32px;
  background: url('../images/search_sub.png') top right no-repeat;
}

.search_cats {
  padding: 3px 0 9px 0;
}

a.search_cat {
  display: block;
  float: left;
  height: 23px;
  margin: 6px 0 0 14px;
}

a.search_cat .stitek {
  display: block;
  float: left;
  height: 23px;
  width: 18px;
}

a.search_cat:hover {
  background: url('../images/search_stitek_right.png') top right no-repeat;
}

a.search_cat:hover .stitek {
  background: url('../images/search_stitek.png') top left no-repeat;
}

a.search_cat .nazev {
  display: block;
  color: #5c5f66;
  font-size: 0.813em;
  float: left;
  margin: 4px 9px 0 0;
}

section#content .wrapper {
  float: left;
  width: 918px;
  margin: -170px 0 0 27px;
}

section#content .wrapper_sec {
  margin-top: -150px;
}

a#balonky, a#zima, #noc {
  position: absolute;
  display: block;
  width: 178px;
  height: 337px;
  background: url('../images/balonky.jpg') 0 top no-repeat;
  margin: -19px 0 0 948px;
}

a#zima {
  width: 170px;
  height: 237px;
  background: url('../images/zima.jpg') 0 top no-repeat;
  margin: -13px 0 0 948px;
}

#noc {
  width: 100px;
  height: 239px;
  background: url('../images/noc.jpg') 0 top no-repeat;
  margin: 7px 0 0 947px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    a#balonky {
      margin-left: 947px;
    }
}

ul#menu {
  float: left;
  margin: 6px 0 0 9px;
}

ul#menu li {
  float: left;
  width: 180px;
}

ul#menu li a {
  float: left;
  display: block;
  margin: 2px 0 0 0;
}

ul#menu li a img {
  width: 36px;
  height: 32px;
  float: left;
  display: block;
}

ul#menu li a span {
  float: left;
  display: block;
  margin: 9px 0 0 3px;
  font-size: 0.875em;
  color: #5c5f66;
}

ul#menu li a:hover span, ul#menu li a.active span {
  text-decoration: underline;
  color: #6b4b34;
}

h1 {
  width: 886px;
  margin: 0 auto;
  border-bottom: 1px solid #cacaca;
  text-align: center;
  font-family: 'aller_bold', sans-serif;
  font-size: 1.125em;
  padding-bottom: 9px;
  color: #242424;
  margin-top: 15px;
}

#games {
  margin: 20px 0 0 16px;
}

.game {
  width: 296px;
  height: 269px;
  float: left;
}

.game .game_embed {
  display: none;
  position: absolute;
  margin: 10px 0 0 12px;
  height: 100px;
  width: 272px;
}

.game .game_embed .shadow {
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  height: 100px;
  width: 272px;
  margin-top: -100px;
}

.game embed {
  display: block;
  width: 272px;
  height: 100px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.game img {
  display: block;
  width: 272px;
  height: 100px;
  margin: 10px 0 0 12px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.game:hover {
	background: url('../images/game_hover.png') top center no-repeat;
}

.game .hodnoceni, .search_game .hodnoceni, .game_smaller .hodnoceni, .box_big .hodnoceni, .podobne_game .hodnoceni {
  width: 47px;
  height: 21px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin: 13px 0 0 12px;
}

.podobne_game .hodnoceni {
  float: left;
  margin: 7px 0 0 13px;
}

.box_big .hodnoceni {
  float: right;
  margin: 16px 30px 0 6px;
}

.search_game .hodnoceni {
  margin: 7px 0 0 14px;
}

.game_smaller .hodnoceni {
  margin: 5px 0 0 13px;
  float: left;
}

.game .hodnoceni span, .search_game .hodnoceni span, .game_smaller .hodnoceni span, .box_big .hodnoceni span, .podobne_game .hodnoceni span {
  display: block;
  color: #fff;
  font-size: 0.938em;
  font-weight: bold;
  width: 47px;
  text-align: center;
  margin-top: 4px;
}

.hodnoceni4 {
  background: #105d48;
  border: 1px solid #0b4031;
  font-size: 0.84em;
}

.hodnoceni3 {
  background: #30cf21;
  border: 1px solid #219629;
}

.hodnoceni2 {
  background: #f0a535;
  border: 1px solid #ba5c25;
}

.hodnoceni1 {
  background: #d96d45;
  border: 1px solid #944022;
}

.game a.star {
  float: left;
  display: block;
  width: 19px;
  height: 17px;
	background: url('../images/stars.png') -19px top no-repeat;
}

.game a.star:hover {
	background: url('../images/stars.png') left top no-repeat;
}

.game a.active {
	background: url('../images/stars.png') -38px top no-repeat;
}

.game a.active:hover {
	background: url('../images/stars.png') -57px top no-repeat;
}

.game a.nazev {
  display: block;
  float: left;
  color: #000;
  font-weight: bold;
  margin: 18px 0 0 4px;
}

.game a.nazev:hover {
  color: #6b4b34;
  text-decoration: underline;
}

.game:hover a.nazev {
  color: #6b4b34;
}

.game .stitky {
  margin: 8px 0 0 6px;
}

.game .stitky a {
  float: left;
  height: 16px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bababa;
  background: #fff;
  color: #6b4b34;
  font-size: 0.813em;
  margin-left: 6px;
}

.game .stitky a span {
  display: block;
  padding: 1px 4px 0;
}

.game .stitky a:hover {
  border: 1px solid #6b4b34;
  background: #6b4b34;
  color: #fff;
  text-decoration: none;
}

.game p {
  font-size: 0.813em;
  margin: 6px 12px;
  color: #4c4c4c;
}

.undergames_ad {
  width: 728px;
  height: 90px;
  margin: 0 auto;
}

a.button {
  display: block;
  width: 240px;
  height: 41px;
  margin: 15px auto 0;
	background: url('../images/button.png') top center no-repeat;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 0.875em;
}

a.button span {
  display: block;
  width: 240px;
  text-align: center;
  padding-top: 12px;
}

a.button:hover {
	background: url('../images/button.png') center -41px no-repeat;
  text-decoration: none;
  color: #6b4b34;
}

a.button:active {
	background: url('../images/button.png') bottom center no-repeat;
  color: #fff;
}

p.bottom {
  width: 886px;
  margin: 0 0 0 16px;
  font-size: 0.813em;
}

.play_too {
  margin: 0;
}

.play_too .headline {
  font-family: 'aller_bold', sans-serif;
  font-size: 1.125em;
  color: #242424;
  margin: 40px 0 0 26px;
}

.play_too .games_smaller {
  margin: 15px 0 10px 8px;
}

.play_too .game_smaller {
  float: left;
  width: 216px;
  height: 142px;
  margin-left: 8px;
}

.play_too .game_smaller:hover {
	background: url('../images/game_smaller_hover.png') top center no-repeat;
}

.play_too .game_smaller .game_embed {
  display: none;
  position: absolute;
  margin: 10px 0 0 13px;
  height: 70px;
  width: 190px;
}

.play_too .game_smaller .game_embed .shadow {
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  height: 70px;
  width: 190px;
  margin-top: -70px;
}

.play_too .game_smaller embed {
  display: block;
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.play_too .game_smaller a.image {
  display: block;
  margin: 10px 0 0 13px;
}

.play_too .game_smaller a.image img {
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.play_too .game_smaller a.nazev {
  display: block;
  float: left;
  color: #242424;
  font-weight: bold;
  line-height: 1.2em;
  margin: 7px 0 0 10px;
}

.play_too .game_smaller a.nazev:hover {
  text-decoration: underline;
  color: #6b4b34;
}

.play_too .game_smaller:hover a.nazev {
  color: #6b4b34;
}

.recommend {
  float: left;
  width: 420px;
  margin: 45px 16px 0 13px;
}

.recommend .headline {
  font-family: 'aller_bold', sans-serif;
  font-size: 1.125em;
  color: #242424;
  margin-left: 12px;
}

.recommend .games_small {
  margin: 19px 0 0 8px;
}

.recommend .game_small {
  float: left;
  width: 200px;
  height: 90px;
  margin: -6px 3px 0 0;
}

.recommend .game_small:hover {
	background: url('../images/game_small_hover.png') top center no-repeat;
}

.recommend .game_small a {
  display: block;
  margin: 12px 0 0 5px;
}

.recommend .game_small .game_embed {
  display: none;
  position: absolute;
  height: 70px;
  width: 190px;
}

.recommend .game_small .game_embed .shadow {
  position: absolute;
  height: 70px;
  width: 190px;
  margin-top: -70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.recommend .game_small embed {
  display: block;
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.recommend .game_small a img {
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

hr {
  height: 1px;
  width: 886px;
  color: #cacaca;
  background: #cacaca;
  border: none;
  margin: 25px auto 17px;
}

footer .hodnoceni_text {
  font-size: 0.813em;
  color: #b13434;
  margin: 67px 0 0 306px;
}

footer .hodnoceni {
  margin: 35px 0 0 343px;
}

footer .hodnoceni a {
  display: block;
  float: left;
  font-size: 1.344em;
  color: #fff;
  font-weight: bold;
  width: 30px;
  height: 26px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  margin-right: 25px;
  margin-bottom: 7px;
  overflow: hidden;
}

footer .hodnoceni a span {
  display: block;
  margin-top: 7px;
}

footer .hodnoceni a.active, footer .hodnoceni a:hover {
  background: #fff;
  color: #171c2b;
  text-decoration: none;
  margin-top: -7px;
  height: 33px;
}

footer .left {
  float: left;
  color: #bf966f;
  font-size: 0.813em;
  margin: 148px 0 0 17px;
}

footer .left strong {
  color: #fff;
  font-weight: bold;
}

footer .right {
  float: right;
  font-size: 0.813em;
  margin: 148px 0 0 0;
}

footer .right a {
  float: left;
  color: #bf966f;
  margin-left: 12px;
}

footer .right a#top {
  width: 32px;
  height: 34px;
	background: url('../images/top.png') top left no-repeat;
  margin: -17px 17px 0 26px;
}

footer .right a#top:hover {
	background: url('../images/top.png') top right no-repeat;
}

#web_shadow, #web_darkshadow {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #a6a6a6;
  display: none;
  opacity: 0.6;
  filter:alpha(opacity=60);
  z-index: 100;
}

#web_darkshadow {
  background: #000;
  opacity: 0.7;
  filter:alpha(opacity=70);
  z-index: 50;
}

#popup, #popup_small {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 682px;
  z-index: 101;
  margin: 0 0 0 -341px;
  -webkit-box-shadow: 0 6px 30px 1px rgba(0,0,0,0.59);
  box-shadow: 0 6px 30px 1px rgba(0,0,0,0.59);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
}

#popup_top {
  width: 682px;
  height: 35px;
	background: url('../images/popup_top.png') top left no-repeat;
}

#popup_top .nadpis, #popup_small_top .nadpis {
  float: left;
  color: #fff;
  font-weight: bold;
  margin: 10px 0 0 18px;
}

#popup_top a.close, #popup_small_top a.close {
  float: right;
  display: block;
  width: 44px;
  height: 24px;
	background: url('../images/close.png') top left no-repeat;
  margin: 6px 5px 0 0;
}

#popup_top a.close:hover, #popup_small_top a.close:hover {
	background: url('../images/close.png') bottom left no-repeat;
}

#popup_mid {
  width: 682px;
	background: #4a3725;
}

#popup_mid_cont, #popup_small_mid_cont {
  width: 668px;
  margin-left: 7px;
  background: #fbfbfb; /* Old browsers */
  background: -moz-linear-gradient(top,  #fbfbfb 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fbfbfb 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fbfbfb 0%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  padding: 42px 0 24px;
}

#popup_mid_cont table, table.spec, #popup_small_mid_cont table {
  font-size: 0.813em;
  color: #000;
}

#popup_mid_cont table tr td, table.spec tr td, #popup_small_mid_cont table tr td {
  padding: 5px;
}

#popup_mid_cont table tr td:first-child, table.spec tr td:first-child, #popup_small_mid_cont table tr td:first-child {
  width: 115px;
  text-align: right;
  padding-right: 8px;
}

#popup_mid_cont table tr td input.input, table.spec tr td input.input, #popup_small_mid_cont table tr td input.input, .box_small input.input {
  width: 220px;
  height: 33px;
  border: 1px solid #cecece;
  border-top: 1px solid #9c9c9c;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 13px;
}

#popup_mid_cont table tr td textarea.textarea, table.spec tr td textarea.textarea, #popup_small_mid_cont table tr td textarea.textarea {
  width: 210px;
  height: 90px;
  border: 1px solid #cecece;
  border-top: 1px solid #9c9c9c;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  font-size: 13px;
}

#popup_small {
  width: 572px;
  margin: 0 0 0 -286px;
}

#popup_small_top {
  width: 572px;
  height: 35px;
	background: url('../images/popup_small_top.png') top left no-repeat;
}

#popup_small_mid {
  width: 572px;
	background: #4a3725;
}

#popup_small_mid_cont {
  width: 560px;
  margin-left: 6px;
}

a.lost {
  float: left;
  display: block;
  margin: 9px 0 0 22px;
  color: #6b4b34;
}

.lost_nothing {
  float: left;
  display: block;
  margin: 0;
}

#popup_down {
  width: 682px;
  height: 7px;
	background: url('../images/popup_down.png') top left no-repeat;
}

#popup_small_down {
  width: 572px;
  height: 7px;
	background: url('../images/popup_small_down.png') top left no-repeat;
}

img.login_zviratko {
  display: block;
  position: absolute;
  z-index: 102;
  margin: -53px 0 0 436px;
}

#popup p.oznameni, #popup_small p.oznameni {
  color: #000;
  padding: 0 0 18px 34px;
  font-size: 0.813em;
}

#popup_small p.oznameni a {
  color: #6b4b34;
  text-decoration: underline;
}

#popup_small p.oznameni a:hover {
  text-decoration: none;
}

#popup img.img_confirmed {
  float: left;
}

#popup .confirmed {
  float: left;
  margin: 5px 0 0 7px;
  font-weight: bold;
}

a.squarebutton{
  background: url('../images/button_left.png') no-repeat top left;
  display: block;
  float: left;
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
  height: 30px; /* Height of button background height */
  padding-left: 19px; /* Width of left menu image */
  text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton {
  color: #fff; /*button text color*/
  font-weight: bold;
}

a.squarebutton span{
  background: url('../images/button_right.png') no-repeat top right;
  display: block;
  padding: 4px 19px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
  background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
  background-position: bottom right;
  color: #fff;
}

a.squarebutton:active span {
  color: #000;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
}

#custompage {
  width: 718px;
  margin: 0 auto;
}

#custompage h1 {
  width: auto;
  margin: 21px 0 0;
  border-bottom: none;
  text-align: left;
  font-family: 'aller_bold', sans-serif;
  font-size: 1.438em;
  padding-bottom: 32px;
  color: #242424;
}

#custompage p {
  font-size: 0.813em;
  color: #5c5f66;
}

#custompage hr {
  height: 1px;
  width: 718px;
  color: #cacaca;
  background: #cacaca;
  border: none;
  margin: 14px auto 11px;
}

#custompage .box {
  width: 718px;
  background: #ebebeb;
  border: 1px solid #bababa;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 0;
  margin: 40px 0 10px;
}

.box_big {
  width: 760px;
  background: #f2f2f2;
  border: 1px solid #cfcfcf;
  border-bottom-color: #b0b0b0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 54px auto 0;
  -webkit-box-shadow: 0 3px 3px 0 #e5e5e5;
  box-shadow: 0 3px 3px 0 #e5e5e5;
}

img#balonkyimg {
  display: block;
  margin: 0 auto;
}

table.spec tr td:first-child {
  color: #404040;
}

.errortext {
  font-family: 'aller_italic', sans-serif;
  color: #404040;
  text-align: center;
  font-size: 1.188em;
  margin-top: 20px;
}

.errortext a {
  font-family: 'aller_bolditalic', sans-serif;
  color: #b08661;
}

.errortext a.sec {
  color: #825b3d;
}

.bubble {
  position: absolute;
  z-index: 103;
  display: none;
}

.bubble .left {
  float: left;
  height: 36px;
  width: 18px;
  background: url('../images/bubble_left.png') top right no-repeat;
}

.bubble.blue .left {
  background: url('../images/bubble_ok_left.png') top right no-repeat;
}

.bubble .mid {
  float: left;
  height: 36px;
  background: url('../images/bubble_mid.png') top right repeat-x;
}

.bubble.blue .mid {
  background: url('../images/bubble_ok_mid.png') top right repeat-x;
}

.bubble .mid p {
  color: #3b3b3b !important;
  font-size: 0.688em !important;
  padding: 5px 0 0 !important;
}

.bubble .right {
  float: left;
  height: 36px;
  width: 17px;
  background: url('../images/bubble_right.png') top right no-repeat;
}

.bubble.blue .right {
  background: url('../images/bubble_ok_right.png') top right no-repeat;
}

.cat_info {
  width: 886px;
  height: 110px;
  background: url('../images/cat_info.png') top right no-repeat;
  margin: 10px 0 0 17px;
}

.cat_info h1 {
  border-bottom: none;
  padding: 8px 0 0 0;
  margin: 0;
}

.cat_info p {
  width: 806px;
  margin: 8px auto 0;
  color: #5c5f66;
  font-size: 0.813em;
}

a.detail_fav {
  float: left;
  display: block;
  width: 22px;
  height: 21px;
  background: url('../images/star_big.png') -44px top no-repeat;
  margin: 18px 0 0 31px;
}

a.detail_fav:hover {
  background: url('../images/star_big.png') right top no-repeat;
}

a.detail_fav.active {
  background: url('../images/star_big.png') left top no-repeat;
}

a.detail_fav.active:hover {
  background: url('../images/star_big.png') -22px top no-repeat;
}

h1.detail_nazev {
  float: left;
  font-family: 'aller_bold', sans-serif;
  font-size: 1.813em !important;
  color: #242424;
  margin: 10px 0 0 11px;
  width: auto;
  border: none;
  text-align: left;
  padding: 0;
}

.detail_swf {
  margin: 13px auto;
  width: 728px;
}

.detail_played {
  float: right;
  font-size: 0.813em;
  color: #5c5f66;
  line-height: 25px;
  margin: 15px 0 0 0;
}

.detail_nav {
  float: left;
  margin: 7px 0 0 32px;
}

.detail_nav a {
  float: left;
  color: #6b4b34;
  font-size: 0.813em;
}

.detail_nav .link {
  float: left;
  color: #404040;
  font-size: 0.813em;
  font-weight: bold;
}

.detail_nav .sipka {
  float: left;
  width: 7px;
  height: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBwAHAMQAAPDw8IaGhtfX18DAwO3t7fHx8be3t5qamu7u7ujo6HR0dJ6enmRkZG5ubnt7e+zs7OPj4+Hh4WNjY8zMzPLy8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAHAAcAAAUeIEJQJBkpQ1FGkhQIZisxx8O2zkSxjQGQkEWiRAkBADs=);
  margin: 4px 5px 0;
}

.detail_other {
  float: left;
  width: 304px;
  height: 192px;
  background: url('../images/detail.png') top right no-repeat;
  margin: 0 0 0 29px;
}

.detail_other img {
  display: block;
  width: 190px;
  height: 70px;
  margin: 15px auto 0;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.detail_other .fb-like {
  float: left;
  margin: 29px 0 0 14px;
}

.detail_other a.like, .detail_other a.dislike {
  float: right;
  display: block;
  width: 47px;
  height: 38px;
  background: url('../images/likes.png') left -38px no-repeat;
  margin-top: 21px;
}

.detail_other a.like:hover {
  background-position: left 0;
}

.detail_other a.like:active, .detail_other a.like.active {
  background-position: left -76px;
}

.detail_other a.like.active:hover {
  background-position: left -76px;
}

.detail_other a.dislike {
  background-position: right 0;
  margin-right: 14px;
}

.detail_other a.dislike:hover {
  background-position: right -38px;
}

.detail_other a.dislike:active, .detail_other a.dislike.active {
  background-position: right -76px;
}

.detail_other a.dislike.active:hover {
  background-position: right -76px;
}

.detail_other .squarebutton {
  margin: 13px 0 0 52px;
  font-size: 0.813em;
}

p.detail_popis {
  float: left;
  width: 390px;
  margin: 0 0 0 13px;
  font-size: 0.813em;
  color: #4c4c4c;
}

.detail_ovladani {
  margin: 14px 0 24px 29px;
  font-size: 0.813em;
  color: #404040;
}

.detail_downline {
  width: 886px;
  height: 1px;
  background: #cacaca;
  margin: 0 0 21px 17px;
}

.podobne_hry {
  width: 864px;
  margin: 31px auto 0;
}

.podobne_hry .nadpis {
  float: left;
  color: #242424;
  font-size: 1.125em;
  font-family: 'aller_bold', sans-serif;
  margin: 5px 0 0 11px;
}

.podobne_hry .paging {
  float: right;
  margin-right: 12px;
}

.podobne_hry .paging a {
  float: left;
  width: 32px;
  height: 34px;
  background: url('../images/paging.png') top left no-repeat;
  color: #464a4c;
  font-weight: bold;
  font-size: 0.875em;
  margin-left: 3px;
}

.podobne_hry .paging a span {
  display: block;
  width: 32px;
  padding-top: 10px;
  text-align: center;
}

.podobne_hry .paging a:hover {
  width: 32px;
  height: 34px;
  background: url('../images/paging.png') -32px top no-repeat;
  color: #6b4b34;
  text-decoration: none;
}

.podobne_hry .paging a.active {
  width: 32px;
  height: 34px;
  background: url('../images/paging.png') top right no-repeat;
  color: #fff;
}

.podobne_games {
  width: 864px;
  height: 227px;
  margin: 4px 0 10px 0;
  overflow: hidden;
}

#podobne_games_controller {
  width: 4320px;
}

.podobne_game {
  width: 216px;
  height: 227px;
  float: left;
}

.podobne_game:hover {
	background: url('../images/game_detail.png') top center no-repeat;
}

.podobne_game .game_embed {
  display: none;
  position: absolute;
  margin: 10px 0 0 13px;
  height: 70px;
  width: 190px;
}

.podobne_game .game_embed .shadow {
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  box-shadow: inset 0 0 0 1px rgba(33,33,33,0.3);
  height: 70px;
  width: 190px;
  margin-top: -70px;
}

.podobne_game embed {
  display: block;
  width: 190px;
  height: 70px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.podobne_game img {
  display: block;
  width: 190px;
  height: 70px;
  margin: 10px 0 0 13px;
  outline: 1px solid rgba(33,33,33,0.3);
  outline-offset: -1px;
}

.podobne_game a.nazev {
  display: block;
  float: left;
  color: #000;
  font-weight: bold;
  margin: 10px 0 0 10px;
}

.podobne_game a.nazev:hover {
  color: #6b4b34;
  text-decoration: underline;
}

.podobne_game:hover a.nazev {
  color: #6b4b34;
}

.podobne_game .stitky {
  margin: 8px 0 0 7px;
}

.podobne_game .stitky a {
  float: left;
  height: 16px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bababa;
  background: #fff;
  color: #6b4b34;
  font-size: 0.813em;
  margin-left: 6px;
}

.podobne_game .stitky_modified a {
  background: #e0c7ba;
  border: none;
  font-size: 0.688em;
}

.podobne_game .stitky a span {
  display: block;
  padding: 1px 4px 0;
}

.podobne_game .stitky_modified a span {
  display: block;
  padding: 2px 4px 0;
}

.podobne_game .stitky a:hover {
  border: 1px solid #6b4b34;
  background: #6b4b34;
  color: #fff;
  text-decoration: none;
}

.podobne_game .stitky_modified a:hover {
  background: #6b4b34;
  border: none;
}

.podobne_game p {
  font-size: 0.688em;
  margin: 6px 8px 6px 13px;
  color: #4c4c4c;
}

img.cross_thick {
  display: none;
  padding: 0 0 0 10px;
}

#disqus_thread {
  width: 762px;
  margin: 0 auto;
}

.hitparada {
  margin: 19px 0 0 12px;
}

.hitparada_poradi {
  float: left;
  font-family: 'aller', sans-serif;
  color: #10a137;
  font-size: 1.250em;
  width: 29px;
  margin-top: 3px;
}

.hitparada_nazev {
  float: left;
  margin-top: 8px;
  width: 200px;
}

.hitparada_nazev a {
  float: left;
  font-family: 'aller', sans-serif;
  color: #6b4b34;
  font-size: 0.938em;
}

.hitparada_hlasu {
  float: left;
  font-family: 'aller', sans-serif;
  color: #4c4c4c;
  font-size: 1.063em;
  margin-top: 5px;
  text-align: right;
  width: 100px;
}

.hitparada_hlasu span {
  color: #10a137;
}

a.hitparada_stitek {
  float: left;
  height: 16px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bababa;
  background: #fff;
  color: #6b4b34;
  font-size: 0.813em;
  margin: 5px 0 0 15px;
}

a.hitparada_stitek span {
  display: block;
  padding: 1px 9px 0;
}

a.hitparada_stitek:hover, a.hitparada_stitek.active {
  border: 1px solid #6b4b34;
  background: #6b4b34;
  color: #fff;
  text-decoration: none;
}

.line_392 {
  width: 392px;
  height: 1px;
  background: url('data:image/gif;base64,R0lGODlhDAABAIAAAP///7KysiH5BAAAAAAALAAAAAAMAAEAAAIEjA+pBQA7') top left repeat-x;
  margin: 7px 0 2px 1px;
}

.hitparada_infobox {
  width: 393px;
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
  margin: 12px 0 0 2px;
  padding: 6px 0;
}

.hitparada_infobox p {
  margin: 0 8px;
  font-size: 0.813em;
  color: #5c5f66;
}

.anketa_otazka {
  float: left;
  font-family: 'aller', sans-serif;
  color: #6b4b34;
  font-size: 0.938em;
  margin-top: 8px;
}

.anketa_dot {
  float: left;
  width: 8px;
  height: 8px;
  background: url('data:image/gif;base64,R0lGODlhCAAIALMAAEBAQOLi4t/f3z8/P0NDQ0FBQeDg4Hd3d////zY2NgAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAIAAgAAAQfEIVTygnIkMQTMUfXUSI3FGUyhOUhbB0hZAcAHAYSAQA7');
  margin: 9px 0 0 4px;
}

.anketa_odpoved {
  float: left;
  font-family: 'aller', sans-serif;
  color: #4c4c4c;
  font-size: 0.938em;
  margin: 6px 0 0 5px;
  width: 220px;
}

.anketa_hlasu {
  float: left;
  font-family: 'aller', sans-serif;
  color: #4c4c4c;
  font-size: 1.063em;
  margin-top: 4px;
  text-align: right;
  width: 92px;
}

.anketa_hlasu span {
  color: #10a137;
}

.ads_1, .ads_2 {
  width: 728px;
  height: 90px;
  margin: 0 auto;
}

.ads_2 {
  margin-bottom: 10px;
}

.ads_3 {
  float: left;
  width: 300px;
  height: 269px;
}

.ads_skyscraper {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 600px;
  margin: -300px 0 0 -690px;
}

.tooltip {
  float: left;
  margin: 17px 0 0 13px;
}

.box_big .tooltip {
  float: left;
  margin: 0;
}

.tooltip .tooltip_main {
  float: left;
  display: none;
  position: absolute;
	background: url('../images/tooltip_left.png') top left no-repeat;
  height: 33px;
  margin: -37px 0 0 -18px;
}

.box_big .tooltip .tooltip_main {
  margin: -18px 0 0 15px;
}

.tooltip .tooltip_main div {
	background: url('../images/tooltip_right.png') top right no-repeat;
  height: 29px;
  margin-left: 43px;
}

.tooltip .tooltip_main div span {
	display: block;
  margin-left: -34px;
  padding: 7px 8px 0 0;
  color: #000;
  font-weight: bold;
  font-size: 0.875em;
}

.tooltip:hover .tooltip_main {
  display: block;
}

#geewa {
  margin: 16px auto;
}

#__geewa_game {
  margin: 16px auto;
  display: block !important;
}

.rozbalit {
  float: left;
  display: block;
  margin-left: 360px;
}

.rozbalit div {
  float: left;
  width: 24px;
  height: 26px;
	background: url('../images/rozbalit.png') top left no-repeat;
}

.rozbalit:hover div {
	background: url('../images/rozbalit.png') left -26px no-repeat;
}

.rozbalit:active div {
	background: url('../images/rozbalit.png') bottom left no-repeat;
}

.rozbalit div.flop {
	background: url('../images/rozbalit.png') top right no-repeat;
}

.rozbalit:hover div.flop {
	background: url('../images/rozbalit.png') right -26px no-repeat;
}

.rozbalit:active div.flop {
	background: url('../images/rozbalit.png') bottom right no-repeat;
}

.rozbalit span {
  float: left;
  display: block;
  margin: 5px 0 0 10px;
  color: #5c5f66;
  font-size: 0.875em;
}

.rozbalit:hover span {
  color: #6b4b34;
}

.edit_left {
  float: left;
  margin: 22px 0 0 46px;
  width: 210px;
}

.edit_nadpis {
  color: #242424;
  font-size: 1.438em;
  font-family: 'aller_bold', sans-serif;
}

.edit_nadpis_sm {
  color: #6b4b34;
  font-size: 1.125em;
  font-family: 'aller_bold', sans-serif;
}

.edit_img {
  display: block;
  margin-top: 16px;
}

.edit_add {
  font-size: 0.813em;
  margin-top: 23px;
}

input.edit_file {
  display: block;
  font-size: 0.813em;
  margin-top: 7px;
}

.edit_ul {
  list-style-type: disc;
  font-size: 0.813em;
  margin-left: 39px;
}

.edit_ul li {
  margin-top: 16px;
}

.edit_right {
  margin: 22px 44px 88px 0;
  width: 535px;
  float: right;
}

.box_small {
  width: 533px;
  background: #ebebeb;
  border: 1px solid #bababa;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 16px;
}

.box_small table {
  font-size: 0.813em;
  margin: 22px 0 14px;
}

.box_small table tr td {
  height: 33px;
  color: #404040;
}

.box_small table tr td:first-child {
  width: 200px;
  text-align: right;
  padding-right: 16px;
}

a.edit_button {
  display: block;
  width: 118px;
  height: 32px;
	background: url('../images/buttons_edit.png') top left no-repeat;
  font-weight: bold;
  color: #5c5f66;
}

a.edit_button span {
  display: block;
  width: 118px;
  text-align: center;
  padding-top: 8px;
}

a.edit_button:hover {
	background: url('../images/buttons_edit.png') left -32px no-repeat;
  text-decoration: none;
  color: #6b4b34;
}

a.edit_button:active {
	background: url('../images/buttons_edit.png') left -64px no-repeat;
  color: #fff;
}

a.edit_button.small {
  width: 108px;
	background: url('../images/buttons_edit.png') right top no-repeat;
}

a.edit_button.small span {
  width: 108px;
}

a.edit_button.small:hover {
	background: url('../images/buttons_edit.png') right -32px no-repeat;
}

a.edit_button.small:active {
	background: url('../images/buttons_edit.png') right -64px no-repeat;
}

a.edit_button.photo {
  width: 138px;
	background: url('../images/buttons_photo.png') left top no-repeat;
  font-size: 0.813em;
  margin-top: 17px;
  display: none;
}

a.edit_button.photo span {
  width: 138px;
}

a.edit_button.photo:hover {
	background: url('../images/buttons_photo.png') left -32px no-repeat;
}

a.edit_button.photo:active {
	background: url('../images/buttons_photo.png') left -64px no-repeat;
}

.date {
  color: #6b4b34;
  font-size: 1.125em;
  text-align: center;
  font-family: 'aller_bold', sans-serif;
  width: 864px;
  margin-left: 12px;
}

hr.date_hr {
  height: 2px;
  width: 864px;
  color: #6b4b34;
  background: #6b4b34;
  border: none;
  margin: 14px 0 14px 12px;
}

.loading {
  width: 728px;
  height: 21px;
  background: url('../images/loading.png') top left no-repeat;
  margin: 13px auto 0;
}

.loading_100 {
  width: 0;
  height: 21px;
  background: url('../images/loading_100.png') top left no-repeat;
}

.loading div {
  width: 728px;
  text-align: center;
  padding-top: 2px;
  color: #1c1c1c;
  font-size: 0.875em;
  position: absolute;
  font-weight: bold;
}

.loading_bg {
  width: 728px;
  height: 450px;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #313131 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#313131)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%,#313131 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%,#313131 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%,#313131 100%); /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%,#313131 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
  margin: 7px auto 13px;
}

a.loading_bg2 {
  display: block;
  width: 640px;
  height: 449px;
  margin: 7px auto 13px;
  background: url('../images/loading_bg.jpg') top left no-repeat;
}

a.loading_bg2:hover {
  background: url('../images/loading_bg.jpg') bottom left no-repeat;
}

.loading_ad {
  width: 336px;
  height: 280px;
  margin: 0 auto;
  padding-top: 34px;
}

a.loading_button {
  display: none;
  width: 184px;
  height: 42px;
  margin: 62px auto 0;
  background: url('../images/loading_button.png') top left no-repeat;
}

a.loading_button:hover {
  background: url('../images/loading_button.png') bottom left no-repeat;
  text-decoration: none;
}

a.loading_button span {
  display: block;
  width: 184px;
  text-align: center;
  font-weight: bold;
  padding-top: 12px;
  color: #fff;
}

a.loading_button:active span {
  color: #000;
}