* {
	margin:0;
	padding:0;
	list-style:none;
	outline:0;
	text-decoration:none;
}
body {
	background:#88A0EA url(../imagens/layout-2009/listras-bg.gif);
	cursor:default;
}
/* VAI SUMIR */
a span, #foto_sup h1, #foto_sup h2 {
	display:none;
}
/* FIM VAI SUMIR */

img { border:0; }

/************************************************************************************ COMUNS ***************/
#mestre {
	width:972px;
	margin:auto;
	padding-top:15px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../imagens/layout-2009/bg-top-mestre.gif) no-repeat 0px 10px;
	
}
#interno {
	position:relative;
	width:922px;
	float:left;
	background:url(../imagens/layout-2009/bg-bordas.gif) repeat-y left top;
	padding:0 25px 10px 25px;
	margin-bottom:30px;
}
#foto_sup {
	padding-top:0px;
	clear:both;
}
#conteudo {
	position:relative;
	display:inline;
	float:right;
	padding:10px;
	border:1px solid #E6E6E6;
	width:633px;
	margin-top:15px;
	text-align:left;
	overflow:hidden;
}

/*** BARRA NAVEGA��O P�GINAS ***/

#conteudo .nav_paginas,
#conteudo .nav_paginas_baixo {
	position:relative;
	float:right;
	padding:0 38px;
	height:20px;
	width:130px;
	margin-top:5px;
}
#conteudo .nav_paginas_baixo {
	clear:both;
	margin-top:20px;
}
#conteudo .nav_paginas p,
#conteudo .nav_paginas_baixo p {
	float:right; 
	padding-top:3px;
	width:130px;
	text-align:center;
}
#conteudo .nav_paginas p a,
#conteudo .nav_paginas_baixo p a {
	text-decoration:none;
	color:#999;
	margin-left:3px;
	font-weight:bold;
	border-left:1px solid #E6E6E6;
	padding-left:5px;
}
#conteudo .nav_paginas p a.p,
#conteudo .nav_paginas_baixo p a.p {
	border:0 !important;
}
#conteudo .nav_paginas p a:hover,
#conteudo .nav_paginas p a.ativo,
#conteudo .nav_paginas_baixo p a:hover,
#conteudo .nav_paginas_baixo p a.ativo { color:#666; }
a.bt_prox, a.bt_ant {
	position:absolute;
	display:block;
	width:38px;
	height:20px;
	top:0px;
	margin:0;
}
a.bt_prox { right:0px; background:url(../imagens/layout-2009/produtos/nav-pag/bt-proxima.png) no-repeat left top; }
a.bt_ant { left:0px; background:url(../imagens/layout-2009/produtos/nav-pag/bt-anterior.png) no-repeat left top; }
a.bt_prox:hover, a.bt_ant:hover { background-position:left bottom; }



/** MSG ERRO E MSG SUCESSO **/
#conteudo .erro_form {
	float:left;
	width:595px;
	color:red;
	padding:10px;
	margin:5px 0 10px 10px;
	background-color:#FFF;
	border:1px solid #BF0B0B;
	display:inline;
}
#conteudo .erro_form span {
	float:left;
	display:inline;
	width:610px;
	margin:-10px -20px 0px -10px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	background-color:#BF0B0B;
	color:#FFF;
}
#conteudo h2.acao_completa {
	float:left;
	width:595px;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFF;
	border:1px solid #45D645;
	font-size:12px;
	font-weight:bold;
	color:#17AB0F;
	text-align:center;
}
/** FIM MSG ERRO E MSG SUCESSO **/

