@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
}
body {
	width: 1000px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #2f3a41;
}
a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
p {
	font-size: 11px;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}

/* MENU */
div#menu {
	position: fixed;
	float: left;
	width: 300px;
	padding-left: 5px;
	margin-top: 15px;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul {
	margin:0;
	padding:0;
}
/* CONTEUDO */
div#conteudo {
	float: left;
	width: 680px;
	margin: 15px 0 0 300px;
}
div.trabalho {
	width: 658px;
	height: 146px;
	margin: 20px 0 5px 5px;
	padding: 17px 0 0 17px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* IMAGENS DOS TRABALHOS */
div#bavaria {
	background-image:url(images/jpg/bavaria.jpg);
	background-position: 0px -350px;
}
div#elegant {
	background-image:url(images/jpg/elegant-nuts.jpg);
}
div#rio {
	background-image:url(images/jpg/club-rio.jpg);
}
div#fit {
	background-image: url(images/jpg/4fit.jpg);
	background-position: top;
}
div#baragatti {
	background-image:url(images/jpg/baragatti.jpg);
}
div#bongouter {
	background-image:url(images/jpg/bongouter.jpg);
}
div#danoninho {
	background-image:url(images/jpg/danoninho-eco.jpg);
}
div#danoninhoice {
	background-image:url(images/jpg/danoninho-ice.jpg);
}
div#catraca-livre {
	background-image:url(images/jpg/catraca-livre.jpg);
}
div#apae {
	background-image:url(images/jpg/apae.jpg);
}
div#tang {
	background-image:url(images/jpg/tang.jpg);
}
div#philly {
	background-image:url(images/jpg/philly.jpg);
}
div#iguacu {
	background-image:url(images/jpg/iguacu-japao.jpg);
}
div#mestresdotempo {
	background-image:url(images/jpg/mestres-do-tempo.jpg);
}
div#yoggi {
	background-image:url(images/jpg/yoggi.jpg);
	background-position: bottom;
}
div#alcantara {
	background-image:url(images/jpg/alcantara.jpg);
}
div#netmoveis {
	background-image: url(images/jpg/netmoveis.jpg);
}
div#grafias-urbanas {
	background-image: url(images/jpg/grafias-urbanas.jpg);
	background-position: top;
}
div#nyc {
	background-image: url(images/jpg/ny.jpg);
	background-position: bottom;
}
div#royal {
	background-image: url(images/jpg/royal.jpg);
}
div#rush {
	background-image: url(images/jpg/rush.jpg);
}
div#seletti {
	background-image: url(images/jpg/seletti.jpg);
}
div#avonunmarked {
	background-image: url(images/jpg/avonunmarked.jpg);
}
div#sustagenkids {
	background-image: url(images/jpg/sustagenkids.jpg);
}
div#danito {
	background-image: url(images/jpg/danito.jpg);
	background-position: top;
}
div#cappuccino {
	background-image: url(images/jpg/cappuccino.jpg);
}
div#danoninhoice2010 {
	background-image: url(images/jpg/danoninhoice2010.jpg);
}
div#ruth {
	background-image: url(images/jpg/ruth.jpg);
		background-position: bottom;
}
div#paulistalf {
	background-image: url(images/jpg/paulistalf.jpg);
}
div#miniphilly {
	background-image: url(images/jpg/miniphilladelphia.jpg);
}
div#mocabonita {
	background-image: url(images/jpg/mocabonita.jpg);
}
div#avonteens {
	background-image: url(images/jpg/avonteens.jpg);
}
div#yoggipicole {
	background-image: url(images/jpg/yoggipicole.jpg);
}
div#kinderpascoa {
	background-image: url(images/jpg/kinderpascoa.jpg);
}

/* FIM DAS IMAGENS DOS TRABALHOS*/

div.home_descricao {
	text-transform: capitalize;
	font-size: 14px;
	color: #000;
	width: 220px;
	height: 220px;
	margin: 0;
	background-color: #0F0;
}
div.home_texto {
	padding: 5px 10px 0 15px;
	margin: 0;
}

/* BIOS */
div.bios_area {
	height: 560px;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 40px 0 0 30px;
	background-color: #ec1c24;
	background-position: right bottom;
	
}
.bios_area div.texto {
	width: 310px;
}
#alfeferaul div.texto {
	width: 310px;
	float: left;
}
div#ricardoandrez {
	text-align: right;
	background-position: left bottom;
}
#ricardoandrez div.texto {
	float: right;
	padding-right: 28px;
}
/* CONTATO */
div#contato {
	margin: 15px 0 0 300px;
	float: left;
	width: 680px;
}
div#contato p {
	font-size:15px;
}
