html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{
	background:#FFFFF;
	border-right:1px solid #CCCCCC;
}
div#extra{background:#FFFFFF;}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px; min-height:100%;width:530px;border-right:1px solid #CCCCCC;padding-left:15px;padding-top:15px;}
div#navigation{float:left;width:150px;margin-left:-1000px}
div#extra{float:left;width:300px;margin-left:-300px;}
div#footer{clear:left;width:100%}
#tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #666;
      }
    #tabsF ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("images/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("images/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

a.nav-link:link, a.nav-link:visited, a.nav-link:active {
	color:black;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-left:18px;
	background:transparent url(images/arrow_right.gif) no-repeat scroll left center;
	font-size:12px;
	text-decoration:none;
	}
a.nav-link:hover {
	color:#777;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-left:18px;
	background:transparent url(images/arrow_right.gif) no-repeat scroll left center;
	font-size:12px;
	text-decoration:underline;
	}
a.tono-link:link,a.tono-link:visited,a.tono-link:active  {
    color:black;
	font-weight:bold;
	line-height:22px;
	display:block;
	padding-left:23px;
	background:transparent url(images/control_play_blue.png) no-repeat scroll left center;
	font-size:12px;
	text-decoration:none;
	}

a.tono-link:hover {
	color:#777;
	font-weight:bold;
	line-height:22px;
	display:block;
	padding-left:23px;
	background:transparent url(images/control_play_blue.png) no-repeat scroll left center;
	font-size:12px;
	text-decoration:underline;
	}
.tone-group{
       float:left;
       width:250px;


 }
 .paginacion {
 margin-left:10px;
 margin-top:10px;
 margin-bottom:10px;
 display:block;
 font-size:15px;
 font-weight:bold;
 color:#cc0000;
 	}
.paginacion a:link, .paginacion a:active, .paginacion a:visited {
  color:#000;
  text-decoration:none;
}
.paginacion a:hover {
  color:#cc0000;
  text-decoration:underline;
}
a.news-link:link, a.news-link:visited, a.news-link:active {
	color:black;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-left:18px;
	background:transparent url(images/arrow_right.gif) no-repeat scroll left top;
	font-size:12px;
	text-decoration:none;
	}
a.news-link:hover {
	color:#777;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-left:18px;
	background:transparent url(images/arrow_right.gif) no-repeat scroll left top;
	font-size:12px;
	text-decoration:underline;
	}

	.top-ten {
font-weight:bold;
line-height:1.8em;
}

.game-desc {
border-bottom:3px solid #cccccc;
margin-bottom:20px;
margin-right:5px;
padding-bottom:5px;

line-height:17px;
}


.game-desc a:link {
font-weight:bold;
color:black;
text-decoration:none;
text-align:center;
}


.game-desc a:visited {
font-weight:bold;
color:black;
text-decoration:none;
text-align:center;
}

 .game-desc a:active {

font-weight:bold;
color:black;
text-decoration:none;
text-align:center;
}
.game-desc a:hover {

font-weight:bold;
color:#777;
text-decoration:none;
text-align:center;
}

.game-desc img {
width:110px;
margin-right:10px;
float:left;
}

input[name="query"] {
  width:140px;
  border: 1px solid grey;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */