/*
Theme Name: WTB Game
Theme URI: http://www.wordpressthemesbook.com/wtb-flash-games/
Description: WTB Game is a flash games Wordpress theme.
Author: WTB
Author URI: http://www.wordpressthemesbook.com
*/

/******* BODY ********/
body {
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
/*background: #0e2331;*/
background: #000 url(images/fondo.webp) no-repeat center top;
color: #333333;
}

.home {
    display: block;
    float:left;
    height: 80px;
    width: 350px;
}


#main {
/*width:980px;*/
width: 1124px;
margin:0 auto;
}

img {
border:none;
}

a {
text-decoration:none;
color:#0e2331;
}

#content {
overflow:hidden;
height:100%;
/*background:#fff url(images/bgtop.gif) no-repeat;*/
background:#fff;
border-radius: 15px;
margin:0;
/*width: 1024px; /*martin*/
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.compartir-izq {
margin-top: 43px;
float: left;
position: absolute;
}

.contentbottom {
/*background:#fff url(images/bgbottom.gif) no-repeat;*/
height:6px;
margin:0;
}

/******* HEADER ********/

#header {
height:98px;
overflow:hidden;
}

.logo {
float:left;
width:632px;
margin:10px 0 0 0;
}

.logo h1, .logo h1 a{
color:#fff;
font-size: 11px;
font-family: sans-serif;
margin: 73px 10px 10px 24px;
position: absolute;
}



/******* TOP MENU ********/

#topmenu{
height:32px;
display:block;
padding:0px 0 0px 0px;
font: 14px Arial, Verdana, Arial, Sans-Serif;
font-weight:bold;
text-transform:uppercase;
/*background:#b21348 url(images/topmenu.png) no-repeat;*/
margin:10px 9px 10px 9px;
background: -moz-linear-gradient(top,  rgba(169,3,41,0.55) 0%, rgba(143,2,34,0.78) 51%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,0.55)), color-stop(51%,rgba(143,2,34,0.78)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,0.55) 0%,rgba(143,2,34,0.78) 51%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,0.55) 0%,rgba(143,2,34,0.78) 51%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,0.55) 0%,rgba(143,2,34,0.78) 51%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,0.55) 0%,rgba(143,2,34,0.78) 51%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
border-radius: 15px;

}

#topcatmenu{
margin: 0px;
padding: 0px;
/*width:962px;*/ Martin
width: 1000px;
height:32px;
}
	
#topcatmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
	
#topcatmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
border-left:1px solid #990033;
}

#topcatmenu li.home {
border-left:none;
}
	
#topcatmenu li a, #topcatmenu li a:link, #topcatmenu li a:visited {
color:#fff;
display: block;
margin: 0px;
padding: 8px 15px 8px 15px;
}

#topcatmenu li a:hover, #topcatmenu li a:active {
color: #f7f7f7;
margin: 0px;
text-decoration: none;
}

#topcatmenu li li {
margin-left:-1px;
border-top:1px solid #b21348;
}
	
#topcatmenu li li a, #topcatmenu li li a:link, #topcatmenu li li a:visited {
background:#990033;
color:#fff;
font-weight: normal;
float: none;
margin: 0px;
padding: 5px 10px 5px 15px;
}
	
#topcatmenu li li a:hover, #topcatmenu li li a:active {
padding: 5px 10px 5px 15px;
background:#b8194e;
}

#topcatmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#topcatmenu li li { 
}

#topcatmenu li ul a { 
width: 140px;
}

#topcatmenu li ul a:hover, #topcatmenu li ul a:active { 
}

#topcatmenu li ul ul {
margin: -27px 0 0 175px;
}

#topcatmenu li:hover ul ul, #topcatmenu li:hover ul ul ul, 
#topcatmenu li.sfhover ul ul, #topcatmenu li.sfhover ul ul ul {
left: -999em;
}

#topcatmenu li:hover ul, #topcatmenu li li:hover ul, 
#topcatmenu li li li:hover ul, #topcatmenu li.sfhover ul, 
#topcatmenu li li.sfhover ul, #topcatmenu li li li.sfhover ul {
left: auto;
}

