* {
	padding:0;
	margin:0;
	list-style:none;
	border:none;
	font-family:Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size:12px
}

body {
	background:url(../images/bg_site.jpg) no-repeat center top;
}

#centralizarTopo {
	width:1000px;
	margin:0 auto;
	z-index:50;
	position:relative;
	top:0;
	left:0;
}

#quadroTopo {
	height:550px;
	width:100%;
	display:table;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}

h1#logo a {
	width:203px;
	height:53px;
	float:left;
	overflow:hidden;
	text-indent:-99999px;
	top:19px;
	left:20px;
	position:relative;
	z-index:101;
}


#menu {
	background:url(../images/bg_menu.png) top left no-repeat;
	z-index:100;
	position:absolute;
	top:16px;
	left:300px;
	height:23px;
	padding:22px 0 15px 80px;
	float:left;
	width:630px;
}

ul#menuTopo li {
	display:inline;
	float:left;
}

ul#menuTopo li a.home {
	background:url(../images/menuItens.png) no-repeat;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:85px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.home {
	background:url(../images/menuItens.png) no-repeat 0 -30px;
}

ul#menuTopo li a.blog {
	background:url(../images/menuItens.png) no-repeat -90px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:60px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.blog {
	background:url(../images/menuItens.png) no-repeat -90px -30px;
}

ul#menuTopo li a.quemSomos {
	background:url(../images/menuItens.png) no-repeat -146px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:90px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.quemSomos {
	background:url(../images/menuItens.png) no-repeat -146px -30px;
}

ul#menuTopo li a.servicos {
	background:url(../images/menuItens.png) no-repeat -247px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:70px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.servicos {
	background:url(../images/menuItens.png) no-repeat -247px -30px;
}

ul#menuTopo li a.portfolio {
	background:url(../images/menuItens.png) no-repeat -322px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:75px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.portfolio {
	background:url(../images/menuItens.png) no-repeat -322px -30px;
}

ul#menuTopo li a.cases {
	background:url(../images/menuItens.png) no-repeat -405px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:50px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.cases {
	background:url(../images/menuItens.png) no-repeat -405px -30px;
}

ul#menuTopo li a.faleConosco {
	background:url(../images/menuItens.png) no-repeat -458px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:95px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.faleConosco {
	background:url(../images/menuItens.png) no-repeat -458px -30px;
}

ul#menuTopo li a.mapaSite {
	background:url(../images/menuItens.png) no-repeat -570px 0;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	width:15px;
	height:15px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

ul#menuTopo li a:hover.mapaSite {
	background:url(../images/menuItens.png) no-repeat -570px -30px;
}

h3#titQuadroDescImg {
	display:block;
	width:490px;
	height:80px;
	z-index:25;
	top:110px;
	left:300px;
	position:relative;
	overflow:hidden;
}

h3#titQuadroDescImg a {
	font-size:36px;
	text-decoration:none;
	font-family: 'Ropa Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:-2px;
}

.titH3Branco {
	color:#FFF;
}

.titH3Preto {
	color:#000;
}

h3#titQuadroDescImgBranco a {
	color:#FFF;	
	text-shadow:1px 1px #000;
}

h3#titQuadroDescImgPreto a {
	color:#000;
	text-shadow:1px 1px #FFF;
}



#quadroDescImg {
	background:url(../images/elementos_index.png)  -363px -1150px no-repeat;
	width:437px;
	height:106px;
	z-index:25;
	top:220px;
	left:550px;
	position:absolute;
	float:left;
	overflow:hidden;
}

#quadroDescImg:hover {
	background:url(../images/elementos_index.png)  -363px -1267px no-repeat;
}

#textoQuadroDescImg {
	margin:0 auto;
	width:200px;
	padding:10px;
}

#pagImgDestaqueEsq {
	width:25px;
	height:25px;
	background:#FF0;
	top:400px;
	left:0;
	position:relative;
	z-index:200;
	float:left;
}

