@import url("reset.css");

/*-------------------------------------------------\
|													|
|	Textil Abril									|
|													|
|	Desenvolvido por Ag�ncia RS						|
|	http://www.agenciars.com.br/					|
|										Mar/2010	|
|													|
 \----------------------------------------------- */

/*
	Geral
*/

html{background:url(../images/bg/conteudo-container.gif) repeat-y top center #dee5e9;}
body{
	background:url(../images/bg/faixa-topo.gif) repeat-x 0 0;
	color:#1f4c72;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
a{

}
a:hover{

}
p{
	margin:0 0 11px 0;
}
.hide{ display:none; }
.show{ display:block; }
.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
.semBg{ background:none!important}
#geral{
	width:100%;
}
	#geral .conteudoContainer{
	margin:0 auto;
	width:933px;
	}

/* /////////////////////
	HEADER
//////////////////// */	
#header{
	height:170px;
	width:933px;
}
	#header .menuApoio{
		float:right;
		height:29px;
		padding-right:18px;
	}
		#header .menuApoio li{
			background:url(../images/bg/separacao-menu-apoio.gif) no-repeat top right;
			float:left;
			height:29px;
		}
		#header .menuApoio li a{
			color:#fff;
			display:inline;
			float:left;
			font-size:12px;
			height:23px;
			margin-right:2px;
			padding:6px 10px 0;
			text-align:center;
			text-decoration:none;
		}
			#header .menuApoio li a:hover{color:#fff168;}
	
	#header .linksTopo{
		clear:both;
		height:102px;
		width:933px;
	}
		#header .linksTopo .boxLinks{
			background:url(../images/bg/separacao-box-links.gif) no-repeat top right;
			float:left;
			height:102px;
		}
			#header .linksTopo .boxLinks a.logoTopo{
				background:url(../images/links/logo-topo.jpg) no-repeat 0 0;
				display:block;
				font-size:1px;
				height:54px;
				margin:24px 296px 0 12px;
				overflow:hidden;
				text-decoration:none;
				text-indent:-2000px;
				width:236px;
			}
			#header .linksTopo .boxLinks a.linkNossasLojas{
				background:url(../images/links/nossas-lojas.gif) no-repeat 0 top;
				display:block;
				font-size:1px;
				height:46px;
				margin:24px 24px 0 19px;
				overflow:hidden;
				text-decoration:none;
				text-indent:-2000px;
				width:157px;
			}
				#header .linksTopo .boxLinks a.linkNossasLojas:hover{background:url(../images/links/nossas-lojas.gif) no-repeat 0 bottom;}
			#header .linksTopo .boxLinks a.paraAtacadistas{
				background:url(../images/links/para-atacadistas.gif) no-repeat 0 top;
				display:block;
				font-size:1px;
				height:43px;
				margin:24px 23px 0 19px;
				overflow:hidden;
				text-decoration:none;
				text-indent:-2000px;
				width:145px;
			}
				#header .linksTopo .boxLinks a.paraAtacadistas:hover{background:url(../images/links/para-atacadistas.gif) no-repeat 0 bottom;}
			#header .linksTopo .boxLinks ul{
				margin:12px 0 0 19px;
			}
				#header .linksTopo .boxLinks ul li{
					padding-bottom:5px;
				}
					#header .linksTopo .boxLinks ul li a.naMidia{
						background:url(../images/links/textil-abril-na-midia.gif) no-repeat 0 top;
						display:block;
						font-size:1px;
						height:21px;
						margin-left:4px;
						overflow:hidden;
						text-decoration:none;
						text-indent:-2000px;
						width:134px;
					}
						#header .linksTopo .boxLinks ul li a.naMidia:hover{background:url(../images/links/textil-abril-na-midia.gif) no-repeat 0 bottom;}
					#header .linksTopo .boxLinks ul li a.radioAoVivo{
						background:url(../images/links/radio-ao-vivo.gif) no-repeat 0 top;
						display:block;
						font-size:1px;
						height:18px;
						overflow:hidden;
						text-decoration:none;
						text-indent:-2000px;
						width:105px;
					}
						#header .linksTopo .boxLinks ul li a.radioAoVivo:hover{background:url(../images/links/radio-ao-vivo.gif) no-repeat 0 bottom;}
					#header .linksTopo .boxLinks ul li a.catalogoVirtual{
						background:url(../images/links/catalogo-digital.gif) no-repeat 0 top;
						display:block;
						font-size:1px;
						height:21px;
						margin-left:5px;
						overflow:hidden;
						text-decoration:none;
						text-indent:-2000px;
						width:113px;
					}
						#header .linksTopo .boxLinks ul li a.catalogoVirtual:hover{background:url(../images/links/catalogo-digital.gif) no-repeat 0 bottom;}
	
	#header .menuPrincipal{
		background:url(../images/bg/sombra-menu-principal.jpg) no-repeat 0 0;
		margin:0 auto;
		width:909px;
	}
		#header .menuPrincipal ul{
			height:35px;
			padding:2px 0 0 110px;
		}
			#header .menuPrincipal ul li{
				display:inline;
				float:left;
				height:35px;
				margin-right:4px;
			}
				#header .menuPrincipal ul li a{
					display:block;
					font-size:1px;
					height:35px;
					overflow:hidden;
					text-decoration:none;
					text-indent:-2000px;
				}
					#header .menuPrincipal ul li a.menuFeminino{
						background:url(../images/menuPrincipal/feminino.jpg) no-repeat 0 top;
						width:72px;
					}
						#header .menuPrincipal ul li a.menuFeminino:hover{background:url(../images/menuPrincipal/feminino.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuMasculino{
						background:url(../images/menuPrincipal/masculino.jpg) no-repeat 0 top;
						width:80px;
					}
						#header .menuPrincipal ul li a.menuMasculino:hover{background:url(../images/menuPrincipal/masculino.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuMenina{
						background:url(../images/menuPrincipal/menina.jpg) no-repeat 0 top;
						width:63px;
					}
						#header .menuPrincipal ul li a.menuMenina:hover{background:url(../images/menuPrincipal/menina.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuMenino{
						background:url(../images/menuPrincipal/menino.jpg) no-repeat 0 top;
						width:63px;
					}
						#header .menuPrincipal ul li a.menuMenino:hover{background:url(../images/menuPrincipal/menino.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuBebe{
						background:url(../images/menuPrincipal/bebe.jpg) no-repeat 0 top;
						width:49px;
					}
						#header .menuPrincipal ul li a.menuBebe:hover{background:url(../images/menuPrincipal/bebe.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuCasa{
						background:url(../images/menuPrincipal/casa.jpg) no-repeat 0 top;
						width:50px;
					}
						#header .menuPrincipal ul li a.menuCasa:hover{background:url(../images/menuPrincipal/casa.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuPerfumaria{
						background:url(../images/menuPrincipal/perfumaria.jpg) no-repeat 0 top;
						width:85px;
					}
						#header .menuPrincipal ul li a.menuPerfumaria:hover{background:url(../images/menuPrincipal/perfumaria.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuBrinquedo{
						background:url(../images/menuPrincipal/brinquedo.jpg) no-repeat 0 top;
						width:82px;
					}
						#header .menuPrincipal ul li a.menuBrinquedo:hover{background:url(../images/menuPrincipal/brinquedo.jpg) no-repeat 0 bottom;}
					#header .menuPrincipal ul li a.menuPromocoes{
						background:url(../images/menuPrincipal/promocoes.jpg) no-repeat 0 top;
						width:192px;
					}
						#header .menuPrincipal ul li a.menuPromocoes:hover{background:url(../images/menuPrincipal/promocoes.jpg) no-repeat 0 bottom;}
						
