/*
	FOLHA DE ESTILOS PARA O WEBSITE
	Cliente:
		Léo Máquinas
	
	Programas:
		Dreamweaver CS4, Flash CS3, PhotoShop CS2
		
	Banco de Dados:
		Access para:
			-Produtos
			-Fabricantes
			-Tipos de produtos
	
	Linguagens utilizadas:
		ASP, JavaScript, ActionScript
	
	Webdesigner:
		Valter Furtado
		
	Webdeveloper:
		Valter Furtado
	
*/
html, body{
	font-family:Calibri, Arial;
	font-size:12px;
	color:#000;
}

body {
	margin:0 auto;
	background:url(../images/background.gif) scroll repeat;
	font-family:Calibri;
	font-size:14px;
}

/*=======================================
	Itens comuns a todas as páginas
=======================================*/
#main{
	margin:3px auto;
	width:800px;
}

#menu{
	float:left;
	width:722px;
	margin:0;
}

#menu-topo{
	width:722px;
	height:85px;
	background:url(../images/bg-topo.gif) scroll repeat-x;
}

#menu-logo{
	float:left;
	background:url(../images/logo-leo.gif) scroll no-repeat;
	width:295px;
	height:72px;
	padding:2px 0 0 20px;
	margin-left:18px;
	margin-top:10px;
}

#menu-banner{
	float:left;
	border:0;
	margin-top:10px;
	margin-left:30px;
}

.caminho-credito{
	float:left;
	width:650px;
	height:23px;
	margin-left:20px;
	_margin-left:10px;
	color:#FFFFFF;
	
}
	.caminho-credito-texto{
		float:left;
		width:491px;
		padding-top:5px;
		height:18px;
		background-color:#3e6090;
	}

	.caminho-credito-texto2{
		float:left;
		width:367px;
		padding-top:3px;
		height:20px;
		background-color:#3e6090;
	}
	
	.caminho-credito-texto a, .caminho-credito-texto a:hover,
	.caminho-credito-texto2 a, .caminho-credito-texto2 a:hover{
		text-decoration:underline;
		color:#FFFFFF;
	}
	
	.caminho-credito-imagem{
		float:left;
		width:146px;
		height:23px;
		background-color:#3e6090;
	}

	.caminho-credito-imagem2{
		float:left;
		width:270px;
		height:20px;
		padding-top:3px;
		background-color:#3e6090;
	}

#content{
	width:692px;
	border:0;
	border-left:1px solid #1f64c6;
	border-right:1px solid #1f64c6;
	margin-left:14px;
	background-color:#96b0d5;
	padding-bottom:2px;
	padding-top:4px;
}

	#content-round-botton{
		width:694px;
		border:0;
		margin-left:14px;
	}

#creditos{
	width:692px;
}

