/* Definições dos elementos do site */
body{
	margin:0px;
	padding:0px;
}

div, span, td, select, input, textarea,b{
	font: normal 12px/13px Arial!important;
	color:#606060;
}

img{
	border:0px;
}

a{
	color:#476f89;
	text-decoration:none;
	font: normal 12px/12px Arial!important;
}

a:hover{
	text-decoration:underline;
	color:#cf4f19;
}

.center{
	text-align: center;
}

.asteriscoRosa{
	color: #EB6F91;
}

ul{
	list-style-type: none;
}

/*Definições do conteudo */

#texto{
	text-align:justify;
}

.block{
	display:block;
}

.none{
	display:none;
}

.marcado{
	font-weight:bold!important;
}

.desmarcado{
	font-weight:normal!important;
}

.clear{
	clear:both;
}

.floatLeft{
	float:left;
	margin: 0px;
	padding: 0px;
}

.floatRight{
	float:right;
}

.floatLeftImg{
	float:left;
	margin: 0px 15px 0px 0px;
}

.floatRightImg{
	float:right;
	margin: 0px 0px 0px 15px;
}

.verde{
	color: #0089B1;
	font-size: 12px!important;
}

.verde:hover{
	color: #0089B1;
	text-decoration: underline
}

.setaVerde{
	color: #0089B1;
	font-size: 12px!important;
	background: url('../images/mabe_bullet.gif') no-repeat 0px 5px;
	padding-left: 10px;
}

.rosa{
	color: #EB6F91;
	font-size: 12px!important;
}

.rosa:hover{
	color: #EB6F91;
	text-decoration: underline
}

.amarela{
	color: #E9D767;
	font-size: 12px!important;
}

.amarela:hover{
	color: #E9D767;
	text-decoration: underline
}

.laranja{
	color: #EA7E1D;
	font-size: 12px!important;
}

.laranja:hover{
	color: #EA7E1D;
	text-decoration: underline
}
/*topo
---------------------------------------------------*/
#topo {
	width: 996px;
	float: left;
}
/*HOME
---------------------------------------------------*/
#home {
	width: 996px!important;
	padding: 12px 6px 0px 0px;
}

#home #controlaHome {
	width: 750px;
	margin: 0px 0px 0px 6px;
	float: left;
}

#home #controlaImgProdutos td { 
	padding-top: 12px;
}

#home .alinhaLateral {
	float: left;
	width: 222px;
	padding: 0px 0px 12px 0px;
}


/* Internas - Menu Lateral */

#lateral{
 	width: 188px;
	margin-right: 0px;
	float: left;
	margin-top: 10px;
}

#lateral ul{
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#lateral ul li{
	clear: both;
}

#lateral ul li a{
	font: bold 14px/14px Arial!important;
	color:#0089B1;
	margin-bottom: 5px;
}

#lateral ul li img{
	margin: 5px 5px 0px 0px;
	float: left;
	
}

#lateral ul li a{
	float: left;
	display: block;
	margin-top: 10px;
	width: 150px;
}

#lateral ul li a:hover{
	text-decoration: none;
}


#lateral ul li ul{
	margin: 5px 0px 0px 25px;
}

#lateral ul li ul li a{
	margin-top: 0px;
	font: normal 12px/12px Arial!important;
}


/* corpo internas - menu - corpo */
#corpo{
	width: 542px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px!important;
}

/* corpo internas - menu - corpo - direita */

#corpoEstreito{
	width: 354px;
	float: left;
}

#controlaProdutos div img{
	float: left;
	margin-right: 5px;
}

#controlaProdutos div span{
	float: left;
}

#controlaProdutos div span ul{
	width: 265px;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
}

#controlaProdutos div span ul li a{
	background: url('../images/mabe_bullet.gif') no-repeat 0px 4px;
	padding: 0px 0px 3px 10px;
	float: left;
	display: block;
	color:#0089B1;
	width: 205px;
	font-family:arial;	
	font-size:12px;
}

#controlaProdutos div span #refrigeradores li a{
	padding: 0px 0px 7px 10px;
}

#controlaProdutos div span ul li span{
	float: left;
	display: block;
	width: 50px;
	text-align: right;
}


#direita{
	width: 188px;
	float: left;
	text-align: center;
}