#topcatmenu li:hover, #topcatmenu li.sfhover { 
position: static;
}

#topcatmenu li a:hover {
color: #0F0;
}

/******* INDEX ********/

.indextop {
overflow:hidden;
height:100%;
margin:130px 10px 15px 10px;
}

.indextop-gm {
overflow:hidden;
/*height: 300px;*/
margin:0 10px;
margin-top: 125px;
}

.randomgames {
width:612px;
/*float:left;*/
float: right;
overflow:hidden;
height:100%;

}

.randomgames-gm {
/*width:612px;*/
width: 800px;
float:none;
overflow:hidden;
height:100%;
margin: 0 auto;
margin-left: 5px;
/*margin-bottom: 40px;
margin-left: 100px;*/
}

.randomtop {
background:url(images/randomgamestop.gif) no-repeat;
height:28px;
}

.randomtop-gm {
/*background:url(images/randomgamestop.gif) no-repeat;*/
height:28px;
}

.randomtop2 {
background:url(images/randomgamestop2.gif) no-repeat;
height:28px;
}

.randomtop2-gm {
/*background:url(images/randomgamestop2.gif) no-repeat;*/
height:28px;
width: 800px;
width: 800px;
font-family: 'Slackey';
text-shadow: 4px 4px 4px #aaa;
font-size: 24px;
color: #1E3ADB;
margin-bottom: 25px;
}

.randomtop2-gm .compartir {
height:28px;
width: 450px;
float: left;
display: block;
}

.compartir {
height:28px;
width: 450px;
float: left;
display: block;
}

.randomtop3 {
background:url(images/randomgamestop3.gif) no-repeat;
height:16px;
}

.randomtop3-gm {
/*background:url(images/randomgamestop3.gif) no-repeat;*/
height:16px;
}

.randomtop4 {
/*background:url(images/randomgamestop4.gif) no-repeat;*/
height:28px;
}

.randomtop2 h2 {
font-size:14px;
color:#2a637e;
margin:0 0 0 10px;
padding:0;
width: 400px;
}

.randomtop4 h2 {
font-size:14px;
color:#2a637e;
margin:0 0 0 10px;
padding:0;
}

.randombottom {
background:url(images/randomgamesbottom.gif) no-repeat;
height:7px;
}

.randombottom-gm {
/*background:url(images/randomgamesbottom.gif) no-repeat;*/
height:7px;
}

.randombottom4 {
/*background:url(images/randomgamesbottom4.gif) no-repeat;*/
height:7px;
}

.indexbottom {
clear:both;
overflow:hidden;
height:100%;
margin:0 10px 10px 10px;
}

.randomgame {
overflow:hidden;
height:100%;
padding:0 0 0 2px;
background: url(images/randomgamesbg.gif) repeat-y;
}

.randomgame-gm {
overflow:hidden;
height:100%;
width: 800px;
padding:0 0 0 2px;
/*border: 1px solid #666;*/
/*margin: 15px 2px;
margin-bottom: 10px;*/
margin-top: 75px;
margin-bottom: 90px;
margin-left: 50px;
/*background: url(images/randomgamesbg.gif) repeat-y;*/
/* AD IZQ */
float: right;
}

.randomgame4 {
    
border-radius: 15px;
margin: 0 auto;
width: 956px;
overflow:hidden;
height:100%;
padding:0 0 0 4px;
/*
overflow:hidden;
height:100%;
padding:0 0 0 4px;*/
background: url(images/randomgamesbg4.gif) repeat-y;
}

.gamethumb {
height:118px;
width:112px;
/*background: url(images/gamethumb.gif) no-repeat;*/
background: #fff;
border-radius: 5px;
margin:5px 0 10px 8px;
float:left;
-webkit-box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);
}

.gamethumb:hover {
    -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1s;
}


.gamethumb4 {
height:118px;
width:112px;
background: url(images/gamethumb.gif) no-repeat;
margin:5px 0 10px 6px;
float:left;
}

.thumbs {
height:80px;
width:96px;
padding:7px;
}


