/* GERAL */

/* reset */

ul, ol, li, p, i, div, a, em, h1, h2, h3, h4, h5, form, input, textarea, label, dl, dt, dd, var, span, em, select, img, address {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	clear:none;
	text-decoration:none;
	font-size:.93em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-style:normal;
	line-height:1.2em;
}
a {
	color:#f4a222
}
a:hover {
	color:#fff;
	background-color:#f4a222;
	text-decoration:none;
}
i {
	display:inline;
	float:none;
	clear:none;
	font-style:italic;
}
p a {
	display:inline;
	float:none;
}
label {
	display:inline-block;
}

/* GERAL */

html {
	overflow-y:scroll;
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background:#4f220a;
	font-family:Arial, Helvetica, sans-serif;
}
#outter {
	background:url(../img/bg.jpg) #ff963b top left repeat-x;
	width:100%;
}
#content {
	float:none;
	width:67.5em; /* 1005px */
	margin:0 auto;
}
.bd {
	position:relative;
	background:#fff;
	width:100%;
	clear:both;
}
h2 {
	width:95%;
	height:3.5em;
	text-indent:-5000px;
	margin:1em 0 3em 0;
}
h4 {
	clear:both;
	width:75%;
	height:1.5em;
	text-indent:-5000px;
}
p {
	width:75%;
	color:#341d0e;
	line-height:1.5em;
	padding:0 0 2em 0;
}
form {
	clear:left;
	width:20%;
}
form label {
	color:#686967;
	width:100%;
	font-weight:900;
	font-size:.9em;
	text-transform:lowercase;
}
form input, textarea {
	color:#0CF;
	padding:.2em;
	width:80%;
	margin:0 0 1em 0;
	border:1px solid #CCC;
}
form textarea {
	height:10em;
	width:90%;
}
form .submit {
	background:url(../img/button_enviarmsg.jpg) center left no-repeat;
	text-indent:-5000px;
	height:3em;
	cursor:pointer;
	border:none;
}
.submenu {
	width:40%;
	padding:2em 0 0 0;
}
.submenu li a {
	height:3em;
	text-indent:-5000px;
}
.jogoscustomizaveis {
	position:absolute;
	top:7.2em;
	right:0;
	width:22%;
	height:44em;
}
#customswf {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* HEADER */

#hd {
	width:100%;
	height:6em;
	margin:0 auto;
}
#hd h1 {
	background:url(../img/h1.jpg) center left no-repeat;
	width:139px;
	height:31px;
	text-indent:-5000px;
	margin:1.5em 0 0 0;
}
#hd h1 a {
	width:100%;
	height:100%;
}
#hd h1 a:hover {
	background:url(../img/h1.jpg) center left no-repeat;
}

/* HEADER - Menu */

#hd .menu {
	width:44%;
	padding:0 0 0 20em;
	text-indent:-5000px;
}
#hd .menu li {
	height:4.5em;
	padding:1em 0 0 .7em;
}
#hd .menu li a {
	background:url(../img/menu.gif) no-repeat;
	width:100%;
	height:100%;
}
#hd .menu li a:hover {
	background:url(../img/menu_hover.gif) center left no-repeat;
}
.advergamesselected #hd .advergames a {
	background:url(../img/menu-selected.gif) no-repeat;
	margin:7px 0 0 0;
}
.solucoesselected #hd .solucoes a {
	background:url(../img/menu-selected.gif) no-repeat;
	margin:7px 0 0 0;
}
.casesselected #hd .cases a {
	background:url(../img/menu-selected.gif) no-repeat;
	margin:7px 0 0 0;
}
.contatoselected #hd .contato a {
	background:url(../img/menu-selected.gif) no-repeat;
	margin:7px 0 0 0;
}
#hd .socialmedia {
	background:url(../img/icones.png) top left no-repeat;
	width:136px;
	height:25px;
	margin:35px 0 0 0;
}
#hd .socialmedia li {
	width:34px;
	height:100%;
}
#hd .socialmedia li a {
	width:100%;
	height:100%;
	text-indent:-5000px;
}
#hd .socialmedia li a:hover {
	background:none;
}

