@font-face {
font-family: EngraversGothicBT;
src: url('EngraversGothic BT.eot'); /* IE9 Compatibility Modes */
src: url('EngraversGothic BT.eot?') format('eot'), /* IE6-IE8 */
url('EngraversGothic BT.woff') format('woff'), /* Modern Browsers */
url('EngraversGothic BT.ttf') format('truetype'), /* Safari, Android, iOS */
url('EngraversGothic BT.svg#svgEngraversGothicBT') format('svg'); /* Legacy iOS */
}


* { 

padding : 0; 

margin : 0; 

color : #333; 

font:18px  EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
p { 

padding : 10px 5px 10px 0; 

margin : 10px 5px 10px 0; 

color : #333; 

text-align : justify; 
} 
a { 

text-decoration : none; 

color : #390; 
} 
a:hover { 

text-decoration : none; 

color : #f90; 
} 
img{
	border:0px;}
BODY { 

padding : 0; 

margin : 0; 

color : #333; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

} 
#topo { 

height : 285px; 

background : url(../imagens/bg_logo_topo.png) repeat-x; 

position : relative; 

z-index : 2000; 
} 
#topo #logo { 

height : 165px; 

width : 325px; 

margin : 0 auto; 

padding : 32.5px 0 32.5px 0; 

background : url(../imagens/logomarca.png) center center no-repeat; 
} 
#topo #menu { 

height : 55px; 

text-align : center; 

margin : 0 auto; 

padding : 0; 
} 
#topo #menu ul { 

padding : 0; 

margin : 5px auto; 

width : 780px; 

list-style : none; 

position : relative; 

z-index : 100; 
} 
#topo #menu ul li a { 

width : 100px; 

height : 15px; 

background : url(../imagens/bg_menu.png) top repeat-x; 

float : left; 

margin : 0 5px 10px 5px; 

padding : 10px 10px 10px 10px; 

border-top : 1px solid #3c0; 

position : relative; 

z-index : 1000; 
} 
#topo #menu ul li a:hover { 

border-top : 1px solid #f90; 
} 
.default { 

width : 100%; 

height : 55px; 
} 
.fixed { 

position : fixed; 

top : 0; 

left : 0; 

width : 100%; 

background : url(../imagens/bg_logo_topo.png) bottom repeat-x; 

height : 55px; 
} 
#banner { 

margin : -5px 0 0 0; 

height : 340px; 

background : #fff; 

position : relative; 

z-index : 1; 
} 
.wrapper { 

width : 960px; 

margin : 10px auto; 
} 
.clear { 

clear : both; 
} 
.pxs_container { 

width : 100%; 

height : 400px; 

position : relative; 

overflow : hidden; 

box-shadow : 0 0 7px #000; 
} 
.pxs_bg { 

background : url(../imagens/bg.png) top left repeat transparent; 
} 
.pxs_bg div { 

position : absolute; 

top : 0; 

left : 0; 

width : 7584px; 

height : 420px; 

background-repeat : repeat; 

background-position : top left; 

background-color : transparent; 
} 
.pxs_bg .pxs_bg1 { 

background-image : url(../imagens/bg1.png); 
} 
.pxs_bg .pxs_bg2 { 

background-image : url(../imagens/bg2.png); 
} 
.pxs_bg .pxs_bg3 { 

background-image : url(../imagens/bg3.png); 
} 