.thumbs img{
border:1px solid #386d87;
}

.thumbtitle {
text-align:center;
}

.thumbtitle a {
color:#2a637e;
}

.gamethumb:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb:hover img {
border:1px solid #bb1a50;
}

.gamethumb4:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb4:hover img {
border:1px solid #bb1a50;
}

.newgames {
width:830px;
float:right;
overflow:hidden;
height:100%;
background: url(images/newgamesbg.gif) repeat-y;
}

.newgamestop {
background:url(images/newgamestop.gif) no-repeat;
height:28px;
}

.newgamesbottom {
background:url(images/newgamesbottom.gif) no-repeat;
height:7px;
}

.newgamesgame {
overflow:hidden;
height:100%;
padding:0 0 0 2px;
}

.gamethumb2 {
height:118px;
width:112px;
/*background: url(images/gamethumb.gif) no-repeat;*/
background: #fff;
border-radius: 5px;
margin:5px 0 10px 5px;
float:left;
-webkit-box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -2px rgba(0,0,0,0.75);

}

.gamethumb2:hover {
    -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
}

.gamethumb2:hover a {
font-weight:bold;
color:#bb1a50;
}

.gamethumb2:hover img {
border:1px solid #bb1a50;
}

.gamecloud {
width:830px;
float:right;
margin:0;
}

.gamecloud h2 {
color:#ab0e43;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #2a637e;
}

.tagcloud {
width:830px;
}

.tagcloud a {
color:#2a637e;
border-bottom:1px dotted #2a637e;
}

.tagcloud a:hover {
color:#ab0e43;
border-bottom:1px dotted #ab0e43;
}

/******* POSTS ********/

.entry {
color:#fff;
font-size:13px;
padding:0 10px 0 10px;
}

.entry p {
margin:5px 0 5px 0;
padding:0;
}

.game {
text-align:center;
padding:5px 0 5px 0;
position: relative; /* para el div hover */
}

.ratings {
margin:0 0 0 10px;
width:500px;
float:left;
color:#c4c4c4;
}

.ratings a {
color:#fff;
}

.fullscreen {
margin:0 10px 0 0;
width:70px;
float:right;
}

.fullscreen a {
color:#fff;
}

.ad336 h2 {
font-size:16px;
margin:0 0 5px 0;
}

.ad336 p {
margin:0 0 10px 0;
}

.singlebottom {
clear:both;
overflow:hidden;
height:100%;
margin:0 0 10px 10px;
}

/******* FOOTER ********/

#footer {
clear:both;
padding:10px;
margin:0;
color:#c4c4c4;
font-size:10px;
}

#footer a {
color:#c4c4c4;
border-bottom:1px dotted #c4c4c4;
}

#footer a:hover {
border-bottom:1px solid #c4c4c4;
}

#pagemenu {
clear:both;
margin:0;
padding:0;
background:#1b2c37 url(images/bottommenubg.png) repeat-x;
overflow:hidden;
height:100%;
}

#pagemenu ul {
margin:0;
padding:10px;
width:850px;
float:left;
}

#pagemenu ul li {
margin:0;
padding:10px;
list-style:none;
display:inline;
}

#pagemenu ul li a {
margin:0;
padding:0;
color:#fff;
font-size:14px;
}

#pagemenu ul li a:hover {
text-decoration:underline;
}

.gotop {
float:right;
width:50px;
padding:10px;
}

.gotop a {
color:#fff;
font-size:14px;
padding:3px 18px 0 0;
background:url(images/gotop.gif) no-repeat right;
}

.footermenus {
clear:both;
overflow:hidden;
height:100%;
background:#071520;
}

.footermenu {
width:280px;
float:left;
margin:0;
padding:10px 20px 10px 20px;
color:#c4c4c4;
}

.footermenu h2 {
font-size:14px;
color:#D0CA9C;
margin:0 0 5px 0;
padding:0;
}

.footermenu ul {
margin:0;
padding:0;
}

.footermenu ul li {
margin:0;
padding:0;
list-style:none;
}

.footermenu ul li a {
color:#c4c4c4;
margin:0;
padding:0;
}

