@charset "UTF-8";

/* -------------------------

   CSS desenvolvido por 
   carlos eduardo borba
   em maio de 2009

--------------------------*/

/* configuracoes gerais */
* html, body {
margin:0;
padding:0;
}

body {
color:#bdbcad;
height:100%;
background:url(../imagens/bg.gif);
background-attachment:fixed;
}

li {
list-style:none;
}

h1, h2, h3 {
margin:10px 0;
font-size:11px;
}

h1 a {
height:68px;
width:408px;
top:41px;
left:-35px;
background:url(../imagens/marcaCaduBorba.png) no-repeat;
}

h1 a:hover {
background:url(../imagens/marcaCaduBorbaHover.png) no-repeat;
}

h3 {
color:#efd4a8;
}

p {
margin:0 0 10px 0;
line-height:15px;
}

form {
margin:20px 0 0 170px;
}

form li {
width:512px;
position:relative;
}

label {
color:#c995a4;
display:block;
}

input, textarea {
width:312px;
margin:2px 0 2px -3px;
border:1px solid #230a1d;
}

textarea {
height:200px;
overflow:hidden;
}

input.telefone {
width:100px;
}

div#bgTopo {
margin:0;
padding:0;
height:400px;
width:100%;
top:0;
background:url(../imagens/bgTopo.png) top center repeat-x;
}

/* propriedades coletivas */
body, p, input, textarea {
font:11px "Trebuchet MS", Verdana, Tahoma;
}

ul, div#bgTopo, div.conteudoPrincipal {
margin:0;
}

ul, div#bgTopo, h1, h2, h3, p, form {
padding:0;
}

br, rodape {
clear:both;
}

h1 a, div#bgTopo, div#topo ul, div#topo li.back {
position:absolute;
}

div#container, div#topo, div#topo li a {
position:relative;
}

a.linkBotaoIrParaTopo, h1 a, div#topo li a, div.blocoBiografia h2, div.blocoConhecimento h2 {
text-indent:-5000px;
}

p, input, textarea {
color:#bdbcad;
}

div#topo li a, div.conteudoPrincipal div, div.trabalhos li, input.botaoEnviar {
float:left;
}

div.trabalhos li, input, textarea {
background:url(../imagens/bgListaTrabalhos.png) repeat;
}

a.linkBotaoIrParaTopo {
	height:87px;
	width:96px;
	position:absolute;
	right:0;
	bottom:0;
	background:url(../imagens/linkBotaoIrParaTopo.png) no-repeat;
	display:block;
}

/* conteudo geral */
div#container {
width:734px;
left:50%;
margin-left:-367px;
}

/* topo */
div#topo {
height:160px;
background:url(../imagens/bgTopoCorpo.png) bottom no-repeat;
}

/* menu principal */
div#topo ul {
top:58px;
right:16px;
}

div#topo li {
float: left;
list-style: none;
margin:0 15px;
}

div#topo li.back {
border-bottom:3px solid #4c3949;
width:9px;
height:33px;
z-index:8;
margin:0 8px 0 0;
}

div#topo li a {
top:7px;
z-index:100;
display:block;
overflow:hidden;
margin:auto 0;
} 

div#topo li a:hover, .menu li a:active, .menu li a:visited {
border:none;
}

div#topo li a.biografia, div#topo li a.trabalhos, div#topo li a.contato {
height:21px;
}

div#topo li a.biografia {
width:70px;
background:url(../imagens/itemInicial.png) no-repeat;
}

div#topo li a.trabalhos {
width:77px;
background:url(../imagens/itemTrabalhos.png) no-repeat;
}

div#topo li a.contato {
width:58px;
background:url(../imagens/itemContato.png) no-repeat;
}

/* conteudo principal */
div.conteudoPrincipal {
height:100%;
padding:0 31px;
background:url(../imagens/bgConteudoPrincipal.png) left repeat-y;
}

div.conteudoPrincipal a, div.conteudoPrincipal p {
line-height:17px;
}

div.conteudoPrincipal a {
color:#cfaf4e;
text-decoration:none;
background:url(../imagens/bgAncora.gif) bottom repeat-x;
}

div.conteudoPrincipal a:hover {
background:none;
}

div.conteudoPrincipal div {
width:325px;
}

div.blocoBiografia {
padding-right:10px;
border-right:1px solid #190415;
}

div.blocoBiografia h2, div.blocoConhecimento h2 {
height:15px;
width:140px;
}

div.blocoBiografia h2 {
background:url(../imagens/tituloBiografia.png) no-repeat;
}

div.blocoBiografia ul li, div.blocoConhecimento ul li {
padding-left:15px;
background:url(../imagens/bulletLista.png) top left no-repeat;
}

div.blocoConhecimento {
padding-left:10px;
border-left:1px solid #260d21;
}

div.blocoConhecimento h2 {
background:url(../imagens/tituloConhecimento.png) no-repeat;
}

/* rodape */
div#rodape {
background:url(../imagens/bgRodape.png) top left no-repeat;
}

div#rodape p {
color:#8b6684;
padding:35px 0 25px 31px;
}

div#rodape span {
color:#c995a4;
}

/* trabalhos */
div.trabalhos, div.contato {
padding-top:10px;
padding-bottom:5px;
}

div.trabalhos h2 {
margin-top:0;
display:block;
}

div.trabalhos a {
border:none;
background:none;
}

div.trabalhos h2 a {
color:#eaad4c;
}

div.trabalhos img {
border:1px solid #be883c;
}

div.trabalhos li {
height:200px;
width:315px;
margin:3px 20px 4px 0;
padding:5px;
background:url(../imagens/bgListaTrabalhos.png) repeat;
}

div.trabalhos li.itemExtendido {
height:215px;
}

div.trabalhos li.itemListaDireita {
margin:3px 0 4px 0;display:block;
}

div.trabalhos li strong {
color:#c995a4;
font-weight:normal;
clear:both;
}

/* contato */
input.botaoEnviar, input.botaoApagar {
height:21px;
width:53px;
border:0;
float:left;
cursor:pointer;
}

input.botaoEnviar {
margin:10px 0 10px 10px;
background:url(../imagens/botaoEnviar.png) no-repeat;
border:0;
cursor:pointer;
}

input.botaoApagar {
margin:10px 0 10px 193px;
background:url(../imagens/botaoApagar.png) no-repeat;
}

/* validacao */
form label.error, label.error {
color: #db9731;
font-size:10px;
position:absolute;
top:20px;
left: 320px;
}

div.error { display: none; }
input.error, textarea.error {
background:url(../imagens/erroDeValidacao.png);
}