@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
body {
	background:url(../images/bg.jpg);
	background-color:#4f4f4f;
	margin:0px;
	padding:0px;
	text-align:center;
}
li {
	list-style:none;
	float:left;
	margin:0 0 0 50px;
}
a {
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	color:#b9e600;
}
p,li, h1 {
	font:26px cuprum, Arial, Sans-serif;
}
h2 {
	font:20px cuprum, Arial, Sans-serif;
}
div.site{
	margin:auto;
	text-align:center;
	
}
div.container {
	width:980px;
	margin:auto;
	text-align:left;
	color:#FFFFFF;
	font:cuprum;
	background:url(../images/bg-site.png);
	background-repeat:repeat-y;
}
div.fundo-site {
	overflow:hidden;
	width:980px;
}

/*Pagina Index - Inicio*/
div.container-index {
	width:980px;
	margin:auto;
	text-align:left;
	color:#FFFFFF;
	font:cuprum;
}
ul.ul-index {
	margin:160px 0 50px 30px;
}
div.menu-index {
	width:700px;
	margin:40px 0 0 0;
}
li.list-index {
	float:left;;
	list-style:none;
	margin:-70px 32px 30px 0;
	font-size:40px;
}
div.oculos-index{
	float:left;
	margin:30px 0 0 30px;
}
div.logo-index{
	width:340px;
	margin:30px 0 0 10px;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
div.fundo-site-index {
	overflow:hidden;
	width:510px;
	margin:180px 0 0 0;
	background:url(../images/bg-site.png);
	background-repeat:repeat-y;
}
p.renatofilgueiras-index{
	font-size:32px;
	color:#b9e600;
	text-align:left;
	float:left;
	margin:0 0 0 0;
}
p.stefani-index{
	font-size:32px;
	color:#FFFFFF;
	text-align:left;
	float:left;
}
p.designer-index {
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	margin:0 0 0 0px;
}
div.linha-index {
	width:450px;
	height:2px;
	background-color:#b8e600;
	margin:120px 0 -60px 30px;
}
/*Pagina Index - Fim*/
div.oculos{
	float:left;
	margin:23px 0 0 20px;
}
div.logo{
	width:300px;
	margin:20px 0 0 10px;
	text-align:left;
	float:left;
}
p.renatofilgueiras{
	font-size:26px;
	color:#b9e600;
	text-align:left;
	float:left;
}
p.stefani{
	font-size:26px;
	color:#FFFFFF;
	text-align:left;
	float:left;
}
p.designer {
	font-size:13px;
	color:#FFFFFF;
	text-align:left;
	margin:0 0 0 0;
}
div.menu {
	width:420px;
	float:right;
	margin:20px;
	text-align:right;
}
div.titulo {
	width:940px;
	float:left;
	margin:50px 0 0 20px;
	text-align:left;
}
div.linha {
	width:940px;
	height:2px;
	background-color:#b8e600;
	float:none;
}
div.linha2 {
	width:940px;
	height:2px;
	background-color:#b8e600;
	float:none;
	margin:0 0 0 20px;
}
div.sobre {
	margin:30px 20px 20px 20px;
	width:940px;
	float:left;
}
div.img-sobre {
	width:250px;
	float:left;
}
div.texto-sobre {
	float:left;
	width:670px;
	margin:-8px 0 0 20px;
}
p.texto {
	font-size:16px;
	line-height:25px;
	text-align:justify;
}
div.seta-download {
	float:left;
	margin:3px 5px 0 0;
	width:15px;
}
p.link-curriculum {
	width:80px;
	font-size:16px;
	float:left;
}
p.tamanho-curriculum {
	width:60px;
	margin:4px 0 0 5px;
	font-size:11px;
	float:left;
}
div.rodape {
	width:960px;
	float:left;
	margin:40px 0 20px 0;
	height:30px;
}
p.texto-rodape1 {
	margin:10px 0 0 20px;
	float:left;
	font-size:14px;
}
p.texto-rodape2 {
	margin:10px 0 0 0;
	float:right;
	font-size:14px;
}
div.contato {
	margin:30px 20px 20px 20px;
	width:940px;
	float:left;
}
p.contato {
	font-size:16px;
}
div.msn {
	margin:20px 0 0 0;
}
div.redes {
	margin:20px 0 0 0;
	float:left;
}
li.rede {
	float:none;
	list-style:none;
	margin:0 50px 0 2px;
	font-size:16px;
	line-height:30px;
}
ul.redes{
	margin:5px 0 0 0;
}
div.portfolio {
	margin:30px 20px 0 0;
	width:960px;
	float:left;
}
div.menu-portfolio {
	float:left;
	width:200px;
}
li.menu-portfolio {
	float:none;
	list-style:none;
	list-style-type:none;
	margin:0 0 0 20px;
	font-size:20px;
	line-height:35px;
}
div.linha-portfolio {
	width:760px;
	float:right;
	margin:0 0 30px 0;
}
/*Itens portfolio WEB*/
div.az-web {
	background-image:url(../images/portfolio-menu/web/az.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.az-web:hover {
	background-image:url(../images/portfolio-menu/web/az-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.swell-web {
	background-image:url(../images/portfolio-menu/web/swell.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.swell-web:hover {
	background-image:url(../images/portfolio-menu/web/swell-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.bmf-web {
	background-image:url(../images/portfolio-menu/web/bmf.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.bmf-web:hover {
	background-image:url(../images/portfolio-menu/web/bmf-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.courac-web {
	background-image:url(../images/portfolio-menu/web/courac.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.courac-web:hover {
	background-image:url(../images/portfolio-menu/web/courac-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.scientia-web {
	background-image:url(../images/portfolio-menu/web/scientia.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.scientia-web:hover {
	background-image:url(../images/portfolio-menu/web/scientia-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.secoli-web {
	background-image:url(../images/portfolio-menu/web/secoli.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.secoli-web:hover {
	background-image:url(../images/portfolio-menu/web/secoli-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.maisessencial-web {
	background-image:url(../images/portfolio-menu/web/maisessencial.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.maisessencial-web:hover {
	background-image:url(../images/portfolio-menu/web/maisessencial-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.jolie-web {
	background-image:url(../images/portfolio-menu/web/joliebordados.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.jolie-web:hover {
	background-image:url(../images/portfolio-menu/web/joliebordados-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
/*Itens portfolio LOGO*/
div.scientia-logo {
	background-image:url(../images/portfolio-menu/logo/scientia.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.scientia-logo:hover {
	background-image:url(../images/portfolio-menu/logo/scientia-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 0;
}
div.belavista-logo {
	background-image:url(../images/portfolio-menu/logo/belavista.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}
div.belavista-logo:hover {
	background-image:url(../images/portfolio-menu/logo/belavista-over.png);
	width:360px;
	height:160px;
	float:right;
	margin:10px 0 0 40px;
}