/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
body#bg-inicial { background: url(../img/bg-ipad.jpg) no-repeat center 0 #041725 !important }
div#topo { background: url(../img/bg-branco-ipad.jpg) no-repeat center 0 !important }
div#menu ul li a { height: 39px !important }
div.destaque-portfolio div#slider ul li div a.btn-ver-projeto { height: 24px !important }
div.destaque-portfolio div#slider ul li div a.btn-ver-projeto:hover { background-position: 0 -26px !important }
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
body#bg-inicial { background: url(../img/bg-ipad.jpg) no-repeat center 0 #041725 !important }
div#topo { background: url(../img/bg-branco-ipad.jpg) no-repeat center 0 !important }
div#menu ul li a { height: 39px !important }
div.destaque-portfolio div#slider ul li div a.btn-ver-projeto { height: 24px !important }
div.destaque-portfolio div#slider ul li div a.btn-ver-projeto:hover { background-position: 0 -26px !important }
}


* { border: 0; color: #FFFFFF; font-family: Tahoma, Arial; font-size: 12px; margin: 0; padding: 0 }
html, body { height: 100% }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto }
.display { display: none }
.block { display: block }

@font-face 
{
	font-family: BebasNeue;
	src: url('fonts/bebasneue.eot');
	src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/bebasneue.woff') format('woff'), 
		 url('fonts/bebasneue.ttf')  format('truetype'),
		 url('fonts/bebasneue.svg#svgFontName') format('svg');
}

body#bg-inicial { background: url(../img/bg-repete-x.jpg) repeat-x center top #041725 }
body#bg-inicial div#topo { background-image: none }

#seta-topo { background: url(../img/seta-topo.png) top no-repeat; bottom: 40px; display: block; font-size: 0; height: 36px; line-height: 0; position: fixed; right: 40px; text-indent: -5000em; width: 36px }
#seta-topo:hover { background-position: bottom }

/* Topo */
div#topo { background: url(../img/bg-topo-repete.jpg); overflow: hidden; width: 100% }
div#topo-alinhamento { margin: 0 auto; width: 900px }
	
	div#menu { margin-bottom: 30px; overflow: hidden }
	div#menu img#logo { border: 0; float: left; margin-top: 30px }
	div#menu ul { float: right; margin-top: 40px }
	div#menu ul li { float: left; list-style: none outside none }
	div#menu ul li a { background: url(../img/menu-principal.png) no-repeat; display: block; font-size: 0; height: 40px; line-height: 0; margin-left: 10px; text-indent: -5000em }
	div#menu ul li a#menu-inicial { background-position: 0 0; width: 80px }
	div#menu ul li a#menu-inicial:hover { background-position: 0 -40px }
	div#menu ul li a#menu-agencia { background-position: -90px 0; width: 91px }
	div#menu ul li a#menu-agencia:hover { background-position: -90px -40px }
	div#menu ul li a#menu-solucoes { background-position: -192px 0; width: 103px }
	div#menu ul li a#menu-solucoes:hover { background-position: -192px -40px }
	div#menu ul li a#menu-portfolio { background-position: -305px 0; width: 105px }
	div#menu ul li a#menu-portfolio:hover { background-position: -305px -40px }
	div#menu ul li a#menu-blog { background-position: -421px 0; width: 66px }
	div#menu ul li a#menu-blog:hover { background-position: -421px -40px }
	div#menu ul li a#menu-contato { background-position: -496px 0; width: 95px }
	div#menu ul li a#menu-contato:hover { background-position: -496px -40px }
	
	div#topo h1 { color: #138AD6; font-family: BebasNeue; font-size: 36px; font-weight: normal; line-height: 36px; margin-bottom: 20px }