.pxs_bg .pxs_bg3 { 

background-image : url(../imagens/bg4.png); 
} 
.pxs_slider_wrapper { 

display : none; 
} 
.pxs_container ul { 

margin : 0; 

padding : 0; 

list-style : none; 
} 
ul.pxs_slider { 

position : absolute; 

left : 0; 

top : 0; 

height : 420px; 
} 
ul.pxs_slider li { 

height : 420px; 

float : left; 

position : relative; 
} 
ul.pxs_slider li img { 

display : block; 

margin : 35px auto 0 auto; 

box-shadow : 0 0 7px #222; 

border : transparent solid 8px; 

border-radius : 4px; 
} 
ul.pxs_thumbnails { 

height : 35px; 

position : absolute; 

top : 320px; 

left : 50%; 
} 
ul.pxs_thumbnails li { 

position : absolute; 

display : block; 
} 
ul.pxs_thumbnails li img { 

border : #ffffff solid 5px; 

box-shadow : 1px 1px 7px #555; 

cursor : pointer; 

display : block; 

opacity : 0.699999988079071044921875; 
} 
ul.pxs_thumbnails li.selected img { 

opacity : 1; 
} 
.pxs_navigation span { 

position : absolute; 

width : 30px; 

height : 60px; 

box-shadow : 0 0 2px #000; 

top : 145px; 

opacity : 0.60000002384185791015625; 

border-radius : 4px; 

cursor : pointer; 
} 
.pxs_navigation span:hover { 

opacity : 0.89999997615814208984375; 
} 
.pxs_navigation span.pxs_prev { 

background : url(../imagens/prev.png) center center no-repeat #000; 
} 
.pxs_navigation span.pxs_next { 

background : url(../imagens/next.png) center center no-repeat #000; 
} 
.pxs_loading { 

color : #fff; 

font-size : 20px; 

padding : 15px 15px 15px 50px; 

position : absolute; 

background : url(../imagens/ajax-loader.gif) 50% 10px no-repeat #333; 

border-radius : 15px; 

opacity : 0.699999988079071044921875; 

width : 180px; 

position : absolute; 

top : 150px; 

left : 50%; 

margin-left : -90px; 
} 
#agencia { 

height : 402px; 

background : url(../imagens/bg_agencia.png) bottom repeat-x; 

padding : 50px 0 0 0; 

position : relative; 

z-index : 2; 
} 
#agencia #topo_agencia { 

height : 64px; 

margin : 20px 0 0 0; 

padding : 0 0 0 0; 

background : url(../imagens/bg_titulo_agencia.png); 
} 
#agencia #topo_agencia #conteudo_topo_agencia { 

height : 64px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 

text-align : left; 

font:60px EngraversGothicBT, Arial, Helvetica, sans-serif; 

} 
#agencia #container_agencia { 

height : 300px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 
} 
#agencia #container_agencia #historia_agencia { 

height : 280px; 

width : 580px; 

float : left; 

padding : 10px 10px 10px 10px; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

color : #000; 
} 
#agencia #container_agencia #imagens_agencia { 

height : 280px; 

width : 380px; 

float : left; 

padding : 10px 10px 10px 10px; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

color : #000; 

text-align : center; 
} 
#agencia #container_agencia #imagens_agencia #logotipo { 

height : 130px; 

padding : 20px 0 20px 0; 

width : 370px; 

text-align : center; 
} 
#agencia #container_agencia #imagens_agencia #imagens { 

height : 110px; 

width : 370px; 

background : url(../imagens/bg_imagens_agencia.png); 
} 
#servicos { 

height : 590px; 

background : url(../imagens/bg_servicos.jpg) center center repeat-x; 

padding : 50px 0 0 0; 
} 
#servicos #topo_servicos { 

height : 64px; 

margin : 20px 0 0 0; 

padding : 0 0 0 0; 

background : url(../imagens/bg_titulo_agencia.png); 
} 
#servicos #topo_servicos #conteudo_topo_servicos { 

height : 64px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 

text-align : left; 

font:60px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#servicos #container_servicos { 

height : 300px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 
} 
#servicos #container_servicos #chamada_servicos { 

height : 30px; 

width : 950px; 

margin : 40px auto; 

padding : 0 0 0 0; 
} 
#servicos #container_servicos .box_servicos { 

height : 380px; 

float : left; 

width : 331.3px; 

margin : 0 0 0 0; 

padding : 0 0 0 0; 
} 
#servicos #container_servicos .box_servicos UL { 

margin : 0 0 0 60px; 

padding : 2.5px 2.5px 2.5px 2.5px; 

list-style : none; 
} 
#servicos #container_servicos .box_servicos UL LI { 

margin : 0 0 5px 0; 

padding : 2.5px 2.5px 2.5px 2.5px; 
} 
#servicos #container_servicos .box_servicos .marketing_digital_logo { 

margin : 2.5px auto; 

height : 106px; 

width : 102px; 

background : url(../imagens/logo_servicos.png) no-repeat; 
} 
#servicos #container_servicos .box_servicos .marketing_digital { 

margin : 0 0 5px 0; 

padding : 2.5px 2.5px 2.5px 2.5px; 

font-size : 25px; 

color : #ffd201; 

text-shadow : 1px 1px #666; 

font-weight : bold; 

height : 20px; 

text-align : center; 
} 
#servicos #container_servicos .box_servicos .sistemas_online_logo { 

margin : 2.5px auto; 

