/* CSS Principal 3Bros */

	
	html { margin:0px;
	}
	body { background-color:#333;
		   margin:0px;
		   font-family:"Arial", Helvetica, sans-serif;
		   font-size:11px; 
		   color:#666666;
		  }
	
	#base { width:780px; 
			background-image:url(../images/bg_Base.gif);
			position:absolute;
			left:50%;
			margin-left:-390px;
		 }	
		 
			  
/********* TOPO ****************/
	img { border:0px;}
	#topo { width:760px;
			height:227px;
			background-image:url(../images/bg_Top.jpg);
			position:relative;
			margin-left:9px;
			margin-top:-15px;
		}
	
	#topo h1 a { text-indent:-9000px;
			  	 background-image:url(../images/logo.jpg);
			   	 width:184px;
			   	 height:162px;
				 display:block;
				 text-decoration: none;
				 float:left;
				 margin-left:38px;
	}
	
	#meio { margin-left:9px;
			background-image:url(../images/bg_Meio.jpg);
			background-repeat:no-repeat;
			margin-right:12px;
			position:relative;
			min-height:246px;
			_height:246px;
	}
	
	#lateral { width:150px;
			   margin-left:8px;
			   float:left;
			   position:relative;
			   margin-right:8px;
	}


/*********** MIOLO ****************/			
	
	#miolo { width:585px;
			 float:left;
			 position:relative;
	}
	
	#miolo p { /** margin-left:12px;
	           margin-right:12px;**/
	           margin-top:5px;
	}
	
	.texto { margin:0px 12px 0px 12px }
	
	#miolo h2 { margin:0px;
				margin-left:12px;
				margin-top:5px;
				margin-bottom:5px;
				font-size:18px;
				color:#FA6805; 
	}
	
	#miolo a:link  { color:#FA6805; }
	#miolo a:hover { color:#333; text-decoration:none } 
	
/*********** TOPO ****************/	
	#Topo_login { width:140px;
			 margin-right:24px;
			 _margin-right:12px;
			 float:right;
			 color:#0a0004;
			 z-index:50;
			 margin-top:62px;
	}
	
	#Topo_login form { font-size:11px;
			      font-weight:bold;
	}
	
	#Topo_login input { width:98px; 
						height:16px; 
						background-color:#efca84; 
						border:1px solid #E0A92A;
						margin:0px;
						padding:0px; 
}
	
	#Topo_login p {	margin-top:0px;
	}
	
	#Topo_login a 		{ color:#0a0004; }
	#Topo_login a:hover	{ color:#FF0000}
	
/*********** MENU TOP ****************/
	#menuTop { clear:both; width:100%; margin-top:12px; position:relative;}
	
	#menuTop ul { list-style:none; }
	
	#menuTop li { float:left; margin-right:7px;}	
	
/*********** MENU LATERAL ****************/	

	#lateral ul { 
				 margin: 0px; padding: 0; border: 0; list-style: none; margin-left:10px;
			}

	#lateral ul li a { width: 120px; display: block; margin: 0; color:#cacaca; padding: 3px 0px 3px 10px; text-decoration: none; border-bottom:1px solid #434343;  }
	#lateral ul li a:hover { color: #333; background: #f5f5f5; }

