@import url("reset.css"); /* css reset */

body {font-size:small;background:url(../pics/bg-header.jpg) repeat-x left top;}

a{outline:0;}

.imgLeft {
float:left;
margin-right:10px;
}
.left {
float:left;
margin-right:10px;
}
.right {
float:right;
margin-left:10px;
}
table.tab1{ border-collapse:collapse }

table.tab1 td {
font:0.96em Trebuchet MS, arial;
color:#666;
border:1px solid #666 !important;
padding:5px !important;
}
h1 {
text-align:left;
font:bold 1.5em Trebuchet MS, arial;
color:#c3c336;
}
h1 span {
display:block;
font:bold 0.7em Trebuchet MS, arial;
color:#5a5a5a;
}
h2 {
text-align:left;
font:bold 0.95em/110% Trebuchet MS, arial;
color:#467590;
}
h4 {
font:bold 0.95em/110% Trebuchet MS, arial;
color:#467590;
padding:6px 0 0 10px !important;
}

p {font:0.9em/160% Trebuchet MS, arial;}

h3.title {
margin-left:8px;
width:100%;
height:30px;
text-indent:-9000em;
overflow:auto;
}
h3.conheca {background:url(../pics/tt-conheca.jpg) no-repeat left top;}
h3.portfolio {background:url(../pics/tt-portfolio.jpg) no-repeat left top;}
h3.obras {background:url(../pics/tt-obras.jpg) no-repeat left top;}
h3.contato {background:url(../pics/tt-contato.jpg) no-repeat left top;}
h3.lancamento {background:url(../pics/tt-lancamento.jpg) no-repeat left top;}
h3.trabalhe {background:url(../pics/tt-trabalhe.jpg) no-repeat left top;}
h3.conhecanatal {background:url(../pics/tt-conhecanatal.jpg) no-repeat left top;}
h3.dicas {background:url(../pics/tt-dicas.jpg) no-repeat left top;}
h3.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat left top;}
h3.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat left top;}
h3.investir {background:url(../pics/tt-investir.jpg) no-repeat left top;}

/*** container ***/

#container {
width:1003px;
margin:0 auto;
}

/*** mainContent ***/

ul.thumbsobras {width:503px;}

ul.thumbsobras li {
float:left;
display:inline;
margin-left:10px;
}

/*ul.thumbs {width:203px;}*/

ul.thumbs li a span {
position:relative;
left:10px;
}

a.voltar{
clear: left;
display: block;
text-align: center
}

div.desc { 
width:660px;
padding:10px;
margin:15px 0 15px 10px;
float:left;
background-color:#F1F1F1;
}
div.desc p {padding:6px 0 !important;}

div.thumbs {
text-align:center;
margin:10px 10px 10px 65px;
display:inline;
float:left;
}
div.thumbs h2 {padding-top:5px;}

/*** FORMs ***/

#form {margin:10px 0 20px 20px;}

input, select {font:0.9em Trebuchet MS, arial;}

input.text, select, textarea {
width:230px;
margin:6px 0;
color:#666;
}
input.bt {
background-color:#f2f2f2;
border:none;
padding:4px 6px;
color:#666;
}

/* SELECT */

.jLookSelectWrapper{
/*border: 1px solid #CCCCCC;*/
background: url(../pics/bkg_input.jpg) no-repeat left top;
width: 160px;
position:relative;
height: 36px;
}
.jLookSelectHeader{
float: right;
background: url(../pics/bkg_input.jpg) no-repeat right top;
height: 29px;
width: 150px;
padding-top: 7px;
}
.jLookSelectHeader div{
font:0.9em Trebuchet MS, arial;
float:left;
line-height: 24px;
overflow: hidden;
height: 24px;
width: 110px
}
.jLookSelectHeader a{
float: right;
padding-right: 6px;
display: inline;
display: block;
width: 24px;
height: 24px;
background: url(../pics/bkg_select_open.jpg) no-repeat left center;
}
.jLookSelectWrapper ul{
position: absolute;
width: 150px;
top: 32px;
height:1px;
left: 2px;
list-style: none;
background: #fff;
border: 1px solid #CCCCCC;
display: none;
}
.jLookSelectWrapper ul a{
display: block;
padding: 5px;
text-decoration: none;
color:#0099CC;
background: #fff;
}
.jLookSelectWrapper ul a:hover{
background:#E1F5FF;
}

/*******************************************************************************
									 CONTATO
*******************************************************************************/

#center-curriculo { margin-left:20px; text-align:center; }

.enviar {
float:right;
width:60px;
height:25px;
font:0.84em/110% Trebuchet MS, arial;
color:#666;
cursor:pointer;
background:#fff;
}

input.contato {
padding:5px 0 0 5px;
font:0.84em/110% Trebuchet MS, arial;
color:#666;
width:295px;
height:20px;
border:1px solid #ccc;
}

.txtArea {
padding:5px 0 0 5px;
font:0.84em/110% Trebuchet MS, arial;
color:#666;
width:295px;
border:1px solid #ccc;
}

.txtArea-opcao {
padding:5px 0 0 5px;
font:0.84em/110% Trebuchet MS, arial;
color:#666;
width:302px;
border:1px solid #3ccc;
}

.txtArea-comments {
padding:5px 0 0 5px;
font:0.84em/110% Trebuchet MS, arial;
color:#666;
width:600px;
border:1px solid #ccc;
}

.label {
font:0.84em/110% Trebuchet MS, arial;
color:#666;
}

.enviar {
font:11px Arial; 
color:#2B441A;
cursor:pointer;
}