div.inmetro {
	margin-top:10px;
	width:66px;
	height:74px;
	background:url(../imagens/layout-2009/produtos/aprovado-inmetro.png) no-repeat;
	text-indent:-9999px;
	float:right;
	display:block;
}
input, select, textarea {
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
}
/*** FORMUL�RIOS ***/
form div.campos {
	border:1px solid #E6E6E6;
	background-color:#FFF;
	padding:5px;
	clear:both;
	margin-bottom:10px;
}
form div.campos p {
	padding:10px 5px 10px 10px;
	border-bottom:1px dashed #E6E6E6;
	text-align:left;
}
form div.campos p.marc { background:url(../imagens/marc_red.gif) no-repeat 5px 15px; }
form div.campos p.marc_oran { background:url(../imagens/marc_oran.gif) no-repeat 5px 15px; }
form div.campos p.u { border:0px; }
form div.campos label { margin-left:5px; }
form .inputtext {
	border:0px;
	background-color:#FFF;
	padding:0px 5px 0px 5px;
	color:#FBB03B;
}
form .inputarea {
	font:11px Arial, Helvetica, sans-serif;
	border:0px;
	background-color:#FFF;
	color:#999;
	padding:0px 5px 0px 5px;
	height:100px;
	width:350px;
	color:#FBB03B;
}
form p.marc, form p.marc_oran {
	background:url(../imagens/marc_red.gif) no-repeat 5px center;
	text-align:left;
	padding-left:15px;
}
form p.marc_oran { background:url(../imagens/marc_oran.gif) no-repeat 5px center; }
form p.campo {
	text-align:left;
	margin-top:10px;
	padding-left:5px;
}
form .bt_2 { margin-top:15px; float:right; }
/************************************************************************************ FIM COMUNS ***********/

h3.atencao {
	font-size:12px;
	letter-spacing:1px;	
	margin:30px 0;
	text-align:center !important;
	color:#ED1C24 !important;
	width:100%;
	float:left;
}

/************************************************************************************ TITULOS SE��ES *******/
h2.titSecao {
	float:left;
	width:633px;
	display:block;
	height:30px;
	padding-bottom:5px;
	border-bottom:1px solid #E6E6E6;
	margin-bottom:15px;
	text-indent:-9999px;
}
/************************************************************************************ FIM TITULOS SE��ES **/

/************************************************************************************ BOT�ES ***************/
a.bt_1, .bt_2 {
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:10px;
}
a.bt_1 {
	float:right;
	margin-top:3px;
	padding:3px;
	background-color:#45D645;
	color:#006400;
	border:2px solid #006400;
	width:100px;
}
.bt_2 {
	background-color:#AAAAAA;
	padding:3px 5px 3px 5px;
	color:#646464 !important;
	border:2px solid #646464;
}
a.bt_1:hover, .bt_2:hover {
	border:2px solid #FFF;
	color:#FFF;
}
a.bt_fechar {
	display:block;
	text-align:right;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1px;
	color:#646464;
	background:url(../imagens/botoes/fechar.gif) no-repeat right top;
	height:18px;
	padding:8px 30px 0px 0px;
}
a.bt_fechar:hover { background-position:right -31px; }
a.bt_fale_conosco {
	display:block;
	text-align:right;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1px;
	color:#646464;
	background:url(../imagens/botoes/caixa_contato.gif) no-repeat right top;
	height:36px;
	width:65px;
	padding:15px 55px 0px 0px;
}
a.bt_fale_conosco:hover { background-position:right -58px; }
/************************************************************************************ FIM BOT�ES ***********/


/********************************************************************************** MENU SUPERIOR INST ***/
#menu_superior {
	display:block;
	height:105px;
	margin-bottom:10px;
	position:relative;
}
#menu_superior h1,
#menu_superior h1 a {
	display:inline;
	float:left;
	width:232px;
	height:105px;
}
#menu_superior h1 a {
	background:url(../imagens/layout-2009/logo.png) no-repeat left top;
	text-indent:-9999px;
}
#menu_superior ul {
	float:right;
	width:660px;
	margin-top:15px;
}
#menu_superior ul li {
	display:inline;
	list-style:none;
	margin:5px 0 0 5px;
	padding:0;
	width:160px;
	height:33px;
	float:left;
}
#menu_superior ul li a {
	display:block;
	width:160px;
	height:33px;
	text-indent:-9999px;
}
#menu_superior ul li.home a {
	background:url(../imagens/layout-2009/menu-superior/home.png) no-repeat left top;
}
#menu_superior ul li.catalogo a {
	background:url(../imagens/layout-2009/menu-superior/catalogos.png) no-repeat left top;
}
#menu_superior ul li.cadastro a {
	background:url(../imagens/layout-2009/menu-superior/cadastro.png) no-repeat left top;
}
#menu_superior ul li.meus_pedidos a {
	background:url(../imagens/layout-2009/menu-superior/meus-pedidos.png) no-repeat left top;
}
#menu_superior ul li.clientes a {
	background:url(../imagens/layout-2009/menu-superior/clientes.png) no-repeat left top;
}
#menu_superior ul li.institucional a {
	background:url(../imagens/layout-2009/menu-superior/institucional.png) no-repeat left top;
}
#menu_superior ul li.ajuda a {
	background:url(../imagens/layout-2009/menu-superior/ajuda.png) no-repeat left top;
}
#menu_superior ul li.contato a {
	background:url(../imagens/layout-2009/menu-superior/contato.png) no-repeat left top;
}

