@import url("reset.css");

img { border:none; }

html > body div.clear { clear:both; }

body { background:#A18C6F url(../pics/bg.jpg) repeat-X fixed left top; }

p {
padding:8px 16px;
font:16px/18px Georgia, Times New Roman, Times, serif;
color:#010100;
}

a, li { 
font:12px Georgia, Times New Roman, Times, serif;
color:#000; 
}

li { line-height:160%; }

h1 { font:18px Trebuchet MS, verdana, sans-serif; }

h5 {
padding:1px 16px;
font:11px/18px Georgia, Times New Roman, Times, serif;
color:#010100;
}

img.alignRight { float:right; margin:5px 25px 0 0;}

img.center { margin:15px auto 0 auto; }

/***************************************************************************
								  TABELAS
***************************************************************************/
table.format { 
width:350px;
margin:5px 0 10px 10px;
text-align:center; 
border-collapse:collapse; 
font:12px Georgia, Times New Roman, Times, serif;
}

table.format caption {
width:351px;
margin:5px 0 0 9px;
background-color:#F4F4D4;
color:#000;
border:1px solid #000;
}

html > body table.format { margin-top:0; } /* hack para FF */

html:first-child>body table.format caption { margin-left:0; width:348px; } /* hack para opera */

table.format td {
background-color:#FDF8EC;
color:#000;
border:1px solid #000;
}

/***************************************************************************
								   GERAL
***************************************************************************/

#geral {
width:1003px;
margin:0 auto;
background-color:#fcfae9;
}

/***************************************************************************
							lateralE / LateralD
***************************************************************************/

#lateralE {
float:left;
width:359px;
}

#lateralD {
float:right;
width:644px;
height:600px;
background-color:#ECEADD;
}

html > body #lateralD { height:auto; min-height:602px; }

/***************************************************************************
								   LOGO
***************************************************************************/

#logo { height:218px; }

/***************************************************************************
								CABEÇALHO
***************************************************************************/

#header {
text-align:right;
height:218px;
background:url(../pics/bg-header.jpg) no-repeat;
}

#header p { padding-top:50px; }

/***************************************************************************
								MENU
***************************************************************************/

#nav {
height:251px;
background-color:#fcfae9;
padding-top:4px;
}

#nav ul { margin-left:20px; }

#nav li {
width:310px;
height:35px;
border-bottom:1px solid #dedddb;
}

#nav li a {
display:block;
padding:7px 0 0 12px;
height:79%;
font:bold 18px Tw Cen Mt Condensed, sans-serif, Trebuchet MS;
color:#756108;
}

a.contato {
font:bold 18px Tw Cen Mt Condensed, sans-serif, Trebuchet MS;
color:#756108;
}



#nav li a:hover { background-color:#F1EEDD; color:#999;}

/***************************************************************************
									CONTEÚDO
***************************************************************************/

#mainContent { background-color:#ECEADD; }

h1.title {
margin:0 0 0 15px;
color:#630;
background:url(../pics/linha.jpg) no-repeat left bottom;
padding:15px 0 8px 10px;
}

#mainContent ul { 
width:auto;
margin-left:30px; 
}

#mainContent li { list-style-type:square; }

#mainContent ul.thumbs  { clear:both; margin:0; }

#mainContent ul.thumbs li {
float:left;
width:194px;
margin-left:8px;
padding:5px;
list-style:none;
}

#mainContent img { border:4px solid #fff; }

/***************************************************************************
									RODAPÉ
***************************************************************************/

#footL{
height:119px;
background:url(../pics/footL.jpg) no-repeat;
clear:left;
}

#footL p { padding-top:46px; }

#footR{
float:left;
position:relative;
width:644px;
height:119px;
background:url(../pics/footR.jpg) no-repeat;
}

#footR ul.thumbs li {
float:left;
margin:40px 0 0 40px;
}

#footR ul.thumbs img { float:left; margin-right:10px;} /* para o texto ficar ao lado da imagem */

#footR a span { display:block; padding-top:4px; }

#footR object {
position:absolute;
top:60px;
right:30px;
}

/***************************************************************************
								  FORMULÁRIOS
***************************************************************************/

form { 
display:inline;
float:left; 
margin:20px;
width:315px; 
}

input, label, textarea, legend { 
font:11px Georgia, Times New Roman, Times, serif;
color:#000;  
}

legend { font-size:14px; }

textarea { width:292px; height:50px; }

label { padding-left:15px; }

input.text, textarea {
float:left;
display:inline;
margin:5px 0 0 6px;
}

input.maior { width:292px; }

input.menor { width:141px; }

input.bt { 
margin:5px; 
background-color:#FCFAE9;
border:none;
}

form br { clear:left; }