#pagImgDestaqueDir {
	width:25px;
	height:25px;
	background:#FF0;
	top:400px;
	left:0;
	position:relative;
	z-index:200;
	float:right;
}

#centralizar {
	width:1000px;
	margin:0 auto;
	display:table;
	z-index:50;
	position:relative;
	top:20px;
	left:0;
}

a#quadroDesWeb {
	width:333px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
	background:url(../images/bg_desWeb.png) 0px -355px no-repeat;
	height:260px;
	cursor:pointer;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

a:hover#quadroDesWeb {
	background:url(../images/bg_desWeb.png) 0px 0px no-repeat;
}

a#quadroDesCms {
	width:333px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
	background:url(../images/bg_desCms.png) 0px -355px no-repeat;
	height:260px;
	cursor:pointer;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

a:hover#quadroDesCms {
	background:url(../images/bg_desCms.png) 0px 0px no-repeat;
}

a#quadroSeo {
	width:333px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
	background:url(../images/bg_seo.png) 0px -355px no-repeat;
	height:260px;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}

a:hover#quadroSeo {
	background:url(../images/bg_seo.png) 0px 0px no-repeat;
}

#linha {
	height:75px;
	width:100%;
	display:table;
	z-index:10;
	position:relative;
	top:50px;
	left:0;
	background:url(../images/bgLinha.png) center top no-repeat;
}

#centralizarLinha {
	width:1000px;
	margin:0 auto;
	display:table;
	z-index:50;
	position:relative;
	top:0px;
	left:0;
}

#quadroBlog {
	width:330px;
	float:left;
	margin-left:120px;
}

#quadroTelefone {
	width:300px;
	float:left;
	margin-left:180px;
	color:#666;
}

#dataBlog {
	color:#1e94d7;
}

#rodape {
	height:55px;
	width:100%;
	display:table;
	z-index:10;
	position:relative;
	top:80px;
	left:0;
}

#centralizarRodape {
	width:1000px;
	margin:0 auto;
	display:table;
	z-index:50;
	position:relative;
	top:0px;
	left:0;
	border-top:1px dotted #CCC;
	padding-top:20px;
}

#rodapeEsq {
	width:400px;
	float:left;
	color:#999;
}

#rodapeDir {
	width:60px;
	float:right;
}

a.linkAzul, a {
	color:#1e94d7;
	text-decoration:none;
	font-weight:bold;
}

a:hover.linkAzul {
	color:#11458F;
	text-decoration:underline;
}

a.linkPreto {
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

a:hover.linkPreto {
	color:#000;
	text-decoration:underline;
}

a.linkPretoGrande {
	color:#000;
	text-decoration:none;
	font-size:18px;
	text-shadow:1px 1px #FFF;
	font-family: 'Ropa Sans', sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
}

a:hover.linkPretoGrande {
	color:#000;
	text-decoration:underline;
}

a.linkTitBlog {
	color:#000;
	text-decoration:none;
	font-size:26px;
	text-shadow:1px 1px #FFF;
	font-family: 'Ropa Sans', sans-serif;
	letter-spacing:-1px;
}

a:hover.linkTitBlog {
	color:#000;
	text-decoration:underline;
}

#dataQuadroBlog {
	margin-left:10px;
	height:15px;
}

#titQuadroBlog {
	margin-left:35px;
	padding:5px 0;
}

a#icoTwitter {
	width:16px;
	height:16px;
	background:url(../images/elementos_index.png) 0 -1150px no-repeat;
	overflow:hidden;
	text-indent:-100px;
	display:block;
	float:left;
}

a:hover#icoTwitter {
	background:url(../images/elementos_index.png) 0 -1170px no-repeat;
}

a#icoFacebook {
	width:16px;
	height:16px;
	background:url(../images/elementos_index.png) -20px -1150px no-repeat;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin-left:5px;
}

