@charset "UTF-8";
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
}
/* CSS Document */

body {
	background-image: url(../images/bg1_01.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
img {
	border: 0;
	text-align: center;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #511208;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #511208;
	display: inline;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #511208;
	display: inline;
}
#principal {
	float: left;
	height: 998px;
	width: 1029px;
	position: absolute;
	margin: auto;
}
#topo {
	float: left;
	height: 163px;
	width: 1029px;
	position: relative;
}
#logoasa1 {
	float: left;
	position: relative;
	height: 90px;
	width: 925px;
	left: 104px;
}
#logo {
	float: left;
	height: 90px;
	width: 284px;
	position: relative;
	text-align: center;
}
#asa1 {
	float: left;
	height: 90px;
	width: 641px;
	position: relative;
	background-image: url(../images/asa1.png);
}
#asa2menu {
	float: left;
	height: 61px;
	width: 1029px;
	position: relative;
}
#asa2 {
	background-image: url(../images/asa2.png);
	float: left;
	height: 61px;
	width: 475px;
	position: relative;
}
#menu {
	height: 61px;
	width: 554px;
	position: relative;
	float: left;
}
#menu-portfolio {
	float: left;
	height: 61px;
	width: 81px;
	position: relative;
}
#menu-barra {
	background-image: url(../images/menu-barra.jpg);
	float: left;
	height: 61px;
	width: 10px;
	position: relative;
}
#menu-clientes {
	float: left;
	height: 61px;
	width: 69px;
	position: relative;
}
#menu-barra1 {
	background-image: url(../images/menu-barra.jpg);
	float: left;
	height: 61px;
	width: 10px;
	position: relative;
}
#menu-futuro {
	float: left;
	height: 61px;
	width: 55px;
	position: relative;
}
#menu-barra2 {
	background-image: url(../images/menu-barra.jpg);
	float: left;
	height: 61px;
	width: 10px;
	position: relative;
}
#menu-contato {
	float: left;
	height: 61px;
	width: 72px;
	position: relative;
}
#menu-papel {
	float: left;
	height: 61px;
	width: 247px;
	position: relative;
	background-image: url(../images/menu-papel-direita.png);
}
#menu-baixo {
	float: left;
	height: 12px;
	width: 1029px;
	position: relative;
	background-image: url(../images/menu-baixo.png);
}
#geral {
	float: left;
	height: 722px;
	width: 1029px;
	position: relative;
}
#papel1-sombraesq {
	background-image: url(../images/papel-1-sombra-esquerda.png);
	float: left;
	height: 722px;
	width: 69px;
	position: relative;
}
#papel2-miolo {
	background-image: url(../images/papel-2-miolo.jpg);
	float: left;
	height: 722px;
	width: 904px;
	position: relative;
	text-align: left;
}
#papel3-sombradir {
	background-image: url(../images/papel-3-sombradireita.png);
	float: left;
	height: 722px;
	width: 56px;
	position: relative;
}
#papel4-rodape {
	background-image: url(../images/papel-4-rodape.png);
	float: left;
	height: 113px;
	width: 1029px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#direitosreservados {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E8E8E8;
	height: 10px;
	width: 310px;
	left: 364px;
	top: 65px;
	position: relative;
	text-align: center;
}
#miolo-topo {
	float: left;
	height: 456px;
	width: 904px;
	position: relative;
}
#miolo-apresentacao {
	float: left;
	height: 380px;
	width: 480px;
	position: relative;
	left: 20px;
	top: 50px;
}
#miolo-foto {
	float: left;
	height: 385px;
	width: 250px;
	position: relative;
	background-image: url(../images/renatodantas.png);
	left: 60px;
	top: 65px;
}
#miolo-social {
	float: left;
	height: 385px;
	width: 130px;
	position: relative;
	left: 40px;
}
#miolo-rodape {
	float: left;
	height: 230px;
	width: 904px;
	position: relative;
}
#home-box {
	background-image: url(../images/miolo-box.png);
	float: left;
	height: 227px;
	width: 346px;
	position: relative;
}
#home-box1 {
	background-image: url(../images/miolo-box.png);
	float: left;
	height: 227px;
	width: 250px;
	position: relative;
}
#home-box2 {
	background-image: url(../images/miolo-box.png);
	float: left;
	height: 227px;
	width: 295px;
	position: relative;
}
#home-box-experiencia {
	float: left;
	height: 190px;
	width: 170px;
	position: relative;
	left: 50px;
	top: 20px;
}
#home-logo-abril-globo {
	background-image: url(../images/logos-abril-globo.png);
	float: left;
	position: relative;
	left: 60px;
	top: 40px;
	height: 146px;
	width: 105px;
}
#home-box-ultimojob {
	height: 20px;
	width: 200px;
	position: relative;
	left: 50px;
	top: 20px;
	float: left;
}
#home-box-ultimojob-txt {
	float: left;
	height: 150px;
	width: 100px;
	position: relative;
	left: 50px;
	top: 30px;
}
#home-box-ultimojob-img {
	float: left;
	height: 113px;
	width: 171px;
	position: relative;
	left: 50px;
	top: 45px;
}
#home-box-ferramentas-txt {
	height: 20px;
	width: 240px;
	position: relative;
	left: 40px;
	top: 20px;
	float: left;
}
#home-box-ferramentas-adobe {
	height: 36px;
	width: 240px;
	position: relative;
	left: 40px;
	top: 25px;
	float: left;
}
#home-box-cursos-txt {
	height: 20px;
	width: 240px;
	position: relative;
	left: 40px;
	top: 25px;
	float: left;
}
#home-box-cursos-img-container {
	height: 40px;
	width: 240px;
	position: relative;
	left: 40px;
	top: 27px;
	float: left;
}
#home-box-cursos-img {
	height: 40px;
	width: 75px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}