.footermenu ul li a:hover {
text-decoration:underline;
}

.footermenu p {
margin:0;
padding:0;
line-height:14px;
}

.footermenu a {
color: #fff;
}

/******* ADS ********/

.ad-gm {
float: left;
}

.descr {
float:left;
/*width:336px;*/
/*width: 260px;*/
margin:0px 20px;
}

.adprop {
float:right;
/*width:200px;*/
width: 340px;
margin-top: 20px;
}

.adprop hover {
float:left;
width:200px;
margin-top: 40px;
box-shadow: 5px 5px 5px #888;
}

.ad728 {
/*float:left;*/
float: right;
width:728px;
height: 90px;
margin: 0 15px;
}

.ad120-600
{
/* AD IZQ*/
float: left;

width: 120px;
height: 600px;
border: 0px solid #ddd;
margin-top: 20px;
}

.ad336 {
/*float:right;*/
float:left;
width:336px;
margin:20px 0 0 0;
}

.ad120 {
float:left;
width:120px;
margin:0;
}
/* old
.ad468-15
{

width: 470px;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 5px;
}

.ad468-15-2
{

width: 470px;
margin-left: 530px;
margin-top: 10px;
margin-bottom: 5px;
}
*/


.ad468-15
{
/* AD arriba links*/
width: 1000px;
height: 30px;
margin-left: 1px;
margin-top: 10px;
margin-bottom: 5px;
}

.ad468-15-2
{
/* AD arriba links de pag principal*/
width: 1000px;
height: 30px;
/*margin-left: 615px;*/
margin-left: 1px;
margin-top: 10px;
margin-bottom: 5px;
}

.Nav {
margin:10px 0 10px 10px;
}

.Nav span {
font-weight:bold;
background:#2a637e;
color:#fff;
padding:2px 4px 2px 4px;
margin-right:5px;
border:1px solid #0e2331;
}

.Nav strong.on {
font-weight:bold;
color:#b4154a;
padding:3px 5px 3px 5px;
margin-right:5px;
}

.Nav a {
font-weight:bold;
background:#2a637e;
color:#fff;
padding:2px 4px 2px 4px;
margin-right:5px;
border:1px solid #0e2331;
}

.Nav a:hover {
background:#b4154a;
border:1px solid #990033;
}

/******* SEARCH ********/

.searchpart {
float:right;
width:300px;
overflow:hidden;
height:100%;
margin-right:30px;
}

.search {
margin:15px 0 5px 11px;
overflow:hidden;
height:100%;
/*background:url(images/search.gif) no-repeat;*/
padding:6px 0 0 2px
}


.main_search{
height:26px;
margin:0px 0 0 3px;
padding:0;
}

.searchform_top{
padding:0px 0px 0 0;
float:left;
}

.searchform_top_text{
width:192px;
border:0px;
background:url(images/searchpart.gif) no-repeat;
color:#c4c4c4;
font-size:14px;
float:left;
margin:0 4px 0 0;
height:28px;
padding:0px 4px 0 4px;
}

.gosearch{
float:left;
}

/*********COMMENTS ******/

.comment a{
text-decoration:none;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-top:-3px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
color:#808080;
}

.commentlist p {
line-height:16px;
}

#commentform p {
line-height:16px;
}

.commentmetadata {
font-size:9px;
}

.commentmetadata a{
color:#000;
}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}

h3#comments {
padding: 10px 0 0 0;
margin: 0px 0 10px 0px;
font-size:13px;
}

#respond {
margin:0 0px 0 0px;
padding:0 0 0 0px;
font-size:13px;
}

h3.respond {
padding: 0;
margin: 0px 0 10px 0px;
font-size:13px;
border-top:none;
}

#respond h3{
padding: 10px 0 0 0;
margin: 0px 10px 10px 0px;
font-size:13px;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
margin:0;
}

.commentlist li {
margin: 0 0 10px 0px;
padding:10px;
list-style: none;
border:1px solid #dfdfdf;
background:#f5f5f5;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
margin: 5px 0 0 0px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}