/* Menu - ADVERGAMES */

#hd .menu .advergames {
	width:80px;
}
#hd .menu .advergames a {
	background-position:0 0;
}
#hd .menu .advergames a:hover {
	background-position:0 0;
}

/* Menu - SOLUÇÕES */

#hd .menu .solucoes {
	width:70px;
}
#hd .menu .solucoes a {
	background-position:-85px 0;
}
#hd .menu .solucoes a:hover {
	background-position:-85px 0;
}

/* Menu - CASES */

#hd .menu .cases {
	width:45px;
}
#hd .menu .cases a {
	background-position:-170px 0;
}
#hd .menu .cases a:hover {
	background-position:-170px 0;
}

/* Menu - REEL */

#hd .menu .reel {
	width:50px;
}
#hd .menu .reel a {
	background-position:-228px 0;
}
#hd .menu .reel a:hover {
	background-position:-228px 0;
}

/* Menu - BLOG */

#hd .menu .blog {
	width:45px;
}
#hd .menu .blog a {
	background-position:-285px 0;
}
#hd .menu .blog a:hover {
	background-position:-285px 0;
}

/* Menu - CONTATO */

#hd .menu .contato {
	width:60px;
}
#hd .menu .contato a {
	background-position:-335px 0;
}
#hd .menu .contato a:hover {
	background-position:-335px 0;
}

/* FOOTER */

#ft {
	background:#4f220a;
	width:100%;
	height:4em;
	padding:0;
	margin:1.5em 0 0 0;
}
#ft .center {
	position:relative;
	float:none;
	width:72em; /* 1005px */
	height:5em;
	margin:0 auto;
	padding:0;
}
#ft .center address,
#ft .center a {
	background:url(../img/footer.jpg) no-repeat;
	text-indent:-5000px;
	height:5em;
	position:absolute;
	top:0;
}
#ft .center address {
	width:18em;
	left:-1em;
}
#ft .center .contato {
	background:none;
	left:0;
	width:17em;
	height:1em;
}
#ft .center .associada {
	background-position:-230px -7px;
	width:7em;
	right:9em;
}
#ft .center .sig {
	background-position:-380px -12px;
	width:6em;
	right:0;
}
#ft .center .floatfix {
	position:static;
}
#ft .center .flash {
	position:absolute;
	top:0;
	left:20em;
	width:468px;
	height:46px;
}
#ft .center #clienteswf {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#ft .socialmedia {
	background:url(../img/socialmedia.jpg);
	width:348px;
	height:47px;
	margin:0 0 0 300px;
	padding:0;
}
#ft .socialmedia dt {
	display:none;
}
#ft .socialmedia dd {
	width:47px;
	height:100%;
	margin:0;
	padding:0;
}
#ft .socialmedia .twitter {
	padding:0 0 0 130px;
}
#ft .socialmedia a {
	position:static;
	height:100%;
	background:none;
}

/* HOME */

.home {
	background:transparent;
}
.home p {
	display:none;	
}
.home .main {
	height:38.4em;
	width:80em;
	text-indent:-5000px;
}
.home .main img {
	border:none;
}
.home ul {
	width:104%;
	height:auto;
	margin:1.5em 0 0 0;
}
.home ul li {
	float:left;
	clear:none;
	height:auto;
	padding:0 0 0 1.5em;
	border-left:3px dotted #b46426;
}
.home ul strong {
	display:block;
	width:70%;
	height:1em;
	padding:6.5em 0 0 0;
	text-indent:-5000px;
}
.home ul li a {
	width:45em;
	height:14em;
	text-indent:-5000px;
}
.home ul li a p {
	display:none;
}
.home ul .primeiro {
	padding:0 1em 0 0;
	border:none;
}
.home ul .segundo a {
	padding:0;
}
.home ul li a img {
	width:100%;
	height:100%;
}