/* Novidades */

#novidades div{
	width: 187px;
	float: left;
}

#novidades div span{
	width: 165px;
	display: block;
	margin-left: 10px;
}

/* Multimulher */

#multimulher {
	float: left;
	padding-left: 6px;
}

#multimulher div{
	width: 187px;
	float: left;
}

#multimulher div span{
	width: 165px;
	float: left;
	display: block;
	margin: 2px 0px 15px 0px;
}

/*Widgets*/

#conteudoWidgets{
	width: 542px;
}
/* Serviços e Suporte */

#servicosSuporte div{
	width: 187px;
	float: left;
}

#servicosSuporte div span{
	width: 170px;
	display: block;
	margin-left: 5px;
}

/* Cadastro */

#cadastro #ola{
	width: 485px;
	margin: 0px 0px 0px 0px;
	color:#EB6F91;
	height: 30px;
	position: relative; 
	
}

#cadastro #ola strong{
	color:#EB6F91;
	float: left;
}

#cadastro  #mulherOla{
	float: right;
	position: absolute;
	left:364px;
}

#cadastro #boxRosa{
	text-align:left;
	width: 480px;
	float:left;
	position: relative;
}

#cadastro #boxRosa .conteudoBox{
	background-color:#EB6F91;
	color:#FFF;
	width: 405px;
	text-align:left;
	height: 82px;
}

#cadastro #boxRosa #imageCadastromulher{
	float: left;
}

#cadastro #formCadastro{
	width: 525px;
	text-align: left;
}

#cadastro #formCadastro .estado{
	width: 120px;
}

/* FAQ */

#faq #boxLaranja{
	background-color: #EA7D1E; 
	height: 56px;
	width: 322px;
}

#faq #boxAzul{
	background-color: #0096BC; 
	height: 56px;
	width: 322px;
}

#faq #boxAzul span{
	padding: 5px 0px 0px 10px;
	color: #FFF;
	display: block;
}



#faq #boxAmarelo{
	background-color: #E9D767; 
	height: 56px;
	width: 360px;
}

#faq #boxAmarelo span{
	padding: 5px 0px 0px 10px;
	color: #FFF;
	display: block;
}

#faq #boxRosa{
	background-color: #EB6F91; 
	height: 56px;
	width: 360px;
}

#faq #boxRosa span{
	padding: 5px 0px 0px 10px;
	color: #FFF;
	display: block;
}

#faq #boxLaranja{
	background-color: #EA7D1E; 
	height: 56px;
	width: 360px;
}

#faq #boxLaranja span{
	padding: 5px 0px 0px 10px;
	color: #FFF;
	display: block;
}

#faq #perguntas ul{
	margin: 0px;
	padding: 0px;
}

#faq #perguntas ul li{
	width: 490px;
	margin-bottom: 5px;
}

#faq #perguntas ul li a{
	display: block;
	margin-left: 10px;
}

#faq #perguntas ul li span{
	padding: 10px;
	margin: 5px 0px 0px 10px;
	display: none;
	position: relative;
	text-align:left;
	background-color: #E6F3F9;
}

#faq #perguntas ul li span .fechar{
	position:absolute;
	text-align: left;
	top:-17px;
	right: -20px;
	display: block;
}

/* CADASTRE-SE */

#controlaForm{
	width:190px;
	font-family:arial;	
	font-size:12px;
}

#cadastroForm span{
	display:block;
	color:#0089B1;
	float:left;
	width:50px!important;
	padding: 4px 0px 0px 0px;
	text-align:right;
	margin-left:0px!important;
}
  
#cadastroForm input{
	display:block;
	float:left;
	margin: 2px 2px 2px 2px;
}

#cadastroForm small{
	float:left;
	display:block;
	width:128px;
	padding-top: 4px!important;
	margin: 0px!important;
}

#checkbox{
	padding: 0px!important;
	margin: 0px;
}

#cadastroForm a{
	margin-top: 2px;
	float:left;
}

/* Páginas de mabe descomplica*/
.imagemCentrais{
	float:left;
	margin: 0px 10px 0px 10px;
}

.lista{
	margin: 0px;
	padding: 0px;
	float:left;
	padding-top:0px;
	padding-right: 10px;
	width:170px;
}
	
