* { outline: none; }
body { 
	background:#21508b url(/imgs/fundo_site.jpg) repeat-x center top; font-size: 12px; 
	line-height:18px; font-family:"Trebuchet MS"; color:#fff;
}

a:link, a:visited { color: #fff; text-decoration:underline; }
a:hover { text-decoration:underline; }

h2, h3 { font-weight:bold; font-family:"Arial Narrow"; }

h2 { color:#a8d0e7; font-size:20px; margin-bottom:15px; }
h3 { color:#a8d0e7; font-size:14px; margin:4px 0; }
h4 {color: #E9EEF1; font-size: 18px; }
p { padding-top: 4px; padding-bottom: 4px; text-align:justify; margin-bottom:4px; }

ul, ol { margin-left: 10px; margin-bottom:10px; }
ol li, ul li { margin-bottom: 8px; }

ul li { list-style:none; background:url(/imgs/bullet.gif) no-repeat 0px 6px; padding-left:10px; }

button { 
	background:url(/imgs/btn_padrao.png) no-repeat center; font-size:10px;
	color:#fff; cursor:pointer; padding:8px 0 9px !important; width:82px; margin-top:4px;
}

.fright { float:right; }
.fleft { float:left; }
.clear { clear:both; }

.botoes_inferiores, .botoes-voltar-topo  { padding:0 0 0; margin:0; width:180px; }
.botoes_inferiores button { 
	margin:20px 12px 0 0; color:#666; text-decoration:underline; display:block; 
	float:left; width:auto; text-indent: -5000px; width: 47px; height: 10px; 
}
.botoes_inferiores button.voltar { background: url(/imgs/btn_voltar.png) no-repeat; }
.botoes_inferiores button.topo { background: url(/imgs/btn_topo.png) no-repeat; }

hr { 
	background: url("/imgs/div_horizontal.png") repeat-x center top; 
	display: block; height: 5px; overflow: auto; width: 100%; clear: both; border: none; 
}

input, textarea, select { 
	border:solid 1px #102a4b; color:#676d6f; padding:6px 4px; font-size:12px; 
}

#geral { width:960px; overflow:auto; margin:10px auto; }

#topo { height:148px; padding-top:4px; }
#topo .logotipo { float:left; }
#topo .logotipo a { height:146px; width:220px; display:block; }

#menu_topo { 
	line-height:0; float:right; width:420px; padding:75px 0 0;
	background:url(/imgs/fundo_menu.png) no-repeat left bottom; 
}
#menu_topo h2 { display:none; }
#menu_topo ul { border:none; width:auto; padding:2px 10px 5px 10px; }
#menu_topo ul li { 
	border:none; width:auto; background:url(/imgs/div_vertical.png) no-repeat right center; padding:4px 10px; margin:0;
}
#menu_topo ul li.ultimo { background:none; }
#menu_topo ul li a { border:none; outline:none; color:#fff; padding:12px 2px; }
#menu_topo ul li a:hover, #miolo .colesq .menu ul li a.selecionado { 
	background:url(/imgs/hover_menu.png) no-repeat center top;
}
#menu_topo ul li a.selecionado { outline:none; background:url(/imgs/hover_menu.png) no-repeat center top; }

#menu_topo ul ul { left:158px; top:-2px; background:#f4f4f4; }
#menu_topo ul ul li a { }

#miolo .colesq { width:210px; float:left; padding-top:48px; }
#miolo .colesq h2 { height:42px; text-indent:-5000px; background:url(/imgs/h2_linha_produtos.png) no-repeat left top; }

#miolo #banner { float:right; width:731px; height:213px; }

#miolo .conteudo { position:relative; float:right; width:730px; padding:10px 0 10px 10px; overflow:hidden; }

#miolo .conteudo .chamadas { margin:30px 0 10px 0; overflow:hidden; }
#miolo .conteudo .chamadas div { float:left; margin-right:15px; height:90px; background-position:left top; background-repeat:no-repeat; }
#miolo .conteudo .chamadas div h2 { text-indent:-5000px; }
#miolo .conteudo .chamadas div p { text-align:left; float:right; line-height:15px; }
#miolo .conteudo .chamadas div.representantes { background-image:url(/imgs/fundo_representantes.png); width:264px; }
#miolo .conteudo .chamadas div.representantes p { width:181px; }
#miolo .conteudo .chamadas div.catalogo { background-image:url(/imgs/fundo_catalogo.png); width:230px; }
#miolo .conteudo .chamadas div.catalogo p { width:141px; }
#miolo .conteudo .chamadas div.dicas { background-image:url(/imgs/fundo_dicas.png); width:202px; margin-right:0; }
#miolo .conteudo .chamadas div.dicas p { width:130px; }

#miolo .conteudo .leitura-conteudo, #miolo .conteudo .mapa-localizacao { margin-top: 40px; *margin-top: 50px; }
#miolo .conteudo .leitura-conteudo p { text-align:justify; line-height:18px; }
#miolo .conteudo .leitura-conteudo h2, #miolo .conteudo .mapa-localizacao h2 {
	background:url(/imgs/h2_leitura_conteudo.png) no-repeat left center; 
	height:20px; color:#47668E; font-size:26px; padding: 12px 0 12px 10px;
}

