@charset "iso-8859-2";
/* CSS da estrutura fundamental do site */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #666666;
	background: url(../img/layout/background.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#div_100{
	width: 100%;
	padding-top: 10px;
	background: url(../img/layout/background_superior.gif) repeat-x;
}

#div_779{
	width: 779px;
	height: auto;
	position: relative;
	min-height: 800px;
	_height: 800px;
}

#cabecalho{
	float: left;
	height: 195px;
}

.cabecalho{
	float:left;
	width:779px;
	height: 185px !important;
	background:url(../img/layout/cabecalho2.jpg) no-repeat;
	padding:10px 0px 0px 10px;
}
.cabecalho div{
	float:left;
}
.cabecalho a{
	width:111px;
}
.cabecalho #logomarca{
	float:left;
	clear:left;
	width:412px;
	height:104px;
	margin-top:2px;
	margin-left:-2px;
}
.cabecalho #atendimento_vip{
	float:left;
	clear:left;
	width:295px;
	height:36px;
	margin-top:10px;
	margin-left:-2px;
}

#estrutura_central{
	float: left;
	width: 769px;
	min-height: 450px;
	background: url(../img/layout/fundo_conteudo.png) repeat-y;
	padding: 0px 5px 5px 5px;
	_height: 450px;
	_background: url(../img/layout/fundo_conteudo_ie6.jpg) repeat-y;
}

#coluna_esquerda{
	float: left;
	width: 508px;
	min-height: 450px;
	margin-left: 10px;
	text-align: left;
	
	_height: 450px;
	_margin-left: 5px;
}

#coluna_direita{
	float: left;
	width: 249px;
	min-height: 450px;
	
	_height: 450px;
}

#lista_produtos{
	float: left;
	min-height: 440px;
	_height: 440px;
}

/*Box Lateral*/
.box, .box_paginavel{
	float: left;
	width: 249px;
	min-height: 193px;
	background: url(../img/layout/box_2.jpg) repeat-y;
	margin-bottom: 10px;
	
	_height: 193px;
}
.box #part1, .box_paginavel #part1{
	float: left;
	width: 249px;
	height: 33px;
	background: url(../img/layout/box_1.jpg) no-repeat;
}
.box #container, .box_paginavel #container{
	float: left;
	width: 227px;
	min-height: 159px;
	margin-left: 5px;
	padding: 5px;
	text-align: left;
	color: #4E535C;
	
	_height: 159px;
	_margin-left: 3px;
}

.box #container span, .box_paginavel #container span{
	float: left;
	margin-bottom: 15px;
}
.box #container .label{
	font-weight: bold;
	width: 93px;
	clear: left;
}
.box #container select, .box #container input{
	float: left;
	width: 122px;
	margin-left: 5px;
	margin-bottom: 15px;
}
.box #container #pes_botao{
	float: right;
	width: 81px;
	height: 26px;
	border: none;
	margin-bottom: 2px;
	color: #FFFFFF;
	padding: 2px;
	background: url(../img/layout/bot_pesquisar.jpg) left bottom no-repeat;
}
.box #part3, .box_paginavel #part3{
	float: left;
	width: 249px;
	height: 11px;
	background: url(../img/layout/box_3.jpg) no-repeat;
	
	_font-size: 1px;
}
/*Confifuraçoes dos boxes paginados*/
.box_paginavel #container{
	height: 120px;
	min-height: 120px;
	overflow: hidden;
}
.box_paginavel #numeracao{
	float: left !important;
	width: 200px !important;
	height: 17px !important;
	margin: 10px 0px 10px 5px !important;
	margin-bottom: 15px !important;
}
.box_paginavel #numeracao .selecionado, .box_paginavel #numeracao .nao_selecionado{
	float: left !important;
	width: 20px !important;
	height: 16px !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 11px !important;
	margin-left: 10px !important;
	padding-top: 1px !important;
}
.box_paginavel #numeracao .selecionado{
	background: #FF0000 !important;
}
.box_paginavel #numeracao .nao_selecionado{
	background: #848EA0 !important;
}

/*Títulos dos boxes*/
.box_paginavel #tit_promocao, .box #tit_localize{
	float: left;
	width: 150px;
	height: 17px;
	margin-top: 9px;
	margin-left: 10px;
	
	_margin-left: 5px;
}
.box_paginavel #tit_promocao{
	background: url(../img/layout/tit_promocoes.png) no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/layout/tit_promocoes.png');
	_background-image: none;
}
.box #tit_localize{
	background: url(../img/layout/tit_localize.png) no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/layout/tit_localize.png');
	_background-image: none;
}


/*Rodapé*/
#rodape #part1{
	float: left;
	width: 46px;
	height: 47px;
	background: url(../img/layout/rodape_1.png) no-repeat;
	
	_background: url(../img/layout/rodape_1.jpg) no-repeat;
}
#rodape #part2{
	float: left;
	width: 687px;
	height: 47px;
	background: url(../img/layout/rodape_2.png) repeat-x;
	padding-top: 17px;
	color: #FFFFFF;
	font-weight: bold;
	
	_background: url(../img/layout/rodape_2.jpg) repeat-x;	
}
#rodape #part3{
	float: left;
	width: 46px;
	height: 47px;
	background: url(../img/layout/rodape_3.png) no-repeat;
	
	_background: url(../img/layout/rodape_3.jpg) no-repeat;
}