#lista a{
	color:#0089B1;
}

.lista li {
	width:165px;
}

.lista li img {
	float: left;
}

/* Novidades */

#lateral span{
	width: 165px;
	display: block;
	margin-left: 10px;
}

/* mabe descomplica */

#itens{
	float: left;
	width:750px;
}

#itens span{
	display: none;
	color:#0089B1;
}
#itens div{
	display: none;
}

#itens span a{
	color:#0089B1;
}

#itens span ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

#itens span ul li img {
	float: left;
	margin: 5px 5px 0px 0px;
}

#itens span ul li{
	line-height:17px;
}

#itens span ul li a {
	float: left;
}
/* lateral direira */

#lateralDireita{
	width: 214px!important;
	text-align: right;
	float: left;
}

#lateralDireita #controlaFlashLateral {
	float: right;
	width: 214px;
}

#lateralDireita ul{
	margin: 0px;
	padding: 0px;
}

#lateralDireita ul li{
	font: normal 0px/0px Arial;
}

#controlaListaLateral div{
	float: right!important;
}

#controlaListaLateral img{
	float: right!important;
}

#controlaListaLateral ul li{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Conteudoacessoria{
	width: 740px;
	margin: 20px 0px 0px 0px;
	
}

#TextAcessoria{
	width: 310px!important;
	margin: 0px 0px 0px 10px;
	float: left;
}

#TextPolitica{
	width: 740px!important;
	margin: 0px 0px 0px 10px;
	float: left;
}

#TextPolitica h1{
	color:#fa7c18;
	font-size: 12px;
	
}

#TextPolitica strong{
	color:#616161;
	font-size: 12px;

}


#TextPolitica a{
	color:#058ab5;
	font-size: 12px;

}
#TextPolitica span{
	color:#fa7c18;
	font-size: 12px;

}

#TextPolitica{
	width: 100%;
	margin: 0px 0px 0px 10px;
}


#TextPolitica h2{
	color:#058ab5;
	font-size: 12px;
	
}

#TextPolitica a{
	color:#058ab5;
	font-size: 12px;
}

#TextAcessoria h1{
	color:#fa7c18;
	font-size: 12px;
	
}

#TextAcessoria strong{
	color:#616161;
	font-size: 12px;

}


#TextAcessoria a{
	color:#058ab5;
	font-size: 12px;

}
#TextAcessoria span{
	color:#fa7c18;
	font-size: 12px;

}

#TextAcessoria{
	width: 100%;
	margin: 0px 0px 0px 10px;
}


#TextAcessoria h2{
	color:#058ab5;
	font-size: 12px;
	
}

#TextAcessoria a{
	color:#058ab5;
	font-size: 12px;
}

#ConteudoCampanha{
	width: 750px;
	margin: 20px 0px 0px 0px;
}

#campanhas{
	margin: 10px 0px 0px 10px;
	float: left;
}

#tituloMultimulher{
	margin: 15px 0px 3px 0px;

}

#downloadCampanhas{
	margin: 10px 0px 0px 5px;
	width: 320px;
}

#downloadCampanhas h1{
	color:#EA6992;
	font-size: 12px;
}

#downloadCampanhas div{
	float: left;
}

#downloadCampanhas div a{
	color:#028CDB;
}

#downloadCampanhas span{
	float: right;
	color:#028CDB;
}


#imagensCampanhas{
	float: right;
	margin: 0px 0px 0px 15px;
}

/*super casas bahia--------------------------------------*/
#controlaTextoCasasBahia{
	float: left;
	width: 281px;
	margin-right: 25px;
}

#controlaTextoCasasBahia font{
	width: 281px;
}

#conteSegredoCasasBahia{
	float: left;
	width: 233px;
}

#controlaPromoCasasBahia{
	margin: 10px 0px 0px 10px;
	width: 542px;
	float: left;
}

#controlaFundo{
	width: 281px;
	background: url('http://www.mabebrasil.com.br/portal/img/MABE/Brasil/Novidades/super_casas_bahia/box_azul.gif') repeat-x 0px 0px;
	height: 81px;
}

/*promocoes
-------------------------------------------------------*/



#controlaTudo p{
	font-weight: bold;
}