#miolo .conteudo .apresentacao { margin-top:10px; }
#miolo .conteudo .apresentacao .leitura-conteudo { margin:0; }
#miolo .conteudo .apresentacao h2 { 
	text-indent:-5000px; height:33px; margin:0 0 5px 0; padding:0;
	background:url(/imgs/h2_seja_bemvindo.png) no-repeat left center;
}

/* Compartilhar conteudos */
#compartilhar-conteudo { width: 725px; }
#compartilhar-conteudo form fieldset button { background-color:transparent; border:none; }
#compartilhar-conteudo form fieldset { margin:auto; width:475px; }

/* Contato */
.contatos { /*width:440px; float:left;*/ }
.contatos form { margin:10px auto; /*float:left; width:440px;*/ }
.contatos form fieldset { width:470px; background:url(/imgs/div_vertical.png) repeat-y right center;  }
.contatos form * { margin:2px; }
.contatos input, .contatos textarea { }
.contatos textarea { width:300px; }
.contatos select { width:280px; height:24px; padding:3px 4px; font-size:12px; }
.contatos label { width:110px; float:left; margin-top:5px; }
.contatos button { float:right; margin-right:41px; }
.requerido, .required { 
	background-image: url("/imgs/required-2.png"); background-position: 2px 50%;
    background-repeat: no-repeat; padding: 0 3px 0 14px;	
}
#miolo .conteudo #contatos-cabecalho .leitura-conteudo { margin: 0;}
#contatos-rodape { float: left; margin-top: 10px; }
#miolo .conteudo #contatos-rodape .leitura-conteudo { margin-top:0px; }
#miolo .conteudo #contatos-rodape .leitura-conteudo h2 { display:none; }
#contatos-rodape p { text-align:left; margin-bottom:2px; }
#contatos-container { width: 500px; float: left; }

#rodape { 
	width:990px; padding:5px 0px; overflow: auto; margin: auto; clear:both; 
	background:url(/imgs/div_horizontal.png) repeat-x center top; 
}
#rodape p { color:#a8d0e7;clear:none; padding:5px; text-align: left; }
#rodape p, #rodape a { color:#a8d0e7; }

/* Controles Banner */
.nivo-controlNav { float:right; margin-top:30px; width:30px; }
.nivo-controlNav a {
	float:left; height:22px; margin-bottom:2px; margin-right:3px; text-indent:-9999px; width:22px;
}
.nivo-controlNav a.active { background-position:0 -22px; }
.nivo-directionNav a {
	display:block; width:30px; height:30px;
	background:url(/imgs/arrows.png) no-repeat;
	text-indent:-9999px; border:0;
}
a.nivo-nextNav { background-position:-30px 0; right:15px; }
a.nivo-prevNav { left:15px; }

/* Formulários */
form table th {
	width: 80px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
}
form input, form input.required, form select.required, form textarea.required {
	padding: 3px;
	margin: 2px;
}
form input.required, form select.required, form textarea.required {
	background-image: none;
}
input[type=checkbox] {
	border: none;
}
form label.invalido{
	color: #FF0000;
}
form input.invalido, form select.invalido, form textarea.invalido {
	border: solid 1px #FF0000;
}

/* Menu Produtos */
#menu-produtos a {
	text-decoration: none;
}
#menu-produtos a:hover{
	text-decoration: underline;
} 
#menu-produtos ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	margin-top: 20px;
}
#menu-produtos ul li ul {
	margin-top: 5px;
}
#menu-produtos ul li.categoria {
	background: url("/imgs/fundo_menu_produtos.png") repeat-x;
	padding-left: 5px;
}
#menu-produtos li.categoria a {
	background: url("/imgs/style-categorias.png") no-repeat scroll 0 5px;
    display: block;
    height: 20px;
    padding-left: 13px;
    padding-top: 2px;
}
#menu-produtos ul li.subcategoria {
	background: none;
	padding-left: 5px;
	margin-bottom: 3px;
}
#menu-produtos ul li.subcategoria a {
	background: url("/imgs/style-subcategorias.png") no-repeat 0 3px;
}