a:hover#icoFacebook {
	background:url(../images/elementos_index.png) -20px -1170px no-repeat;
}

#titTelefone {
	font-size:12px;
	color:#1e94d7;
	font-weight:bold;
}

#textoTelefone {
	font-size:30px;
	color:#000;
	text-shadow:1px 1px #FFF;
	font-family: 'Ropa Sans', sans-serif;
	letter-spacing:-2px;
}

/* HEADER */
#header { height:500px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:500px; position:absolute; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:350px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }




/* PÁGINAS INTERNAS */

body#bgInterna {
	background:#e2e2e2 url(../images/bg_interna.jpg) no-repeat center top;
}

#centralizarInterna {
	width:1000px;
	margin:0 auto;
	display:table;
}

h1#logoBrancoInterna a {
	width:203px;
	height:53px;
	background:url(../images/elementos_index.png) no-repeat 0px -0px;
	float:left;
	overflow:hidden;
	text-indent:-99999px;
	margin-top:19px;
	margin-left:50px;
}

#menuInterna {
	margin-top:16px;
	margin-left:48px;
	height:23px;
	padding:22px 0 15px 80px;
	float:left;
	width:610px;
}

#colEsqInt {
	width:700px;
	padding:20px;
	float:left;
	margin-top:50px;
}

#colDirInt {
	width:240px;
	padding:20px 10px;
	float:left;
	margin-top:50px;
}

#conteudoInterna {
	margin-top:130px;
	padding:20px;
}

#rodapeInterna {
	height:55px;
	width:100%;
	display:table;
	margin-top:30px;
	clear:both;
}

#centralizarRodapeInterna {
	width:1000px;
	margin:0 auto;
	display:table;
	border-top:1px dotted #CCC;
	padding-top:20px;
}

#rodapeEsqInterna {
	width:400px;
	float:left;
	color:#999;
}

#rodapeDirInterna {
	width:60px;
	float:right;
}

h2#titPaginasInterna {
	font-size:42px;
	color:#082c4e;
	text-shadow:1px 1px #DDD;
	font-family: 'Ropa Sans', sans-serif;
	letter-spacing:-2px;
	margin-bottom:10px;
}

h4.tit {
	font-family: 'Ropa Sans', sans-serif;
	letter-spacing:-2px;
	font-size:20px;
	border-bottom:1px solid #E2E2E2;
	line-height:28px;
	margin-bottom:10px;
	color:#172934;
}

hr {
	border-bottom:1px solid #E2E2E2;
	margin:10px 0;
}

hr.linhaBlog {
	border-bottom:1px dotted #333;
	margin:30px 0;
}

.dataBlog {
	color:#666;
	padding:10px 0;
	display:block;
	margin-bottom:20px;
	font-style:italic;
}

.textoBlog p {
	line-height:20px;
	font-size:14px;
	color:#000;
}

ul#paginacao {
	margin:0 auto;
	text-align:center;
}

ul#paginacao li {
	display:inline;
}

ul#paginacao li a {
	padding:5px 10px;
	margin:0 5px;
	background:#FFF;
	border:1px solid #c2c2c2;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

ul#paginacao li a:hover {
	background:url(../images/bgMenuServicos.png) -270px -45px no-repeat;
	color:#FFF;
	border:1px solid #069;
}

.paginacaoAtiva {
	padding:5px 10px;
	margin:0 5px;
	font-weight:bold;
	color:#444;
	text-decoration:none;
}

ul#listaVertical li {
	display:block;
}

ul#listaVertical li a {
	display:block;
	border-bottom:1px solid #E2E2E2;
	text-decoration:none;
	padding:10px 0px;
	color:#333;
}

ul#listaVertical li a:hover {
	text-decoration:underline;
}

li.listaVerticalSubPag a {
	display:block;
	border-bottom:1px solid #E2E2E2;
	text-decoration:none;
	padding:10px 0px;
	color:#333;
	margin-left:30px;
}