/* CASES */

.case {
	background:transparent;
	width:97%;
	padding:0 0 2em 2em;
}
.case h2 {
	width:15%;
	background:url(../img/h2_cases.gif) left center no-repeat;
}
.case a:hover {
	background:transparent;
}
.case img {
	border:2px solid #fff;
}
.case li .titulo {
	margin:.6em 0 0 0;
}
.case li .titulo img {
	border:none;
}
.case .lista {
	width:100%;
}
.case .lista li {
	width:27em;
	height:17em;
}
.case .lista li p {
	color:#70240b;
	width:80%;
	font-size:1em;
}
.case .paginacao {
	width:79%;
	padding:2.5em 0 0 0;
}
.case .paginacao h3 {
	float:right;
	background:url(../img/cases-vermais.gif) top left no-repeat;
	width:10em;
	height:2em;
	text-indent:-5000px;
	margin:.2em 0 0 0;
}
.case .paginacao ul {
	float:right;
	width:auto;
}
.case .paginacao ul li {
	width:auto;
	height:auto;
	padding:0 .5em 0 0;
}
.case .paginacao ul li a {
	width:auto;
	height:auto;
	text-align:center;
	background:#9f3410;
	color:#ff3f00;
	border:1px solid #ff3f00;
	padding:.2em .4em;
}
.case .paginacao ul li a:hover {
	background:#fff;
}
/* CASE - Case Selecionado */

.selecionado {
	padding:0 0 2em 2em;
	width:97%;
}
.selecionado h2 {
	background:url(../img/h2_selecionado.gif) left center no-repeat;
	width:99%;
}
.selecionado .topo {
	width:100%;
}
.selecionado .topo dl, h3, a, ul, dt, dd {
	width:100%;
}
.selecionado .topo dl {
	width:35%;
	padding:0 0 1em 2em;
}
.selecionado .topo dl dt {
	padding:0 0 2em 0;
}
.selecionado .topo dl dd {
	width:100%;
	font-size:1em;
	padding:.2em 0;
}
.selecionado .topo .voltar {
	background:url(../img/selecionado_voltar.gif) left center no-repeat;
	text-indent:-5000px;
	width:30%;
	margin:0 0 0 2em;
}
.selecionado .baixo {
	position:relative;
	width:100%;
}
.selecionado .baixo .texto {
	width:60%;
	padding:1.5em 3em 0 0;
}
.selecionado .baixo .texto p {
	width:100%;
	padding:0 0 1em 0;
	margin:0;
	font-size:1em;
	text-align:justify;
}
.selecionado .baixo ul {
	width:100%;
	font-size:1.1em;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
}
.selecionado .baixo ul li {
	width:100%;
	padding:0 1em 1em 0;	
}
.selecionado .baixo .texto ul li {
	width:auto;
	padding:.5em .5em 0 0;
}
.baixo .outroscases {
	position:absolute;
	top:0;
	right:0;
	width:30%;
	margin:0;
	padding:2em 3em 0 0;
}
.selecionado .baixo .height-fix {
	position:static;
	width:1px;
	padding:0;
	height:420px;
}
.selecionado .baixo h3 {
	background:url(../img/h3_selecionado.gif) center left no-repeat;
	height:1.5em;
	width:100%;
	margin:0 0 1em 0;
	text-indent:-5000px;
}
.selecionado .baixo .outros {
	width:100%;
	background:transparent;
}
.selecionado .baixo .outros li {
	position:relative;
	float:left;
	clear:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	margin:0 9px 9px 0;
}
.selecionado .baixo .outros li a {
	background:url(../img/bg-trans.gif);
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:44px;
	text-indent:-5000px;
	margin:3px;
}
.selecionado .baixo .outros li a:hover {
	background:url(../img/teste.gif);
}
.selecionado .baixo .outros li a img {
	border:none;
}