#menu_superior ul li a:hover,
#menu_superior ul li a.ativo {
	background-position:left bottom;	
}
/********************************************************************************** FIM MENU SUPERIOR INST */

/********************************************************************************** SIDEBAR ********/
#sidebar {
	display:block;
	float:left;
	clear:left;
	width:220px;
}

/*** MENU CATEGORIAS ***/
#sidebar ul.m_cats li.btP {
	display:inline;
	list-style:none;
	float:left;
	width:216px;
	margin-bottom:5px;
}
#sidebar ul.m_cats li.btP a.btP {
	display:block;
	float:left;
	width:216px;
	height:76px;
	text-indent:-9999px;
}
#sidebar ul.m_cats li.brinquedos a.btP {
	background:url(../imagens/layout-2009/sidebar/menu-lateral/brinquedos-pedagogicos.png) no-repeat left top;
}
#sidebar ul.m_cats li.playground a.btP {
	background:url(../imagens/layout-2009/sidebar/menu-lateral/playground.png) no-repeat left top;
}
#sidebar ul.m_cats li.livros a.btP {
	background:url(../imagens/layout-2009/sidebar/menu-lateral/livros.png) no-repeat left top;
}
#sidebar ul.m_cats li.dvd a.btP {
	background:url(../imagens/layout-2009/sidebar/menu-lateral/dvd.png) no-repeat left top;
}
	
#sidebar ul.m_cats li a.btP:hover,
#sidebar ul.m_cats li a.ativo {
	background-position:left bottom !important;
}

/*** BT PROMO��ES ***/
#sidebar a.bt_promo {
	display:block;
	float:left;
	width:216px;
	height:77px;
	background:url(../imagens/layout-2009/sidebar/bt-promo.png) no-repeat left top;	
	margin-top:15px;
}
#sidebar a.bt_promo strong {
	color:#FFF;
	width:170px;
	margin:40px 0 0 20px;
	font-size:22px;
	display:block;
}
/*** IMPERD�VEL ***/
#sidebar #imperdivel {
	display:block;
	width:216px;
	float:left;
	margin-top:50px;
	background:url(../imagens/layout-2009/sidebar/box-imperdivel-top.png) no-repeat left top;
}
#sidebar #imperdivel .descr {
	background:url(../imagens/layout-2009/sidebar/box-imperdivel-bot.png) no-repeat left bottom;
	width:190px;
	padding:50px 13px 15px 13px;
	float:left;
	color:#FFF;
	text-align:left;
	font-size:12px;
}
#sidebar #imperdivel .descr h4 { margin-top:10px; }
#sidebar #imperdivel .descr img {
	width:190px;
}
#sidebar #imperdivel .descr .saiba_mais {
	display:block;
	width:102px;
	height:20px;
	background:url(../imagens/layout-2009/sidebar/bt-saiba-mais.png) no-repeat left top;
	text-indent:-9999px;
	float:right;
	margin-top:10px;
}
#sidebar #imperdivel .descr .saiba_mais:hover {
	background-position:left bottom;	
}

/*** NEWSLETTER ***/
#sidebar #newsletter {
	position:relative;
	float:left;
	display:inline;
	margin-top:50px;
	text-align:left;
	background:url(../imagens/layout-2009/sidebar/bg-news.png) no-repeat left top;
	width:196px;
	height:96px;
	padding:130px 10px 0 10px;
}
#sidebar #newsletter label {
	display:none;
}
#sidebar #newsletter #status_mailing {
	position:absolute;
	top:130px;
	left:10px;
	width:196px;
	text-align:center;
}
#sidebar #newsletter p.erro_form {
	color:red;
	padding:0px !important;
}

#sidebar #newsletter h2.acao_completa {
	position:absolute;
	top:-10px;
	left:0px;
	width:196px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#17AB0F;
	text-align:center;
}

#sidebar #newsletter .input {
	float:left;
	margin-top:20px;
	background-color:#FFF;
	border:1px solid #D7E9FA;
	width:186px;
	height:15px;
	padding:4px;
	color:#666;
}
#sidebar #newsletter .botao {
	float:right;
	display:block;
	width:94px;
	height:32px;
	background:url(../imagens/layout-2009/sidebar/bt-cadastrar-news.png) no-repeat left top;
	margin-top:10px;
	border:0;
	padding:0;
	text-indent:-9999px;
	cursor:pointer;
}
#sidebar #newsletter .botao:hover {
	background-position:left bottom;	
}