li.listaVerticalSubPag a:hover {
	text-decoration:underline;
}

ul#menuServicos li {
	display:block;
	background:#143657;
	border-bottom:1px solid #EAEAEA;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul#menuServicos li:hover {
	display:block;
	background:#184168;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul#menuServicos li a {
	display:block;
	border-bottom:2px solid transparent;
	text-decoration:none;
	padding:10px 0 10px 25px;
}

ul#menuServicos li a:hover {
	color:#FFF;
	background:url(../images/setas.png) 5px -75px no-repeat;
}

a.linkMenuServicos {
	color:#DEE3E8;
	font-weight:bold;
	background:url(../images/setas.png) 5px 10px no-repeat;
}

form fieldset
{
	border:none;
	width:450px;
	margin:30px auto 0 auto;
	padding:0;
}
/*
form fieldset legend
{
	display:none;
}
*/
form fieldset label
{
	float:left;
	display:block;
	width:100px;
	height:14px;
	margin:0;
	clear:both;
	padding:5px;
	text-align:right;
	margin-bottom:5px;
}

form fieldset input.txtCampo
{
	background:#FFF;
	border:1px solid #CCC;
	padding:5px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:14px;
}

form fieldset input.txtCampoNome
{
	background:#FFF url(../images/iconesContato.png) 5px 5px no-repeat;
	border:1px solid #CCC;
	padding:5px 10px 5px 40px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:14px;
}

form fieldset input.txtCampoNome:focus
{
	background:#f0f9ff url(../images/iconesContato.png) 5px 5px no-repeat;
	border:1px solid #082c4e;
}

form fieldset input.txtCampoEmpresa
{
	background:#FFF url(../images/iconesContato.png) 5px -45px no-repeat;
	border:1px solid #CCC;
	padding:5px 10px 5px 40px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:14px;
}

form fieldset input.txtCampoEmpresa:focus
{
	background:#f0f9ff url(../images/iconesContato.png) 5px -45px no-repeat;
	border:1px solid #082c4e;
}

form fieldset input.txtCampoEmail
{
	background:#FFF url(../images/iconesContato.png) 5px -94px no-repeat;
	border:1px solid #CCC;
	padding:5px 10px 5px 40px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:14px;
}

form fieldset input.txtCampoEmail:focus
{
	background:#f0f9ff url(../images/iconesContato.png) 5px -94px no-repeat;
	border:1px solid #082c4e;
}

form fieldset input.txtCampoTel
{
	background:#FFF url(../images/iconesContato.png) 5px -143px no-repeat;
	border:1px solid #CCC;
	padding:5px 10px 5px 40px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:14px;
}

form fieldset input.txtCampoTel:focus
{
	background:#f0f9ff url(../images/iconesContato.png) 5px -143px no-repeat;
	border:1px solid #082c4e;
}

form fieldset textarea.txtArea
{
	background:#FFF url(../images/iconesContato.png) 5px -336px no-repeat;
	border:1px solid #CCC;
	padding:10px 10px 10px 40px;
	width:250px;
	float:left;
	display:block;
	margin-bottom:5px;
	height:100px;
}

form fieldset textarea.txtArea:focus
{
	background:#f0f9ff url(../images/iconesContato.png) 5px -336px no-repeat;
	border:1px solid #082c4e;
}

form fieldset input.btnEnviar
{
	background:url(../images/btnEnviar.png) no-repeat;
	width:100px;
	height:36px;
	float:left;
	display:block;
	margin-bottom:5px;
	margin-left:105px;
	cursor:pointer;
	border:none;
	overflow:hidden;
	text-indent:-99999px;
	padding:0;
}

form fieldset input.btnEnviar:hover
{
	background:url(../images/btnEnviar.png) 0 -44px;
}

#divNome {
	font-size:16px;
	font-weight:bold;
	padding:10px 0;
}

#divTel {
	background: url(../images/iconesContato.png) -2px -143px no-repeat;
	height:25px;
	padding-left:30px;
	padding-top:5px;
}

