*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color:#666;
}
html{
	background:url(../imagens/bgHtml.jpg) repeat-y;
}
body{
	background:url(../imagens/bgBody.jpg) no-repeat left top;
}
a:active, a:focus{
	outline:none;
}
ul{
	list-style:none;	
}
b{
	font-weight:bold;
}
#geral{
	width:990px;
}
#geral:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	line-height:0;
}
/* ------------------------------------------------------------- */
/* --------------------------> INDEX <-------------------------- */
#esquerda{
	width:350px;
	height:650px;
	float:left;
}
#esquerda h1{
	margin-left:20px;
	margin-top:30px;
	text-indent:-30000px;
}
#esquerda h1 a{
	background:url(../imagens/logoBrussi.png) no-repeat;
	width:190px;
	height:217px;
	display:block;
}
#esquerda #menuLateral{
	margin-top:50px;
	margin-left:10px;
}
#esquerda #menuLateral ul{
	margin-top:90px;
	margin-left:30px;
}
#esquerda #menuLateral ul li a{
	color:#FFAD5B;
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:1.6em;
	line-height:25px;
	text-decoration:none;
}
#esquerda #menuLateral ul li a:hover{
	text-decoration:underline;
}
#direita{
	width:640px;
	float:right;
}
#direita #menuTopo{
	width:640px;
	margin-top:40px;
}
#direita #menuTopo ul{
	margin-left:109px;
	height:36px;
}
#direita #menuTopo ul li{
	float:left;
	padding:0 0 0 10px;
}
#direita #menuTopo ul li a{
	height:22px;
	display:block;
	color:#666;
	text-indent:-30000px;
	text-decoration:none;
}
#direita #menuTopo ul li a:hover{
	text-decoration:underline;
	color:#F06F26;
}
#direita #menuTopo ul li.menu_fantasias a{
	background:url(../imagens/menuFantasias.gif) no-repeat left top;
	width:76px;
}
#direita #menuTopo ul li.menu_fantasias a:hover{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_fantasias.selected a{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_artigos a{
	background:url(../imagens/menuArtigos.gif) no-repeat left top;
	width:160px;
}
#direita #menuTopo ul li.menu_artigos a:hover{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_artigos.selected a{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_papelaria a{
	background:url(../imagens/menuPapelaria.gif) no-repeat left top;
	width:78px;
}
#direita #menuTopo ul li.menu_papelaria a:hover{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_papelaria.selected a{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_artesanato a{
	background:url(../imagens/menuArtesanato.gif) no-repeat left top;
	width:91px;
}
#direita #menuTopo ul li.menu_artesanato a:hover{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_artesanato.selected a{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_presentes a{
	background:url(../imagens/menuPresentes.gif) no-repeat left top;
	width:76px;
}
#direita #menuTopo ul li.menu_presentes a:hover{
	background-position:left bottom;
}
#direita #menuTopo ul li.menu_presentes.selected a{
	background-position:left bottom;
}
#direita #conteudo{
	background:url(../imagens/rotate_back/rotate.php) no-repeat;
	width:640px;
	margin-top:20px;
}
#direita #conteudo:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	line-height:0;
}
#direita #conteudo #texto{
	width:365px;
	float:right;
	margin-top:20px;
}
#direita #conteudo #texto h2{
	background:url(../imagens/hVidaFesta.png) no-repeat;
	width:365px;
	height:100px;
	text-indent:-30000px;
}
#direita #conteudo #texto p{
	margin-top:15px;
	text-align:right;
	line-height:18px;
	margin-bottom:9px;
}
#direita #conteudo #bannerPromo{
	width:638px;
	height:190px;
	clear:both;
	padding-top:20px;
}
#direita #conteudo #banners{
	width:638px;
	margin-top:10px;
	clear:both;
}
#direita #conteudo #banners p.bannerEsquerda a{
	background:url(../imagens/bannerEsquerda.png) no-repeat;
	width:319px;
	height:240px;
	float:left;
	margin-top:68px;
	text-indent:-30000px;
}
#direita #conteudo #banners p.bannerEsquerda a:hover{
	background-position:0 -240px;
}
#direita #conteudo #banners p.bannerDireita a{
	background:url(../imagens/bannerDireita.png) no-repeat;
	width:319px;
	height:254px;
	float:right;
	text-indent:-30000px;
}
#direita #conteudo #banners p.bannerDireita a:hover{
	background-position:0 -254px;
}
/* ------------------------------------------------------------- */
/* -------------------------> INTERNAS <------------------------ */
#direita #internas{
	width:640px;
	text-align:right;
	margin-top:20px;
}
#direita #internas p{
	width:640px;
	margin-top:10px;
	font-size:1em;
	line-height:18px;
}
/* -------------------------> FANTASIAS <------------------------ */
#direita #internas img.tituloimg{
	margin-top:15px;
}
#direita #internas ul#bannerFantasias{
	width:591px;
	margin:20px 0 0 49px;
}
#direita #internas ul#bannerFantasias:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	line-height:0;
}
#direita #internas ul#bannerFantasias li{
	float:left;
	text-align:left;
}
#direita #internas ul#bannerFantasias li a{
	height:208px;
	display:block;
	text-indent:-30000px;
}
#direita #internas ul#bannerFantasias li.adulto a{
	background:url(../imagens/bannerAdulto.jpg) no-repeat;
	width:318px;
}
#direita #internas ul#bannerFantasias li.adulto a:hover{
	background-position:0 -208px;
}
#direita #internas ul#bannerFantasias li.infantil a{
	background:url(../imagens/bannerInfantil.jpg) no-repeat;
	width:273px;
}
#direita #internas ul#bannerFantasias li.infantil a:hover{
	background-position:0 -208px;
}
#direita #internas h3{
	font-size:3em;
	font-weight:normal;
	color:#F16E26;
	margin-top:15px;
	clear:both;
}
#direita #internas h4{
	font-size:2.5em;
	font-weight:normal;
	margin-top:5px;
	color:#999;
	clear:both;
}
#direita #internas ul#fantasias{
	width:640px;
}
#direita #internas ul#fantasias:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	line-height:0;
}
#direita #internas ul#fantasias li{
	width:106px;
	margin:10px 0 10px 21px;
	height:190px;
	float:left;
}
#direita #internas ul#fantasias li a img{
	border:3px solid #D1CDCC;	
}
#direita #internas ul#artigos{
	width:640px;
	margin-top:10px;
}
/* -------------------------> ARTIGOS <------------------------ */
#direita #internas ul#artigos:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	line-height:0;
}
#direita #internas ul#artigos li{
	width:190px;
	margin:10px 0 10px 21px;
	height:106px;
	float:left;
}
#direita #internas ul#artigos li a img{
	border:3px solid #D1CDCC;	
}
#direita #internas p.marcas img{
	border:3px solid #D1CDCC;
}
/* -------------------------> EMPRESA <------------------------ */
#direita #internas #colunas{
	width:640px;
	margin-top:15px;
}
#direita #internas #colunas #bandeiras{
	width:230px;
	float:left;
	text-align:center;
	margin-top:10px;
}
#direita #internas #colunas #mapa{
	width:410px;
	float:right;
}
#direita #internas #colunas #mapa img.mapa{
	border:3px solid #D1CDCC;
	margin-top:5px;
}
/* -------------------------> CONTATO <------------------------ */
#direita #internas #colunas #endereco{
	width:260px;
	float:left;
}
#direita #internas #colunas #endereco p{
	width:260px;
}
#direita #internas #colunas #endereco p a{
	color:#666;
	text-decoration:none;
}
#direita #internas #colunas #endereco p a:hover{
	color:#F06F26;
	text-decoration:underline;
}
#direita #internas #colunas #formulario{
	width:360px;
	float:right;
	margin-top:25px;
}
#direita #internas #colunas #formulario label input, textarea{
	width:330px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#777;
	font-weight:bold;
	border:3px solid #D1CDCC;
	margin-top:5px;
}
#direita #internas #colunas #formulario label input{
	height:25px;
	line-height:20px;
	padding:0 5px;
}
#direita #internas #colunas #formulario label textarea{
	height:130px;
	padding:5px;
	line-height:16px;
}
#direita #internas #colunas #formulario label input.btEnviar{
	background:url(../imagens/btEnviar.jpg) no-repeat;
	width:98px;
	height:31px;
	cursor:pointer;
	border:0 none;
}
#direita #internas #localizacao{
	clear:both;
	padding-top:10px;
}
#direita #internas #localizacao img.mapa{
	border:3px solid #D1CDCC;
}
/* ------------------------------------------------------------- */
/* --------------------------> RODAPE <------------------------- */
#rodape{
	width:987px;
	clear:both;
	padding-top:25px;
	padding-bottom:20px;
}
#rodape p.tag{
	float:left;
	padding-top:20px;
	margin-left:25px;
}
#rodape p.tag a img{
	border:0 none;
}
#rodape #address{
	text-align:right;
}
#rodape #address address{
	font-style:normal;
	line-height:16px;
}
#rodape #address address a{
	font-weight:bold;
	text-decoration:none;
	color:#666;
	font-style:normal;
}
#rodape #address address a:hover{
	color:#F06F26;
	text-decoration:underline;
}
