/* 
 * Klemmen CSS File
 *
 */
 
body {
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #000000;
	font-family: 'Arial', 'Verdana', 'Helvetica', 'sans-serif';
}

/*** logo ***/
#logo
{
	position: relative;
	width: 100%;
	height:70px;
	/* background-color:#148492; */
	background: #148492 url('imagens/logo3.jpg') no-repeat;
	text-align: right;
}

#logo img
{
	border: 1px solid #196D76;
	margin-top: 2px;
	margin-right: 3px;
}

#logo h1
{
	margin: 0px;
	padding: 0px;
}

/*** menu institucional ***/
#menu_institucional
{
	text-align: right;
}

#menu_institucional ul
{
	list-style: none;
	margin-top: 3px;
	margin-right: 5px;
} 

#menu_institucional ul li
{
	display: inline;
	margin-right: 3px;
	border-right: 1px solid #000000;
	padding-right: 4px;
	margin-left: 0px;
	/* fuck IE */
	padding-left: 0px;
	_padding-left: 4px;
}

#menu_institucional ul li.last
{
	border-right: none;
	margin-right: 0px;
	padding-right: 0px;
}

#menu_institucional a:link,
#menu_institucional a:visited,
#menu_institucional a:active
{
	text-decoration: none;
}

#menu_institucional a
{
	color: #000000;
}


#menu_institucional a:hover
{
	color: #178C9B;
	text-decoration: underline;
}

/*** areas dos menus ***/
#menu_esquerdo, #menu_direito
{
	width: 158px;
	position:absolute;
	top: 100px;
}

#menu_esquerdo
{
	left:5px;
}

#menu_direito
{
	right:5px;
}

#centro
{
	margin-left: 180px;
	margin-right: 180px;
	padding: 5px;
	font-size: 11px;
}

/*** menu ***/
/* o background arredondado do rodape fica definido aqui, o do topo
 * fica por conta do h2. IMPORTANTE: o último elemento do div deve ter
 * alguns pixels a mais para que esse background apareça
 */
div.menu
{
	/*background: url('imagens/box_rodape.jpg') bottom center no-repeat #F4F4F4;*/
	background: #F4F4F4;
	margin-bottom: 10px;
}


div.menu h2, div.menu h3
{
	margin: 0px;
	margin-top: 0px;
	padding-top: 6px;
	margin-bottom: 4px;
	text-align: center;
	color: #B8461A;
}

div.menu h2
{		
	/*background: url('imagens/box_topo.jpg') top center no-repeat;*/
	font-size: 12px;
}

div.menu h3
{
	font-size: 12px;
}

div.menu ul
{
	width:157px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.menu ul li
{
	padding-left: 4px; 	
	_height:20px;
	min-height:20px;
	background-color:#FAFAFA;
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #E9E9E9;
}

/* OBS: lembrar que isso não existe pro IE-porco,
 * Fazer em JavaScript. 
 */
div.menu ul li:hover 
{
	background-color: #FFFFFF;
}

div.menu ul li a
{
	text-decoration: none;
	/*color: #158492;*/
	color: #6E6E6E;
}

div.menu ul li a:hover
{
	color: #1A9EAF;
}

/* sistema de submenus */
div.menu ul.submenu {
	display: none;
	position: absolute;
	width:157px;
	left: 156px;
	border: 1px solid #999999;
	background-color: #E9E9E9;
	list-style: none;
	padding-left: 15px;
	_padding-left: 0px;
}

div.menu p.telefone
{
	color: #158492;
	margin: 4px;
	font-weight: bold;
	font-family: 'Verdana';
	padding-left: 20px;
	background: url('imagens/tel.jpg') no-repeat;
	font-size: 10px;
}

div.menu p.item
{
	margin: 0px;
	padding: 3px;
	text-align: center;
	background-color:#FAFAFA;
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #E9E9E9;
}

div.menu p label
{
	color: #00535E;
	font-weight: bold;
}

/*** quadro de busca ***/
#busca 
{
	margin: 0px;
}

#busca p 
{
	margin: 4px;
}

/*** chat online ***/
#atendimento p.item span.online
{
	color: #439CAA;
	font-size: 13px;
	font-weight: bold;
}

/*** carrinho de compras ***/
#carrinho h2
{
	background: url('imagens/box_topo_carrinho2.jpg') top center no-repeat;
	padding-left: 20px;
}

/*** publicidade e promoções ***/
#publicidade1 p,
#publicidade2 p,
#publicidade3 p,
#publicidade4 p,
#promocoes p
{
	margin: 0px;
	padding: 0px;
}

#publicidade1 p img,
#publicidade2 p img,
#publicidade3 p img,
#publicidade4 p img,
#promocoes p img
{
	border: 1px solid #B5B9B8;
}

/*** rodapeh ***/
#rodape
{
	text-align: center;
	padding-bottom: 4px;
	padding-top: 16px;
}

#rodape table
{
	margin: 0px auto 0px auto;
}

#rodape 
{
	font-size: 10px;
}

/*** usuarios box ***/
#usuarios
{
	background-color: #F9F3D1;
	/* border: 1px solid #D9D7CC; 
	padding: 4px;*/
	margin-bottom: 5px;
}

#usuarios p
{
	margin: 0px;
	padding-left:5px;
}

/*** galeria de produtos **/
.produtos_thumbs table
{
	width: 100%;
	text-align: center;	
}

.produtos_thumbs table tr td
{
	max-width: 50%;
}

/* por que BODY? IE MALDITO! */
#centro a
{
	text-decoration: underline;
	color: #026774;
}

#centro a:hover 
{
	text-decoration: none;
	color: #04A9BF;
}

#centro a:visited
{
	color: #038899;
}

.cod,
#centro a.cod,
#centro a:link.cod,
#centro a:hover.cod,
#centro a:visited.cod
{
	color: #000;
	font-size: 10px;
}

#centro h1, #centro h2
{
	color: #B8461A;
	font-weight: bold;
	margin-top: 3px;
}

#centro h1 {
	font-size: 14px;
	margin-bottom: 1px;
}

