*, p{
margin:0;
padding:0;
}

body{
background-color: #F0F1F1 url(../images/body_bg.jpg) repeat-x;
text-align: center;
}

body, div, a, h3, h2, h1, span, p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p{
color: #918E7F;
font-size: 100%;
margin: 0; 
padding: 5px 0;
}

#wrapper{
width: 870px;
margin: auto;
text-align: left;
}

#topbar{
background-color: #404040;
border: 1px solid #FFFFFF;
border-top: 0px;
padding: 10px;
padding-left: 20px;
color: #FFFFFF;
}

a img{
border: none;
}

/* ======================= CABEÇALHO ======================= */
#header{
border: 1px solid #FFFFFF;
border-top: 0px;
background: #5D5D5D url(../images/back-header.jpg) bottom repeat-x;
position: relative;
height: 185px;
}

#logo{
position: absolute;
top: 38px;
left: 24px;
height: 109px;
background: url(../images/logo.png) no-repeat;
margin: 0;
padding-top: 0px;
padding-left: 178px;
font-size: 21px;
color: #FFFFFF;
}

#logo span{
margin-left: 3px;
color: #EDB3B3;
padding: 0;
margin: 0;
display: block;
}

#logo h1 a{
font: italic 6em Georgia, "Times New Roman", Times, serif;
color: #FFF;
text-decoration: none;
}

/* ======================= MENU ======================= */

#navigation{
position: absolute;
right: 0px;
top: 163px;
}

#navigation li{
float: left;
list-style: none;
margin-right: 5px;
text-align: center;
font-weight: bold;
}

#navigation li a{
display: block;
padding: 5px 8px;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#navigation li a:hover{
background: #FFF url(../images/back-menu.jpg) top repeat-x;
color: #C20000;
text-decoration: none;
}

#navigation li span a{
background: #FFF url(../images/back-menu.jpg) top repeat-x;
color: #FF7F00;
text-decoration: none;
}

#sub-menu{
padding: 0;
margin: 0;
text-align: right;
width: 300px;
position: absolute;
left: 464px;
top: 188px;
}

#sub-menu a{
color: #FF7F00;
text-decoration: none;
}

#sub-menu a:hover{
color: #C20000;
text-decoration: none;
}

#body{
background-color: #FFFFFF;
padding-top: 25px;
}

#leftmenu{
float: left;
background-color: #F4F2E6;
width: 213px;
margin-left: 25px;
margin-bottom: 25px;
}

#leftmenu p{
padding: 20px;
padding-top: 10px;
padding-bottom: 0px;
color: #918E7F;
}

#leftmenu blockquote{
margin-left: 20px;
}

/* ======================= FORMULÁRIO ======================= */

.form{
margin-left: 13px;
margin-right: 15px;
color: #918E7F;
}

.form label{
color: #000000;
display: block;
margin-left: 2px;
margin-bottom: 3px;
}

.form input, textarea{
background-color: #FFFFFF;
border: 1px solid #CECCC0;
width: 175px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
color: #9D9C9C;
margin-bottom: 10px;
}

.botao{
border: 0;
display: block;
background: #838182 url(../images/back-botao.jpg) bottom;
width: 79px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
margin-bottom: 25px;
}

#content a.botao{
color: #CCC;
}
/* ======================= CONTEÚDO ======================= */

#content a{
color: #918E7F;
text-decoration: none;
margin-bottom: 7px;
text-decoration: none;
}

#content a:hover{
text-decoration: underline;
}

#content{
margin-top: 15px;
margin-left: 280px;
margin-right: 25px;
}

#content h2{
font-size: 18px;
margin: 8px 0;
color: #5D5D5D;
}

#content h3{
font-size: 13px;
margin: 8px 0;
color: #5D5D5D;
}

.img-esq{
float: left;
padding: 0 8px 3px 0;
}

.img-dir{
float: right;
padding: 0 0 3px 8px;
}

/* ======================= RODAPÉ ======================= */

#footer{
border-top: 1px solid #D7D7D7;
margin: 2px;
padding-top: 18px;
padding-bottom: 10px;
text-align: center;
background-color: #FFFFFF;
color: #918E7F;
}

#footer a{
color: #918E7F;
text-decoration: none;
margin-bottom: 7px;
}

#footer a:hover{
text-decoration: underline;
}

#footer span a{
text-decoration: underline;
}

#footer p{
color: #000000;
margin-top: 10px;
}

.clear{
clear: left;
}

.right{
float: right;
margin-right: 20px;
text-align: right;
color: #918E7F;
}

#quotestart{
padding-top: 20px;
background-repeat: no-repeat;
background-position: bottom;
margin-left: 14px;
background-image: url(../images/quote_top.jpg);
width: 34px;
height: 25px;
}

#quoteend{
padding-top: 20px;
float: right;
background-repeat: no-repeat;
background-position: bottom;
margin-left: 14px;
margin-right: 20px;
background-image: url(../images/quote_bottom.jpg);
width: 34px;
height: 25px;
}

.seperator{
padding-top: 25px;
border-bottom: 1px solid #CCCADB;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}

#leftmenu h3{
color: #000000;
font-size: 14px;
margin-bottom: 5px;
}