#divEmail {
	background: url(../images/iconesContato.png) -2px -94px no-repeat;
	height:20px;
	padding-left:30px;
	padding-top:5px;
}

#divFacebook {
	background: url(../images/iconesContato.png) -2px -247px no-repeat;
	height:20px;
	padding-left:30px;
	padding-top:5px;
}

#divTwitter {
	background: url(../images/iconesContato.png) -2px -296px no-repeat;
	height:20px;
	padding-left:30px;
	padding-top:5px;
}

#divWeb {
	background: url(../images/iconesContato.png) -2px -193px no-repeat;
	height:20px;
	padding-left:30px;
	padding-top:5px;
}

p.textoDescricao {
	color:#172934;
	font-size:15px;
	line-height:20px;
	font-family: 'Ropa Sans', sans-serif;
}

p.textoConteudo {
	color:#172934;
	font-size:14px;
	line-height:20px;
}

.divisaoColunas {
	width:320px;
	float:left;
	padding:0px 20px 0 0;
}

a.thumbPortfolio {
	float:left;
	width:220px;
	height:220px;
	margin:10px;
	color:#000;
	font-size:12px;
	text-decoration:none;
	line-height:22px;
}

a:hover.thumbPortfolio {
	text-decoration:underline;
}

a.thumbPortfolio img {
	display:block;
}

body#bg404 {
	background:#000 url(../images/img404.jpg) top center no-repeat;
}

a.servicosDesWeb, a.servicosDesSistemas, a.servicosCms, a.servicosOtimizacao,
a.servicosLinksPatrocinados, a.servicosIdentidadeVisual, a.servicosEmailMarketing, a.servicosRedesSociais {
	float:left;
	width:225px;
	height:230px;
	margin:10px;
	color:#000;
	font-size:12px;
	text-decoration:none;
	line-height:22px;
	overflow:hidden;
	text-indent:-99999px;
}

a.servicosDesWeb {
	background:url(../images/bgServicos.png) 0 0 no-repeat;
}
a:hover.servicosDesWeb {
	background:url(../images/bgServicos.png) -240px 0 no-repeat;
}

a.servicosDesSistemas {
	background:url(../images/bgServicos.png) 0 -240px no-repeat;
}

a:hover.servicosDesSistemas {
	background:url(../images/bgServicos.png) -240px -240px no-repeat;
}

a.servicosCms {
	background:url(../images/bgServicos.png) 0 -480px no-repeat;
}

a:hover.servicosCms {
	background:url(../images/bgServicos.png) -240px -480px no-repeat;
}

a.servicosOtimizacao {
	background:url(../images/bgServicos.png) 0 -720px no-repeat;
}

a:hover.servicosOtimizacao {
	background:url(../images/bgServicos.png) -240px -720px no-repeat;
}

a.servicosLinksPatrocinados {
	background:url(../images/bgServicos.png) 0 -960px no-repeat;
}

a:hover.servicosLinksPatrocinados {
	background:url(../images/bgServicos.png) -240px -960px no-repeat;
}

a.servicosIdentidadeVisual {
	background:url(../images/bgServicos.png) 0 -1200px no-repeat;
}

a:hover.servicosIdentidadeVisual {
	background:url(../images/bgServicos.png) -240px -1200px no-repeat;
}

a.servicosEmailMarketing {
	background:url(../images/bgServicos.png) 0 -1440px no-repeat;
}

a:hover.servicosEmailMarketing {
	background:url(../images/bgServicos.png) -240px -1440px no-repeat;
}

a.servicosRedesSociais {
	background:url(../images/bgServicos.png) 0 -1680px no-repeat;
}

a:hover.servicosRedesSociais {
	background:url(../images/bgServicos.png) -240px -1680px no-repeat;
}

#quadroBread {
	padding:10px 0;
	display:block;
	margin-bottom:10px;
}