#superCasa{
	padding: 30px 0px 0px 0px!important;
	float: left;
	width: 260px!important;
}
#controlaDestaqueTokStok{
	float: left;
	width: 260px;
}

#conteSegredo{;
	padding-left: 15px;
	float: left;
	width: 260px;
}

#controlaPromo{
	margin: 10px 0px 0px 10px;
	width: 542px;
	float: left;
}

#controlaTudo{
	float: left;
	margin-top: 15px;
}
#controlaTudo a{
	color: #0089B1;
}

#controlaTudo font{
	font: bold 13px Arial;
}

/*toda multimulher merece mabe
------------------------------------------------------------*/

#controlaTodaMultimulherMerece {
	float: left;
	width: 542px!important;
	margin: 0px!important;
	padding: 0px!important;
}

#controlaTodaMultimulherMerece .linhaCinza{
	background-color: #EAEBED;
	height: 25px;
	margin: 0px 0px 0px 0px ;
	border:1px solid #EAEBED;
}

#controlaTodaMultimulherMerece .primeiraLinha {
	background-color: #616568;
	height: 40px;
	border:1px solid #616568;
	color: #FFF;
	font-weight: bold!important;
}

#controlaTodaMultimulherMerece table tr td {
	height: 25px;
	margin: 0px 0px 0px 0px ;
	border: 1px solid #FFF;
}

#controlaTodaMultimulherMerece #controlaImgTopo {
	float: left;
	padding: 0px 0px 15px 0px;
}

#controlaTodaMultimulherMerece #controlaImgMes ul {
	float: left;
	width: 542px;
	margin: 0px;
	padding: 0px;
}
#controlaTodaMultimulherMerece #controlaImgMes ul {
 float: left;
}

#controlaTodaMultimulherMerece #controlaImgMes li{
 float: left;
}
#controlaTodaMultimulherMerece #controlaImgMes  a{
 float: left;
}
#controlaTodaMultimulherMerece .controlaPremio {
	position: relative;
	background: url('/novidades/promocoes/toda_multimulher_merece_mabe/images/microondas_bg.jpg') repeat-x 0px 0px;
	width: 542px;
	height: 81px;
	margin: 0px 0px 15px 0px;
}
#controlaTodaMultimulherMerece .controlaPremio span {
	display: block;
	position: absolute;
	top: 40px;
	left: 150px;
	width: 392px; 
	color: #FFF;
}
/*toda multimulher merece mabe quartas musicais
------------------------------------------------------------*/
#controlaTodaMultimulherMereceQuartas {
	float: left;
	width: 542px!important;
	margin: 0px!important;
	padding: 0px!important;
}
#controlaTodaMultimulherMereceQuartas #laranja td {
	background: #ea7d1e;
	color: #FFF;
	height: 15px;
}
#controlaTodaMultimulherMereceQuartas #controlaLegenda {
	color: #000;
	float: left;
	padding: 10px 0px 0px 0px;
	font-size: 10px!important;
}
 
/*multiinterativa
-------------------------------------------------------*/
#controlaTudoInterativa{
	float: left;
	width: 542px;
}

#controlaImgInterativa{
	background: url('http://www.multimabe.com.br/multimulher/multi_interativa/testes/envie_amiga/images/topo_obrigado.gif') no-repeat 0px 0px;
	width: 391px;
	height: 129px;
	float: left;
}

#controlaImgTopo{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#controlaImgInterativa span{
	display: block;
	margin: 85px 0px 0px 10px;
	color: #FFF;
	width: 300px;
}

#controlaMultiInterativa{
	margin-top: 35px;
	width: 542px;
	float: left;
}

#multiInterativa{
	width: 270px;
	float: left;
	margin: 0px 0px 0px 0px;
	
}

#multiInterativa span{
	display: block;
	width: 190px;
	float: left;
	margin: 0px 0px 0px 8px;
}

#multiInterativa div{
	float: left;
	margin: 0px 0px 0px 8px;
}

#multiInterativaDireita{
	width: 270px;
	float: left;
	margin: 0px 0px 0px 0px;
	
}

#multiInterativaDireita span{
	display: block;
	width: 190px;
	float: left;
	margin: 0px 0px 0px 8px;
}

#multiInterativaDireita div{
	float: left;
	margin: 0px 0px 0px 8px;
}