/* ADVERGAMES */

.advergames {
	padding:0 0 4em 2em;
	width:97%;
}
.advergames h2 {
	width:32%;
	background:url(../img/h2_advergames.gif) left center no-repeat;
}
.advergames h3 {
	background:url(../img/h3_advergames.gif) left top no-repeat;
	width:75%;
	height:11em;
	text-indent:-5000px;
}
.advergames strong {
	font-weight:900;
	font-size:1.2em;
}
.advergames h4 {
	background:url(../img/h4_advergame.gif) left top no-repeat;
}
.advergames .submenu li a {
	background:url(../img/advergames_submenu.gif) top left no-repeat;
}
.advergames .submenu .oquesao {
	width:7em;
	background-position:0 1.1em;
}
.advergames .submenu .oquesao:hover,
.advergames .submenu .oquesaoselected
{
	background-position:0 -1.8em;
}
.advergames .submenu .fatos {
	width:10em;
	background-position:-7.4em 1.1em;
}
.advergames .submenu .fatos:hover,
.advergames .submenu .fatosselected {
	background-position:-7.4em -1.8em;
}
.advergames .usos {
	clear:both;
	width:75%;
	padding:0 0 2em 0;
}
.advergames .usos li {
	background:url(../img/ul_li.gif) top left no-repeat;
	clear:both;
	width:100%;
	color:#994c2e;
	font-size:1em;
	padding:.2em 0 .5em 2em;
}
.advergames ol {
	width:75%;
	padding:2em 0 2em 4em;
}
.advergames ol li {
	background:url(../img/advergames_fatos.gif) top left no-repeat;
	width:100%;
	height:10em;
	text-indent:-5000px;
}
.advergames ol .um {
	background-position:0 0;
}
.advergames ol .dois {
	background-position:0 -10em;
}
.advergames ol .tres {
	background-position:0 -20em;
}
.advergames ol .quatro {
	background-position:0 -30em;
}
.advergames ol .cinco {
	background-position:0 -40em;
}
.advergames ol .seis {
	background-position:0 -50em;
}
.advergames ol .sete {
	background-position:0 -60em;
}
.advergames ol .oito {
	background-position:0 -70em;
}
.advergames ol .nove {
	background-position:0 -80em;
}
.advergames ol .dez {
	background-position:0 -90em;
}
.advergames ol .onze {
	background-position:0 -100em;
}
.advergames ol .doze {
	background-position:0 -110em;
}
.advergames .botoes {
	width:30%;
	clear:both;
	padding:0 0 0 7em;
}
.advergames .botoes a {
	background:url(../img/advergames_fatos-button.gif) no-repeat;
	width:4em;
	height:4em;
	text-indent:-5000px
}
.advergames .botoes .voltar {
	background-position:0 0;
}
.advergames .botoes .voltar:hover {
	background-position:0 -4em;
}
.advergames .botoes .prosseguir {
	background-position:-4.2em 0;
}
.advergames .botoes .prosseguir:hover {
	background-position:-4.2em -4em;
}
.advergames .botoes .desabilitado-prosseguir,
.advergames .botoes .desabilitado-prosseguir:hover {
	background-position:-4.2em -8.1em;
}
.advergames .botoes .desabilitado-voltar,
.advergames .botoes .desabilitado-voltar:hover {
	background-position:0 -8.1em;
}

/* SOLUÇÕES */

