﻿*
{
	padding: 0;
	margin: 0;
}

html, body
{
	height: 100%;
	background-color: #e0e7e3;
}

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #334d68;
}

#aspnetForm
{
	height: 100%;
}

a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8b9a94;
}

#container
{
	min-height: 100%;
	background-color: #DDD;
	border-left: 1px solid #bfc6c5;
	border-right: 1px solid #bfc6c5;
	width: 780px;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	background-color: #ffffff;
	background-image: url("img/bg_centro.jpg" );
	background-position: center bottom;
	background-repeat: repeat-x;
}

* html #container
{
	height: 100%;
}

.topo
{
	width: 100%;
	height: 186px;
	background-image: url("img/bg_topo.jpg" );
	background-position: center top;
	background-repeat: no-repeat;
}

.topo .logo
{
	width: 230px;
	height: 59px;
	margin: 0 auto;
}

.topo .logo a
{
	margin-top: 38px;
}

.topo .menu
{
	width: 730px;
	height: 47px;
	text-align: center;
	margin: 56px auto 0 auto;
}

.topo .menu .left
{
	width: 16px;
	height: 47px;
	float: left;
	background-image: url("img/bg_menu_left.gif" );
	background-position: left center;
	background-repeat: no-repeat;
}

.topo .menu .right
{
	width: 16px;
	height: 47px;
	float: left;
	background-image: url("img/bg_menu_right.gif" );
	background-position: right center;
	background-repeat: no-repeat;
}

.topo .menu .centro
{
	width: 698px;
	height: 47px;
	float: left;
	background-image: url("img/bg_menu.gif" );
	background-position: center center;
	background-repeat: repeat-x;
}

.content
{
	width: 730px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	*padding: 10px 0 10px 0;
	min-height: 100%;
	clear: both;
}

* html .content
{
	height: 100%;
}

.content:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.content .esquerda
{
	float: left;
	width: 140px;
	min-height: 100%;
}

* html .content .esquerda
{
	height: 252px;
}

.content .centro
{
	float: left;
	width: 424px;
	min-height: 100%;
	margin: 0 10px 0 10px;
}

* html .content .centro
{
	height: 252px;
}

.content .direita
{
	float: right;
	width: 140px;
	min-height: 100%;
}

* html .content .direita
{
	height: 252px;
}

.rodape 
{
	padding: 15px 0 15px 0;
	font-size: 10px;
	color: #8b9a94;
}

.boxLateral 
{
	width: 140px;
	height: 100%;
}

.boxLateralTopo 
{
	width: 140px;
	height: 12px;
}

.boxLateralTopoBg 
{
	width: 140px;
	height: 79px;
	position: relative;
	*top: -12px;
}

.boxLateralTopoBg img
{
	margin-top: -11px;
	margin-left: 1px;
	*margin-top: 1px;
}

.boxLateralTopoIco 
{
	width: 140px;
	height: 79px;
	position: relative;
	top: -80px;
}

.boxLateralTopoIco img
{
	margin-top: 10px;
	margin-left: 10px;
}

.boxLateralTopoLeft 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo_left.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

.boxLateralTopoRight 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

.boxLateralTopoCentro 
{
	width: 116px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo.gif");
	background-position: center top;
	background-repeat: repeat-x;	
}

.boxLateralCentro 
{
	width: 140px;
	height: 100%;
	background-color: #f6f5f5;
	background-image: url("img/bg_boxproduto_centro.gif");
	background-position: center bottom;
	background-repeat: repeat-x;
}

.boxLateralCentro:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.boxLateralCentroCentro 
{
	width: 114px;
	min-height: 331px;
	height: 100%;
	float: left;
	position: relative;
	padding: 12px 12px 12px 12px;
	border-left: solid 1px #bfc6c5;
	border-right: solid 1px #bfc6c5;
	z-index: 1000;
}

.boxLateralRodape 
{
	width: 140px;
	height: 12px;
	clear: both;
}

.boxLateralRodapeLeft 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape_left.gif");
	background-position: left bottom;
	background-repeat: no-repeat;	
}

.boxLateralRodapeRight 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape_right.gif");
	background-position: right bottom;
	background-repeat: no-repeat;	
}

.boxLateralRodapeCentro 
{
	width: 116px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape.gif");
	background-position: center center;
	background-repeat: repeat-x;	
}

.boxCentral 
{
	width: 424px;
	height: 100%;
}

.boxCentralTopo 
{
	width: 424px;
	height: 12px;
}

.boxCentralTopoBg 
{
	width: 424px;
	height: 79px;
	position: relative;
	*top: -12px;
}

.boxCentralTopoBg img
{
	margin-top: -11px;
	margin-left: 1px;
	*margin-top: 1px;
}

.boxCentralTopoIco 
{
	width: 424px;
	height: 79px;
	position: relative;
	top: -80px;
}

.boxCentralTopoIco img
{
	margin-top: 10px;
	margin-left: 10px;
}

.boxCentralTopoLeft 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo_left.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

.boxCentralTopoRight 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

.boxCentralTopoCentro 
{
	width: 400px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_topo.gif");
	background-position: center top;
	background-repeat: repeat-x;	
}

.boxCentralCentro 
{
	width: 424px;
	height: 100%;
	background-color: #f6f5f5;
	background-image: url("img/bg_boxproduto_centro.gif");
	background-position: center bottom;
	background-repeat: repeat-x;
}

.boxCentralCentro:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.boxCentralCentroCentro 
{
	width: 398px;
	min-height: 252px;
	height: 100%;
	float: left;
	padding: 12px 12px 12px 12px;
	border-left: solid 1px #bfc6c5;
	border-right: solid 1px #bfc6c5;
}

.boxCentralCentroConteudo 
{
	margin: 0 12px 0 12px;;
}

.boxCentralRodape 
{
	width: 424px;
	height: 12px;
	clear: both;
}

.boxCentralRodapeLeft 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape_left.gif");
	background-position: left bottom;
	background-repeat: no-repeat;	
}

.boxCentralRodapeRight 
{
	width: 12px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape_right.gif");
	background-position: right bottom;
	background-repeat: no-repeat;	
}

.boxCentralRodapeCentro 
{
	width: 400px;
	height: 12px;
	float: left;
	background-image: url("img/bg_boxproduto_rodape.gif");
	background-position: center center;
	background-repeat: repeat-x;	
}

.txbBusca 
{
	border: solid 1px #b2bbbf;
	width: 94px;
}