/* ////////////////////////////
	CONTE�DO
////////////////////////// */

#conteudo{
	margin-top:18px;
	overflow:hidden;
	padding-bottom:30px;
	width:933px
}
.conteudoInternas{
	margin-top:0!important;
}
	#conteudo .bannerHome{
		height:288px;
		margin:0 auto;
		overflow:hidden;
		width:909px;
	}
	#conteudo .bannersPequenos{
		display:inline;
		float:left;
		margin-left:12px;
		padding-top:20px;
		width:460px;
	}
	#conteudo .bannersPequenos-provisorio{
    font-size: 38px !important;
    font-weight: bold;
    margin: 0 auto;
    padding: 47px 0 0 64px;
    width: 764px;
	}
		#conteudo .bannersPequenos a{
			float: left;
			margin-right:13px;
		}
	#conteudo .chamadaPromocoes{
		display:inline;
		float:right;
		margin-right:12px;
		padding-top:20px;
		width:449px;
		font-family:Arial,Helvetica,sans-serif;
	}
		#conteudo .chamadaPromocoes li{
			border-top:1px solid #4186b6;
			padding:20px 0;
			
		}
			#conteudo .chamadaPromocoes li p{
					color:#b01503;
					font-size:16px;
					font-weight:bold;
					padding-top:3px;
			}
				#conteudo .chamadaPromocoes li p span.promocao{
					color:#b01503;
					font-size:16px;
					line-height:15px;
					font-weight:bold;
				}
				#conteudo .chamadaPromocoes li p span.promocao a{ color:#b01503;}
				#conteudo .chamadaPromocoes li p span.promocao a:hover{ color:#1f4c72;}
				#conteudo .chamadaPromocoes ul li .validade {
					color:#1F4C72;
					display:block;
					font-size:10px !important;
					margin-top:10px;
				}
					#conteudo .chamadaPromocoes ul li .validade a{
						color:#1f4c72;
					}
					#conteudo .chamadaPromocoes ul li .validade a:hover{
						text-decoration:none;
					}
				#conteudo .chamadaPromocoes li p span.validade a{
					color:#1f4c72;
					font-size:12px;
					text-decoration:none;
				}
				#conteudo .chamadaPromocoes li p span.validade a:hover{ text-decoration:underline;}
		#conteudo .chamadaPromocoes div.linkPromocoes{
			border-top:1px solid #4186b6;
			padding-top:6px;
		}
			#conteudo .chamadaPromocoes div.linkPromocoes a{
				background:url(../images/links/veja-todas-promocoes.gif) no-repeat 0 0;
				float:right;
				font-size:1px;
				height:17px;
				overflow:hidden;
				text-indent:-2000px;
				width:262px
			}
			