.solucoes {
	padding:0 0 2em 2em;
	width:97%;
}
.solucoes h2 {
	background:url(../img/h2_solucoes.gif) top left no-repeat;
	width:25%;
}
.solucoes p {
	clear:both;
}
.solucoes dl {
	clear:both;
	width:72%;
}
.solucoes dl dt {
	clear:both;
	width:100%;
	height:2.5em;
	text-indent:-5000px;
}
.solucoes dl .imagem {
	width:31em;
	height:14em;
	border:transparent;
}
.solucoes dl .primeira {
	background:url(../img/outrasacoes1.jpg) top left no-repeat;
}
.solucoes dl .segunda {
	background:url(../img/outrasacoes2.jpg) top left no-repeat;
}
.solucoes dl .terceira {
	background:url(../img/outrasacoes3.jpg) top left no-repeat;
}
.solucoes dl .quarta {
	background:url(../img/outrasacoes4.jpg) top left no-repeat;
}
.solucoes dl dd {
	width:95%;
	clear:both;
	color:#341d0e;
	line-height:1.5em;
	padding:0 0 3em 2em;
}
.solucoes .submenu li a {
	background:url(../img/solucoes_submenu.gif) top left no-repeat;
}
.solucoes .submenu .oquefaz {
	width:10em;
	background-position:0 1.1em;
}
.solucoes .submenu .oquefaz:hover {
	background-position:0 -2.4em;
}
.solucoes .submenu .oquefazselected {
	background-position:0 -2.4em;
}
.solucoes .submenu .outrasacoes {
	width:10em;
	background-position:-10.4em 1.1em;
}
.solucoes .submenu .outrasacoes:hover {
	background-position:-10.4em -2.4em;
}
.solucoes .submenu .outrasacoesselected {
	background-position:-10.4em -2.4em;
}
.solucoes .submenu .mensuracao {
	width:10em;
	background-position:-20.4em 1.1em;
}
.solucoes .submenu .mensuracao:hover {
	background-position:-20.4em -2.4em;
}
.solucoes .submenu .mensuracaoselected {
	background-position:-20.4em -2.4em;
}

/* SOLUÇÕES - Mensuração */

.mensuracoes {
	padding-bottom:15em;	
}
.mensuracoes img {
	clear:both;
	margin:0 0 3em 0;
}

/* SOLUÇÕES - O que fazemos */

.oquefaz .escolha {
	background:url(../img/solucoes_div.gif) top left no-repeat;
	clear:both;
	width:75%;
	height:15em;
}
.oquefaz .escolha h3 {
	color:#341d0e;
	font-size:1.5em;
	padding:1em;
}
.oquefaz .escolha ul {
	width:85%;
}
.oquefaz h4 {
	background:url(../img/h4_solucoes.gif) left center no-repeat;
	margin:3em 0 0 0;
}
.oquefaz .escolha ul li {
	font-size:1.1em;
	line-height:1.5em;
	clear:both;
	color:#341d0e;
	width:100%;
	padding:0 0 1em 2em
}
.oquefaz .escolha ul li strong {
	background:url(../img/solucoes_ul-li.gif) bottom left no-repeat;
	color:#eb642a;
	text-decoration:underline;
	padding:0 0 0 1.2em;
}
.oquefaz .escolha ul .azul {
	background:url(../img/solucoes_ul-li-azul.gif) bottom left no-repeat;
}
.oquefaz ol {
	clear:both;
	width:64%;
}
.oquefaz ol li {
	width:33%;
}
.oquefaz ol li span {
	float:right;
	width:76%;
	color:#341d0e;
	font-size:1.1em;
	line-height:1.5em;
	margin:-.7em 0 0 0;
}
.oquefaz ol li strong {
	background:url(../img/solucoes_ol.gif) center left no-repeat;
	display:block;
	float:left;
	width:100%;
	height:5em;
	text-indent:-5000px;
}
.oquefaz ol li .celular {
	background-position:-19.8em;	
}
.oquefaz ol li .cdrom {
	background-position:-41.5em;	
}
.oquefaz .tutorial {
	position:relative;
	clear:both;
	width:908px;
	height:302px;
	margin-left:-1em;
	_margin-left:-.5em;
}
.oquefaz .tutorial #tutorialswf {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* CONTATO */

