/*------------------------------------------------------------------
SITE WEBCORE - Produzido por Webcore. Contato: webcore@webcore.com.br
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
	2.1 Header Navigation / #navbar
3. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
10. Boxes / .box
11. Sideblog / #sideblog
13. Footer / #footer
-------------------------------------------------------------------*/

/* 1. Body */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	width:74em;
	margin:0 auto;
	overflow:scroll;
	*overflow:inherit;
}
body a {
	text-decoration:none;
	color:#0099FF;
	position:relative;
}
body a:hover {
	color:#fff;
	background:#0099FF;
}
li {
	list-style:none;
}
a img {
	border:none;
}
.selected {
	text-decoration:none;
	color:#0099FF;
}
body .externo {
	position:absolute;
	top:0;
	right:-20px;
}
/* 2. Header */
#hd {
	height:5em;
}
#hd h1 {
	float:left;
	background:url(../geral/logo.gif) center left no-repeat;
	width:144px;
	height:42px;
	text-indent:-5000px;	
	margin:1em 0 0 0;
}
#hd h1 a {
	display:block;
	width:100%;
	height:100%;
}
#hd h1 a:hover {
	background:none;
}

/* 2.1 Header Navigation */
#hd ul {
	float:right;
	clear:none;
	margin:2em 0 0 0;
}
#hd ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	float:left;
	clear:none;
	margin:0 1em 0 0;
	text-transform:uppercase;
}
#hd ul li a {
	display:block;
	height:15px;
	text-indent:-5000px;
}
/* normal */
#hd ul li a.home {
	background:url(../geral/ul-li-a-home.gif) center left no-repeat;
	width:44px;
}
#hd ul li a.empresa {
	background:url(../geral/ul-li-a-empresa.gif) center left no-repeat;
	width:65px;
}
#hd ul li a.portfolio {
	background:url(../geral/ul-li-a-portfolio.gif) center left no-repeat;
	width:73px;
}
#hd ul li a.novidades {
	background:url(../geral/ul-li-a-novidades.gif) center left no-repeat;
	width:73px;
}
#hd ul li a.blog {
	background:url(../geral/ul-li-a-blog.gif) center left no-repeat;
	width:46px;
}
#hd ul li a.contato {
	background:url(../geral/ul-li-a-contato.gif) center left no-repeat;
	width:77px;
}
/* Hover */
#hd ul li a.home:hover {
	background:url(../geral/ul-li-a-hover-home.gif) center left no-repeat;
}
#hd ul li a.empresa:hover {
	background:url(../geral/ul-li-a-hover-empresa.gif) center left no-repeat;
}
#hd ul li a.portfolio:hover {
	background:url(../geral/ul-li-a-hover-portfolio.gif) center left no-repeat;
}
#hd ul li a.novidades:hover {
	background:url(../geral/ul-li-a-hover-novidades.gif) center left no-repeat;
}
#hd ul li a.blog:hover {
	background:url(../geral/ul-li-a-hover-blog.gif) center left no-repeat;
}
#hd ul li a.contato:hover {
	background:url(../geral/ul-li-a-hover-contato.gif) center left no-repeat;
}
/* Clicado */

#hd ul li a.homeselected {
	background:url(../geral/ul-li-a-hover-home.gif) center left no-repeat;
}
#hd ul li a.empresaselected {
	background:url(../geral/ul-li-a-hover-empresa.gif) center left no-repeat;
}
#hd ul li a.portfolioselected {
	background:url(../geral/ul-li-a-hover-portfolio.gif) center left no-repeat;
}
#hd ul li a.novidadesselected {
	background:url(../geral/ul-li-a-hover-novidades.gif) center left no-repeat;
}
#hd ul li a.blogselected {
	background:url(../geral/ul-li-a-hover-blog.gif) center left no-repeat;
}
#hd ul li a.contatoselected {
	background:url(../geral/ul-li-a-hover-contato.gif) center left no-repeat;
}
/* 3. Content */
div {
	margin:.5em 0 1em 0;
}
.left {
	float:left;
	width:68.6%;
}
.right {
	float:right;
	width:28%;
}
p {
	width:100%;
	font-size:.9em;
	color:#666;
}
/* 4. Right Column */
.webcoregames {
	float:left;
	clear:none;
	background:url(../geral/webcoregames.jpg) center left no-repeat;
	width:263px;
	height:102px;
	margin:0;
	text-indent:-5000px;
}
.right em {
	font-size:77%;
	clear:left;
}
.right h2 a {
	display:block;
	width:100%;
	height:100%;
}
.right h2 a:hover {
	background:none;
}
.news {
	background:url(../img/h-news.gif) center left no-repeat;
	height:20px;
	width:100%;
	text-indent:-5000px;	
	border-top:1px solid #f2f3f4;
	border-bottom:1px solid #f2f3f4;
	margin:15px 0;
}
dl {
	width:70%;
	font-size:77%;
}

dl dt {
	font-weight:bold;
}
dl dd {
	color:#666;
	margin:0 0 15px 0;	
}
.anteriores {
	display:inline;
	float:left;
	clear:left;
	font-size:75%;
	text-transform:uppercase;
}

/* 13. Footer / #ft */

#ft {
	clear:both;
	height:2em;
	border-top:1px solid #ccc;
}
#ft p {
	float:left;
	clear:none;
	width:645px;
	_width:710px;
	font-size:77%;
	text-transform:uppercase;
	margin:10px 0;
	padding:0;
}
#ft ul {
	float:left;
	clear:none;
	width:290px;
	padding:0;
	margin:10px 0;
	overflow:auto;
}
#ft ul li {
	display:block;
	float:left;
	width:95px;
	height:25px;
	margin:0;
	padding:0;
	clear:none;
}
#ft .apadi {
	background:url(../img/apadi.jpg) top left no-repeat;
	float:left;
	display:block;
	width:30px;
	height:30px;
	text-indent:-5000px;
	padding:0 35px 0 0;
	margin:5px 0 0 0;
}
#ft .apadi:hover {
	background:url(../img/apadihover.jpg) top left no-repeat;
}
#ft ul li a {
	display:block;
	height:100%;
	width:80px;
	text-indent:-5000px;
}
#ft ul .twitter a {
	background:url(../img/twitter.jpg) left center no-repeat;
}
#ft ul .flickr a {
	background:url(../img/flickr.jpg) left center no-repeat;
}
#ft ul .facebook a {
	width:90px;
	background:url(../img/facebook.jpg) left center no-repeat;
}