/*** FORMAS ***/
#sidebar .formas {
	display:block;
	float:left;
	margin-top:50px;
	width:216px;
	height:248px;
	background:url(../imagens/layout-2009/sidebar/bg-formas.png) no-repeat left top;	
}
#sidebar .formas h3 {
	display:none;	
}
#sidebar .formas .formas_pagto {
	margin-top:50px;
}
#sidebar .formas .formas_pagto img { margin-right:3px; }
#sidebar .formas .formas_envio {
	margin-top:40px;
}
#sidebar .formas .selo_thawte {
	float:left;
	display:inline;
	margin:15px 0 0 20px;
}
#sidebar .formas a.polvo {
	display:inline;
	float:right;
	margin:10px 25px 0 0;
	background:url(../imagens/layout-2009/sidebar/polvo.png) no-repeat left top;
	width:61px;
	height:73px;
	text-indent:-9999px
}

/********************************************************************************** FIM SIDEBAR ****/

/********************************************************************************** BARRA BUSCA ************/
#barra_busca {
	display:block;
	float:right;
	width:655px;
	height:70px;
	margin-top:2px;
	text-align:center;
	background-color:#d3daf7;
	font-size:10px;
	overflow:hidden;
}
#barra_busca h3 {
	float:left;
	display:inline;
	font-size:11px;
	margin-left:10px;
	height:33px;
	width:60px;
	background:url(../imagens/layout-2009/busca/tit-busca.png) no-repeat left center;
	text-indent:-9999px;
}
#barra_busca form {
	padding:0;
	margin:0;
	float:left;
	display:block;
}
#barra_busca .inputtext {
	font:11px Arial, Helvetica, sans-serif;
	border:0px;
	background-color:#FFF;
	margin-top:7px;
	width:80px;
	color:#666;
	border:2px solid #FFF;
	float:left;
}
#barra_busca .inputcombo {
	border:1px solid #FFF;
	background-color:#FFF;
	margin-top:7px;
	width:120px;
	float:left;
	margin-left:10px;
	color:#666;
	text-transform:uppercase;
	font:11px Arial, Helvetica, sans-serif;
}
#barra_busca a.bt_procurar {
	display:block;
	height:33px;
	width:51px;
	float:left;
	margin-left:5px;
	background:url(../imagens/layout-2009/busca/bt-buscar.png) no-repeat left top;
	text-indent:-9999px;
}
#barra_busca a.bt_procurar:hover {
	background-position:left bottom;
}
#barra_busca a.avancada, #barra_busca a.ativo {
	color:#666;
	margin:0 0 0 10px;
	font-size:12px;
	text-decoration:underline;
	float:left;
}
#barra_busca .bt_minha_cesta {
	float:right;
	display:block;
	height:33px;
	width:140px;
	background:url(../imagens/layout-2009/menu-superior/minha-cesta.png) no-repeat left top;
	text-indent:-9999px;
	margin:2px 2px 0 0;
}
#barra_busca .bt_minha_cesta:hover { background-position:left bottom; }
#barra_busca .bt_lista_orcamento {
	float:right;
	display:block;
	height:31px;
	width:186px;
	background:url(../imagens/layout-2009/menu-superior/lista-orcamento.png) no-repeat left top;
	text-indent:-9999px;
	margin:2px 2px 0 0;
}
#barra_busca .bt_lista_orcamento:hover {
	background-position:left bottom;	
}

.menuHotSiteInt #menuTecEducacional {
	display:block;
	float:right;
	margin-bottom:15px;
	width:655px;
}
.menuHotSiteInt #menuTecEducacional li a,
.menuHotSiteInt #menuTecEducacional li {
	display:inline;
	float:left;
	width:212px;
	height:67px;
}
.menuHotSiteInt #menuTecEducacional li a {
	text-indent:-9999px;	
}
.menuHotSiteInt #menuTecEducacional li.lousa a {
	background:url(../imagens/layout-2009/menu-superior/hotsites/lousa.png) no-repeat left top;
}
.menuHotSiteInt #menuTecEducacional li.robotica { margin-left:9px; }
.menuHotSiteInt #menuTecEducacional li.robotica a {
	background:url(../imagens/layout-2009/menu-superior/hotsites/robotica.png) no-repeat left top;
}
.menuHotSiteInt #menuTecEducacional li.projetos {
	float:right !important;
}
.menuHotSiteInt #menuTecEducacional li.projetos a {
	background:url(../imagens/layout-2009/menu-superior/hotsites/projetos.png) no-repeat left top;
}
.menuHotSiteInt #menuTecEducacional li a:hover {
	background-position:left bottom;	
}
.menuHotSiteInt #menuTecEducacional li.voltar { display:none; }
/********************************************************************************** FIM BARRA BUSCA ********/

