/* CSS Document */

img {border: 0}
#container {width: 760px; margin: 0 auto; background: #FFF; text-align: left}
#barra {margin: 0 0 1px 0}
#header {height: 121px; background: url(/images/header.png) repeat-x}
a#logo {float: left; margin: 19px 0 19px 10px}
#nav_box {float: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; margin: 10px 10px 0 0}
#nav_box a {display: block; float: left; color: #CCC; margin: 0 5px -1px 0; padding: 2px 10px 3px 10px; background: #333; border: 1px solid #666; text-decoration: none; text-transform: uppercase}
#nav_box a.active {color: #FFF; background: #585858; border-bottom: 1px solid #585858}
#nav_box a:hover {color: #FFF; text-decoration: underline}
#nav_box div {clear: both; width: 350px; height: 33px; background: #585858; border: 1px solid #666; padding: 8px 0 0 10px}
#nav_box input {width: 255px; height: 18px; margin: 0 3px 0 0; padding: 3px 5px 0 5px; font-size: 12px}
#nav_box input.submit {padding: 0 0 1px 0; width: 65px; height: 22px}
#nav_box select {margin: 2px 0 0 0; width: 335px}
#nav {clear: both; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0 0 0 17px; overflow: hidden; height: 34px}
#nav ul {list-style: none}
#nav li {float: left; display: inline; margin: 0 2px}
#nav a {display: block; float: left; height: 34px; line-height: 30px; padding: 0 8px; color: #FFF; text-decoration: none; background: url(/images/nav_item_hover.gif) repeat-x 0 -34px}
#nav a:hover {background-position: 0 0}
#nav a span {background: url(/images/nav_arrow.gif) no-repeat 0 60%; padding: 0 0 0 11px}
#content {width: 100%; margin: 10px 0 15px 0}
#footer {height: 27px; padding: 10px 10px 0 10px; border-top: 1px solid #CCC}
#footer p {float: left; color: #333; line-height: 16px}
#footer ul {float: right; list-style: none}
#footer li {display: inline; margin: 0 0 0 10px}
#footer a {text-decoration: none; background: url(/images/arrow1.gif) no-repeat 0 60%; padding: 0 0 0 9px; line-height: 16px}
#footer a span, #footer a strong {border-bottom: 1px solid #CCC}
#footer a strong {color: #C40098}
#footer a.rss {background: url(/images/rss.gif) no-repeat; padding: 0 0 1px 35px}
#stats {display: none}
h1, h2, h3 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
h1, h1 span, h2, h2 span {height: 33px}
h1, h2 {background: url(/images/title_bg.gif) repeat-x; line-height: 32px; font-size: 13px; color: #555; margin: 0 0 10px 0}
h1 span {padding: 0 0 0 54px; background: url(/images/title_head.gif) no-repeat; display: block}
h2 span {padding: 0 0 0 33px; background: url(/images/title_arrow.gif) no-repeat 10px 0}
.h1_block, .h2_block {background: url(/images/title_bg.gif) repeat-x; font-size: 13px; color: #555; margin: 0 0 10px 0; height: 33px}
.h1_block h1, .h1_block h2, .h2_block h1, .h2_block h2 {display: inline}
.h1_block h1 {padding: 8px 0 8px 54px; background: url(/images/title_head.gif) no-repeat}
.h2_block h1 {padding: 0 0 0 33px; background: url(/images/title_arrow.gif) no-repeat 10px 60%}
.alert {margin: 15px 0 20px 0; padding: 15px; border: 1px solid #CCC; background: #F9F9F9; color: #333}
.alert a {color: #FF6600; font-weight: bold}
.success_alert, .error_alert {margin: 0 0 20px 0}
.success_alert span, .error_alert span {padding: 0 0 2px 20px; line-height: 16px}
.success_alert {background: url(/images/success.gif) no-repeat}
.error_alert {background: url(/images/error.gif) no-repeat}
.empty_alert {border: 1px solid #CCC; padding: 15px 20px; text-align: center}
.empty_alert span {padding: 0 0 2px 0; border-bottom: 2px solid #DDD}
dl.form {padding: 0}
dl.form dt {margin: 0 0 8px 0}
dl.form dd {margin: 0 0 17px 0}
dl.form span {color: #666; font-size: 10px; margin: 0 0 0 3px}
.submit {padding: 4px 6px 4px 6px; font-size: 13px; background: #F4F4F4; border: 2px solid #777; border-left-color: #FFF; border-top-color: #FFF; color: #333}
.disabled_submit {padding: 4px 6px 4px 6px; font-size: 13px; background: #F9F9F9; border: 2px solid #999; border-left-color: #FFF; border-top-color: #FFF; color: #999}
.clearfix:after {content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
.clearer {clear: both; line-height: 0}
.game_list {margin: -12px 0 0 -10px}
.game {}
.game img {float: left; padding: 3px; border: 1px solid #CCC; margin: 0 8px 0 0}
.game a:hover, .small_game_list a:hover {background: none}
.game a:hover img, .small_game_list a:hover img {border-color: #AAA}
.game h3 {margin: 5px 0 4px 0; font-size: 13px}
.game h3 a {color: #E10000; border-bottom: 1px solid #999; text-decoration: none}
.game h3 a:hover {color: #B40202; border-bottom-color: #E10000; text-decoration: none}
.game p {line-height: 16px}
.small_game_list {float: left; margin: -12px 0 0 -10px}
.small_game {float: left; display: inline; margin: 12px 0 0 10px}
.small_game img {float: left; padding: 3px; border: 1px solid #CCC}
#game_sidebar {float: left; width: 120px}
#game_listing {float: right; width: 620px}
#order_box {margin: 0 0 15px 0; padding: 0 0 10px; color: #555; border-bottom: 2px solid #EEE}
#order_box a, #more_popular_games a, .tags_info a {margin: 0 0 0 7px; background: url(/images/arrow2.gif) no-repeat 0 70%; padding: 0 0 0 9px}
#order_box span {font-weight: bold; background: url(/images/arrow3.gif) no-repeat 0 70%; margin: 0 0 0 7px; padding: 0 0 0 11px}
#more_popular_games {margin: 15px 0 0 0; padding: 10px 0 0 0; color: #555; border-top: 2px solid #EEE}
#more_popular_games a {margin: 0 5px 0 5px}
#game_info {margin: 0 0 20px 0}
#game_description {width: 400px; float: left; margin: 0 20px 0 0}
#game_description p {line-height: 20px; margin: 0 0 10px 0}
#game_description span {color: #666}
#game_instructions {width: 340px; float: left}
#game_instructions h3 {color: #E10000; font-size: 13px; margin: 0 0 5px 0}
#game_instructions h3 span {border-bottom: 1px solid #CCC}
#game_instructions ul {list-style: none}
#game_instructions li {padding: 3px 0}
#game_instructions img {vertical-align: middle; margin-right: 2px}
#game_resizing {margin: 0 auto 1px auto; text-align: right; background: #fffff; padding: 0px 2px}
#game_resizing a {margin: 0 0 0 10px; padding: 2px 0 4px 22px; background-repeat: no-repeat; background-position: 0 70%; color: #666}
#game_resizing a:hover {color: #E10000}
a.zoom_reset {
	background-image: url(../imagens/zoom_reset.gif);
	font-size: 12px;
}
a.zoom_out {
	background-image: url(../imagens/zoom_out.gif);
	font-size: 12px;
}
a.zoom_in {
	background-image: url(../imagens/zoom_in.gif);
	margin-right: 0;
	font-size: 12px;
}
#game {}
#game_tags {margin: 8px auto 20px auto; padding: 3px 0 12px 0; border-bottom: 2px solid #F9F9F9}
#game_tags .tag_list {color: #666; padding: 0 5px 0 3px; border-right: 1px solid #CCC}
#game_tags .tags_info {padding: 0 0 0 4px}
#more_games {width: 510px; float: left; margin: 0 20px 0 0}
#recommend {width: 230px; float: left}
#recommend dd {margin-bottom: 15px}
#recommend .error_alert, #recommend .sucess_alert {margin: 15px 0 15px 0}
.tags_label {color: #E10000}
.tag_cloud a, .tag_list a, a.tag {margin: 0 3px 0 3px; padding: 3px 6px; background: #F9F9F9; color: #666; text-decoration: none; border: 1px solid #EEE; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA}
.tag_cloud a:hover, .tag_list a:hover, a.tag:hover {border-bottom-color: #FF6600; color: #444}
a.tag {margin: 0}
ul.tag_cloud {list-style: none; line-height: 30px; text-align: justify}
ul.tag_cloud li {display: inline}
a.tag1 {font-size: 11px}
a.tag2 {font-size: 14px}
a.tag3 {font-size: 17px}
a.tag4 {font-size: 19px}
div.tags_info {border-top: 2px solid #EEE; margin: 15px 0 0 0; padding: 10px 0 0 0}
div.tags_info a {margin: 0 7px 0 0}
.pagination {margin: 25px 0 0 0; padding: 0 0 5px 0; color: #666}
.pagination a, .pagination span.current, .pagination span.disabled {padding: 4px 8px; margin: 0 1px 0 0}
.pagination a {border: 1px solid #999; color: #444; text-decoration: none}
.pagination a:hover, .pagination span.current {border: 1px solid #666; background: #666; color: #FFF}
.pagination span.disabled {border: 1px solid #DDD; color: #CCC}
#main_alert {display: block; background: #FFF9E0; border: 1px solid #FF9900; padding: 7px 0; text-align: center; margin: 0 0 10px 0; font-weight: bold; color: #444; text-decoration: none}
#main_alert span {color: #FF3300}
#main_alert:hover {border: 1px solid #FF3300}
#home_sidebar {float: left; width: 120px}
#home_content {float: right; width: 620px}
#recent_games {width: 410px; float: left; margin: 0 0 18px 0}
#top_games {width: 190px; float: right}
#top_games .small_game_list {padding: 0 0 0 14px}
#home_middle {clear: both; margin: 0 0 20px 0}
#highlighted_games {clear: both}
#highlighted_tags {margin: 15px 0 0 0}
#highlighted_tags p {line-height: 28px}
#highlighted_tags .tags_info {margin: 7px 0 0 0; padding: 9px 0 0 0}
#partners {margin: 20px 0 0 0; padding: 10px; border: 5px solid #F1F1F1; font-size: 10px}
#partners h3 {font-size: 13px; color: #999; text-transform: uppercase; margin: 0 0 7px 0}
#partners ul {list-style: none}
#partners li {margin: 3px 0 0 0}
#partners a {color: #555; text-decoration: none}
#partners a:hover {text-decoration: underline}
#help_topics {margin: 0 0 -30px 0}
.help {margin: 0 0 30px 0}
.help h3 {font-size: 13px; color: #444; margin: 0 0 8px; background: url(/images/arrow2.gif) no-repeat 0 60%; padding: 0 0 0 9px}
.help h3 span {border-bottom: 1px solid #FF6600}
.help p {line-height: 18px; color: #555}
#search_tags {margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 2px solid #EEE}
#ad_home_skyscraper, #ad_game_listing_skyscraper {width: 120px; height: 600px}
#ad_top_leaderboard {width: 728px; height: 90px; margin: 5px auto; border: 1px solid #CCC; padding: 1px}
#ad_game_leaderboard {width: 728px; height: 90px; margin: 10px auto 2px auto}
#ad_game_shopping {width: 600px; height: 120px; margin: 0 auto 20px auto}
#ad_game_shopping iframe {width: 600px; height: 120px}
a#ad_clickclips {display: block; width: 618px; height: 100px; text-indent: -2000em; overflow: hidden; background: #F9F9F9 url(/images/ad_clickclips.png) no-repeat}
a#ad_clickclips:hover {background-position: 0 -100px}
a#ad_orkut {display: block; width: 111px; height: 88px; margin: 20px 0 0 0; text-indent: -2000em; overflow: hidden; border: 5px solid #F1F1F1; background: url(/images/ad_orkut.gif) 0 5px}
a#ad_orkut:hover {border-color: #E9E9E9}