#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background:#e9e9e9;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
background:#e9e9e9;
}



#commentform #submit {
margin: 0 0 5px auto;
float: right;
}

.busq {
float:left;
width:800px;
margin:10px 15px;
font-size: 10px;
}

.tagss {
float:left;
width:800px;
margin:10px 15px;
margin-top: 50px;
font-size: 11px;
}

.controles {
/*float:right;*/
/*width:400px;*/
margin-top: 50px;
text-align: center;
min-height: 105px;
margin-right: 100px;
}

.controles img {
    height: 80px;
}

.adrel {
float:right;
width:800px;
margin-top: 50px;
min-height: 105px;
}

.adrelfoot {
width: 950px;
margin: 10px;
}


#carga {
    font-size: 14px;
    font-weight: bold;
    color: #9a0134;
    float: left;
    width: 300px;
    padding-bottom: 5px;
}


/* Busqueda de Google */


/*** TEXT BOX ***/
input[type="text"]{
 background: #fafafa; /* Fallback color for non-css3 browsers */

 /* Gradients */
 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));
 background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);

 border: 0;
 border-bottom: 1px solid #fff;
 border-right: 1px solid rgba(255,255,255,.8);
 font-size: 16px;
 margin: 4px;
 padding: 5px;
 width: 250px;

 /* Rounded Corners */
 border-radius: 17px;
 -webkit-border-radius: 17px;
 -moz-border-radius: 17px;

 /* Shadows */
 box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
 -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
 -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

/*** USER IS FOCUSED ON TEXT BOX ***/
input[type="text"]:focus{
 outline: none;
 background: #fff; /* Fallback color for non-css3 browsers */

 /* Gradients */
 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));
 background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
}

/*** SEARCH BUTTON ***/
input[type="submit"]{
 background: #44921f;/* Fallback color for non-css3 browsers */

 /* Gradients */
 background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));
 background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);

 border: 0;
 color: #eee;
 cursor: pointer;
 float: right;
 font: 16px Arial, Helvetica, sans-serif;
 font-weight: bold;
 height: 30px;
 margin: 4px 4px 0;
 text-shadow: 0 -1px 0 rgba(0,0,0,.3);
 width: 84px;
 outline: none;

 /* Rounded Corners */
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;

 /* Shadows */
 box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
 -moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
 -webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
 background: #4ea923; /* Fallback color for non-css3 browsers */

 /* Gradients */
 background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
 background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
}
input[type="submit"]:active {
 background: #4ea923; /* Fallback color for non-css3 browsers */

 /* Gradients */
 background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
 background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
}

/*Por ahora no va ad 
.bannermedio {
    width: 800px;
    height: 100px;
    margin: 0 auto;
}
*/

.game #overframe {
    height: 600px;
    line-height: 360px;
    font-family: 'Arial';
    text-shadow: 4px 4px 4px #000000;
    font-size: 34px;
    color: #FFF9F9;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-image: url(https://images.juegosrun.com/img/hourglass.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #999;
    opacity: 0.8;
    z-index: 2000;
    
}