/********************************************************************************** INICIO NEWSLETTER ********/
/************************************************************************************ RODAP� ***************/
#rodape {
	position:absolute;
	bottom:-15px;
	left:0px;
	width:972px;
	height:18px;
	background:url(../imagens/layout-2009/bg-rodape.gif) no-repeat left top;
}
/************************************************************************************ FIM RODAP� ***********/

#pop_up,
#regras_promo {
	position:absolute;
	z-index:99;
	top:175px;
	left:315px;
	padding:20px 10px 10px 10px;
	border:5px solid #91050F;
	border-right:3px solid #4C010A;
	border-bottom:3px solid #4C010A;
	background-color:#ED1C24;
	width:578px;
}
#regras_promo {
	border-color:#2A46B7;
	border-right-color:#183284;
	border-bottom-color:#183284;
	background-color:#667BE7;
}
#pop_up a.fechar,
#regras_promo a.fechar {
	display:block;
	height:19px;
	width:16px;
	position:absolute;
	top:3px;
	right:3px;
	background:url(../imagens/layout-2009/pop-up/bt-fechar-vermelho.png) no-repeat right top;
	text-indent:-9999px;
}
#regras_promo a.fechar {
	background:url(../imagens/layout-2009/pop-up/bt-fechar-azul.png) no-repeat right top;
}
#pop_up h2,
#regras_promo h2 {
	display:block;
	height:39px;
	background:url(../imagens/layout-2009/pop-up/tit-comunicado-importante.png) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:10px;
}
#regras_promo h2 {
	background:url(../imagens/layout-2009/pop-up/tit-regras-promocao.png) no-repeat left top;
}
#pop_up h3,
#regras_promo h3 {
	font-size:11px;
	color:#FFF;
	width:578px;
	float:left;
	margin-top:5px;
	letter-spacing:2px;
	font-weight:normal;
}
#pop_up p,
#regras_promo p {
	width:548px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#666;
	background-color:#FFF !important;
	letter-spacing:1px;
	line-height:18px;
	padding:10px 15px;
	text-align:left;
}
#regras_promo ul {
	width:533px;
	float:left;
	font-size:12px;
	color:#666;
	background-color:#FFF;
	letter-spacing:1px;
	line-height:18px;
	padding:15px 15px 15px 30px;
	text-align:left;
}
#regras_promo ul li { list-style:disc; }
#regras_promo li a { color:#00557F; }
#pop_up p strong { color:#ED1C24; }
#pop_up p small { font-size:11px; font-weight:normal; }

#att_recesso {
	border:1px solid #0076B1;
	color:#EB4F00;
	font-size:13px;
	font-weight:normal;
	padding:10px 10px 10px 40px;
	text-align:left;
	background:#FFF url(../imagens/titulos/atencao.gif) no-repeat left center;
}

#pop_up.educar {
	top:175px !important;
	left:315px !important;
	width:595px !important;
	padding:10px !important;
	left:310px !important;
}
#pop_up.educar  a.imprimir {
	position:absolute;
	z-index:1000;
	display:block !important;
	width:100px;
	height:20px;
	bottom:102px;
	left:255px;
	text-indent:-9999px;
	background:url(../imagens/layout-2009/sazonais/clique-aqui-educar.gif) no-repeat left top;
}

#pop_up.copa {
	width:608px !important;
	height:247px !important;
	background:url(../imagens/layout-2009/pop-up/copa.png) no-repeat left top;
	padding:0 !important;
	border:0 !important;
}
#pop_up.copa h2,
#pop_up.copa p,
#pop_up.copa h3 {display:none;}

#pop_up.copa a.fechar {
	top:8px;
	right:6px;
	background:url(../imagens/layout-2009/pop-up/bt-fechar-verde.png) no-repeat left top;
}