.contato {
	padding:0 0 2em 2em;
	width:97%;
}
.contato fieldset {
	border:none;
}
.contato fieldset legend {
	display:none;
}
.contato h2 {
	background:url(../img/h2_contato.gif) left center no-repeat;
}
.contato img {
	border:6px solid #ccc;
	margin:0 0 0 2em;
}
.contato .endereco {
	width:20%;
	padding:0 0 0 2em;
}
.contato .endereco p, address {
	width:100%;
	font-size:1em;
}
.contato .endereco p {
	margin:1em 0 0 0;
}
.contato ul {
	width:20%;
}
fieldset dt {
	_padding-bottom:.2em;	
}
fieldset dd {
	_padding-bottom:1em;	
}
.contato li {
	height:5em;
	width:100%;
	text-indent:-5000px;
}
.contato span {
	color:#f4a222;
}
.contato li a {
	background:url(../img/contato_links.jpg) left top no-repeat;
	width:100%;
	height:100%;
}
.contato li a:hover {
	background:url(../img/contato_links.jpg) left top no-repeat;
}
.contato .blogcore a,
.contato .blogcore a:hover {
	background-position:0 -5.5em;
}
.contato .trabalheconosco {
	padding:0;
}
.contato .trab a,
.contato .trab a:hover {
	background-position:0 -11em;
}
.hidden {
	display:none;
}

/* TRABALHE CONOSCO */

.trabalhe {
	padding:0 0 2em 2em;
	width:97%;
}
.trabalhe h2 {
	background:url(../img/h2_trabalheconosco.gif) top left no-repeat;
}
.trabalhe img {
	clear:both;
}
.trabalhe h3 {
	height:2em;
	background:url(../img/h3_trabalhe.gif) center left no-repeat;
	margin:0 0 1em 0;
	text-indent:-5000px;
}
.trabalhe p {
	margin:0 0 1em 0;
}
.trabalhe fieldset {
	border:none;
}
.trabalhe legend {
	display:none;	
}
.trabalhe form {
	font-size:1.1em;	
}
.trabalhe .formulario {
	background:url(../img/h3_trabalhe-formulario.gif) center left no-repeat;
}

/* CATALOGO */

.catalogo {
	float:left;
	clear:both;
	height:auto;
	width:100%;
}
.acesso a {
	font-size:1.1em;	
}
.acesso a:hover {
	background:none;
	color:#f4a222;
	text-decoration:underline;
}
#jogoscustom {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	width:100%;
	height:100%;
	z-index:3;
}
.jogo {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	width:800px;
	height:600px;
	margin-top:-300px;
	margin-left:-400px;
	border:1px solid #F60;
	z-index:5;
}
.jogo .fechar {
	background:url(../img/fechar.gif) top left no-repeat;
	display:block;
	position:absolute;
	top:-30px;
	right:0;
	width:27px;
	height:30px;
	text-indent:-5000px;
}
.addthis_toolbox {
	clear:both;
	width:100%;
}
.addthis_toolbox * {
	width:auto;
	height:auto;
	float:left;
	clear:none;
}
.addthis_toolbox a:hover {
	background:none;
}
.webcoresite {
	background:url(../img/webcoresite.jpg) #e9e5e6 top left repeat-x;
	width:100%;
	height:200px;
	display:none;
}
.webcoresite .in {
	float:none;
	clear:both;
	width:980px;
	height:100%;
	margin:0 auto;
}
.webcoresite .in h2 {
	background:url(../img/webcoresitetit.jpg) top left no-repeat;
	width:100%;
	height:40px;
	margin:0;
}
.webcoresite .in ul {
	float:none;
	clear:both;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:15px 0 0 0;
}
.webcoresite .in ul li {
	float:left;
	clear:none;
	padding:0 10px 0 0;	
	margin:0;
}
.casesselected #ft {
	margin:0;
}