* {margin:0; padding:0; font-family:arial, helvetica, sans-serif}
html, body {height:100%}
body {background:#fff url(../img/bg-sup.png) top repeat-x; font-size:11px; color:#666}
div, h3 {position:relative}
img {border:none; filter:expression(
		this.alphaxLoaded ? "" :
			(
				this.src.substr(this.src.length-4)==".png"
				?
				(
				(!this.complete)
				? "" :
				this.runtimeStyle.filter=
				("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
				(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
				String(this.alphaxLoaded=true).substr(0,0)+
				(this.src="img/blank.gif").substr(0,0)
			)
			:
			this.runtimeStyle.filter=""
		)
	)}
a {outline:none; overflow:hidden; color:#666; text-decoration:none}
a:hover {text-decoration:underline}
td {vertical-align:top}
h4 {color:#295878; text-transform:uppercase; padding:6px 0; font-size:11px}

.caixa, select, textarea {background-color:#a0a0a0; border:1px solid #d0d0d0; font-size:11px; color:#000; padding:1px}
textarea {height:110px; overflow:auto}
select {padding:0}

.quebra {width:100%; height:2px; display:block; clear:both; background-color:transparent; font-size:0}

.esq, .dir, #som, #menu dl, #produto-ampliado div, .produto div, #listagem h3 span, #destaque-secao img, .clique {position:absolute; left:0; top:0; z-index:1}

.dir {left:auto; right:0 !important; right:-1px}

.produto {width:100%; border-top:1px dotted #c0cad3; padding:9px 0}
.produto .img {float:left; margin-right:15px}
.produto span {width:120px; float:left; margin-right:15px}
.produto p {padding-bottom:9px}
.produto div {left:auto; top:auto; right:3px; bottom:6px}

#carrinho {font-size:11px}
#carrinho td {border-bottom:1px solid #c6bed8;height:60px;margin-top:3px}
#carrinho .caixa {width:50px; text-align:center; margin-top:3px}
#carrinho a {color:#ba287e; font-weight:700; font-size:11px}

#acoes {background-color:#f2f0f7; text-align:right; padding:3px 8px; margin-top:20px}
#acoes * {vertical-align:middle}
#acoes span {margin:0 5px}
button {border:none; background:none; color:#273886; font-size:12px; font-weight:700}

.paginacao, #voltar {border-top:1px dotted #c0cad3; text-align:center; padding:15px 0}
.paginacao * {vertical-align:middle; margin:0 4px}

.coluna {width:340px; float:left; padding:0 13px 40px}
.coluna.divisao {padding-right:60px}
.coluna h4 {padding-top:20px}

.projeto {width:100%; border-top:1px dotted #c0cad3; padding:18px 0}
.projeto p {padding-bottom:16px}

.img-projetos {width:321px; float:left; padding-right:12px}
.img-projetos div {padding-bottom:8px}
.img-projetos a {float:left; margin-right:7px}
.img-projetos a img {width:100px}

.clique {left:330px; top:auto; bottom:22px}

#bg {background:transparent url(../img/bg-inf.png) bottom repeat-x; min-height:100%; height:auto !important; height:100%}

#principal {width:779px; margin:auto; padding-bottom:8px}

#topo {width:100%; height:25px; background-image:url(../img/bg-topo.png)}
#topo .quina {width:20px; height:25px}
#topo .esq {background-image:url(../img/quina-top-esq.png)}
#topo .dir {background-image:url(../img/quina-top-dir.png)}

#marca {width:100%; height:109px; background-image:url(../img/bg-marca.png)}
#marca #som {left:auto; right:0; width:206px; height:109px; background-image:url(../img/som.jpg)}

#menu {width:100%; height:59px; background-image:url(../img/bg-menu.png)}
#menu .quina {width:22px; height:59px}
#menu .esq {background-image:url(../img/quina-menu-esq.png)}
#menu .dir {background-image:url(../img/quina-menu-dir.png)}
#menu dl {left:19px; top:21px; height:35px; background:transparent url(../img/sombra-menu.png) 13px bottom no-repeat}
#menu dt {padding:0 13px; border-left:1px solid #ebebeb; border-right:1px solid #999; float:left}
#menu dt img {display:block}
#menu #menu-inicio {border-left:none}
#menu #menu-fim {border-right:none}

#boxes-index {width:100%; padding-bottom:12px}
#boxes-index img {margin:10px; float:left}

#produtos {width:100%; background:transparent url(../img/bg-lateral.gif) 0 0 repeat-y; margin-bottom:2px}

#lateral {width:164px; min-height:467px; height:auto !important; height:467px; padding:9px; background:transparent url(../img/bg-lateral.png) top repeat-x; float:left}

#itens-lateral {padding:0 7px 20px}
#itens-lateral form {border-bottom:2px solid #c5c5c5; padding-bottom:11px}
#itens-lateral form p {padding:7px 0 2px}
#itens-lateral select {width:150px}
#itens-lateral input {vertical-align:middle}
#itens-lateral .caixa {width:117px; padding:2px 1px}
#itens-lateral h2 {padding:9px 0; border-top:2px solid #fff}
#itens-lateral dt {padding-bottom:2px}

#conteudo {width:594px; float:left; padding-left:3px}

#vitrine {width:588px; height:153px; background:transparent url(../img/bg-vitrine.png) left top repeat-x; border-bottom:2px solid #fff}

#listagem {width:468px; padding-right:3px}
#listagem h3 {background-image:url(../img/bg-item.png); height:19px; padding:4px 12px; font-weight:400; font-size:11px}
#listagem h3 span {left:auto; right:12px; top:4px}
#listagem dl {padding:0 15px 22px}
#listagem dt {padding-bottom:2px}

#produto-ampliado {padding:5px 2px 25px}
#produto-ampliado img {border:1px solid #f9f9f9; padding:10px 30px}
#produto-ampliado div {width:150px; left:auto; right:0; top:8px}

#marcas {width:117px; border:1px solid #dce1e7; padding-top:12px}
#marcas img {display:block; margin:auto; padding-bottom:20px}

#secundarias {min-height:125px; height:auto !important; height:125px; background:transparent url(../img/bg-secundarias.jpg) bottom no-repeat; margin-bottom:45px}

#secao-empresa {float:left; margin:0 20px 0 14px; padding-top:8px}
#secao-empresa p {padding:6px 0 0 12px}

#texto-empresa {float:left; width:411px; padding:12px 0 20px}
#texto-empresa p {padding-bottom:16px}

#destaque-secao {background:transparent 9px 10px no-repeat; padding:35px 194px 25px 158px}
#destaque-secao img {left:auto; right:25px; top:25px}

#contato {padding:20px 40px 12px; background:transparent url(../img/contato.jpg) 15px 12px no-repeat}
#contato td {vertical-align:middle; text-align:right; padding:5px}
#contato .caixa, #contato textarea {width:430px}
#contato strong {color:#283982}

#cadastro {padding:10px 80px 12px; background:transparent url(../img/cadastro_titulo.jpg) 15px 12px no-repeat}
#cadastro td {vertical-align:middle; text-align:right; padding:5px}
#cadastro .caixa, #contato textarea {width:430px}
#cadastro strong {color:#283982}

#rodape {width:100%; height:31px}
#rodape * {float:left}
#rodape form {width:769px; height:26px; padding-top:5px; background-image:url(../img/bg-rodape.png)}
#rodape form * {float:none}
#rodape table {width:100%}
#rodape td {vertical-align:middle}
#rodape .caixa, #rodape select {width:176px}
#rodape #rodape-news {padding:0 15px 4px 3px; background:transparent url(../img/divisao-rodape.gif) 70px 4px no-repeat}