#home-box-photoshop-txt {
	height: 40px;
	width: 165px;
	position: relative;
	left: 3px;
	top: 0px;
	float: left;
}
#home-box-impacta-img-container {
	height: 50px;
	width: 250px;
	position: relative;
	left: 40px;
	top: 30px;
	float: left;
}
#home-box-impacta-img {
	height: 45px;
	width: 60px;
	position: relative;
	left: 0px;
	top: 5px;
	float: left;
}
#home-box-impacta-txt {
	height: 50px;
	width: 175px;
	position: relative;
	left: 10px;
	top: 0px;
	float: left;
}
#loader-portfolio {
	text-align: center;
	top: 0px;
	padding-top: 100px;
}
#loader-portfolio {
}
#clientes-titulos {
	height: 50px;
	width: 300px;
	float: left;
	position: relative;
	padding-top: 60px;
	left: 100px;
	top: 40px;
}
#portfolio-titulos {
	height: 50px;
	width: 300px;
	float: left;
	position: relative;
	padding-top: 20px;
	left: 100px;
	top: 40px;
}
#logos-container {
	float: left;
	height: 180px;
	width: 890px;
	position: relative;
	top: 50px;
}
#logos-abril {
	float: left;
	height: 180px;
	width: 890px;
	position: relative;
	top: 0px;
}
#editora-abril-logo {
	float: left;
	width: 162px;
	height: 62px;
	position: relative;
	left: 20px;
	top: 60px;
}
#revistas-abril {
	float: left;
	height: 135px;
	width: 575px;
	position: relative;
	left: 80px;
	top: 25px;
	border: 1px solid #666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#logos-globo {
	float: left;
	height: 180px;
	width: 890px;
	position: relative;
}
#editora-globo-logo {
	float: left;
	width: 74px;
	height: 85px;
	position: relative;
	left: 70px;
	top: 60px;
}
#revistas-globo {
	float: left;
	height: 135px;
	width: 575px;
	position: relative;
	left: 166px;
	top: 25px;
	border: 1px solid #666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#clientes-rodape {
	float: left;
	height: 100px;
	width: 890px;
	position: relative;
	top: 20px;
}
#pib-logo {
	float: left;
	height: 90px;
	width: 166px;
	position: relative;
	left: 240px;
}
#duetto-logo {
	float: left;
	height: 90px;
	width: 155px;
	position: relative;
	left: 295px;
}
#ariane-logo {
	float: left;
	height: 90px;
	width: 166px;
	position: relative;
	left: 340px;
}
#iphone {
	background-image: url(../images/iphone.png);
	float: left;
	height: 568px;
	width: 481px;
	position: relative;
	left: 100px;
	top: 100px;
}
#email-container {
	position: relative;
	width: 420px;
	left: 50px;
	height: 550px;
	float: left;
}
.contatos-itens {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
}
#email-titulos {
	height: 50px;
	width: 300px;
	position: relative;
	padding-top: 60px;
	left: 15px;
	top: 40px;
	float: left;
}
#email {
	float: left;
	padding-top: 40px;
}
#contatos {
	position: relative;
	width: 400px;
	height: 470;
	text-align: left;
}
#contatos-container {
	position: relative;
	width: 420px;
	height: 550px;
	float: left;
	left: 60px;
}
#contatos-titulos {
	height: 50px;
	width: 300px;
	position: relative;
	padding-top: 60px;
	left: 15px;
	top: 40px;
	float: left;
}
#contatos-itens {
	background-image: url(../images/box-contatos-sombra1.png);
	float: left;
	height: 390px;
	width: 365px;
	top: 43px;
	background-repeat: no-repeat;
	position: relative;
}
#telefones {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333;
	height: 100px;
	width: 320px;
	position: relative;
	top: 15px;
	left: 20px;
	text-align: center;
}
#icones-container {
	height: 180px;
	width: 200px;
	float: left;
	position: relative;
	left: 60px;
	top: 10px;
}
#endereco-email-container {
	float: left;
	height: 60px;
	width: 295px;
	position: relative;
}
#icone-email {
	background-image: url(../images/email.png);
	float: left;
	height: 62px;
	width: 65px;
	position: relative;
	top: 10px;
}
#endereco-email {
	height: 20px;
	width: 220px;
	position: relative;
	top: 30px;
	font-size: 13px;
	left: 10px;
	float: left;
	text-align: left;
}
#msn-container {
	float: left;
	height: 50px;
	width: 295px;
	position: relative;
	top: 10px;
}
#icone-msn {
	background-image: url(../images/msn.png);
	height: 50px;
	width: 62px;
	position: relative;
	background-repeat: no-repeat;
	float: left;
}
#endereco-msn {
	height: 20px;
	width: 220px;
	position: relative;
	top: 15px;
	font-size: 13px;
	left: 10px;
	float: left;
	text-align: left;
}
#skype-container {
	float: left;
	height: 35px;
	width: 295px;
	position: relative;
	top: 20px;
}
#icone-skype {
	background-image: url(../images/skype.png);
	height: 35px;
	width: 62px;
	position: relative;
	background-repeat: no-repeat;
	float: left;
}
#endereco-skype {
	height: 15px;
	width: 220px;
	position: relative;
	top: 7px;
	font-size: 13px;
	left: 10px;
	float: left;
	text-align: left;
}
#email-contato-container {
	position: relative;
	float: left;
}
#social-hz {
	height: 120px;
	width: 780px;
	float: left;
	position: relative;
	left: 65px;
}
#alinhamento {
	height: auto;
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
}
.bold {
	font-weight: bold;
}
#w3c {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E8E8E8;
	float: left;
	height: 10px;
	width: 310px;
	left: 364px;
	top: 65px;
	position: relative;
	text-align: center;
}