/**************************************************************
   CSS Reset
**************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: #000000; background: #FFFFFF; }
ol, ul { list-style: none; }
table { border-collapse: separate; }
caption, th { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************************************************************
   Layout
**************************************************************/
body {
	background: url(../../imgs/bg.gif);
	/* background: url(../../imgs/bg_site.jpg) top center fixed no-repeat; */
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 10px 0 15px 0;
	text-align: left;
}

h1 { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
p { margin: 12px 0 12px 0; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

#Center { margin: 0 auto; width: 1003px; }

#Blogame { margin: 0 auto; width: 805px; }

#Base {
	background: url(../../imgs/border_lay.png) repeat-y;
	float: left;
	text-align: left;
	padding: 0 12px 0 13px;
	width: 779px;
	position:relative;
}

/**************************************************************
   Cabeçalho (topo, header)
**************************************************************/
#Header {
	background: url(../../imgs/header_bg_repeat.png) repeat-x;
	float: left;
	height: 93px;
	width: 779px;
	position:relative;
	z-index:10;
}

#Header .logo { float: left; height: 70px; margin: 20px 0 0 14px; }

.twitter {
	background: url(../../imgs/seguir-twitter.png) no-repeat;
	height: 68px;
	left: 0px;
	margin-left: 64px;
	position: absolute;
	top: -29px;
	width: 199px;
}

.twitter a { float: left; height: 60px; width: 199px; }

#BoxSearch {
	background: url(../../imgs/box_search.png) no-repeat;
	color: #185067;
	float: right;
	font-weight: bold;
	height: 71px;
	padding: 13px 5px 0 20px;
	margin-top: 2px;
	width: 330px;
}

#BoxSearch .busca {
	background: url(../../imgs/sombra_input.gif) repeat-x #FFFFFF;
	border: 1px solid #999999;
	float: left;
	font: 12px Arial;
	margin-top: 5px;
	padding: 4px 0 3px 1px;
	width: 237px;

}

#BoxSearch .btn { float: left; margin: 5px 0 0 1px; }

/**************************************************************
   Área Usuário (login / cadastro)
**************************************************************/
.area_usuario {
	float: right;
	/* height: 144px; */
	margin: -20px 23px 0 0;
	position: relative;
	text-align: right;
	width: 392px;
	width: 150px;
}

.log_on { margin-top: -30px; }

.area_usuario a { color: #FFFFFF; font-weight: bold; }
.area_usuario .black, .area_usuario .black a { color: #000000; }

#Login {
	background: url(../../imgs/login_bg_repeat.png) bottom repeat-x #FFFFFF;
	border: 1px solid #404040;
	float: right;
	position: relative;
	text-align: left;
	top: 13px;
	right: 74px;
	width: 392px;
	z-index: 100!important;
}

#Login form {
	float: left;
	font-weight: bold;
	padding: 11px 0 10px 10px;
	width: 180px;
}

#Login input {
	border: 1px solid #888888;
	margin-top: 2px;
	padding: 5px 0;
	width: 183px;
}

#Login label { float: left; padding-bottom: 9px; width: 100%; }

#Login .botton {
	background-color: #042532;
	border: 1px solid #39748D;
	color: #70C8EE;
	font: 12px Arial;
	height: 20px;
	padding: 0 0 2px 0;
	text-align: center;
	width: 75px;
}

#Login .indicador { float: right; margin-top: -13px; }

#Login .icone {
	background: url(../../imgs/login_icon.jpg) no-repeat;
	color: #C84D02;
	float: right;
	font: bold 15px Arial;
	height: 21px;
	margin: 19px 8px 0 0;
	padding-top: 87px;
	text-align: center;
	width: 123px;
}

#Login .icone_cad { float: right; margin: 70px 8px 0 0; }

/**************************************************************
   Seções (menu) / Categorias (sub-menu)
**************************************************************/
#Menu {
	background: url(../../imgs/menu_repeat.png) repeat-x;
	float: left;
	height: 35px;
	line-height: 35px;
	width: 779px;
	position:relative;
	z-index:5;
}

#Menu ul, #SubMenu ul { float: left; width: 100%; }
#Menu ul li { float: left; color: #D4D4D4; }
#Menu ul li a { color: #D4D4D4; font-weight: bold; padding: 0 5px; }

#Menu ul .ativo { 
	border-left: 1px solid #000000;
	float: left;
	margin: 2px 1px 0 1px;
}

#Menu ul .ativo a {
	background: url(../../imgs/menu_bg_ativo.png) repeat-x;
	color: #FFFFFF; 
	float: left;
	height: 33px;
	line-height: 31px;
	padding: 0 3px 0 5px;
	position: relative; z-index: 100;
}


