/*
CSS comum a todas as sessoes
*/
#menu a {
	display:block;
}

#menu a {
	background:transparent url(../../imgs/menu/menu.png) no-repeat scroll left top;
}

#menu .capa {
	background-position:0px -21px;
	height:18px;
	width:41px;
}

#menu .ativo .capa {
	background-position:0px 0px;
	height:18px;
	width:41px;
}

#menu .agencia {
	background-position:-66px 0;
	height:18px;
	width:63px;
}

#menu .clientes {
	background-position:-153px 0;
	height:18px;
	width:62px;
}
#menu .projetos {
	background-position:-240px 0;
	height:18px;
	width:67px;
}

#menu .solucoes {
	background-position:-331px 0;
	height:18px;
	width:68px;
}

#menu .blog {
	background-position:-423px 0;
	height:18px;
	width:37px;
}

#menu .atendimento {
	background-position:-484px 0;
	height:18px;
	width:104px;
}

#menu .contato {
	background-position:right 0;
	height:18px;
	width:61px;
}

#menu .ativo .agencia {
	background-position:-66px -21px;
	height:18px;
	width:63px;
}

#menu .ativo .clientes {
	background-position:-153px -21px;
}

#menu .ativo .projetos {
	background-position:-240px -21px;
}
#menu .ativo .solucoes {
	background-position:-331px -21px;
}

#menu .ativo .blog {
	background-position:-423px -21px;
}

#menu .ativo .atendimento {
	background-position:-484px -21px;
}

#menu .ativo .contato {
	background-position:right -21px;
}
a:hover {
	text-decoration:none;
}
a {
	color:#E5E5E5;
}
body {
	background: url(../../imgs/bgs/textura.jpg) repeat center top;
}

#bg {
	background: url(../../imgs/bgs/bg-site.jpg) no-repeat center top;
	/*padding-top: 50px;*/
}

#header {
	padding-top: 70px;
}

.page {
	width: 880px;
	padding: 0 40px;
}

#menu {
	float: left;
	width: 700px;
	margin-top:8px;
}

.first {
	margin-left: 0 !important;
}

.last {
	margin-right: 0 !important;
}

#teaser {
	float:left;
	margin:0;
	width:100%;
	height: 408px;
	display: block;
}

#destaque {
	position: absolute;
	width:100%;
	height: 408px;
	left: 0;
}

#ultimos-trabalhos ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 24px;
}

#destaques {
	margin: 20px 0;
}

#ultimos-trabalhos {
	position: relative;
	margin: 5px 0 40px;
}

#noblog {
	width: 280px;
}

#blog {
	width: 280px;
}

#ultimos-trabalhos div.titulo {
	width: 100%;
	float: left;
	margin: 15px 0 14px;
}

#destaques div.bloco {
	float: left;
	margin-right: 28px;
}

#destaques div.bloco div.titulo {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

#destaques div.bloco div.conteudo {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 13px;
}

#destaques div.bloco div.conteudo p strong {
	display: block;
	margin-bottom: 5px;
}

#destaques .bloco p {
	color: #fff;
}

#destaques div.bloco.last {
	float: right;
}

.row .container {
	width: 810px;
	float: left;
	overflow: hidden;
	height: 140px;
	margin-left: 40px;
	z-index: 1;
}

#ultimos-trabalhos div.row {
	position: relative;
	width: 100% !important;
}

#ultimos-trabalhos .left {
	position: absolute;
	top: 60px;
	left: 0;
	padding: 8px;
	z-index: 30;
}

#footer div.links-uteis a {
	font-size: 11px;
	color: #acacac;
	margin-right:68px;
}
#footer div.links-uteis a.ultimo {
	margin:0;
}

#footer .row.endereco {
	font-size: 11px;
	color: #6b6a6a;
	margin-top: 30px;
}

#footer div.row.endereco span.right {
	float: right;
	margin-left: -19px;
    margin-right: 4px;
}