#centro h2 {
	font-size: 13px;
}

/* navegacao filhas */
#navegacao_filhas
{
	/* border: 1px solid #D9D7CC;
	background-color: #FEFCF0;
	padding: 4px; */
	background-color: #F9F3D1;
}

#navegacao_filhas ul
{
	margin: 0px;
	padding: 4px;
	padding-left: 14px;
}

#navegacao_filhas ul li
{
	list-style: none;
	/*display: inline;*/
	margin-right: 5px;
	margin-bottom: 4px;
}

#navegacao_filhas ul li.titulo
{
	color: #000;
	font-weight: bold;
}

.produtos_thumbs table tr td
{
	padding: 5px;
}

.preco_antigo, .preco_atual
{
	color: #E33F00;
}

.preco_atual
{
	font-weight: bold;
}

/*** marcas ***/
.marcas 
{
	text-align: center;
	font-size: 11px;
}

/** pagina de informacao dos produtos individuais **/
table.produto_info
{
	width: 100%;
}

table.produto_info tr.navegacao td
{
	color: #A0A0A0;
	text-align: right;
	border-bottom: 1px solid #F0F0F0;
	padding-bottom: 4px;
}

table.produto_info tr td.cod
{
	color: #B8461A;
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
	text-align: right;
}

table.produto_info tr td.seleciona_produto
{
	min-width: 50%;
	vertical-align: top;
}

#produtos_quantidade {
	width: 35px;
}

table.produto_info tr td.comprar_area, div.comprar_area
{
	padding: 2px;
}

table.produto_info tr td.comprar_area p, div.comprar_area p
{
	margin: 0px;
	text-align: right;
}

table.pacote_descricao
{
	width: 100%;
}

table.pacote_descricao tr td
{
	vertical-align: top;
}

table.produto_info tr td.pacote_thumb
{
	text-align: center;
	vertical-align: middle;
}

table.pacote_descricao tr td.descricao
{
	border-bottom: 1px solid #F0F0F0;
	padding-bottom: 10px;
	vertical-align: top;
}

table.pacote_descricao tr td.descricao p
{
	margin: 0px;
	padding: 0px;
}

table.produto_info tr td.galeria {
	vertical-align: top;
}

table.produto_info tr td.galeria
{
	width: 35%;
}

table.produto_info tr.navegacao td.esquerda
{
	text-align: left;
	font-weight: bold;
}

/* pagina de carrinho de compras */
table.carrinho_table
{
	width: 100%;
}

table.carrinho_table tr th
{
	text-align: left;
	background-color: #F4F4F4;
	border-bottom: 2px solid #EEEEEE;
	padding: 3px;
}

table.carrinho_table tr td
{
	border-bottom: 2px solid #F4F4F4;
}

table.carrinho_table tr td.mensagem_carrinho_vazio
{
	text-align: center;
}

table.carrinho_table tr td.mensagem_carrinho_vazio p
{
	margin: 0px;
}

input
{
	font-size: 11px;
}

table.carrinho_table tr td input.quantidade_edit
{
	height: 12px;
	width: 30px;
}

p.btn_finalizar
{
	text-align: right;
	margin: 0px;
}

ul.mapa_site {
	list-style: disc outside;
}

ul.mapa_site_subcategorias {
	list-style: disc outside;
}

ul.busca {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	width: 100%;
}

ul.busca li {
	padding-bottom: 5px;
	border-bottom: 2px solid #F4F4F4;
}

ul.busca li.total {
	padding-top: 5px;
	border-bottom: 0px;
}

#centro p label {
	display: block;
	margin-bottom: 4px;
	border-left: 3px solid #C0C0C0;
	padding-left: 4px;
}

#centro p {
	margin: 0px;
	margin-top: 2px;
}

#validacao_erros_box {
	color: #AC0707;
}

p.field span {
	padding-right: 5px;
	color: #0D555E;
	font-weight: bold;
}

/* textarea */
#registro_observacao, #registro_mensagem {
	width: 400px;
	height: 100px;
}

p.alerta {
	font-size: 12px;
	text-align: center;
}

div.promocao_alerta_s {
	width: 90px;
	margin: 0px auto;
}

div.promocao_alerta {
	background-color: #F9F3D1;
	color: #AF0000;
	font-weight: bold;
	margin-bottom: 5px;
}