@charset "utf-8";
/* felipeagnello.com */

/* GLOBAIS */
* { margin: 0px; padding: 0px; }
body { 
	font-family: "Trebuchet MS", arial, verdana, sans-serif; 
	background-image: url("figuras/fundo.jpg"); 
	background-repeat: no-repeat;  
	background-position: center 0px;
	background-color: #68CDFF;
}

/* BARRA TOPO */
div#menu { 
	font-size: 18px;
	width: 100%;
	height: 85px;
	background-image: url("figuras/barratopo.jpg");
}
	
div#menu p.logomarca { display: block; float: left; }

div#menu ul.menutopo { list-style: none; margin-left: 40%; }
div#menu ul.menutopo li { float: left; }
div#menu ul.menutopo a { 
	display: block; 
	width: 110px; 
	text-align: center; 
	height: 50px; 
	margin-right: 5px;
	padding-top: 30px;  
}
	
/* TUDO */
div#tudo { background-color: white; width: 770px; margin: 0 auto; margin-top: 46px; }

/* TUDO > TOPO */
div#topo { background-image: url("figuras/topo.jpg"); width: 770px; height: 110px; }

/* TUDO > MUDAR */
div#mudar { width: 770px; height: auto; float: left; }
	
/* TUDO > MUDAR > FUNDOFOTO */
div#fundofoto { background-image: url("figuras/fundofoto.jpg"); width: 770px; height: 320px; }

/* TUDO > MUDAR > TEXTO */
div#texto {
	margin-left: 353px;
	margin-top: 30px;
	width: 390px;
	height: auto; 
	text-align: justify;
	border-bottom: 5px solid #f4f4f4;
	float: left;
	padding-bottom: 15px;
	font-size: 14px; color: black;
}

div#texto h3 { color: #66CCFF; margin-bottom: 5px; font-size: 18px; }

/* TUDO > MUDAR > TITULOTRABALHO */
div#titulotrabalho { margin-top: 35px; margin-bottom: 5px; width: 770px; height: auto; font-size: 20px; font-weight: bold; float: left; }
div#titulotrabalho p { margin-left: 30px; font-size: 20px; }

/* TUDO > MUDAR > TRABALHOS */
div#trabalhos {
	width: 740px;
	height: 142px;
	background-color: #f4f4f4;
	padding: 14px 15px 11px 15px;	
	float: left;
}

div#trabalhos ul.blocotrabalhos { list-style: none; }
div#trabalhos ul.blocotrabalhos li { float: left; }
div#trabalhos ul.blocotrabalhos a { display: block; width: 165px; height: 125px; border: 7px solid #66CCFF; }
div#trabalhos ul.blocotrabalhos li#primeiro, li#segundo, li#terceiro { margin-right: 8px; }


/* TUDO > RODAPE */
div#rodape { width: 770px; height: 128px; background-image: url("figuras/rodape.jpg"); clear: both; }

div#rodape ul.dizeres { list-style: none; float: left; font-size: 18px; color: #999999; margin-top: 60px;}
div#rodape ul.dizeres li { float: left; display: block; width: 400px; margin-top: 4px; margin-left: 190px;}

div#rodape ul.itensrodape { list-style: none; float: left; margin-top: 60px; }
div#rodape ul.itensrodape li { float: left; display: block; }
div#rodape ul.itensrodape li#icone1 { margin-left: 35px; margin-right: 10px; width: auto;  }
div#rodape ul.itensrodape li#icone2 {  }

/* MAIS */
div#mais { width: 770px; height: 10px; margin: 0 auto; overflow: auto; }


/* AQUI COMEÇAM AS SUBPAGINAS */


/* perfil.php */
div#perfil { width: 770px; height: auto; float: left; font-family: "Trebuchet MS", arial, verdana, sans-serif; }

div#colunafoto { 
	width: 194px; /* com bordas */
	height: auto;
	float: left;	
	margin-left: 20px;
	margin-top: 20px;
}

