/* CSS Document */


body {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	background:url(../imagens/fundo.jpg) repeat-x #f4f4f4;
}
a{
	color:#00C;
}
a:hover{
	color:#006;
}
p{
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
}
.perfil{
	font-size:12px;
}
.txt ol{
	margin-left:25px;
	padding:0;
}
.txt li{
	padding:0;
	margin-bottom:3px;
}
.txt ul{
	margin-left:20px;
	padding:0;
}

.box-art{
	float:left;
	width:375px;
	margin:5px;
}
.box-img{
	float:left;
	height:90px;
	width:90px;
	border:5px solid #FFF;	
}
.box-tit{
	font-size:12px;
	float:right;
	width:260px;
	margin:5px 5px 5px 10px;
	font-weight:bold;
}
.box-txt{
	float:right;
	width:260px;
	margin:0 5px 5px 10px;
}
.box-ver{
	text-align:left;
	float:right;
	width:260px;
	margin:0 5px 0 0;
	font-weight:bold;
}
.box-nav{
	margin:15px 0 0 100px;
	width:500px;
	float:left;
	text-align:center;
}
#pagina{
	margin:0 auto;
	width:770px;
	height:600px;
}

#pagina .logo a{
	float:left;
	text-indent:-9999px;
	display:block;
	width:385px;
	height:100px;
	background:url(../imagens/logo.jpg);
}
.itemcontato{
	background:url(../imagens/boneco-contato.jpg);
	float:left;
	width:400px;
	height:380px;
	
}
.txtabout{
	text-align:center;
}
.enviar{
	margin:7px;
	float:right;
}
.box{
	width:280px;
	height:22px;
	border:1px solid #666;
}
.box2{
	width:280px;
	height:100px;
	border:1px solid #666;
}
.txtbox{
	float:left;
	display:block;
	height:20px;
	margin-right:5px;
	width:75px;
	text-align:right;	
}
.fotoleo{
	margin:50px 30px 10px 15px;
	border:5px solid #FFF;
	float:left;
	background:url(../imagens/foto-leo.jpg);
	width:200px;
	height:265px;
}
.fotoservicos{
	margin:10px 5px 75px 25px;
	border:5px solid #FFF;
	float:right;
	background:url(../imagens/foto-servico.jpg);
	width:200px;
	height:265px;
}
#pagina .txt{
	float:left;
	width:770px;
	height:398px;
	
}

#pagina .index{
	text-indent:-9999px;
	height:367px;
	background:url(../imagens/index.jpg);
}

#pagina .tit-perfil{
	float:left;
	text-indent:-9999px;
	width:385px;
	height:100px;
	background:url(../imagens/tit_perfil.jpg);
}

#pagina .tit-servicos{
	float:left;
	text-indent:-9999px;
	width:385px;
	height:100px;
	background:url(../imagens/tit_servicos.jpg);
}
#pagina .tit-artigos{
	float:left;
	text-indent:-9999px;
	width:385px;
	height:100px;
	background:url(../imagens/tit_artigos.jpg);
}
#pagina .tit-depoimentos{
	float:left;
	text-indent:-9999px;
	width:385px;
	height:100px;
	background:url(../imagens/tit_depoimentos.jpg);
}
#pagina .tit-contato{
	float:left;
	text-indent:-9999px;
	width:385px;
	height:100px;
	background:url(../imagens/tit_contato.jpg);
}
#pagina .conteudo{
	background:url(../imagens/conteudo-meio.jpg) bottom no-repeat;
	height:498px;
}

#pagina .menu {
	background:url(../imagens/menu_fd.jpg) right no-repeat;
	width:770px;
	height:46px;
}
#pagina .menu li{
	height:46px;
	display:block;
	float:left;
	padding:0;
	margin:0;
}
#pagina .menu ul{
	padding:0;
	margin:0;
}
#pagina .mn_principal a{
	display:block;
	width:93px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) no-repeat;
}
#pagina .mn_principal a:hover{
	background:url(../imagens/menu.jpg) 0 -46px no-repeat;

}

#pagina .mn_perfil a{
	display:block;
	width:76px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) -93px 0 no-repeat;
}
#pagina .mn_perfil a:hover{
	background:url(../imagens/menu.jpg) -93px -46px no-repeat;

}

#pagina .mn_servicos a{
	display:block;
	width:91px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) -169px 0 no-repeat;
}
#pagina .mn_servicos a:hover{
	background:url(../imagens/menu.jpg) -169px -46px no-repeat;

}

#pagina .mn_artigos a{
	display:block;
	width:129px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) -260px 0 no-repeat;
}
#pagina .mn_artigos a:hover{
	background:url(../imagens/menu.jpg) -260px -46px no-repeat;

}

#pagina .mn_depoimentos a{
	display:block;
	width:115px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) -389px 0 no-repeat;
}
#pagina .mn_depoimentos a:hover{
	background:url(../imagens/menu.jpg) -389px -46px no-repeat;

}

#pagina .mn_contato a{
	display:block;
	width:86px;
	height:46px;
	text-indent:-9999px;
	background:url(../imagens/menu.jpg) -504px 0 no-repeat;
}
#pagina .mn_contato a:hover{
	background:url(../imagens/menu.jpg) -504px -46px no-repeat;

}


#pagina .rodape{
	background:url(../imagens/rodape.jpg);
	
	height:56px;
}
#pagina .rodape .cr a{
	background:url(../imagens/by.png);
	margin-top:20px;
	width:32px;
	height:32px;
	float:right;
	text-indent:-9999px;	
}
.br{
	clear:both;
}