/* Conteudo */
div#principal-interna { background: url(../img/bg-azul.jpg) repeat-x center top #041725 }
div#principal-interna-alinhamento { margin: 0 auto; padding: 20px 0; width: 900px }
div#principal-interna-alinhamento h1 { color: #138AD6; font-family: BebasNeue; font-size: 36px; font-weight: normal; line-height: 36px; margin-bottom: 10px }
div#principal-interna-alinhamento h1 span { color: #FFFFFF; font-family: BebasNeue; font-size: 36px; font-weight: normal }
div#principal-interna-alinhamento h2, div#principal-interna-alinhamento h2 a { color: #FFFFFF; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 10px; text-decoration: none }
div#principal-interna-alinhamento h2 span, div#principal-interna-alinhamento h2 a span { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal }
div#principal-interna-alinhamento h3 { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 5px }
div#principal-interna-alinhamento p { margin-bottom: 15px; line-height: 18px }
div#principal-interna-alinhamento p a {  }
div#principal-interna-alinhamento p a:hover { color: #F45304 }
div#principal, div#centro { margin: 0 auto; overflow: hidden; width: 900px }
.clear { clear: both; font-size: 0; line-height: 0; width: 100% }
.externo { background: url(../img/site-ext.gif) right no-repeat; padding-right: 18px }
	
	/* Pagina Inicial */
	div#box-chamadas-inicial-esquerda { float: left; overflow: hidden; width: 596px }
	div#box-chamadas-inicial-direita { float: right; width: 291px }

	/* Frase de impacto - Inicial */
	h1#frase-impacto-inicial { float: left; font-weight: normal; width: 355px }
	h1#frase-impacto-inicial span.txt-1 { color: #145e8d; display: block; font-family: BebasNeue; font-size: 60px; line-height: 48px }
	h1#frase-impacto-inicial span.txt-2 { color: #138ad6; display: block; font-family: BebasNeue; font-size: 100px; line-height: 77px }
	h1#frase-impacto-inicial span.txt-3 { color: #003455; display: block; font-family: BebasNeue; font-size: 60px; line-height: 49px; margin-top: -4px; text-align: right; width: 353px }
	p#frase-2-impacto-inicial { color: #6D6E71; float: left; font-size: 16px; line-height: 19px; margin: 44px 0 0 15px; width: 215px }
	
	/* Chamadas Inicial */
	h2#txt-planejamento, h2#txt-criacao, h2#txt-seo, div#box-chamadas-inicial-direita p { margin-bottom: 7px }
	h2#txt-planejamento a, h2#txt-criacao a, h2#txt-seo a { display: block; font-size: 0; height: 122px; line-height: 0; text-indent: -5000em; width: 291px }
	h2#txt-planejamento a:hover, h2#txt-criacao a:hover, h2#txt-seo a:hover { background-position: 0 -122px }
	h2#txt-planejamento a { background: url(../img/txt-planejamento.png) no-repeat }
	h2#txt-criacao a { background: url(../img/txt-criacao.png) no-repeat }
	h2#txt-seo a { background: url(../img/txt-seo.png) no-repeat }
	div#box-chamadas-inicial-direita p a.cinza { color: #212121 }
	div#box-chamadas-inicial-direita p a { color: #FFFFFF; line-height: 18px; text-decoration: none }
	div#box-chamadas-inicial-direita p a:hover { text-decoration: underline }
	
	/* Banner */
	div#banner { margin-top: -40px; position: absolute }
	div#banner ul li { display: block; list-style: none outside none; overflow: hidden }
	div#banner ul li a { display: block; overflow: hidden }
	div#banner ul li span { position: absolute; overflow: hidden }
	div#banner ul li span img { behavior: url(/lib/js/iepngfix.htc)  }
	
	/* Paginação */
	div.bx-pager { margin-left: 512px; margin-top: -35px; position: absolute; z-index: 999 }
	div.bx-pager a.pager-link, a.pager-link:hover { background: url(../img/banner/navegacao.png) no-repeat; display: block; float: left; font-size: 0; height: 18px; line-height: 0; margin-left: 5px; text-indent: -5000em; width: 18px }
	div.bx-pager a.pager-link:hover { background-position: 0 -19px }
	div.bx-pager a.pager-active { background-position: 0 -38px }
	
	/* Destaques Inicial */
	div.bg-destaques { margin: 20px auto 40px; width: 900px }
	div#destaques { background: url(../img/bg-destaques.png) no-repeat 0 125px; height: 213px; width: 966px }
	div#destaques h2 { color: #FFFFFF; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 15px }
	div#destaques h2 span { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal }
	div#destaques ul { overflow: hidden }
	div#destaques ul li { float: left; list-style: none outside none; margin-right: 25px; width: 206px }
	div#destaques ul li.primeiro-destaque { margin-left: 1px }
	div#destaques ul li.ultimo-destaque { margin-right: 0 }
	div#destaques ul li h3 { font-weight: normal }
	div#destaques ul li h3 a { color: #FFFFFF; border-bottom: 2px solid #1266a8; display: block; text-decoration: none; padding-bottom: 4px; margin-bottom: 10px }
	div#destaques ul li h3 a:hover { border-bottom: 2px solid #f45304 }
	div#destaques ul li div.item { border-bottom: 4px solid #555555; float: left; height: 128px; overflow: hidden; position: relative; width: 206px }
	div#destaques ul li div.item .caption { width: 206px; height: 128px; background-color: #000; color: #fff; font-weight: bold; position: absolute; left: 0; display: none; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85 }
	div#destaques ul li div.item .caption a { width: 206px; height: 128px; text-decoration: none; color: #0cc7dd; font-size: 16px; padding: 5px; display: block; overflow: hidden }
	div#destaques ul li div.item .caption span { background-color: #000; cursor: pointer; display: block; font-size: 12px; height: 17px; margin: 50px auto 0; padding: 5px; text-align: center; width: 85px }
	div#destaques ul li div.item .caption p a { color: #FFFFFF; font-size: 12px; padding: 0 }
	div#destaques ul li div.item img { border: 0; position: absolute }
	
	/*Link Ver Mais*/
	p.link-mais { margin-bottom: 0 !important; text-align: right }
	p.link-mais a { color: #FFFFFF; font-family: BebasNeue; font-size: 18px; text-decoration: none }
	p.link-mais a:hover { text-decoration: underline }
	p.link-mais a span { color: #f45304; font-family: BebasNeue; font-size: 18px }
	p.link-mais a:hover span { text-decoration: underline }
	
	/* Box Princi Web - Inicial */
	div#box-princi { background: url(../img/bg-box-princi.png); float: left; margin: 0 20px 20px 0; padding: 10px; width: 265px }
	div#box-princi h2 { color: #FFFFFF; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 10px }
	div#box-princi h2 span { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal }
	div#box-princi p { line-height: 18px; margin-bottom: 15px }
	
	/* Box Últimos Tweets - Inicial */
	div#box-tweets { float: left; margin: 0 20px 20px 0; padding: 6px 0 10px; width: 287px }
	div#box-tweets h2 { background: url("../img/twitter.png") no-repeat right 0; color: #FFFFFF; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 10px; padding: 4px 0; width: 175px }
	div#box-tweets h2 span { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal }
	div#box-tweets ul {}
	div#box-tweets ul li { border-bottom: 1px solid #0B446C; color: #FFFFFF; line-height: 18px; list-style: none outside none; margin-bottom: 10px; padding-bottom: 10px }
	div#box-tweets ul li a { color: #55caff }
	div#box-tweets ul li a:hover { color: #f45304 }
	
	/* Box Destaque do Blog - Inicial */
	div#box-blog { float: left; margin-bottom: 20px; padding: 10px 0; width: 288px }
	div#box-blog h2 { color: #FFFFFF; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 10px }
	div#box-blog h2 span { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal }
	div#box-blog h3 { margin-bottom: 15px }
	div#box-blog h3 a { color: #55CAFF; font-size: 14px; text-decoration: none }
	div#box-blog h3 a:hover { text-decoration: underline }
	div#box-blog img { border: 3px solid #989898; margin-bottom: 15px }
	div#box-blog p { line-height: 18px; margin-bottom: 15px }
	div#box-blog p a  { cursor: pointer; text-decoration: none }
	div#box-blog p a:hover { text-decoration: underline }
	
	/* Portfolio */
	div.destaque-portfolio { padding-bottom: 20px; overflow: hidden }
	div.destaque-portfolio div#slider { }
	div.destaque-portfolio div#slider ul { overflow: hidden }				
	div.destaque-portfolio div#slider ul li { background: url(../img/bg-destaque-portfolio.png) no-repeat; height: 267px }
	div.destaque-portfolio div#slider ul li img.img-destaque { border: 0; float: left; margin: 6px 20px 0 6px }
	div.destaque-portfolio div#slider ul li div { float: left; width: 464px }
	div.destaque-portfolio div#slider ul li div h2 { color: #138AD6; font-family: BebasNeue; font-size: 36px; font-weight: normal; line-height: 36px; margin-bottom: 5px }
	div.destaque-portfolio div#slider ul li div h3 { color: #999999; font-weight: normal; font-size: 14px; margin-bottom: 20px }
	div.destaque-portfolio div#slider ul li div p { color: #000000; font-size: 12px; line-height: 18px; margin-bottom: 20px }
	div.destaque-portfolio div#slider ul li div a.btn-ver-projeto { background: url(../img/btn-ver-projeto.gif) no-repeat; display: block; font-size: 0; height: 25px; line-height: 0; text-indent: -5000em; width: 93px }
	div.destaque-portfolio div#slider ul li div a.btn-ver-projeto:hover { background-position: 0 -25px }
	div.destaque-portfolio ol#controls { margin-left: 837px; margin-top: -16px; overflow: hidden; position: absolute; z-index: 9999 }
	div.destaque-portfolio ol#controls li { float: left; margin: 0 4px; list-style: none outside none }
	div.destaque-portfolio ol#controls li a { background: url(../img/ico-bolinha-navegacao.png) no-repeat; display: block; font-size: 0; height: 14px; line-height: 0; text-indent: -5000em; width: 14px }
	div.destaque-portfolio ol#controls li a:hover { background-position: 0 -15px }
	div.destaque-portfolio ol#controls li.current a { background-position: 0 -30px }
	
	div#filtro { background: url(../img/bg-filtro.png); margin-bottom: 20px; padding: 10px }
	div#filtro p { color: #3e5a6e; margin: 0 }
	div#filtro p span { color: #FFFFFF }
	div#filtro p a { color: #3e5a6e; font-family: BebasNeue; font-size: 17px; font-weight: normal; text-decoration: none }
	div#filtro p a:hover { color: #FFFFFF; text-decoration: underline }
	div#filtro p a.ativo { color: #f45304 }
	div#filtro span { display: block; float: left; line-height: 22px; margin-right: 10px }
	div#filtro form div { float: left; margin: 0 10px 0 0 }
	div#filtro form div label { display: inline; font-family: BebasNeue; font-size: 17px; margin: 0 5px 0 0; position: relative; top: 2px }
	div#filtro form div select { background-color: #093C64; border: 0 none; color: #138AD6; padding: 0 }
	div#filtro form div select option { color: #FFFFFF; display: block; padding: 0 5px }
	div#filtro form div input.btnFiltrar { background-color: #138AD6; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: BebasNeue; font-size: 17px; padding: 0 5px }
	div#filtro form div input.btnFiltrar:hover { background-color: #f45304 }
	
	div#destaques-interno { width: 966px }
	div#destaques-interno ul { overflow: hidden; width: 966px }
	div#destaques-interno ul li { background: url(../img/bg-destaques-interno.png) no-repeat 0 50px; float: left; list-style: none outside none; margin-bottom: 40px; padding: 0 0 6px 0; width: 231px }
	div#destaques-interno ul li.primeiro-destaque { margin-left: 1px }
	div#destaques-interno ul li.ultimo-destaque { width: 271px }
	div#destaques-interno ul li div.item { border-bottom: 4px solid #555555; float: left; height: 128px; overflow: hidden; position: relative; width: 206px }
	div#destaques-interno ul li div.item .caption { width: 206px; height: 128px; background-color: #000; color: #fff; font-weight: bold; position: absolute; left: 0; display: none; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9 }
	div#destaques-interno ul li div.item .caption a { text-decoration: none; color: #0cc7dd; font-size: 16px; padding: 5px; display: block }
	div#destaques-interno ul li div.item .caption p { background-color: #333333; cursor: pointer; display: block; font-size: 12px; height: 17px; margin: 50px auto 0; padding: 5px; text-align: center; opacity: 1.0; width: 85px }
	div#destaques-interno ul li div.item .caption p a { color: #FFFFFF; font-size: 12px; padding: 0 }
	div#destaques-interno ul li div.item img { border: 0; position: absolute }
	
	ul.paginacao { overflow: hidden }
	ul.paginacao li { float: left; list-style: none outside none; }
	ul.paginacao li a { background-color: #138AD6; font-family: BebasNeue; font-size: 20px; font-weight: normal; line-height: 24px; margin-left: 5px; padding: 0 8px; text-decoration: none }
	ul.paginacao li a:hover { background-color: #f45304 }
	ul.paginacao li.pag-ant a { background: url(../img/btn-anterior.gif) no-repeat; width: 82px }
	ul.paginacao li.prox-pag a { background: url(../img/btn-proxima.gif) no-repeat; margin-left: 5px !important; width: 78px }
	ul.paginacao li.pag-ant a, ul.paginacao li.prox-pag a { display: block; font-size: 0; height: 24px; line-height: 0; margin: 0; padding: 0; text-indent: -5000em }
	ul.paginacao li.pag-ant a:hover, ul.paginacao li.prox-pag a:hover { background-position: 0 -24px }
	ul.paginacao li.pag-atual { background-color: #8a8a8a; font-family: BebasNeue; font-size: 20px; font-weight: normal; line-height: 24px; margin-left: 5px; padding: 0 8px; text-decoration: none }
	ul.paginacao li.reticencias { font-family: BebasNeue; font-size: 20px; font-weight: normal; line-height: 24px; margin-left: 5px }
	
	/* Carrossel */
	.jcarousel-container a.bx-prev, .jcarousel-container a.jcarousel-prev-disabled, .jcarousel-container a.bx-next, .jcarousel-container a.jcarousel-next-disabled { background: url(../img/navegacao-galeria.gif) no-repeat; display: block; font-size: 0; height: 25px; line-height: 0; text-indent: -5000em; width: 20px }
	.jcarousel-container a.bx-prev { background-position: 0 0; cursor: pointer; margin-top: -64px; position: absolute }
	.jcarousel-container a.bx-prev:hover { background-position: 0 -25px; cursor: pointer; margin-top: -64px; position: absolute }
	.jcarousel-container a.jcarousel-prev-disabled, .jcarousel-container a.jcarousel-prev-disabled:hover { background-position: 0 -50px; cursor: default; margin-top: -64px; position: absolute }
	.jcarousel-container a.bx-next { background-position: -20px 0; margin-left: 861px; margin-top: -64px; position: absolute }
	.jcarousel-container a.bx-next:hover { background-position: -20px -25px; cursor: pointer; margin-left: 861px; margin-top: -64px; position: absolute }
	.jcarousel-container a.jcarousel-next-disabled, .jcarousel-container a.jcarousel-next-disabled:hover { background-position: -20px -50px; cursor: default; margin-top: -64px; position: absolute }

	/* Detalhes Portfolio */
	div#banner-maior-portfolio { background: url(../img/sombra-banner-maior-portfolio.png) no-repeat left bottom; margin-bottom: 20px; padding: 0 0 10px 0; width: 959px }
	div#banner-maior-portfolio img { background-color: #f3f3f3; border: 6px solid #eaeaea; display: block }
	div#principal-interna-alinhamento h2.portfolio { font-size: 30px }
	div#principal-interna-alinhamento h2.portfolio span { font-size: 30px }
		img.print { background-color: #f3f3f3; border: 6px solid #eaeaea; display: block; float: left; margin-bottom: 20px }
		div#lateral-portfolio { background: url(../img/bg-box-princi.png); float: right; padding: 10px; width: 156px }
		div#lateral-portfolio h3 { color: #138ad6; font-family: BebasNeue; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 10px }
		div#lateral-portfolio h4 { margin-bottom: 5px }
		div#lateral-portfolio ul li { background: url(../img/ico-ul.png) no-repeat 0 11px; color: #AAAAAA; line-height: 25px; list-style: none outside none; padding-left: 15px }
		div#lateral-portfolio a.link-site { background: none #138AD6;  color: #FFFFFF; display: block; font-family: BebasNeue; font-size: 20px; margin-top: 10px; padding: 5px; text-align: center; text-decoration: none }
		div#lateral-portfolio a.link-site:hover { background-color: #F45304 }
		
		ul.galeria, div#conteudo-lateral ul.galeria { clear: both; margin-bottom: 21px; overflow: hidden }
		ul.galeria li, div#conteudo-lateral ul.galeria li { background: none; float: left; line-height: normal; list-style: none outside none; margin: 0 9px 9px 0; padding: 0; width: 169px }
		ul.galeria li img, div#conteudo-lateral ul.galeria li img { background-color: #f3f3f3; border: 6px solid #eaeaea; display: block }
		ul.galeria li.anula-margem, div#conteudo-lateral ul.galeria li.anula-margem { margin-right: 0 }
		
		img.img-seo-portfolio { background-color: #f3f3f3; border: 6px solid #eaeaea; float: left; margin: 0 15px 30px 0 }
		div#seo-portfolio { background-color: #072E48; float: left; padding: 10px; margin-bottom: 30px; width: 503px }
		div#seo-portfolio ul li { background: url(../img/ico-seta-ul.png) no-repeat 0 9px; line-height: 22px; list-style: none outside none; padding-left: 15px }
		div#seo-portfolio a.link-site { background: none #138AD6;  color: #FFFFFF; display: block; float: left; font-family: BebasNeue; font-size: 20px; margin-top: 15px; padding: 5px 20px; text-align: center; text-decoration: none }
		div#seo-portfolio a.link-site:hover { background-color: #F45304 }
		
		div#links-patrocinados-portfolio { margin-bottom: 30px; overflow: hidden }
		div#links-patrocinados-portfolio p { float: left; margin-right: 15px; width: 515px }
		div#links-patrocinados-portfolio ul { float: left; width: 370px }
		div#links-patrocinados-portfolio ul li { background: url(../img/ico-seta-ul.png) no-repeat 0 9px; line-height: 22px; list-style: none outside none; padding-left: 15px }
		
		div#compartilhe { float: right; }
		div#compartilhe span.txt-compartilhe { display: block; float: left; line-height: 18px; margin-right: 10px }
		
		/* Carousel */
		div.jcarousel-container ul { overflow: hidden }
		div.jcarousel-container ul li { background: none transparent; float: left; margin: 0 9px 9px 0; padding: 0; width: 169px !important }
		div.jcarousel-container ul li a {}
		div.jcarousel-container ul li a img { margin: 0; width: auto }
		div.jcarousel-container { margin-bottom:  21px; width: 882px !important }
		div.jcarousel-container .jcarousel-clip { height: 105px; overflow: hidden; width: 882px !important }
		/*div.jcarousel-container a.bx-prev, div.jcarousel-container a.bx-next { background: url(../img/navegacao-galeria-semi-novos.gif) no-repeat; cursor: pointer; display: block; font-size: 0; height: 56px; line-height: 0; text-indent: -5000em; width: 12px; position: absolute; z-index: 99 }
		div.jcarousel-container a.bx-prev { background-position: -12px 0; margin-left: -12px; margin-top: -56px }
		div.jcarousel-container a.bx-prev:hover { background-position: 0 0 }
		div.jcarousel-container a.bx-next { background-position: -24px 0; margin-left: 307px; margin-top: -56px }
		div.jcarousel-container a.bx-next:hover { background-position: -36px 0 }*/

	/* Solucoes */
	div#infografico { background: url(../img/infografico.jpg) no-repeat; height: 312px; margin-bottom: 20px; position: relative; width: 901px }
	div#infografico a { cursor: help }
	div#infografico a.briefing { left: 163px; position: absolute; top: 167px }
	div#infografico a.braimstorming { left: 295px; position: absolute; top: 87px }
	div#infografico a.seo { left: 476px; position: absolute; }
	div#infografico a.criacao { left: 584px; position: absolute; top: 181px }
	div#infografico a.programacao { left: 708px; position: absolute; top: 73px }
	div#infografico div.conteudo { display: none }
	
	div#humor-cliente { overflow: hidden }
	div.img-duvidas, div.img-ansioso, div.img-feliz { float: left; width: 300px }
	div.img-duvidas a, div.img-ansioso a, div.img-feliz a { cursor: help; display: block; width: 45px }
	div.img-duvidas a { float: left }
	div.img-ansioso a { margin: 0 auto; text-align: center }
	div.img-feliz a { float: right; text-align: right }
	div#humor-cliente div.conteudo { display: none }
	div#barra { background-color: #677B8B; clear: both; font-size: 0; height: 10px; line-height: 0; margin-bottom: 20px; text-indent: -5000em }
	div#barra-colorida { background: url(../img/barra-humor-cliente.png) no-repeat; font-size: 0; height: 10px; line-height: 0; text-indent: -5000em; width: 0 }

	div.box-solucoes, div.box-solucoes-maior { background: url(../img/bg-box-princi.png); float: left; height: 120px; margin-bottom: 20px; padding: 10px; width: 266px }
	div.box-solucoes img { float: left; margin: 20px 10px 10px 0 }
	div.box-solucoes h2, div.box-solucoes h2 a, div.box-solucoes h2 span, div.box-solucoes-maior h2, div.box-solucoes-maior h2 a, div.box-solucoes-maior h2 span { font-size: 18px !important; margin-bottom: 5px !important }
	div#criacao-sites, div#sistemas-internet { margin-right: 21px; margin-left: 21px }
	div.box-solucoes p { margin-bottom: 0 !important }
	
	div.box-solucoes-maior { clear: both; float: none; height: auto; margin: 0 auto; width: 660px }
	div.box-solucoes-maior ul { overflow: hidden }
	div.box-solucoes-maior ul li { background-color: #051C2C; float: left; height: 230px; list-style: none outside none; margin: 0 5px; padding: 10px; width: 135px }
	div#principal-interna-alinhamento div.box-solucoes-maior ul li h3 { margin-bottom: 10px }
	div#principal-interna-alinhamento div.box-solucoes-maior ul li h3 a { color: #F45304; font-family: tahoma; font-size: 12px; font-weight: normal; text-decoration: none }
	div.box-solucoes-maior ul li p { margin: 0 }
	div.box-solucoes-maior ul li img { display: block; margin: 0 auto 10px }
	
	div.box-solucoes p a, div.box-solucoes-maior ul li p a { text-decoration: none }
	div.box-solucoes p a:hover, div.box-solucoes-maior ul li p a:hover { color: #FFFFFF !important; text-decoration: underline }
	
	.ui-tooltip-titlebar { font-family: BebasNeue !important }
	
	div#menu-lateral { float: right; margin: 0 0 20px 20px; width: 175px }
	div#menu-lateral h2 { color: #138AD6 }
	div#menu-lateral ul li { background-color: #002037; color: #969595; font-family: BebasNeue; font-size: 17px; font-weight: normal; list-style: none outside none; margin-bottom: 5px; padding: 5px 10px 3px }
	div#menu-lateral ul li a { color: #FFFFFF; font-family: BebasNeue; font-size: 17px; font-weight: normal; text-decoration: none }
	div#menu-lateral ul li a:hover { color: #f45304 }
	div#menu-lateral ul li ul li { margin: 0; padding: 0 10px }
	div#menu-lateral a.link-orcamento { background-color: #f45304; color: #FFFFFF; display: block; font-family: BebasNeue; font-size: 22px; margin: 20px 0; padding: 5px; text-align: center; text-decoration: none }
	div#menu-lateral a.link-orcamento:hover { background-color: #138AD6 }
	
	div#conteudo-lateral { float: left; width: 705px }
	div#conteudo-lateral ul, div#conteudo-lateral ol { margin-bottom: 15px; overflow: hidden }
	div#conteudo-lateral ul li { background: url(../img/ico-seta-ul.png) no-repeat 0 9px; line-height: 22px; list-style: none outside none; padding-left: 15px }
	div#conteudo-lateral ol li { color: #F45304; font-weight: bold; list-style: decimal inside none }
	div#conteudo-lateral ol li p { font-weight: normal; padding-left: 20px }
	div#conteudo-lateral ul li a:hover, div#conteudo-lateral ol li a:hover { color: #f45304 }
	
	div#conteudo-lateral ul.logos li { background: none; float: left; line-height: normal; list-style: none outside none; margin: 0 7px 7px 0; padding: 0 }
	div#conteudo-lateral ul.logos li.anula-margem { margin: 0 !important }
	div#conteudo-lateral ul.logos li img { display: block }
	
	div#conteudo-lateral img.img-esquerda { float: left; margin: 0 15px 15px 0 }
	div#conteudo-lateral img.img-direita { float: right; margin: 0 0 15px 15px }
	div#conteudo-lateral div.img-esquerda-legenda, div#conteudo-lateral div.img-direita-legenda { background: url(../img/bg-box-princi.png); padding: 15px; width: 250px }
	div#conteudo-lateral div.img-esquerda-legenda { float: left; margin: 0 15px 15px 0 }
	div#conteudo-lateral div.img-direita-legenda { float: right; margin: 0 0 15px 15px }
	div#conteudo-lateral div.img-esquerda-legenda p, div#conteudo-lateral div.img-direita-legenda p { margin: 0 }
	div#conteudo-lateral div.img-esquerda-legenda img, div#conteudo-lateral div.img-direita-legenda img { display: block; margin: 0 auto 10px }

	div#img-criacao-sites { background: url(../img/banner-criacao-sites.jpg) no-repeat; height: 490px; width: 900px }
	div#img-criacao-sites div { margin: 290px 0 0 610px; position: absolute; width: 163px }
	div#img-criacao-sites div h2 { color: #29A8F9; font-family: BebasNeue; font-size: 20px; font-weight: normal }
	div#img-criacao-sites div p { line-height: 18px }
	
	div#conteudo-lateral blockquote { background: url("../img/bg-box-princi.png"); margin-bottom: 15px; padding: 15px; overflow: hidden }
	div#conteudo-lateral blockquote p.img { margin: 0 }
	div#conteudo-lateral blockquote p.img img { display: block; float: left; margin: 0 15px 0 0 }
	div#conteudo-lateral blockquote p { line-height: 18px }
	div#conteudo-lateral blockquote p.autor { font-family: tahoma; font-weight: bold; line-height: 18px; margin: 0; text-align: right }
	
	/* Agencia */
	div#principal-interna-alinhamento h2.txt-agencia { font-size: 48px; line-height: 48px }
	div#principal-interna-alinhamento h2.txt-agencia span { display: block; font-size: 30px; line-height: 30px; padding-left: 85px }
		div#info-agencia { float: left; margin-right: 15px; width: 498px }
		
		div#fotos-flickr { float: left; width: 387px }
		div#fotos-flickr ul {}
		div#fotos-flickr ul li { float: left; list-style: none outside none; margin: 0 0 10px 10px }
		div#fotos-flickr ul li img { display: block; border: 1px solid #FFFFFF }
		div#fotos-flickr a#btn-fotos-flickr { background: url(../img/btn-fotos-flickr.gif) no-repeat; display: block; float: right; font-size: 0; height: 38px; line-height: 0; padding: 0; text-indent: -5000em; width: 188px }
		div#fotos-flickr a#btn-fotos-flickr:hover { background-position: 0 -38px } 
		
		div#solucoes-metodologias, div#clientes-portfolios { background: url(../img/bg-box-princi.png); float: left; padding: 15px; margin-bottom: 30px; width: 412px; height: 356px }
		div#solucoes-metodologias { margin-right: 15px }
		div#solucoes-metodologias img, div#clientes-portfolios img { display: block; margin: 0 auto }
		div#clientes-portfolios img { margin: 30px auto 25px }
		div#solucoes-metodologias a, div#clientes-portfolios a { background-color: #138AD6; float: right; font-family: BebasNeue; font-size: 18px; margin-top: 15px; padding: 1px 5px 0; text-decoration: none }
		div#clientes-portfolios a { margin-top: 33px }
		div#solucoes-metodologias a:hover, div#clientes-portfolios a:hover { background-color: #f45304 }
		
		/* Box Apadi */
		div#box-apadi { float: left; margin: 0 20px 20px 0; padding: 10px 0; width: 285px }
		div#box-apadi img { display: block; margin-bottom: 15px }

	/* Contato */
	div.conteudo-esquerda { float: left; margin-right: 15px; width: 580px }
	div.conteudo-direita { float: left; width: 305px }
	div.conteudo-direita p a { color: #138AD6 }
	div.conteudo-direita p a:hover { color: #F45304 }
	
	ul#botoes-contato { overflow: hidden; margin-bottom: 15px }
	ul#botoes-contato li { float: left; list-style: none outside none }
	ul#botoes-contato li a { background: url(../img/btn-orcamento-contato.gif) no-repeat; display: block; font-size: 0; height: 84px; line-height: 0; text-indent: -5000em; width: 284px }
	ul#botoes-contato li a#btn-orcamento { margin-right: 12px }
	ul#botoes-contato li a#btn-orcamento:hover, ul#botoes-contato li a.btn-orcamento-selecionado { background-position: 0 -84px; margin-right: 12px }
	ul#botoes-contato li a#btn-contato { background-position: -294px 0 }
	ul#botoes-contato li a#btn-contato:hover, ul#botoes-contato li a.btn-contato-selecionado { background-position: -294px -84px !important }
	
		/* Padrao Formulario */
		span.obrigatorio { color: #f45304 }
		form legend { display: none }
		form div { margin-bottom: 10px }
		form div p { margin: 5px 0 !important }
		form div.alinhamento { float: left }
		form div.clear { font-size: 12px; line-height: 18px; width: auto }
		form div label { display: block; margin: 5px 0 }
		form div label.error { color: #f45304 }
		form div input, form div select, form div textarea { border: 1px solid #FFFFFF; color: #000000 }
		form div input:focus, form div select:focus, form div textarea:focus { border: 1px solid #f45304 }
		form div input { padding: 5px }
		form div select { padding: 4px }
		form div select option { color: #000000 }
		form div textarea { padding: 5px; width: 568px; height: 130px }
		form div ul { margin-bottom: 15px; overflow: hidden }
		form div ul li { float: left; list-style: none outside none; padding: 10px 0; width: 290px }
		form div ul li label { cursor: pointer; float: left; margin: 0 }
		form div ul li input { border: 0 none; float: left; margin-right: 5px; padding: 0 }
		ul.erros-formularios { border: 1px solid #F45304; margin-bottom: 15px; padding: 15px }
		ul.erros-formularios li { line-height: 18px; list-style: disc inside none }
		
	div.styledCheckbox { float: left; margin: 0 10px 0 0 }
   
	form div input.txtNome, form div input.txtEmail, form div input.txtRamoAtividade { width: 567px }
	form div input.txtTelefone { margin-right: 15px; width: 85px }
	form div input.txtCidade, form div input.txtEmpresa { margin-right: 15px; width: 304px }
	form div input.btnEnviar { background: url(../img/btn-enviar.gif) no-repeat; border: 0 none; cursor: pointer; float: right; font-size: 0; height: 32px; line-height: 0; padding: 0; width: 91px }
	form div input.btnEnviar:hover { background-position: 0 -32px }
	
	div.conteudo-direita p.email { margin-bottom: 50px !important; }
	div.conteudo-direita p.email a { background-color: #138AD6; color: #FFFFFF; display: block; font-family: BebasNeue; font-size: 30px; line-height: 30px; padding-top: 3px; text-align: center; text-decoration: none }
	div.conteudo-direita p.email a:hover { background-color: #F45304; color: #FFFFFF !important }
	div.telefones { margin-bottom: 15px }
	div.telefones p { font-family: BebasNeue; font-size: 31px; margin: 0 !important }
	div.telefones p span.ddd { font-family: BebasNeue; font-size: 18px }
	div.telefones p span.img { background: url(../img/ico-telefone.png) no-repeat; display: inline-block; height: 22px; line-height: 33px; width: 15px }
	
	ul.redes-sociais { margin: 50px 0 15px }
	ul.redes-sociais li { list-style: none outside none }
	ul.redes-sociais li a { background: url(../img/btn-redes-sociais.png) no-repeat; display: block; font-size: 0; height: 60px; line-height: 0; text-indent: -5000em; width: 302px }
	ul.redes-sociais li a.facebook { background-position: 0 0 }
	ul.redes-sociais li a.facebook:hover { background-position: -302px 0 }
	ul.redes-sociais li a.twitter { background-position: 0 -60px }
	ul.redes-sociais li a.twitter:hover { background-position: -302px -60px }
	
	/* Página 404 */
	div.erro-404 { padding-bottom: 301px;}


/* Rodape */
div#rodape { background: url(../img/bg-rodape.png) no-repeat center top; padding-top: 43px }
	div#rodape-conteudo { margin: 0 auto; overflow: hidden; padding: 50px 0 30px 0; width: 900px }
	div#rodape-conteudo div.esquerda, div#rodape-conteudo div.centro, div#rodape-conteudo direita  { float: left }
	
	div#rodape-conteudo div.esquerda { background: url(../img/divisa-rodape.gif) right top repeat-y; height: 147px; padding-right: 2px; width: 210px }
	div#rodape-conteudo div.esquerda p.telefone { font-size: 24px; font-weight: bold; margin: 0 }
	div#rodape-conteudo div.esquerda p.telefone span { font-size: 14px; font-weight: bold }
	div#rodape-conteudo div.esquerda a { color: #55caff; font-size: 14px; text-decoration: none }
	div#rodape-conteudo div.esquerda a:hover { text-decoration: underline }
	div#rodape-conteudo div.esquerda p { margin: 10px 0; line-height: 18px }
	div#rodape-conteudo div.esquerda ul#redes-sociais { overflow: hidden }
	div#rodape-conteudo div.esquerda ul#redes-sociais li { list-style: none outside none; float: left; margin-right: 5px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a { background: url(../img/redes-sociais.png) no-repeat; display: block; font-size: 0; height: 27px; line-height: 0; text-indent: -5000em; outline: none }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#twitter { background-position: 0 0; width: 26px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#twitter:hover { background-position: 0 -27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#facebook { background-position: -31px 0; width: 27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#facebook:hover { background-position: -31px -27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#flickr { background-position: -63px 0; width: 27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#flickr:hover { background-position: -63px -27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#linkedin { background-position: -96px 0; width: 27px }
	div#rodape-conteudo div.esquerda ul#redes-sociais li a#linkedin:hover { background-position: -96px -27px }

	div#rodape-conteudo div.centro { background: url(../img/divisa-rodape.gif) right top repeat-y; height: 147px; padding: 0 22px 0 20px }
	div#rodape-conteudo div.centro ul { float: left }
	div#rodape-conteudo div.centro ul li { list-style: none outside none; line-height: 18px }
	
	div#rodape-conteudo div.centro ul.col-nivel-1 { width: 90px }
	div#rodape-conteudo div.centro ul.col-nivel-1 li a { text-transform: uppercase; text-decoration: none }
	div#rodape-conteudo div.centro ul.col-nivel-1 li a:hover { text-decoration: underline }

	div#rodape-conteudo div.centro ul.col-nivel-2 { width: 190px }
	div#rodape-conteudo div.centro ul.col-nivel-2 li a.nivel-1 { text-transform: uppercase; text-decoration: none }
	div#rodape-conteudo div.centro ul.col-nivel-2 li a.nivel-1:hover { text-decoration: underline }
	div#rodape-conteudo div.centro ul.col-nivel-2 li ul li a { color: #6ba8d5; text-decoration: none }
	div#rodape-conteudo div.centro ul.col-nivel-2 li ul li a:hover { text-decoration: underline }

	div#rodape-conteudo div.centro ul.col-nivel-3 { width: 160px }
	div#rodape-conteudo div.centro ul.col-nivel-3 li a.nivel-2 { color: #6ba8d5; text-decoration: none }
	div#rodape-conteudo div.centro ul.col-nivel-3 li a.nivel-2:hover { text-decoration: underline }
	div#rodape-conteudo div.centro ul.col-nivel-3 li span { color: #6BA8D5 }
	div#rodape-conteudo div.centro ul.col-nivel-3 li ul li { color: #496b83; list-style: disc inside none }
	div#rodape-conteudo div.centro ul.col-nivel-3 li ul li a { color: #496b83; text-decoration: none }
	div#rodape-conteudo div.centro ul.col-nivel-3 li ul li a:hover { text-decoration: underline }
	
	div#rodape-conteudo div.direita { float: right; margin-left: 30px; width: 169px }
	div#rodape-conteudo div.direita p { text-align: right; margin-bottom: 5px }
	div#rodape-conteudo div.direita a#selo-apadi, div#rodape-conteudo div.direita a#selo-xhtml, div#rodape-conteudo div.direita a#selo-css, div#rodape-conteudo div.direita a#assinatura { display: block; font-size: 0; line-height: 0; text-indent: -5000em }
	
	div#rodape-conteudo div.direita a#selo-apadi { background: url(../img/selo-apadi.gif) no-repeat top right; float: right; height: 35px; margin-bottom: 15px; outline: none; width: 169px }
	div#rodape-conteudo div.direita a#selo-xhtml { background: url(../img/selo-xhtml.gif) no-repeat; float: right; height: 37px; margin: 0 0 15px; outline: none; padding: 0; width: 31px }
	div#rodape-conteudo div.direita a#selo-css { background: url(../img/selo-css.gif) no-repeat; float: right; height: 37px; margin-bottom: 15px; outline: none; padding: 0; width: 26px }
	div#rodape-conteudo div.direita a#assinatura { background: url(../img/assinatura.gif) no-repeat; clear: both; height: 9px; outline: none; width: 169px }