/*============================================
		DEFAULT.ASP
============================================*/
#default-content{
	/*float:left;*/
	width:650px;
	margin:0 0 0 20px;
}

	#default-content-esq{
		float:left;
		background:url(../images/bg-produtos.gif) scroll no-repeat;
		width:302px;
		height:275px;
		margin-right:8px;
		margin-top:5px;
	}
	
		.default-produtos{
			float:left;
			margin:25px 0 0 4px;
			_margin:25px 0 0 0;
			width:300px;
			font-family:Calibri, Arial;
			font-size:14px;
			font-weight:bold;
			color:#000066;
		}
	
		.default-content-produto{
			float:left;
			width:94px;
			height:119px;
			margin:2px 2px 2px 2px;
			background:url(../images/fundo-produto.gif) scroll no-repeat;
		}
		
		.default-content-produto a{
			text-decoration:none;
			color:#000066;
		}
		
		.default-content-produto a:hover{
			text-decoration:none;
			color:#FFFFFF;
		}
		
		.default-content-produto img {
			margin:4px 4px 1px 4px;
			_margin:4px 4px 1px 4px;
			width:84px;
			height:84px;
			border:1px solid #000066;
		}
		
		.default-content-produto img:hover {
			margin:3px 3px 0 3px;
			width:84px;
			height:84px;
			border:2px solid #FFFFFF;
		}
	
	#default-content-dir{
		float:left;
		width:340px;
		height:275px;
		margin-top:5px;
	}
		
		.default-content-dir-bemvindo{
			width:340px;
			margin-bottom:5px;
		}
		
		.default-content-dir-contato{
			width:340px;
			background:url(../images/bg-contatos.jpg) scroll no-repeat;
			height:141px;
		}
			
			.default-content-dir-contato-texto{
				float:left;
				margin:24px 0 0 8px;
				height:112px;
				width:245px;
				font-family:Calibri;
				font-size:14px;
				color:#0000CC;
				text-decoration:none;
			}
			
			 .default-content-dir-contato-texto a{
				 font-family:Calibri;
				 font-size:14px;
				 color:#1d4798;
				 text-decoration:none;
			 }
			 
			 .default-content-dir-contato-texto a:hover{
				 font-family:Calibri;
				 font-size:14px;
				 color:#1d4798;
				 text-decoration:underline;
			 }
			
			.default-content-dir-contato1{
				float:left;
				width:320px;
				margin-bottom:8px;
				/*border:1px solid;*/
			}
			
			.default-content-dir-contato2{
				float:left;
				width:280px;
				margin-bottom:2px;
				/*border:1px solid;*/
			}
	
/*============================================
		PADRÃO DAS PÁGINAS INTERNAS
============================================*/
#internas-esquerda{
	float:left;
	width:424px;
	background:#265fcc;
	margin-top:5px;
	margin-right:5px;
	color:#FFFFFF;
}
	
	.internas-esquerda-topo{
		width:418px;
		height:21px;
		padding-top:3px;
		padding-left:6px;
		background:url(../images/internas-topo-esq.gif) scroll no-repeat;
		text-transform:uppercase;
	}
	
	.internas-esquerda-texto{
		width:412px;
		text-align:justify;
		padding-left:6px;
	}
	
	.internas-esquerda-rodape{
		width:424px;
		height:7px;
		font-size:5px;
		font-family:Calibri;
		background:url(../images/internas-bottom-esq.gif) scroll no-repeat;
}

.internas-direita{
	float:left;
	width:220px;
}

#internas-direita-cima{
	float:left;
	color:#FFFFFF;
	background:url(../images/internas-bg-cima.gif) scroll no-repeat;
	width:214px;
	height:126px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:3px;
	padding-left:6px;
}

#internas-direita-cima a{
	color:#FFFFFF;
	text-decoration:none;
}

#internas-direita-cima a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

	.internas-direita-cima-texto{
		float:left;
		color:#FFFFFF;
		width:202px;
		margin:5px 0 0 3px;
		text-align:center;
	}
	
	.internas-direita-cima-texto a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	.internas-direita-cima-texto a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}

#internas-direita-baixo{
	float:left;
	background:url(../images/internas-bg-baixo.gif) scroll no-repeat;
	width:214px;
	height:138px;
	padding-left:6px;
	padding-top:3px;
	color:#FFFFFF;
}

	.internas-direita-baixo-texto{
		float:left;
		color:#FFFFFF;
		width:202px;
		margin:5px 0 0 3px;
		text-align:center;
	}
	
	.internas-direita-baixo-texto a{
		color:#1d4798;
		text-decoration:none;
	}
	
	.internas-direita-baixo-texto a:hover{
		color:#1d4798;
		text-decoration:underline;
	}
	
#barra1{
	border:0;
	width:650px;
	height:5px;
}

#barra2{
	border:0;
	width:650px;
	height:1px;
}

.direita-cima-produto1{
	float:left;
	margin:5px 5px 0 15px;
	_margin:5px 5px 0 8px;
}

.direita-cima-produto2{
	float:left;
	margin-top:5px;
}
/*============================================
		PRODUTOS
============================================*/
#produto-barra1{
	width:400px;
	height:5px;
}

#produto-barra2{
	width:400px;
	height:1px;
}