#footer div.row.endereco span.left {
	float: left;
	margin-right: 81px;
}

#footer {
	margin: 20px 0;
}

#footer div.links-uteis {
	float: left;
	margin-top: 2px;
}

#destaques div.bloco div.conteudo p a {
	color: #fff;
}

#footer div.sociais a {
	display: block;
	float: left;
	margin: 0 10px;
}

#twitter {
	width: 260px;
}

#twitter ul {
	list-style:none;
	margin:0;
}
#footer div.sociais {
	float: right;
	width: 320px;
}

a.twitter {
	padding-top: 5px;
}

#ultimos-trabalhos .right {
	position: absolute;
	top: 60px;
	right: 0;
	padding: 8px;
	z-index: 30;
}


#ultimos-trabalhos li a {
	display: block;
	float: left;
	padding: 8px;
	width: 234px;
	height: 124px;
	background: url(../../imgs/bgs/destaque.gif) no-repeat center center;
}

#logo {
	float:right;
	padding-top:4px;
}

#col-left {
	width: 200px;
	margin-right: 15px;
}

#col-right {
	width: 250px;
	margin-left: 15px;
	color: #fff;
}

#col-mid {
	width: 590px;
}
#paginacao {
	border-bottom:1px solid #262626;
	float:left;
	height:39px;
	margin-left:34px;
	width:675px;
}

#paginacao a.atual {
	background:transparent url(../../imgs/bgs/bg-ativo.gif) no-repeat scroll left top;
	height:52px;
	margin-left:-35px;
	margin-top:-12px;
	padding-right:12px !important;
	padding-top:12px;
	text-align:center;
	width:60px;
	color:#e5e400;
}
#paginacao #controles a {
	float:left;
	font-size:25px;
	padding-right:35px;
}
#paginacao a.dir {
	padding-right:0 !important;
}
#paginacao a.esq {
	padding-left:12px;
}
#paginacao a.dir , #paginacao a.esq {
	padding-top:0px;
}	
.ctg a {
	text-decoration:underline;
}

.tipo-categoria {
	float:left;
	font-size:14px;
	margin-left:10px;
	margin-top:4px;
}

.categoria {
	border-bottom:1px solid #606060;
	float:left;
	padding-bottom:4px;
	padding-top:9px;
	width:250px;
}

div.bloco {
	float:left;
}

#categorias .conteudo {
	margin-top:18px;
	float:left;
}

.input-sumbit-busca {
	height:26px;
	margin-left:7px;
	width:53px;
	background:none;
	border:none;
	font-size:0px;
	line-height:-9999px;
	cursor:pointer;
}

.blog #col-right  {
	margin-top:30px;
}

.blog #busca {
	margin-bottom:27px;
}

#footer {
	background:transparent url(../../imgs/bgs/bg-divisor-rodape.gif) no-repeat scroll left top;
	float:left;
	padding-top:27px;
	width:884px;
}

.post {
	float:left;
	margin-bottom:50px;
	width:100%;
}

.nome-site {
	background:transparent url(../../imgs/bgs/bg-nome-site.gif) no-repeat scroll left top;
	height:21px;
	padding-left:14px;
	padding:7px 3px 0 14px;
}

.wrapper-nome-site {
	background:transparent url(../../imgs/bgs/bg-nome-site.gif) no-repeat scroll right top;
	bottom:8px;
	float:left;
	height:28px;
	left:8px;
	position:absolute;
	padding-right:13px;
	color:#606060;
	font-size:14px;
}

.container li {
	position:relative;
}

.titulohide {
	display:none;
}

#menu li {
	margin:0 25px 0 0;
}

.clientes .imagem-texto {
	margin-bottom:10px;
}

.nome-cliente {
	float:left;
	font-size:13px;
	text-align:center;
	width:100%;
}

.clientes .centro {
	margin:0 70px;
}

#menu .ultimo {
	margin-right:0;
}