body {
	font-size: 14px;
	font-family: "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 150%;
	background: #003b95 url(http://brinquedosjoal.com.br/media/imagens/bg.jpg)   repeat-x;		 
}

a {
	text-decoration: none;
	text-align: left;
	outline:0;
}

a:hover {
	text-decoration: underline;
}

img, iframe{
	border:0;
}

#conteudo {	
	padding: 0;
	margin: auto;
	overflow: hidden;
}

h1{
	font-size: 25px;
}

h2{
	font-size:16px;
}

h1,h2,b,a,.preco{
	color: #2b30cc;
}

#sombra {
	width:980px;
	margin:auto;
	background: transparent url(http://brinquedosjoal.com.br/media/imagens/sombra.png)   repeat-y center top;
}

/* ------------------------- BEGIN TOPO ------------------------- */
#topo,#conteudo {
	width:960px;
}

#topo{
	height:34px;
	background: #fff url(http://brinquedosjoal.com.br/media/imagens/topo.jpg)   no-repeat top right;
	padding-top:198px;
	margin: auto;
}

#topo .bg{
	background: transparent url(http://brinquedosjoal.com.br/media/imagens/menu-topo.jpg)   repeat-x bottom center;
	height: 34px;
}

#topo .cycle-topo{
	width: 574px;
	float: right;
	height: 199px;
	overflow: hidden;
}

#topo #pesquisar{
	float: left;
	width:330px;
	margin: 6px 0 0 0;
	height: 23px;
	overflow: hidden;	
}
#topo #menu-principal{
	float: left;
	width:960px;
	margin: 0 36px 0 0;
	padding: 8px 0 0 10px;
	font-weight: bold;	 
}
#topo #menu-principal a{
	margin-right: 5px;	 
	color: #fff;
	outline: 0;
}

#topo #menu-principal a:hover{
	text-decoration:none;
	color: #301598;
}

/* ------------------------- END TOPO ------------------------- */

#esquerda {
	width:195px;
	float:left;
	margin-right:15px;
	margin-left:5px;
	min-height: 20px;
}
#esquerda  #menu-esquerda{
	min-height:200px;
	margin-bottom: 20px;
}
#esquerda  #banner-esquerda{
	height: 230px;
	width: 195px;
	overflow: hidden;
}
#central {
	width:735px;
	float:left;
	min-height:400px;
	overflow: hidden;
	padding: 5px;
}

.cycle-lateral {
	margin-left:50px;
	margin-top:25px;
}

#corpo {
	background-color: #fff;
	min-height:450px;
	padding-top: 5px;
	clear: both;
}

/* ------------------------- BEGIN RODAPE ------------------------- */

#rodape {
	height: 85px;
	margin:auto;
	color:#fff;
	padding-top:22px;
	font-size:13px;
	background: transparent url(http://brinquedosjoal.com.br/media/imagens/rodape.jpg)   repeat-x top left;
}

#rodape b,#rodape a{
	color:#fff;
}

.logotipo {
	width:200px;
	float:left;
	padding-top:40px;
}

.endereco {
	width:520px;
	float:left;
}

.validacao {
	width:200px;
	float:right;
	padding-top:30px;
	margin-right: 0;
}
.validacao a{
	color:#fff;
}

#politica-privacidade{

	background: #fff;
	width:150px;
	height:21px;
	float:right;
	margin: 0 15px 0 0;
}

#politica-privacidade a {

	color:#000;
}

#politica-privacidade a:hover {

	color: #3300ae;
	text-decoration:none;
	
}
/* ------------------------- END RODAPE ------------------------- */

.caixas {
	background: #fff;
	margin-bottom: 5px;
}

.clear{
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	border: 0 !important;
	height: auto !important;
}

.tabela-produtos{
	width: 100%;
	margin-top: 30px;
}

.tabela-produtos td{
	text-align: center;
	width: 33%;
}

.produto{
	text-align: left;
}

.texto{
	text-align: left;
}

.texto2{
	text-align: justify;
	padding: 10px;
}

.banner{
	width: 650px;
	margin:auto;
}

/*--------------------------- Orcamento ------------------------------*/

.enviar-cadastro{

	width:57px;
	float: left;
}

.cancelar{

	width:74px;
}

.cadastro div{

	float:left;
	margin:0 10px 10px 0; 
	height: 45px;
	padding: 0;
}

.cadastro  h2{

	clear: both;
	background: #e3e3e3;
	padding: 5px;
	background: transparent url(http://brinquedosjoal.com.br/media/imagens/tira-h2.jpg)   repeat-x;
}

.cadastro  .caixa{

	border:1px solid #ccc;
	float: none;
	height: auto;
	padding: 10px;
	margin: 0;
	margin-bottom: 20px;
}

.editar{

	width: 58px;
}

#orcamento-nome {

	width:270px ;
	margin-bottom:10px;
}

#orcamento-email {

	width:230px;
	margin-bottom:10px;
}

#orcamento-endereco {

	width:300px;
	margin-bottom:10px;
}

#orcamento-numero {
	
	width:70px;
	margin-bottom:10px;
}

#orcamento-complemento {
	
	width:220px;
	margin-bottom:10px;
}

#orcamento-bairro {

	width:180px;
	margin-bottom:10px;
}

#orcamento-cidade {

	width:180px;
	margin-bottom:10px;
}

#orcamento-telefone {
	
	width:20px;
	margin-right:1px;
	margin-bottom:10px;
}

#orcamento-telefone2 {
	
	width:120px;
	margin-bottom:10px;
}

#orcamento-revendedor {

	width:100px;
	margin-bottom:10px;
}

.contato {

	padding: 10px;

	margin-bottom:10px;
}

.contato div {

	float:left;
	margin-left:10px;
}

b {

	color:#000;
}