/* ------------------------------------------------- Tratemos de hacer responsive el sitio con media queries. ---------------------------------------------------------/*

/* Common general styles go here */
/* Mobiles in Potrait mode */
@media only screen
and (max-width : 400px) {
    
    body {
    font-size: 12px;
    font-family: Arial, Verdana, Sans-Serif;
    /*background: #000 url(images/fondo.webp) no-repeat 28% 0%;
*/
    background: #000;
    color: #333333;
    }
    
    #content {
        overflow:hidden;
        height:100%;
        background:#fff url(images/bgtop.gif) no-repeat;
        margin:0;
        width: 320px; /*martin*/
    }
    
     #topmenu{
        height:150px;
        display:block;
        padding:0px 0 0px 0px;
        font: 14px Arial, Verdana, Arial, Sans-Serif;
        font-weight:bold;
        text-transform:uppercase;
        background:#b21348 url(images/topmenu.png) no-repeat;
        margin:10px 9px 10px 9px;
    }
    
    #pagemenu {
        clear:both;
        margin:0;
        padding:0;
        background:#1b2c37 url(images/bottommenubg.png) repeat-x;
        overflow:hidden;
        height:100%;
        width: 320px;
        }
        
        #pagemenu ul {
        margin:0;
        padding:10px;
        width:300px;
        float:left;
        }
        
        #pagemenu ul li {
        margin:0;
        padding:10px;
        list-style:none;
        display:inline;
        }
        
        #pagemenu ul li a {
        margin:0;
        padding:0;
        color:#fff;
        font-size:14px;
        }
        
        #pagemenu ul li a:hover {
        text-decoration:underline;
        }
        
        .footermenus {
        clear:both;
        overflow:hidden;
        height:100%;
        background:#071520;
        width: 320px;
        }
        
        .logo {
        float:left;
        width:320px;
        margin:10px 0 0 0;
        }
        
        #sitelogo {
            width: 310px;
            height: 70px;
        }
    
        .randomgames {
        width:300px;
        /*float:left;*/
        float: right; /* Martin */
        overflow:hidden;
        height:100%;
        
        }
        
        .randomgames-gm {
        width: 300px;
        float:none;
        overflow:hidden;
        height:100%;
        margin: 0 auto;
        margin-left: 5px;
        }
        
        #main {
        width:320px;
        margin:0 auto;
        }
        
        .newgames {
        width:300px;
        float:right;
        overflow:hidden;
        height:100%;
        background: url(images/newgamesbg.gif) repeat-y;
        }
        
        #header {
        height:250px;
        overflow:hidden;
        }
        
        .gamecloud {
        width:300px;
        float:right;
        margin:0;
        }
        
        .gamecloud h2 {
        color:#ab0e43;
        font-size:16px;
        font-weight:bold;
        border-bottom:1px solid #2a637e;
        }
        
        .tagcloud {
        width:300px;
        }
        
        .descr {
        float:left;
        width:280px;
        margin:20px 10px 0;
        font-size: 12px;
        color: #0f0da3;
        }
        
        .controles {
        float:right;
        /*width:300px;*/
        margin-top: 2px;
        text-align: center;
        vertical-align: middle;
        min-height: 95px;
		margin-right: 100px;
        }
        
        .ad728 {
        visibility: hidden;
        display: none;
        }
        
        .ad468-15
        {
        /* AD arriba links*/
        width: 380px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 5px;
        }

        
        .busq {
        width: 300px;
        height: 60px;
        float: left;
        margin-top: 40px;
        margin-left: 10px;
        }
    
        .tagss {
        float:left;
        width:300px;
        margin:10px 15px;
        margin-top: 50px;
        font-size: 11px;
        }
        
         #topcatmenu{
        margin: 0px;
        padding: 0px;
        /*width:962px;*/
        width: 320px;
        height:32px;
        }
        
        .randomtop2-gm {
        height:120px;
        width: 350px;
        font-size: 20px;
        font-family: "Comic sans MS",cursive,fantasy,arial;
        color:#0A0;
        font-weight: bold;
        text-shadow: 0 0 24px #2a637e, 0 0 4px #000, 2px 3px 0px #000;
        margin-bottom: 10px;
        }
        
        .ad120-600
        {
        display: none;
        }
        
        .indextop-gm {
        overflow:hidden;
        /*height: 900px;*/
        margin:0 10px;
        margin-top: 25px;
        }

    
}
 
