* { margin:0; padding:0; border:none; list-style:none; text-decoration:none; }

html { background:#a5a5a5 url(../img/body-bg.jpg) repeat-x; }

body { background:url(../img/top-bg.jpg) repeat-x; font:80% "Trebuchet MS", Verdana, Arial, sans-serif; text-align:center; }

a { color:#888; }
a:hover { color:#FF9900; }

abbr { cursor:help; border-bottom:1px dashed #ccc; } 

.clear { clear:both; }

ol li { list-style-type:decimal; margin-left:20px; }
ul li { background:url(../img/li-bg.jpg) no-repeat left; padding:3px 20px 3px 20px; border-bottom:1px dashed #CCCCCC; }
li { padding:4px 0 4px 0; }

p { margin-bottom:10px; } 

/* ------ Headings ------ */

#header h1 a { text-indent:-1000em; display:block; width:330px; height:110px; margin:auto; }
h2 { font-size:1.8em; color:#6699CC; margin:10px 0 20px 0; }
h3 { font-size:1.2em; color:#d70b0b; border-bottom:1px solid #ccc; margin:30px 0 5px 0; padding-bottom:3px; text-transform:uppercase; }

/* ------ Estrutura ------ */
 
#wrap {	width:635px; margin:0 auto; padding-top:20px; }
 
#header { background:url(../img/header.png) no-repeat; height:112px; padding-top:15px; }

#container { background:url(../img/content-bg.png) repeat-y; } 

#nav { padding:30px 15px 15px 0; text-align:right; }
#nav li { display:inline; background:url(../img/navLi-bg.jpg) no-repeat right; padding:12px 15px 12px 7px; border:none; }
#nav a { color:#777; padding-bottom:5px; }
#nav a:hover { color:#FF6600; border-bottom:2px solid #ccc; }

#conteudo { background:url(../img/conteudo-bg.jpg) no-repeat top right; padding:20px; width:587px; text-align:justify; } 

#rodape { background:url(../img/footer-bg.png) no-repeat; padding:55px 0 40px 0; color:#777; } 
#rodape p { margin:0; }
.developer { font-size:0.8em; }
#orange { color:#ef8007; }
#green { color:#bbcb84; }


/* ------ Home ------ */

#homeBanner { width:586px; height:134px; margin:8px 0 0 0; padding:11px 0 0 20px; color:#fff; background:url(../img/homeBanner.jpg) no-repeat; }
#homeBanner ul { margin-bottom:6px; }
#homeBanner ul li { background:none; border:none; padding:7px 0 12px 25px; }
#bannerTitle { font-size:1.4em; margin:0; }

/* ------ Serviços ------ */

.servicos { width:270px; float:left; }
#servicos1 { margin-right:40px; }  
.servicos_list { width:270px; margin:0 45px 15px 0; text-align:left; background:url(../img/servicos-bg.jpg) left bottom repeat-y; } 
.servicos_list dt { font-size:1.4em; padding:3px 0 3px 10px; background:url(../img/servicosDt-bg.jpg) left top no-repeat; }
.servicos_list dd { padding:5px; }
.color dt { background:url(../img/servicosDtOdd-bg.jpg) left top no-repeat; }
.color { background:url(../img/servicosOdd-bg.jpg) left bottom no-repeat; }

/* ------ Downloads ------ */

.download_list { background:#e4e4e4 url(../img/download-bg.jpg) repeat-x top; padding-bottom:10px;}
.download_list dd { padding:5px 10px 5px 10px; }
.download_list dt { font-size:1.3em; margin-top:20px; padding:3px 0 3px 10px; background:#7299b3; color:#fff; }
.download_list a { font-size:1.2em; margin-right:20px; }
.download_list .download_link { background:url(../img/download-btn.png) no-repeat; margin:5px 0 0 5px; padding:13px 0 13px 55px; }

/* ------ Contato ------ */

ul.vcard li { border:none; background:none; padding-left:0; }
#contatoWeb { margin:10px 0 10px 0; }
#contatoWeb dt { font-size:1.2em; color:#82a334; padding-top:5px; }
#contatoWeb dd { color:#aaa; border-bottom:1px dotted #ccc; padding-bottom:5px; }
form span { color:#339966; }



/* ------ Formulário ------ */

form { margin-top:20px; }
fieldset { margin-bottom:10px; }
input, textarea { border:1px solid #ccc; padding:3px; margin-bottom:10px; color:#336699; }
input:focus, textarea:focus { border:1px solid #fff; }
textarea { font:1em "Trebuchet MS", Verdana, Arial, sans-serif; }
form p { margin-bottom:2px; }
legend { color:#82a334; font-size:1.3em; margin-bottom:10px; padding:8px; border-left:10px solid #82a334; }
.button { border:none; color:#fff; margin-top:5px; display:block; width:93px; height:34px; padding-bottom:7px; background:url(../img/button.jpg) no-repeat; cursor:pointer; }
.button:hover { background:url(../img/button_over.jpg) no-repeat; }
.odd { background-color:#eee; padding:10px 10px 0 10px; } 
#sentMessage { margin-top:20px; padding:6px 0 20px 20px; background:url(../img/sentMail.jpg) no-repeat; }
#sentMessage h3 { font-size:1.5em; border:none; color:#FF6600; }
#sentMessage p { font-size:1.3em; color:#aaa; }