/* PRODUTOS */
.conteudo .produtos.lista ul {
	overflow: auto; margin: 0; padding:0;
}
.conteudo .produtos.lista ul li {
	width: 180px;
	border-bottom: 1px dotted #CCCCCC;
    float: left;
    padding-bottom: 15px;
    text-align: center;
	font-weight: bold;
	margin: 15px 10px 10px 20px;
}
.conteudo .produtos.lista dt {
	width: 180px;
	height: 180px;
	background: #FFF;
	vertical-align: middle;
	display: table-cell;
	font-size: 140px;
}
.conteudo .produtos.lista dt img {
	vertical-align: middle;
}
.conteudo .produtos.lista dd p {
	text-align: center;
}
.conteudo .produtos.lista dd img {
	cursor: pointer;
}

/* DETALHES DO PRODUTO */
.conteudo .produtos.detalhes {
	overflow: auto;
}
.conteudo .produtos.detalhes #galeria {
	width: 300px; height: 350px; float: left; padding-top: 5px;
}
.conteudo .produtos.detalhes #galeria #imgZoom {
	width: 250px; height: 250px;
}

.conteudo .produtos.detalhes #thumbs ul {
	margin: 0; padding: 0;
}
.conteudo .produtos.detalhes #thumbs li {
	background: #FFF; float: left; margin: 5px 10px 5px 0; padding: 0;
}
.conteudo .produtos.detalhes #thumbs li a {
	vertical-align: middle; display: table-cell; text-align: center; width: 55px; height: 55px;
}

.conteudo .produtos.detalhes #descricao {
	float: left; width: 410px; margin: 0 0 20px 20px;
}
.conteudo .produtos.detalhes #descricao h3 {
	font-size: 26px; color: #e9eef1; margin: 5px 0 10px 0;
	
}
.conteudo .produtos.detalhes .zoomPad {
	float: none !important; text-align: center;
}
#referencias{
	margin: 0;
	padding: 0;
	overflow: auto;
}
#referencias li{
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}
#tabela_referencias{
	clear: both;
	overflow: auto;
	padding-top: 20px;
}
#tabela_referencias > p{
	display: none;
}
#tabela_referencias table{
	border-collapse: collapse;
	width: 300px;
	float: left;
	margin-right: 20px;
}
#tabela_referencias table caption{
	font-weight: bolder;
	font-size: 13px;
}
#tabela_referencias table td{
	border: solid 1px #FFF;
	vertical-align: top;
	padding: 2px 4px;
}

/* ORÇAMENTO */
.conteudo .produtos.orcamento table {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}
.conteudo .produtos.orcamento table th, .conteudo .produtos.orcamento table td {
	text-align: center;
	border-bottom: solid 1px #FFF;
	padding: 10px 0;
}
.conteudo .produtos.orcamento table td.nome {
	text-align: left;
}
.conteudo .produtos.orcamento table td.nome span {
	font-size: 11px;
}
.conteudo .produtos.orcamento input.qtde {
	text-align: center; width: 30px;
}

.conteudo .produtos.orcamento .imagem {
	padding-left: 15px; width: 65px;
}
.conteudo .produtos.orcamento .imagem div {
	width: 50px; border: 2px solid #102A4B;
	height: 50px; background: #FFF; display: table-cell;
	vertical-align:middle;
}
.conteudo .produtos.orcamento .imagem div img {
	vertical-align:middle;
}
.conteudo .produtos.orcamento .qtde {
	width: 50px;
}

.conteudo .produtos h3 { font-size:16px; }

/* Identificação */
.conteudo .produtos.identificacao .cliente_sim {
 	width:335px; float:left; padding:10px 20px 0 0; border-right: 1px solid #235694;
}

.conteudo .produtos.identificacao .cliente_nao {
 	width:350px; float:left; margin-left:20px; padding-top:10px;
}

/* Cadastro */
#formCadastroCliente table th { width: 100px; }
#containerPJ, #containerPF { display: none; }

/* REVISAR */
.orcamento.revisar table { margin: 0; }
#dadosCliente { margin: 0; padding: 0; }
#dadosCliente #nomeCliente { font-size: 12px; }

/* REPRESENTANTES */
#lista-representates {}
#lista-representates .filtro { text-align:center; }
#lista-representates .filtro select { width:300px; }

#lista-representates .representantes {}
#lista-representates .representantes .representante {
	background:#fff; color:#333; border: 1px solid #102A4B;
}
#lista-representates .representantes .representante p,
#lista-representates .representantes .representante h4 { padding:5px; }
#lista-representates .representantes .representante h4 { background:#102A4B; color:#fff; border-bottom:1px solid #102A4B; font-size: 15px; }

/* DICAS */
#dicas ul li a{
	background: url("/imgs/style-categorias.png") no-repeat 0 3px;
    padding-left: 12px;
}

#map_canvas_1 p { color: #000;}