/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
    
     #content {
        overflow:hidden;
        height:100%;
        background:#fff url(images/bgtop.gif) no-repeat;
        margin:0;
        width: 400px; /*martin*/
    }
    
    #topmenu{
    height:150px;
    display:block;
    padding:0px 0 0px 0px;
    font: 14px Arial, Verdana, Arial, Sans-Serif;
    font-weight:bold;
    text-transform:uppercase;
    background:#b21348 url(images/topmenu.png) no-repeat;
    margin:10px 9px 10px 9px;
    }
    
    #pagemenu {
        clear:both;
        margin:0;
        padding:0;
        background:#1b2c37 url(images/bottommenubg.png) repeat-x;
        overflow:hidden;
        height:100%;
        width: 380px;
        }
        
        #pagemenu ul {
        margin:0;
        padding:10px;
        width:380px;
        float:left;
        }
        
        #pagemenu ul li {
        margin:0;
        padding:10px;
        list-style:none;
        display:inline;
        }
        
        #pagemenu ul li a {
        margin:0;
        padding:0;
        color:#fff;
        font-size:14px;
        }
        
        #pagemenu ul li a:hover {
        text-decoration:underline;
        }
        
        .footermenus {
        clear:both;
        overflow:hidden;
        height:100%;
        background:#071520;
        width: 380px;
        }
        
        .logo {
        float:left;
        width:380px;
        margin:10px 0 0 0;
        }
        
        #sitelogo {
            width: 310px;
            height: 70px;
        }
    
        .randomgames {
        width:380px;
        /*float:left;*/
        float: right; /* Martin */
        overflow:hidden;
        height:100%;
        
        }
        
        .randomgames-gm {
        width: 380px;
        float:none;
        overflow:hidden;
        height:100%;
        margin: 0 auto;
        margin-left: 5px;
        }
        
        #main {
        width:320px;
        margin:0 auto;
        }
        
        .newgames {
        width:380px;
        float:right;
        overflow:hidden;
        height:100%;
        background: url(images/newgamesbg.gif) repeat-y;
        }
        
        #header {
        height:250px;
        overflow:hidden;
        }
        
        .gamecloud {
        width:320px;
        float:right;
        margin:0;
        }
        
        .gamecloud h2 {
        color:#ab0e43;
        font-size:16px;
        font-weight:bold;
        border-bottom:1px solid #2a637e;
        }
        
        .tagcloud {
        width:320px;
        }
        
        .descr {
        float:left;
        width:280px;
        margin:20px 10px 0;
        font-size: 12px;
        color: #0f0da3;
        }
        
        .controles {
        float:right;
        width:380px;
        margin-top: 2px;
        text-align: center;
        vertical-align: middle;
        min-height: 95px;
        }
        
        .ad728 {
        visibility: hidden;
        display: none;
        }
        
        .busq {
        width: 380px;
        height: 60px;
        float: left;
        margin-top: 40px;
        margin-left: 10px;
        
        }
        
        .tagss {
        float:left;
        width:320px;
        margin:10px 15px;
        margin-top: 50px;
        font-size: 11px;
        }
        
        .randomtop2-gm {
        height:120px;
        width: 380px;
        font-size: 20px;
        font-family: "Comic sans MS",cursive,fantasy,arial;
        color:#0A0;
        font-weight: bold;
        text-shadow: 0 0 24px #2a637e, 0 0 4px #000, 2px 3px 0px #000;
        margin-bottom: 10px;
        }
        
        .indextop-gm {
        overflow:hidden;
        /*height: 900px;*/
        margin:0 10px;
        margin-top: 25px;
        }
        
        .adrelfoot {
        width: 350px;
        margin: 10px;
        }
    
        body {
        font-size: 12px;
        font-family: Arial, Verdana, Sans-Serif;
        /*background: #000 url(images/fondo.webp) no-repeat 28% 0%;
*/
	background: #000;
        color: #333333;
        }
        
        .ad120-600
        {
        display: none;
        }
    
}

.game-container {
    text-align: center;
    margin: 20px 0;
}

.game-preview {
    position: relative;
    display: inline-block;
}

button.play-button {
	cursor: pointer;
	position: relative;
	padding: 2.5rem 7.5rem;
	border-radius: 3.75rem;
	line-height: 2.5rem;
	font-size: 2rem;
	font-weight: 600;
	
	border: 1px solid #012880;
	background-image: linear-gradient(-180deg, #FF89D6 0%, #C01F9E 100%);
	box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50),
							0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset,
							0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset,
							0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset;
}

button.play-button span {
	color: transparent;
	background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}

button.play-button::before {
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	top: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;
	
	opacity: 0.7;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}

button.play-button::after {
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;
	
	filter: blur(1px);
	opacity: 0.05;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}
}