/*
Theme Name: Ville
Theme URI: 
Description: Layout para a Ville
Version: 1.0
Author: Rogério Oliveira e Cadu Garcia
Tags: institucional
*/

* {margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0}
a {color: #161B3C; text-decoration:none}
#destaques a:hover {font-weight:bold}

 
body{background:url(tema/fundo.gif); color:#333333}

body > #corpo{background:url(tema/fundo_corpo.jpg) repeat-y; width: 960px}
#corpo #corpo {width:840px}
#corpo > .header {min-height:365px; margin-bottom:20px}
#corpo .header .header{height:140px; padding-top:9px}
#corpo .header div.menu {text-align:right; height:20px; width:100%}
#corpo .header div.menu > ul {list-style:none;float:right; width:530px}
#corpo .header div.menu > ul > li {float:left; margin-left: 3px; line-height:23px}
#corpo .header div.menu li#busca span {float:left; margin-right:5px}
#corpo .header div.menu li#busca form {width:116px; height:23px; background: url(tema/busca_fundo.jpg) no-repeat; text-align:left; float: right}
#corpo .header div.menu li#busca input[type="text"]{border:0; background:none; border: none; width:80px; margin:3px 0 0 7px; float:left}
#corpo .header div.menu li#busca input[type="submit"] {width:17px; height:17px; border:none; background:url(tema/busca_botao.jpg); float:left; margin:3px}
ul#acessorapido {background:#FFF; border:1px solid #EEE; width:168px}
ul#acessorapido li {float:none; line-height:2em; text-align:left; padding: 0 5px}

#corpo .header div.menu div {float:left}
#corpo .header .col1 {width:160px; float:left; text-align:center}
#corpo .header .col2 {width:200px; float:left; text-align:left; margin-left:10px}
#corpo .header .col2 img {margin: 54px 0 0 10px}
#corpo .header .col3 {float: right; padding-top:10px}

#corpo .header ul#menu{list-style: none; width:141px; background:url(tema/menu_fundo.jpg) no-repeat top left; float:left; border:1px solid #E9E9E9}
#corpo .header ul#menu ul {list-style:none;width:163px; background:url(tema/menusub_fundo.jpg) #F3F3F3 no-repeat top left; border:1px solid #E9E9E9}
#corpo .header ul#menu li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#161B3C; line-height:30px; border-top: 1px solid #FFF; border-bottom:1px solid #E0E0E0; margin: 0 10px}
#corpo .header ul#menu > li > a:link,#corpo .header ul#menu > li > a:visited{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#161B3C; line-height:30px}
#corpo .header ul#menu li a:hover, #corpo .header ul#menu li a:active {color:#EB8E1D}

#corpo .header ul#menu ul li, #corpo .header ul#menu ul li a {font-size:14px}


#corpo .header #banner {width: 684px; height:223px; float:right}

#corpo #corpo > .col1 {float:left; width: 150px; margin:5px}
#corpo #corpo > .col2 {float:left; width: 355px; margin:5px}
#corpo #corpo > .interna {float:left; width: 670px; margin:5px}
#corpo #corpo > .interna p {padding: 3px 0}
#corpo #corpo > .col3 {float:left; width: 175px; margin:5px}
#corpo #corpo > .col4 {float:left; width: 120px; margin:5px}
#corpo #corpo #destaques {list-style:none}
#corpo #corpo #destaques h2 {display:block; width:100%; height:20px; background:url(tema/destaques.jpg) no-repeat; margin-bottom:10px}
#corpo #corpo #destaques h2 span {display:none}
#corpo #corpo #destaques #equipedevendas{height: 20px; padding: 5px 0 0 25px; background:url(tema/dest_equipe.jpg) left no-repeat}
#corpo #corpo #destaques #politicadequalidade{height: 20px; padding: 5px 0 0 25px; background:url(tema/dest_politica.jpg) left no-repeat}
#corpo #corpo #destaques #orcamento {height: 20px; padding: 5px 0 0 25px; background:url(tema/dest_orcamento.jpg) left no-repeat}
#corpo #corpo #destaques #missaovisaoevalores{text-align: center}
#corpo #corpo h2 *{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#999}
#corpo #corpo .interna h2 {margin-bottom: 10px}
#corpo #corpo .interna .produto {margin: 20px 0 20px 214px; clear:both}
#corpo #corpo .interna .produto img, #corpo #corpo .interna .produto .alignnone {float:left; margin-right:10px; margin-top:-30px; margin-left:-214px; margin-bottom:30px; clear:left}
#corpo #corpo .interna .produto h3{color: #F6981D; margin-bottom: 1em; font-size:13px}
#corpo #corpo .interna .produto p{}
#corpo #corpo .interna .produto blockquote{color: #666; margin:20px 0 0 0; padding:0}
#corpo #corpo .interna .topo {width:100%; text-align:right; color:#F6981D; font-size:13px}
#corpo #corpo .interna .topo a{color:#F6981D}
#corpo #corpo #noticias h2 {display:block; width:335px; height:20px; background:url(tema/noticias.jpg) no-repeat; margin:0}
#corpo #corpo #noticias h2 span {display: none}
#corpo #corpo #noticias {background:url(tema/noticias_pontilhado.jpg) repeat-x top}
#corpo #corpo #noticias a#feed{ display:block; width:20px; height:20px; float:right}
#corpo #corpo #noticias .noticia {border-bottom: 1px solid #E4E4E4; padding: 10px 0}
#corpo #corpo #noticias .noticia h3 {font-weight:bold; text-transform:uppercase; color: #214D8E}
#corpo #corpo #noticias #maisnoticias {background:url(tema/noticias_mais.jpg) center left no-repeat; padding:10px 20px; float:right}
#corpo #corpo #faq {list-style:none}
#corpo #corpo #faq h2 {display:block; width:100%; height:20px; background:url(tema/faq.jpg) no-repeat; margin-bottom:10px}
#corpo #corpo #faq h2 span{display: none}
#corpo #corpo #faq li {border-bottom: 1px solid #E4E4E4; padding: 10px 0}
#corpo #corpo #catalogo h2 {display:block; width:100%; height:24px; background:url(tema/catalogo.jpg) no-repeat; margin-bottom:10px}
#corpo #corpo #catalogo h2 span{display: none}
#corpo .rodape {margin-top:30px}
#corpo .rodape *{text-align:center; color:#666666}
#corpo .rodape strong {letter-spacing:0.5px}

#corpo #corpo_rodape {background:url(tema/fundo_corpo_rodape.jpg) no-repeat; width:960px; height:10px;margin-bottom: 20px}

form#contato {width:326px; margin:0 }
form#contato label,form#contato label.mensagem{display:block; position:relative; height:28px;width: 118px; padding-right:208px ;background:url(tema/campo.jpg) no-repeat 128px 0px; text-align:right;; color:#161B3C; font-size:12px}
form#contato label input[type='text'],form#contato label select {position:absolute; left:130px; top:2px; width:194px; height:15px}
form#contato label textarea {position:absolute; left:130px; top:2px; width:194px; height:120px}
form#contato label.mensagem {height:124px; background:url(tema/campo_mensagem.jpg) no-repeat 128px 0px}
form#contato span {margin:10px 0 0 128px; display:inline; color: #CCC; font-size:9px; line-height:19px; vertical-align:middle}
form#contato input[type='reset'],form#contato input[type='submit'] {display:inline-block; margin:3px; background:url(tema/botao.jpg) no-repeat;width:39px; height:19px; font-size:11px; color:#161B3C}

.limpar {clear:both; font-size:1px; height:1px}