#produto-main{
	padding:11px 11px 11px 11px;
	_padding:6px 6px 6px 6px;
	background-color:#265fcc;
	width:390px;
}

	#produto-imagem{
		float:left;
		width:84px;
		height:84px;
	}
	
	#produto-textos1{
		margin:5px 0 3px 13px;
		float:left;
		width:293px;
	}
	
	#produto-descricao{
		float:left;
		width:380px;
		background-color:#1d4798;
		padding:2px 5px 2px 5px;
	}
	
	.produto-codigo{
		float:left;
		width:76px;
		height:21px;
		padding-top:3px;
		background-color:#1d4798;
		margin-right:2px;
	}
	
	.produto-nome{
		float:left;
		width:211px;
		/*height:21px;*/
		padding:3px 2px 3px 2px;
		background-color:#1d4798;
	}
	
	.produto-modelo{
		float:left;
		width:293px;
		height:21px;
		padding-top:3px;
		background-color:#1d4798;
		margin:3px 0 0 0;
	}
	
	.produto-fabricante{
		float:left;
		width:293px;
		height:21px;
		padding-top:3px;
		background-color:#1d4798;
		margin:3px 0 0 0;
	}
	
	.produto-maisinfo{
		float:left;
		width:390px;
		font-size:10px;
		text-transform:uppercase;
		color:#CCCCCC;
		height:14px;
	}
	
	.produto-maisinfo a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	.produto-maisinfo a:hover{
		color:#FFFFFF;
		text-decoration:underline;
		font-weight:bold;
	}

.listagem-produtos{
	float:left;
	margin:0 0 0 10px;
	_margin:0 0 0 4px;
}
/*============================================
		MARCAS
============================================*/
.marcas-logos{
	float:left;
	width:94px;
	height:119px;
	margin:2px 2px 2px 2px;
	/*background:url(../images/fundo-produto.gif) scroll no-repeat;*/
	background:#013298;
}

.marcas-logos a{
	text-decoration:none;
	color:#FFFFFF;
}

.marcas-logos a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.marcas-logos img {
	margin:4px 4px 1px 4px;
	width:84px;
	height:84px;
	border:1px solid #013298;
}

.marcas-logos img:hover {
	margin:3px 3px 0 3px;
	width:84px;
	height:84px;
	border:2px solid #013298;
}

/*=======================================
				PAGINAÇÃO
========================================*/
#paginacao-body{
	float:left;
	width:411px;
	height:24px;
	border:0;
	margin-top:5px;
	background:#FFFFFF;
	color:#000000;
	font-family:Calibri;
}

#paginacao-body img{
	border:0;
}

#paginacao-total{
	float:left;
	margin-right:5px;
	margin-top:2px;
}

.paginacao-p-u{
	float:left;
	width:26px;
	height:18px;
	margin-top:2px;
}

.paginacao-p-a{
	float:left;
	width:18px;
	height:18px;
	margin:2px 4px 0 4px;
}

.paginacao-pagina{
	float:left;
	background:#CCFF00;
	margin-top:2px;
	padding:0 2px 0 2px;
	color:#FFFFFF;
}

#paginacao-irpara{
	float:left;
	margin-left:10px;
	/*background:#C1CFFF;*/
}

.paginacao-irpara{
	width:20px;
	height:18px;
	border:1px solid #865EFF;
	background-color:#E7E7E7;
	font-size:12px;
}

/*============================================
		CONTATO.ASP
============================================*/
.contato-linha{
	float:left;
	width:418px;
	color:#FFF;
}

.contato-nome{
	float:left;
	/*width:144px;*/
	width:100px;
	text-align:right;
	margin-right:6px;
	padding-top:2px;
}

.contato-input{
	float:left;
	/*width:268px;*/
	width:220px;
	/*border:1px solid;*/
}

.contato-input input{
	border:1px solid #1d4798;
	background-color:#FFFFFF;
	font-size:12px;
	color:#1d4798;
}

.input{
	width:200px;
}

.textarea{
	width:200px;
	height:50px;
	border:1px solid #1d4798;
}

.dropdownlist-estado{
	width:50px;
	border:1px solid #013298;
}