height : 106px; 

width : 102px; 

background : url(../imagens/sistemas_online_logo.png) no-repeat;  
} 
#servicos #container_servicos .box_servicos .sistemas_online { 

margin : 0 0 5px 0; 

padding : 2.5px 2.5px 2.5px 2.5px; 

font-size : 25px; 

color : #7fad15; 

text-shadow : 1px 1px #666; 

font-weight : bold; 

height : 20px; 

text-align : center; 
} 
#servicos #container_servicos .box_servicos .web_hosting_logo { 

margin : 2.5px auto; 

height : 106px; 

width : 102px; 

background : url(../imagens/web_hosting_logo.png) no-repeat;  
} 
#servicos #container_servicos .box_servicos .web_hosting { 

margin : 0 0 5px 0; 

padding : 2.5px 2.5px 2.5px 2.5px; 

font-size : 25px; 

color : #149ddc; 

text-shadow : 1px 1px #666; 

font-weight : bold; 

height : 20px; 

text-align : center; 
} 
#portifolio { 

height : 590px; 

background : url(../imagens/bg_portifolio.jpg) repeat-x; 

padding : 50px 0 0 0; 
} 
#portifolio #topo_portifolio { 

height : 64px; 

margin : 20px 0 0 0; 

padding : 0 0 0 0; 

background : url(../imagens/bg_titulo_agencia.png); 
} 
#portifolio #topo_portifolio #conteudo_topo_portifolio { 

height : 64px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 

text-align : left; 

font:60px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#portifolio #container_portifolio { 

height : 500px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 
} 
#portifolio #container_portifolio #botao_esquerdo_portifolio { 

height : 60px; 

width : 60px; 

float : left; 

margin : 220px 0; 

background : url(../imagens/botoes_portifolio.png) left no-repeat; 
} 
#portifolio #container_portifolio #conteudo_portifolio { 

height : 460px; 

width : 865px; 

float : left; 

padding : 40px 0 0 15px; 
} 
#portifolio #container_portifolio #conteudo_portifolio .box_portifolio { 

height : 195px; 

width : 195px; 

margin : 0 10px 10px 0; 

background: #6C0 url(../imagens/progress.gif) center center no-repeat ; 

float : left; 

padding : 5px; 

position : relative; 

overflow : hidden; 
} 
.clearfix { 

display : block; 

height : 0; 

clear : both; 

visibility : hidden; 
} 
.details { 

margin : 15px 20px; 
} 
h4 { 


font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 


line-height : 160%; 

letter-spacing : 0.15em; 

color : #fff; 
text-shadow : 1px 1px #666;
}
.cor_p{ 
color : #fff; 
text-shadow : 1px 1px #666; 
}
a { 

text-decoration : none; 
} 
.mosaic-overlay { 

display : none; 

z-index : 5; 

position : absolute; 

width : 195px; 

height : 195px; 

background : #111; 
} 
.fade .mosaic-overlay { 

opacity : 0; 

background : url(../imagens/bg-black.png); 
} 
#portifolio #container_portifolio #botao_direito_portifolio { 

height : 60px; 

width : 60px; 

float : left; 

margin : 220px 0; 

background : url(../imagens/botoes_portifolio.png) right no-repeat; 
} 
#clientes { 

height : 580px; 

background : url(../imagens/bg_clientes.jpg) top center; 

padding : 50px 0 0 0; 
} 
#clientes #topo_clientes { 

height : 64px; 

margin : 20px 0 0 0; 

padding : 0 0 0 0; 

background : url(../imagens/bg_titulo_agencia.png); 
} 
#clientes #topo_clientes #conteudo_topo_clientes { 

height : 64px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 

text-align : left; 

font:60px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#clientes #container_clientes { 

height : 400px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 
} 
#clientes #container_clientes #botao_esquerdo_clientes { 

height : 60px; 

width : 60px; 

float : left; 

margin : 220px 0 130px 0; 

background : url(../imagens/botoes_portifolio.png) left no-repeat; 
} 
#clientes #container_clientes #conteudo_clientes { 

height : 400px; 

padding : 50px 0 0 10px; 

width : 870px; 

float : left; 
} 
#clientes #container_clientes #conteudo_clientes .box_clientes { 

height : 190px; 

width : 190px; 

padding : 5px 5px 5px 5px; 

margin : 0 10px 10px 0; 

text-align : center; 

