body {

	margin: 0px;

}

#geral {

 	float: left;

	width: 912px;

	background-color: #FFFFFF;

}



#total {

	margin: auto;

	width: 912px;

	background-color: #FFFFFF;

}



#topo {

	float: left;

	height: 215px;

	width: 912px;

}

#menu_dinamico {

	background-image: url(../imagens/menu_1.jpg);

	float: left;

	width: 902px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

	font-style: normal;

	line-height: 10px;

	padding-right: 5px;

	padding-left: 5px;

	/*text-align: center; */

	border-bottom: 2px solid #ff9900

}

#menu_estatico {

	float: left;

	height: 28px;

	width: 902px;

	background-image: url(../imagens/menu_estatico.jpg);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 25px;

	padding-right: 5px;

	padding-left: 5px;

	font-weight: bolder;

	color: #666666;

}

#rodape {

	margin: auto;

	height: 140px;

	width: 912px;

	background-color: #990000;

	clear: both;

}



#coluna {

	float: left;

	width: 162px;

	background-color: #FFFFFF;

}

#banner {

	float: left;

	height: 111px;

	width: 750px;

	background-color: #FFFFFF;

}

#mix_produ {

	float: left;

	width: 540px;

}

#destaque {

	float: left;

	width: 535px;

	clear: left;

}

#barra_destaque {

	float: left;

	height: 32px;

	width: 538px;

	background-image: url(../imagens/barra_destaque.jpg);



}



#barra_destaque2 {

	float: left;

	width: 538px;

	background-image: url(../imagens/espaco_destaque.jpg);

}

#espaco_des {

	width: 538px;

	height: 200px;

	float: left;

	background-color: #00CCCC;



}



#tebela_mix {

	float: left;

	/*height: 400px;*/

	width: 540px;

}

#barra_mix {

	float: left;

	height: 34px;

	width: 540px;

	background-image: url(../imagens/barra_mix.jpg);

}

#espaco_mix {

	float: left;

	width: 520px;

	background-image: url(../imagens/espaco_mix.jpg);

	padding-right: 10px;

	padding-left: 10px;

	padding-bottom: 10px;

}

#conteudo_mix {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	width: 150px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}



#celula_mix {

	float: left;

	height: 185px;

	width: 172px;

	background-image: url(../imagens/janela_mix.jpg);

}



#lado_direito {

	background-color: #FFFFFF;

	height: 700px;

	width: 205px;

	float: left;

	margin-left: 5px;

}

#coluna_pesquisa {

	background-image: url(../imagens/pesquisa.jpg);

	float: left;

	height: 32px;

	width: 162px;

	margin-bottom: 6px;

}

#menu_coluna1_espaco {

	background-image: url(../imagens/barra_menu2.jpg);

	float: left;

	width: 162px;

}

#menu_coluna2 {

	background-image: url(../imagens/barra_menu3.jpg);

	float: left;

	height: 27px;

	width: 162px;

	margin-bottom: 10px;

}

#coluna_participe {

	float: left;

	height: 78px;

	width: 162px;

	background-image: url(../imagens/barra_menu_participe.jpg);

}

#coluna_contato {

	float: left;

	height: 106px;

	width: 162px;

	background-image: url(../imagens/barra_menu_contato.jpg);

	margin-bottom: 10px;

}





#coluna_webmail {

	float: left;

	height: 116px;

	width: 162px;

	background-image: url(../imagens/web_mail.jpg);

	margin-top: 10px;
	
}


#inset_pesquisa {

	float: left;

	height: 18px;

	width: 115px;

	margin-top: 7px;

	margin-left: 8px;

}

#coluna_botao {

	float: left;

	height: 20px;

	width: 20px;

	margin-top: 5px;

	margin-left: 6px;

}

#menu_coluna1 {

	background-image: url(../imagens/barra_menu.jpg);

	background-repeat: no-repeat;

 	float: left;

	height: 33px;

	width: 162px;

}



#inset_pesquisa input {

	height: 12px;

	width: 100px;

	float: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	font-weight: bolder;

}

#direito_topo {

	float: left;

	height: 121px;

	width: 200px;

	background-image: url(../imagens/direita_top.jpg);

	background-repeat: repeat-x;

}

#direito_topo2{

	float: left;

	height: 155px;

	width: 200px;

	background-image: url(../imagens/direita_meio.jpg);

}

#direito_topo3{

	float: left;

	height: 909px;

	width: 200px;

	background-image: url(../imagens/direito_boneco.jpg);

}


#direito_carrinho{

	float: left;

	height: 100px;

	width: 200px;

	background-image: url(../imagens/direita_carrinho.jpg);

}

#formmm {

	width: 180px;

	margin-top: 35px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

#formmail {

	width: 180px;

	_width: 162px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}



/*********/

.conteudo_menu_lateral_cat {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #BB0000;

}



.conteudo_menu_lateral_sub {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #777777;

	text-decoration:none;

}

.branco{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFFFF;

	font-weight: normal;

	text-decoration: none;

}



.branco2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	font-weight: normal;

}

.amarelo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0;
	font-weight: normal;
}


.preto{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	font-weight: normal;

}





a.menu:link,a.menu:active,a.menu:visited,a.menu:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none

}

a.menu:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ff9900;

	font-weight: bold;

	text-decoration: none

}





a.menu_vertical:link,a.menu_vertical:active,a.menu_vertical:visited,a.menu_vertical:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #BB0000;

	font-weight: bold;

	text-decoration: none

}



a.menu_prod:link,a.menu_prod:active,a.menu_prod:visited,a.menu_prod:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #777777;

	font-weight: bold;

	text-decoration: none

}



a.menu_prod2:link,a.menu_prod2:active,a.menu_prod2:visited,a.menu_prod2:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #777777;

	font-weight: bold;

	text-decoration: none

}



.botao{

	width: 100px;

	height: 22px;

	background-color: #b00;

	color: #fff;

	font-family: verdana;

	font-weight:bold;

	font-size: 14px;

	border: 1px solid #b00



}

.teste {
background:#333;
border:1px solid #888;
width:450px;
margin:10px auto;
padding:0px auto;
text-align:center;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

<html>
<title></title>
<style type="text/">
#popup{
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
</style>
<body onLoad="javascript: abrir()">


