/* 
Projeto Desenvolvido por:
http://www.kobi.com.br
Testado nos seguintes navegadores:
Internet Explorer 6.0 / Safari 3.1 / Firefox 3 Beta 5
*/

* {
	margin: 0;
	padding: 0;
}

#logo {
	position: absolute; 
	z-index: 100;
	margin-left:-100px;
	margin-top:-165px;
}

* html #logo{
	width: 235px;
	height: 135px;
	background-image: url(images/logo.gif);
}

.ilustracao_topo{
	background-image: url(images/ilustracao_topo.png);
	width: 300px;
	height: 165px;
	float: right;
}

* html .ilustracao_topo{
	background-image: url(images/ilustracao_topo.jpg);
	margin-bottom: -200px;
}	


* + html .ilustracao_topo{
	margin-bottom: -190px;
	margin-top: 2px;

}



#bd {
	margin-top: 10px
}

#header {
	background-image: url(images/topo_fundo.png);
	background-repeat: repeat-x;
}


* html #header{
	background-image: url(images/topo_fundo.jpg);
	background-repeat: repeat-x;
	height: 190px;
}


#header img {
	float:  left;
}

#topo_conteudo {
	width: 778px;
	margin: 0 auto;
}

* html .banner_frete{
	padding-top: 60px;
}

/* ----------------------------
Menu
---------------------------- */

.segurando_topo{
	height: 150px;
	width: 20px;
}





#menu {
	position: relative;
	height: 150px;
	margin-top: -120px;
	
}



#menu span {
	display: none;
}

#link_home {
	width: 100px;
	height:  16px;
	display: block;
	background-image: url(images/menu_normal.png);
	position: absolute;
	left: 200px;
	top: 117px;
	text-align: center;
	padding-top: 5px;
	z-index: 30;
}

* html #link_home {
	background-image: url(images/menu_normal.gif);
}	

.home #link_home {
	background-image: url(images/menu_ativo.png);
	color: #fff;
	z-index: 50;
}

* html .home #link_home {
	background-image: url(images/menu_ativo.gif);
}

#link_cadastre {
	width: 100px;
	height:  16px;
	display: block;
	background-image: url(images/menu_normal.png);
	position: absolute;
	left: 300px;
	top: 117px;
	text-align: center;
	padding-top: 5px;
	display: none;
	z-index: 30;
}

.tela_cadastro #link_cadastre {
	background-image: url(images/menu_ativo.png);
	color: #fff;
	z-index: 50;
}

* html .tela_cadastro #link_cadastre {
	background-image: url(images/menu_ativo.gif);
}

#link_cadastro {
	width: 100px;
	height:  16px;
	display: block;
	background-image: url(images/menu_normal.png);
	position: absolute;
	left: 300px;
	top: 117px;
	text-align: center;
	padding-top: 5px;
	display: block;
	z-index: 30;
}

* html #link_cadastro {
	background-image: url(images/menu_normal.gif);
}	

.tela_cadastro #link_cadastro {
	background-image: url(images/menu_ativo.png);
	color: #fff;
	z-index: 50;
}

* html .tela_cadastro #link_cadastro {
	background-image: url(images/menu_ativo.gif);
}	

#link_pedidos {
	width: 100px;
	height:  16px;
	display: block;
	background-image: url(images/menu_normal.png);
	position: absolute;
	left: 500px;
	top: 117px;
	text-align: center;
	padding-top: 5px;
	display: block;
	z-index: 30;
}

.tela_meuspedidos #link_pedidos {
	background-image: url(images/menu_ativo.png);
	color: #fff;
	z-index: 50;
}

#link_carrinho {
	width: 100px;
	height:  16px;
	display: block;
	background-image: url(images/menu_normal.png);
	position: absolute;
	left: 400px;
	top: 117px;
	text-align: center;
	padding-top: 5px;
	display: block;
	z-index: 30;
}

* html #link_carrinho {
	background-image: url(images/menu_normal.gif);
}

.tela_meucarrinho #link_carrinho {
	background-image: url(images/menu_ativo.png);
	color: #fff;
	z-index: 50;
}

#link_quemsomos {
	width: 75px;
	padding-left: 25px;
	height:  16px;
	display: none;
	background-image: url(images/kobi_icone.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 150px;
	top: 90px;
	z-index: 30;
}

#link_faleconosco {
	width: 80px;
	padding-left: 20px;
	height:  16px;
	display: none;
	background-image: url(images/faleconosco_icone.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 50px;
	top: 90px;
	text-align: center;
	z-index: 30;
}
/* ----------------------------
Menu dos Setores
---------------------------- */
#setores {
	background-image: url("images/barra_setores.png");
	font-size: 10px;
	border: 1px solid #ff6600;
	
}

* html #setores {
	background-image: url("images/barra_setores.gif");
	margin-bottom:  -63px;
}

#setores li {
	display:inline;
	line-height:22px;
	padding-top: 5px;
	padding-bottom: 6px;
	margin-right: -4px;
	white-space: nowrap;
	
}

#setores li a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;	
	text-decoration: none;
	font-size: 11px;
	border-right: 1px solid #ff6600;
}

#setores li a:hover{
	color: #333;
	background-color: #FFD369;
	
}

/* ----------------------------
Busca
---------------------------- */
.logo_topo{
	float: left;
}






#busca {
	background-image: url(images/menu_fundo.png);
	height: 29px;
	color:#fff;
	font-weight:bold;
	padding:0 1em;
	overflow:hidden;
	z-index: 40;
	position: relative;
	margin-top: -14px;
	padding-top: 3px;
	border:1px solid #006600;
}

* + html #busca {
	/*margin-top: -12px;*/
}

* html #busca{
	background-image: url(images/menu_fundo.gif);
	background-repeat: repeat;
	width: 100%;
	margin-top: -28px;
}

#busca_conteudo {
	margin: 0 auto;
}

#busca_conteudo fieldset {
	float: right;
}

* html #busca_conteudo fieldset{
	width: 393px;

}

* + html #busca_conteudo fieldset {
	height: 40px;
}

.ajudaonline {
	float: left;
	margin-top: -3px;
}

#busca p {
	float:left;
	font-size: 12px;
}

#busca * {
	line-height:26px;
}

#busca a {
	color:#FFF700;
	text-decoration: none;
}

#busca a:hover {
	text-decoration: underline;
}

#busca select, #busca input {
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

#busca select {
	width: 150px;
}

#busca input {
	width: 140px;
}

#busca .botao {
	border: none;
	width: 29px;
	height: 27px;
	background-image: url(cliente/cliente/images/botoes/ok.gif);
}

/* ----------------------------
Banner
---------------------------- */
#banner {
	background-position: center;
	margin-top:-3px;
}

* html #banner{
	margin-top: 63px;
}


.banner_link {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}