background : url(../imagens/bg_logo_cliente.png) center center no-repeat; 

float : left; 
} 
#clientes #container_clientes #botao_direito_clientes { 

height : 60px; 

width : 60px; 

float : left; 

margin : 220px 0 130px 0; 

background : url(../imagens/botoes_portifolio.png) right no-repeat; 
} 
#contato { 

height : 610px; 

padding : 55px 0px 0px 0px; 
} 
#contato #topo_contato { 

height : 100px; 

background : url(../imagens/bg_topo_contato.png) repeat-x; 

padding : 0 0 0 0; 

position : relative; 

z-index : 1000; 
} 
#contato #topo_contato #conteudo_topo_contato { 

height : 100px; 

width : 1000px; 

margin : 0 auto; 

padding : 0 0 0 0; 

position : relative; 

z-index : 20; 
} 
#contato #topo_contato #conteudo_topo_contato #titulo_contato { 

height : 90px; 

width : 350px; 

padding : 10px 0 0 0; 

float : left; 

text-align : left; 

font:60px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#contato #topo_contato #conteudo_topo_contato #frase_contato { 

height : 60px; 

padding : 30px 10px 10px 10px; 

width : 630px; 

float : left; 

text-align : right; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

background : url(../imagens/bg_frase_contato.png) right no-repeat; 
} 
#contato #mapa_karmake {
	width:100%;
	border:none;
	overflow:hidden;

height : 610px; 

position : relative; 

z-index : 10; 

margin : -100px 0 0 0; 
} 
#contato #conteudo_contato { 

height : 370px; 

padding : 0 0 0 0; 

width : 840px; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

position : relative; 

z-index : 20; 

margin : -490px auto 0; 
} 
#contato #conteudo_contato #formulario { 

height : 350px; 

margin : 10px; 

width : 400px; 

float : left; 


} 
#contato #conteudo_contato #formulario UL { 

list-style : none; 

margin : 0; 

padding : 0; 
} 
#contato #conteudo_contato #formulario UL LI { 

list-style : none; 

margin : 0 5px 5px 0; 

padding : 0; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#contato #conteudo_contato #formulario UL LI INPUT, TEXTAREA { 

border : #3c0 solid 1px; 

background : url(../imagens/bg_rodape_contato.png); 

margin : 0 5px 0 0; 

padding : 5px 5px 5px 5px; 

width : 350px; 

font:16px EngraversGothicBT, Arial, Helvetica, sans-serif; 
} 
#contato #conteudo_contato #formulario UL LI .mensagem { 

width : 350px; 

height : 80px;
 
overflow:auto;
} 
#contato #conteudo_contato #formulario UL LI .botao { 

width : 100px; 
} 
#contato #conteudo_contato #dados_contato { 

height : 348px; 

margin : 10px; 

width : 398px; 

border : #3c0 solid 1px; 

background : url(../imagens/bg_rodape_contato.png); 

float : left; 
} 

#contato #conteudo_contato #dados_contato ul{
	list-style:none;
	margin:30px;
}

#contato #conteudo_contato #dados_contato ul li{ 

	margin:10px;
	font:20px EngraversGothicBT, Arial, Helvetica, sans-serif  bold;
	 
}
#contato #conteudo_contato #dados_contato ul li a{ 

	margin:10px;
	font:20px EngraversGothicBT, Arial, Helvetica, sans-serif  bold;
	 
}

#contato #conteudo_contato #dados_contato2 ul li{ 

	margin:10px;
	font:40px EngraversGothicBT, Arial, Helvetica, sans-serif  bold;
	 
}
#contato #conteudo_contato #dados_contato2 ul li a{ 

	margin:10px;
	font:20px EngraversGothicBT, Arial, Helvetica, sans-serif  bold;
	 
}

#contato #conteudo_contato #dados_contato2 ul{
	list-style:none;
	margin:30px;
}
#contato #conteudo_contato #dados_contato2 { 

height : 348px; 

margin : 10px; 

width : 396px; 

border : #3c0 solid 1px; 

background : url(../imagens/bg_rodape_contato.png); 

float : left; 
} 
#contato #rodape_contato { 

height : 50px; 

padding : 20px 0 0 0; 

font:18px EngraversGothicBT, Arial, Helvetica, sans-serif; 

text-align : center; 

 
position : relative; 

z-index : 20; 

background : url(../imagens/bg_rodape_contato.png); 

margin : 20px 0 0 0; 
}