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

/* Informações Padrão */
* { margin: 0; padding: 0; list-style: none; }
body { font: 12px verdana, "Times New Roman", Times, serif; color: #665d52; background: url(../imagens/bg-body.jpg) repeat-x #D6D6D6; }
body a { color: #a37c4f; }
body a:hover { color: #000; }
img { border: 0; }
#global { width: 999px; margin: 0 auto; position: relative }
#cabecalho { background: url(../imagens/fnd-header.jpg); height: 120px; }
#conteudo { background:url(../imagens/fnd-conteudo.jpg) no-repeat #dacebd; padding: 30px 30px 50px 30px;  }
p { line-height: 23px; margin-bottom: 25px; text-indent: 20px; }
.left { float: left; }
.logo { margin: 30px; }

/* Menu Portfólio */
#menu { font-family: Georgia; height: 63px; background:url(../imagens/fnd-menu.jpg) repeat-x #000; }
#menu li { float: left; padding: 10px 20px 0px 0px; margin: -16px 0px 0 27px; }
#menu li a { color: #fff; display: block; font-size: 14px; padding: 20px; width: 90px; height: 29px; text-decoration: none; }

/* Título */
h2 { font-family: Georgia; color: #000; margin-bottom: 10px; font-size: 22px; font-weight: normal;  }
h2:first-letter { font-size: 30px; }

/* Rodapé */
#rodape { background: #000; color: #fff; padding: 20px 0 10px 30px; }
#rodape p { text-indent: 0; }
#rodape h2 { color: #fff; }
#rodape a:hover { color: #333; }
#informacoes-tecnicas { float: left; width: 250px; }

/* Sobre Mim */
#sobre-mim { float: left; width: 560px; }
#sobre-mim img { padding-right: 10px; }

/* Contato */
#formulario { width: 300px; }
#formulario label { float: left; padding: 5px; }
#formulario label input { height: 25px; width: 300px; background: url(../imagens/fnd-input.png) no-repeat; border: 0; padding: 5px; }
#formulario textarea { background: url(../imagens/fnd-textarea.png); padding: 5px; overflow: auto; width: 330px; height: 157px; border: 0; }
#formulario input[type="submit"] { background: url(../imagens/bt-enviar.png); border: 0; color: #fff; font-size: 9px; padding: 7px; margin-bottom: 50px; }
#contato {float: left; margin-left: 45px; }
#contato-extra { margin-top: -15px; }
#contato-extra li { padding: 5px; float: left; vertical-align: middle; height: 20px; margin-left: 5px; }
#contato-extra li img {  padding-right: 7px; }

/* Últimas do blog / index */
#ultimas-blog { float: left; width: 590px; border-left: 1px solid #333; padding: 0 0 0 20px; }
#ultimas-blog ul li { padding: 5px; }
.lista-de-amigos { border: 1px solid #333; padding: 0 10px;; width:200px; margin-top: 15px; background: url(../imagens/icone-seta-cima.jpg) no-repeat right; }
#subir { position: absolute; bottom: 20px; right: 50px; }

/* Identificador de página */
body#pag-portfolio a.pag-portfolio { background:url(../imagens/fnd-menu-ativo.png); color:#000; font-weight:bold; }
body#pag-sobre-mim a.pag-sobre-mim { background:url(../imagens/fnd-menu-ativo.png); color:#000; font-weight:bold; }
	
/* apresentação dos trabalhos na index */
#banner { background: url(../imagens/linha-banner.jpg) no-repeat bottom; min-height: 302px; }
#slider { }
#banner li { width:999px;	}	
a.tooltip span { font-family: Arial, Helvetica, sans-serif; display: none; padding: 20px; width: 960px; height: 50px; background: url(../imagens/fundo-tol.png); text-decoration: none; color: #000; }
a.tooltip:hover span { display: block; position: absolute; left: 0px; top: 395px; }
#prevBtn a, #prevBtn2 a {display:block; width:30px; height:77px;  padding: 20px; text-indent: -999px; background: url(../imagens/seta-anterior.png) no-repeat 0 0; position: absolute; right: 80px; top: 441px; }	
#nextBtn a, #nextBtn2 a{ display:block;	width:30px;	height:77px; padding: 20px;	text-indent: -999px; background: url(../imagens/seta-proximo.png) no-repeat 0 0;	
position: absolute;	right: 20px; top: 441px;}

/* Portfólio interno */
#portfolio { width: 930px; }
#portfolio li { clear: left; margin: 30px 0; border: 1px solid #fff; padding: 10px; min-height: 350px;}
#portfolio li:hover { background: #fff; }
#portfolio li img { float: left; }
#portfolio p { float: left;width: 320px; margin-left: 15px; }
#portfolio p { text-indent: 0; }
#portfolio strong { color: #000; }
.clear { clear: left }