#Menu .button, #SubMenu .button {
	background: url(../../imgs/botao_forum.png) no-repeat #555555;
	float: right;
	font-weight: bold;
	height: 20px;
	line-height: 19px;
	margin: 7px 4px 0 0;
	text-align: center;
	width: 62px;
	position:relative;
	z-index:12;
	*top:-35px;
}

#Menu .button_jogos {
background: url(../../imgs/botao_jogos_online.png) no-repeat #B02D03;
width: 88px;
}

#Menu a, #SubMenu a { color: #FFFFFF; }
#Menu a:hover, #SubMenu a:hover { text-decoration: none; }
#Menu .button:hover { background-color: #40656A; }

#SubMenu .button { background: url(../../imgs/botao_equipe.png) no-repeat #07717F; *top:-30px; }
#SubMenu .button:hover { background-color: #068EA4; }
#Menu .button_jogos:hover { background-color: #FF0000; }

#SubMenu {
	background: url(../../imgs/submenu_repeat.png) repeat-x; background-position:top;
	float: left;
	height: 32px;
	line-height: 28px;
	width: 779px;
_position:relative;
_top:-27px;
}

#SubMenu ul li { float: left; color: #8FD9F6; }
#SubMenu ul li a { color: #8FD9F6; padding: 0 5px; }
/*
DS: #C8C8C8;
PC: #EA86FF;
PS3: #FBA381;
PSP: #C2C2C2;
Wii: #A1D8FF;
X-box: #8EFF86;
*/

#SubMenu ul .ativo { 
	border: solid #068EA4;
	border-width: 0 1px 1px 0;
	float: left;
	margin: 3px 2px 0 2px;
}

#SubMenu ul .ativo a {
	background: url(../../imgs/submenu_bg_ativo.gif) repeat-x;
	border-right: 1px solid #000000;
	color: #ECF8FD; 
	float: left;
	height: 24px;
	line-height: 23px;
	padding: 0 1px 0 3px;
}

#SubMenu ul select {
	background-color: #B02D03;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin: 6px 0 0 5px;
}

.ads_top {
	background-color: #EEEEF0;
	float: left;
	/* margin-bottom: 4px; */
	padding: 15px 0;
	text-align: center;
	width: 100%;
	position:relative;
	z-index:0;
}

.secao { float: left; padding-bottom: 4px; width: 100%; }

#VideosDestaques .load { width: 16px; height: 16px; padding: 78px 0 0 50px; }

/**************************************************************
   Lateral direita (caixas em destaques) - usando "cantos arredondados"
**************************************************************/
#LateralDireita {
	float: right;
	width: 316px;
	padding-right: 4px;
}

#LateralDireita img { float: left; }

#ConteudoRecente {
	background-color: #DCDAC8;
	border-left: 1px solid #77766C;
	border-right: 1px solid #898989;
	float: left;
	width: 100%;
}

#ConteudoRecente .menu {
	background-color: #272727;
	border-bottom: 1px solid #000000;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 100%;
}

#ConteudoRecente .menu li { float: left; color: #D4D4D4; }
#ConteudoRecente .menu li a { font-size: 10px; color: #D4D4D4; margin: 0 4px 0 4px; }
#ConteudoRecente .menu .ativo a { font-size: 12px; font-weight: bold; color: #4FB8E5; }


#ConteudoRecente .list {
padding: 0 17px 0 11px;
}

#ConteudoRecente .votos {
color: #887F77;
font-size: 11px;
padding-left: 17px;
}


#ConteudoRecente .list img {
padding: 0 5px 0 0;
}

#ConteudoRecente .list li {
float: left;
width: 100%;
border-bottom: 1px solid #BBB4AD;
padding: 9px 0;
}

#ConteudoRecente .list a {
color: #005399;
float: left;
font-size: 14px;
width: 100%;

}

#ConteudoRecente .list .last { border: 0; }

#NuvemBlogame { line-height: 20px; text-align: center; }
#NuvemBlogame h2 { color: #008FCB; font: bold 22px Arial; list-style: none; }
#NuvemBlogame a { color: #072994; list-style: none; padding: 0 8px; }


/*li h2 {
color: #008FCB;
font: bold 22px Arial;
list-style: none;
}

li ul a {
list-style: none;
color: #072994;
padding: 0 8px;
/* letter-spacing: 1px; /
}

li ul {
text-align: center;
line-height: 20px;
}*/

/*#NuvemBlogame .ativo { text-decoration: underline; }
.area_video { margin: 10px 0; }*/

.title_base {
	color: #000000;
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}

#Enquete {
	background-color: #DBE0E3;
	border: solid #96A4AF;
	border-width: 0 1px;
	float: left;
	font-weight: bold;
	padding: 10px;
	width: 296px;
}

#Enquete span { float: left; font-size: 14px; }
#Enquete .perg { margin-left: 22px; }