/* Valida��o dos Forms */

.form_erro{
	color:#868585!important;
}
.boxMsg{
	background:#be0000;
	border:1px solid #000;
	padding:10px;
	position:absolute;
	text-align:center;
	width:200px;
	z-index:9999;
	color:#FFF;
}
			
/* ////////////////////
	Footer
/////////////////// */

#footer{
	background:url(../images/bg/footer-bg.jpg) no-repeat 0 0;
	height:164px;
	font-family:Arial, Helvetica, sans-serif;
	width:903px;
	margin:0 auto;
	padding:18px 12px 0;
}
	#footer .footerEsq{
	float:left;
	width:423px;
	}
		#footer .footerEsq ul{
			float:left;
		}
			#footer .footerEsq ul li{
				height:40px;
				width:240px;
			}
			#footer .footerEsq ul.ulDireita li{
				width:150px;
			}
				#footer .footerEsq ul li a{
					color:#d71600;
					float:left;
					font-size:12px;
					text-decoration:none;
				}
					#footer .footerEsq ul li a.transporte{
						background:url(../images/links/transporte.gif) no-repeat 2px top;
						line-height:25px;
						padding-left:28px;
					}
						#footer .footerEsq ul li a.transporte:hover{
							background:url(../images/links/transporte.gif) no-repeat 2px bottom;
							color:#2e7eb8;
						}
					#footer .footerEsq ul li a.estacionamento{
						background:url(../images/links/estacionamento.gif) no-repeat left top;
						line-height:18px;
						padding-left:28px;
					}
						#footer .footerEsq ul li a.estacionamento:hover{
							background:url(../images/links/estacionamento.gif) no-repeat left bottom;
							color:#2e7eb8;
						}
					#footer .footerEsq ul li a.lanchonete{
						background:url(../images/links/lanchonete.gif) no-repeat 2px top;
						line-height:23px;
						padding-left:28px;
					}
						#footer .footerEsq ul li a.lanchonete:hover{
							background:url(../images/links/lanchonete.gif) no-repeat 2px bottom;
							color:#2e7eb8;
						}
					#footer .footerEsq ul li a.playground{
						background:url(../images/links/playground.gif) no-repeat left top;
						line-height:19px;
						padding-left:28px;
					}
						#footer .footerEsq ul li a.playground:hover{
							background:url(../images/links/playground.gif) no-repeat left bottom;
							color:#2e7eb8;
						}
	#footer .footerMeio{
		float:left;
		position:relative;
		width:140px;
		z-index:2
	}
		#footer .footerMeio li{
			height:20px
		}
			#footer .footerMeio li a{
				color:#2e7eb8;
				float:left;
				font-size:12px;
				line-height:15px;
				padding-left:20px;
				text-decoration:none;
			}
				#footer .footerMeio li a.radioFooter{
					background:url(../images/links/radio-footer.gif) no-repeat left top;
				}
					#footer .footerMeio li a.radioFooter:hover{
						background:url(../images/links/radio-footer.gif) no-repeat left bottom;
						color:#d71600;
					}
				#footer .footerMeio li a.catalogoFooter{
					background:url(../images/links/catalogo-footer.gif) no-repeat 1px 2px;
				}
					#footer .footerMeio li a.catalogoFooter:hover{
						background:url(../images/links/catalogo-footer.gif) no-repeat 1px -13px;
						color:#d71600;
					}
				#footer .footerMeio li a.midiaFooter{
						background:url(../images/links/midia-footer.gif) no-repeat left top;
					}
						#footer .footerMeio li a.midiaFooter:hover{
							background:url(../images/links/midia-footer.gif) no-repeat left bottom;
							color:#d71600;
						}
				#footer .footerMeio li a.lojasFooter{
						background:url(../images/links/lojas-footer.gif) no-repeat left 1px;
					}
						#footer .footerMeio li a.lojasFooter:hover{
							background:url(../images/links/lojas-footer.gif) no-repeat left -14px;
							color:#d71600;
						}
				#footer .footerMeio li a.atacadistasFooter{
						background:url(../images/links/atacadistas-footer.gif) no-repeat left 1px;
					}
						#footer .footerMeio li a.atacadistasFooter:hover{
							background:url(../images/links/atacadistas-footer.gif) no-repeat left -14px;
							color:#d71600;
						}
	#footer .footerDir{
		float:right;
		margin: 0 0 25px;
	}
		#footer .footerDir .linkTwitter{
			color:#2e7eb8;
			display:block;
			font-size:12px;
			font-weight:bold;
			line-height:28px;
			padding-right:33px;
			text-decoration:none;
			height: 35px;
		}
			#footer .footerDir .linkTwitter.twitter{
				background:url(../images/links/twitter.jpg) no-repeat right top;
			}
			#footer .footerDir .linkTwitter.facebook{
				background:url(../images/links/facebook.jpg) no-repeat right top;
			}
			#footer .footerDir .linkTwitter.youtube{
				background:url(../images/links/youtube.jpg) no-repeat right top;
			}
			#footer .footerDir .linkTwitter:hover{ text-decoration:underline;}
	#footer .footerFim{
		clear:both;
		position:relative;
		height:50px;
		top:-20px;
		width:903px;
		z-index:1;
	}
		#footer .footerFim ul{
			float:left;
			margin-top:65px;
		}
			#footer .footerFim ul li{
				color:#2e7eb8;
				float:left;
				font-size:12px;
				margin-right:10px;
			}
				#footer .footerFim ul li a{
					color:#2e7eb8;
					text-decoration:none;
				}
					#footer .footerFim ul li a:hover{
						color:#ed3434;
					}
		#footer .footerFim .assinatura{
			float:right;
			text-align:right;
		}
			#footer .footerFim .assinatura p{
				color:#778189;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
			}
			#footer .footerFim .assinatura p a{
				color:#778189;
				text-decoration:none;
			}
			#footer .footerFim .assinatura p a:hover{
				text-decoration:underline;
			}



			
			
/*Breadcrumb - Migalha de pão*/
.breadcrumb{margin:1px 0 -11px 200px;height:10px;position:relative;z-index:10;}
.breadcrumb li{float:left;line-height:10px;}
.breadcrumb li a{display:block;font-size:10px;color:#2E7EB8;text-decoration:none;}
.breadcrumb li a:hover{text-decoration:underline;}
.breadcrumb li span{display:block;margin:0 5px;font-size:9px;font-weight:bold;color:#EAA49D;}
.breadcrumb li.current{color:#2E7EB8;font-size:9px;font-weight:bold;}