p#fotoperfil a { display: block; border: 9px solid #6699FF; width: 182px; height: 222px; float: left; }
	
div#curriculum { 
	float: left;
	width: 194px;
	height: auto;
	margin-top: 10px;
	text-align: center;
	}
	
ul.curriculumvitae { list-style: none; }
ul.curriculumvitae li#meucurriculum { color: #6699FF; font-weight: bold; font-size: 15px; margin-bottom: 4px; margin-top: 5px; }

div#textoperfil { 
	float: left;
	width: 510px;
	height: auto;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	}

div#textoperfil h3 { color: #6699FF; margin-bottom: 5px; font-size: 18px; }
div#textoperfil p.texto_perfil { color: black; font-size: 15px; }


/* portifolio.php */
div#portifolio { width: 730px; height: auto; padding: 10px 20px 0px 20px; }
h3 { color: #6699FF; }
h3.titulosportifolio { margin-top: 25px; margin-bottom: 5px; font-size: 15px; }		

div.blocos { width: 690px; height: auto; padding: 0px 0px 0px 50px; float: left;  margin-top: 10px; }
ul.blocosportifolio { list-style: none; height: 210px; width: 200px; float: left; margin-right: 20px; }
ul.blocosportifolio li.imagem a { display: block; width: 180px; height: 100px; border: 10px solid #CCC; }
ul.blocosportifolio li.site a { display: block; width: 200px; height: auto; font-size: 15px; text-align: center; margin-top: 5px; }
ul.blocosportifolio li.textosite { display: block; width: 200px; height: auto; font-size: 12px; text-align: center; margin-top: 5px; }


/* contato.php */
div#contato { width: 730px; height: 500px; padding: 10px 20px 0px 20px; }
div#contato h3 { margin-bottom: 10px; }

div#contato form#formcontato input#digitarnome { margin-left: 2px; width: 144px; }
div#contato form#formcontato input#digitarnome, div#contato form#formcontato input#digitaremail { border: 2px solid #6699FF; }
div#contato form#formcontato textarea#textcontato { border: 2px solid #6699FF; width: 730px; }

div#contato form#formcontato input#botaocontato { 
	background-color: #6699FF; 
	color: white; 
	font-weight: bold;
	width: 120px; 
	margin-left: 300px; 
	margin-bottom: 15px;
	margin-top: 5px;
	border: 2px solid #f4f4f4;
}


/* PSEUDO-CLASSES */
a.linkhome:link, a.linkhome:visited { color: white; font-weight: bold; }
a.linkhome:hover, a.linkhome:active { color: #6699FF; background-color: white; }

a.linkmenu1:link, a.linkmenu1:visited { color: white; }
a.linkmenu1:hover, a.linkmenu1:active { color: white; background-color: orange; }

a.linkmenu2:link, a.linkmenu2:visited { color: white; }
a.linkmenu2:hover, a.linkmenu2:active { color: white; background-color: green; }

a.linkmenu3:link, a.linkmenu3:visited { color: white; }
a.linkmenu3:hover, a.linkmenu3:active { color: white; background-color: #666666; }

a.linkmenu4:link, a.linkmenu4:visited { color: white; }
a.linkmenu4:hover, a.linkmenu4:active { color: white; background-color: #993300; }
	
a.linktrabalhos:link, a.linktrabalhos:visited { color: #66CCFF; text-decoration: none; }
a.linktrabalhos:hover, a.linktrabalhos:active { color: #66CCFF; text-decoration: underline; }

a.linkcurriculum:link, a.linkcurriculum:visited { font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold; }
a.linkcurriculum:hover, a.linkcurriculum:active { font-size: 12px; color: #CCCCCC; font-weight: bold; }

a.linkportifolio:link,  a.linkportifolio:visited { color: #6699FF; text-decoration: underline; font-weight: bold; }
a.linkportifolio:hover, a.linkportifolio:active { color: #CCCCCC; font-weight: bold; }