#Enquete .opcoes {
	background-color: #F6FBFE;
	border-right: 1px solid #B4B9BC;
	border-bottom: 1px solid #B4B9BC;
	color: #008FCB;
	float: left;
	margin: 8px 0 10px 0;
	padding-bottom: 25px;
	width: 100%;
}

#Enquete .resp {
	margin: 16px 0 5px 32px;
	width: 100%;
	font-size: 12px;
}

#Enquete .result_enviar { float: right; }
#Enquete .result { color: #000000; }

#Enquete .enviar {
	background: none;
	border:0;
	color: #008FCB;
	font: bold 14px Arial;
	padding: 0; 
}

.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('http://blogame.com.br/painel_content/wp-content/plugins/wp-polls/images/default/pollbg.gif');
	border: 1px solid #c8c8c8;
}
	
.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}

.wp-polls .Buttons { }

/* #polls-7 { margin-bottom: -100px; float: left; border: 1px solid red; } */

#AdsDir {
	background-color: #E9E0D7;
	border: solid #ACA899;
	border-width: 0 1px;
	float: left;
	height: 265px;
	text-align: center;
	width: 316px;
}

.sep { margin-bottom: 5px; margin-top: -5px; }

/**************************************************************
   Box Parceiros
**************************************************************/
#WSContent {
	float: left;
	width: 786px;
}

#BoxParceiros {
	float: left;
	font: bold 10px Tahoma;
	position: relative;
	width: 217px;
}

#BoxParceiros .title {
	background: url(../../imgs/parceiros_title.png) no-repeat;
	color: #06424A;
	height: 15px;
	padding: 16px 0 0 20px;
}


#BoxParceiros .contato { float: right; padding: 0 10px 10px 0; }
#BoxParceiros .contato a { /* border: 1px solid #FFFFFF; */ padding: 0 3px; text-align: center; }
#BoxParceiros .contato a:hover { border: 1px solid #0B91A7; text-decoration: none; }

#BoxParceiros .list {
	background: url(../../imgs/parceiros_bg_repeat.png) repeat-y;
	float: left;
	padding: 0 0 0 14px;
	width: 203px; /* sem borda = width: 193px; */
}

#BoxParceiros .parc_bg_top {
	background: url(../../imgs/parceiros_bg_top.png) repeat-x;
	float: left;
	/* height: 200px; */
	padding: 0 0 0 10px;
	width: 184px; /* +21px */
}

#BoxParceiros a {
	color: #026171;
	float: left;
	line-height: 20px;
	width: 100%;
}

.parc_img { float: right; position: relative; }

#linkcat-380 { height: 1342px; overflow: scroll; width: 100%; }

#linkcat-481 a {
	background: url(../../imgs/parceiros_sep.jpg) no-repeat bottom;
	margin-bottom: 10px;
	padding-bottom: 20px;
	width: 100%;
}

/**************************************************************
   Final (footer, rodapé)
**************************************************************/
#Footer {
	background-color: #000000;
	color: #FFFFFF;
	float: left;
	font-size: 10px;
	height: 11px;
	margin-top: 6px;
	padding: 9px 5px 0 5px;
	width: 769px; /* margin ou padding bottom para não tampar com a barra */
}

#Footer img { float: right; margin: -14px -6px 0 0; }
#Footer .links_final { float: left; text-transform: uppercase; }
#Footer .links_final a { color: #FFFFFF; }
#Footer .links_final .pub { color: #3DA6DD; }
#Footer .creditos { float: right; }
#Footer .creditos a { color: #517C8C; }
#Footer .line_more { display: none; }

/**************************************************************
   Cantos arredondados
**************************************************************/
.border_top_left, .border_top_right, .border_bottom_right, .border_bottom_left {
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 0px; line-height: 0px; white-space: nowrap;
	padding: 0; margin: -2px;
	background-color: #E7753D;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 1000 !important;	}

.border_top_left, .border_top_right { top: 0; }

/* < IE6 BUG */
.border_bottom_right, .border_bottom_left { bottom: 0; }
.border_top_right, .border_bottom_right { right: -1px; }
/* Padrão */
/** > .border_bottom_right, * > .border_bottom_left { bottom: 0 !important; }*/
* > .border_top_right, * > .border_bottom_right { right: 0; }

.border_top_left, .border_bottom_left { left: 0; }

/*.border_top_left { background-image: url(../../imgs/border_top_left.gif); }
.border_top_right { background-image: url(../../imgs/border_top_right.gif); }
.border_bottom_right { background-image: url(../../imgs/border_bottom_right.gif); }
.border_bottom_left { background-image: url(../../imgs/border_bottom_left.gif); }*/

/**************************************************************
   Info
     CSS Gerado por: Carlos Roberto M. S. em 15-09-2008
     Última alteração: #Enquete em 16-09-2008 por Carlos Roberto M.S.
**************************************************************/