/*********** PRODUTOS ****************/	
	
	#produtos { margin-left:15px; margin-top:10px; position:relative; height:auto; _width:96%; }	
	
	.produto { 
				float:left;
				margin:0px 9px 20px 9px;
				width:92px;
				height:240px;/** ver tamanho certo **/
				position:relative;
	
	}
	
	.produto p { margin:0px; position:relative;}
	
	.produtoRight { margin-left:0px; margin-right:0px;  width:92px; float:left; margin-bottom:20px;  }
	
	.fotoProd { width:80px;
				height:80px;
				background-color:#555;
				padding:6px;
			}
			
	.fotoProd img { border:1px #FFF solid; }
	
	.produto h3, .produtoRight h3 { margin:0px; padding:0px;width:92px;  }
	.produto h3 a, .produtoRight h3 a { font-size:13px; color:#fe6601; text-decoration:none; } 	
	.produto h3 a:hover, .produtoRight h3 a:hover  { font-size:13px; color:#fe6601; text-decoration:underline; } 	
	
	.txtProd { margin-top:5px; }
	.txtProd a:link { text-decoration:none; color:#333; }
	.txtProd a:hover { text-decoration:none; color:#333; text-decoration:underline; }	
	
	.preco {  margin-top:-5px;}
	.preco a { text-decoration:none;color:#fe6601; font-weight:bold; }
	.preco a:hover {  color:#333; }
	
	.detalhes a { color:#fe6601; }
	.detalhes a:hover { color:#333; }
	
/*********** RODAPE ****************/		
	#rodape { width:780px;
			  background-image:url(../images/bg_Rodape.jpg);
			  position: relative;
			  height:137px;
			  clear:both;
			  padding-top:1px;
			  }	 
	#rodape #txt { margin-left:25px; margin-top:35px; position:relative; }		    
	


/*********** SUBMENU ****************/			
	
	#subMenu { width:540px;
			   min-height:15px;
			   background-color:#FFF;
			   border:5px #343434 solid;
			   margin-left:12px;
			   padding:5px;
}

	#subMenu ul { margin:0px;
				  padding:0; 
				  border: 0;
				  list-style: none;
				  position:relative;
}

	#subMenu ul li { float:left;
					 margin-bottom:4px;
					 border-right:1px solid #ccc;
}

	#subMenu ul li a  {
					   display: block;
					   margin: 0;
					   margin-left:5px;
					   margin-right:5px;
					   text-decoration: none;
					   text-align:center;
					   float:left;
					   color:#333;	   
					   
}

	#subMenu ul li a:hover { text-decoration:underline; color:#FF9900; }
	
	
/*********** DETALHES PRODUTOS ****************/		
	
	
		#fotosProd { position:relative;
				width:247px;
				height:216px;
				background-color:#515151;
				margin-left:15px;
				_margin-left:10px;
				margin-top:35px;
				padding:5px;
				color:#fff;
				float:left;
}

	#fotosP { text-align:right;
			  margin-top:4px; 
}
	
	#fotosP img { border:1px solid #FFF;
				  margin-right:3px;
}

	#specProd { position:relative;
				float:right;
				margin-top:35px;
				margin-right:15px;
				_margin-right:10px;
				width:270px;
				_width:260px;
				background-color:#FFF;
				padding:5px;
				border:5px solid #515151;
}

	#specProd h2 { margin:0px; padding:0px; }
	#specProd p { margin-top:4px;}
	
	.descricao { clear:both; margin-left:18px; margin-right:18px; position:relative; padding-top:5px;}
	.descricao p { margin-top:4px; margin-bottom:5px; }
	.descricao h3 { margin:0px; padding:0px; color:#FE6601; font-size:14px; border-bottom:1px solid #000;}
	
	
/*********** Carrinho ****************/		
    
    .carrinho { width:98%; background-color:#ccc; margin-left:5px; margin-top:5px;}
    .carrinho .titulos { background-color:#333; color:#fff; font-size:12px; text-align:center;}
    .carrinho tr { background-color:#fff; text-align:center; }
    .carrinho .total { background-color:#ccc; text-align:left; font-weight:bold; }
    
/*********** Login ****************/

    #cadastrado, #primeiraVez 
                                { width:212px;
                                  background-color:#eee;
                                  border:1px solid #ccc;
                                  margin-top:40px;
                                  padding:4px;
                                  margin-left:42px;
                                  float:left;
                                  _margin-left:28px;
                }
                
    #cadastrado h3 { font-size:14px; padding:0px; margin:0px; margin-bottom:4px; }
    #primeiraVez h3 { font-size:14px; padding:0px; margin:0px; margin-bottom:4px; }
    
    #primeiraVez p { margin-top:4px;} 	
    
/*********** Cotação ****************/		
    
    .cotacao { width:98%; background-color:#ccc; margin-left:5px; margin-top:5px;}
    .cotacao tr { background-color:#fff; text-align:center; }
    .header { background-color:#333333; color:#fff; font-size:12px; text-align:center;}
    
/*********** Botões ****************/

#botoes { margin-top:5px; float:right; margin-right:5px;}	

/*********** MENU LOGADO ****************/
.menuLogado { width:150px;
              float:right;
              margin-top:62px;
              color:#fff;
              margin-right:10px;
              _margin-right:5px;
}

.menuLogado input { margin-bottom:1px; }

/*********** Mensagens ****************/		
	.mensagem { width:99%;
				margin:5px;
				background-color:#f9f9f9;
				border:1px solid #ccc;
				padding:8px;
		} 
	
	.mensagem h3 { margin:0px;
				   padding:0px;
				   font-size:14px;
				   color:#FE6601;
				  }	
	
	.mensagem p { margin-top:3px; margin-bottom:3px;}		  
	

/*********** Pedido ****************/		
	
	.ultimoPedido { background-color:#fff; 
	                padding:5px;
	                width:96%; 
	                border:1px solid #ccc; 
	                margin-left:5px;
	                margin-top:5px;
	     }
	.ultimoPedido h3 { margin:0px; padding:0px; color:#FA6805; font-size:14px;}  
	
	
	
/******** Ajax **************/

	.validatorCalloutHighlight { background-color: lemonchiffon; } 
