@charset "utf-8";
body{
	margin: 0;
	background: #F7F7F7 url(../imagens/bg.png) no-repeat top center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
}

a{
	color: #333;
	text-decoration: none;
}

a:hover{
	color:#666;
	text-decoration: underline;
}

#geral{
	width: 980px;
	margin: 0 auto;
}
	#geral .topo{
		margin: 3px 0 20px 0;
	}
		.topo .logo{
			float: left;
			margin: 20px 95px 0 0;
		}
		
		.topo .menu{
			background: url(../imagens/bg-menu.png) no-repeat;
			width: 675px;
			height: 52px;
			float: left;
		}
			.menu a{
				color: #fff;
			}
			
			.menu ul{
				padding-top: 15px;
			}
			
			.menu ul li{
				display: inline;
				margin-left: 30px;
			}
			
	#geral .conteudo{
		width: 920px;
		margin: 0 auto;
		background: url(../imagens/bg-conteudo.png) no-repeat top center;
		min-height: 278px;
		padding: 15px 30px 0 30px;
	}
	#geral .conteudo2{
		width: 920px;
		margin: 80px auto 0 auto;
		background: url(../imagens/bg-conteudo.png) no-repeat top center;
		min-height: 278px;
		padding: 15px 30px 0 30px;
	}
		.conteudo2 .interna{
		}
			.interna p{
				margin-bottom: 20px;
			}
			
			.interna .produtos li{
				margin-bottom: 20px;
				padding-bottom: 10px;
				border-bottom: 1px dashed #ccc;
			}

	#geral .principal{
		width: 560px;
		float: left;
	}
		.principal .bloco01{
			width: 270px;
			float: left;
		}
			.bloco01 p{
				margin-bottom: 15px;
			}
		
		.principal .bloco02{
			width: 270px;
			float: right;
		}
			.bloco02 p{
				margin-bottom: 15px;
			}
		
		.principal .bloco03{
			margin-top: 30px;
		}
		
		.principal .bloco-solucoes li{
			width: 268px;
			float: left;
			margin: 20px 0 0 10px;
			text-align: center;
		}
			.bloco-solucoes img{
				border: 1px solid #ccc;
			}
		
		.principal .bloco-novidade li{
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #ccc;
		}
		
			.bloco-novidade .img-novidade{
				width: 150px;
				float: left;
				margin-right: 10px;
			}
			
			.bloco-novidade .texto-novidade{
				width: 400px;
				float: left;
			}
			
		.principal .catalogo{
			margin-bottom: 30px;
			text-align: center;
		}
	
	#geral .lateral{
		width: 300px;
		float: right;
		background: #D0D0D0;
		padding: 15px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		font-size: 15px;
	}
		.lateral .novidades li{
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #999;
		}
		
		.lateral .itens-lateral li{
			margin-bottom: 10px;
		}

#rodape{
	background: url(../imagens/bg-rodape.png) no-repeat top center;
	height: 110px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
	#rodape p{
		padding-top: 60px;
	}

/* Classes */
h1, h2, h3, h4, p, ul, form{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 28px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 20px;
}

h2{
	font-size: 24px;
	font-weight: normal;
	background: #4A64A0;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}

h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

img{
	border: none;
}

ul{
	list-style: none;
}

.espaco{
	height: 1px;
	clear: both;
}

.texto-azul{
	color: #0071B2;
}

.img-responsive{
  max-width: 100%;
  height: auto;
}

.solucoes{
	margin-bottom: 30px;
	font-size: 24px;
	text-align: center;
}
	.solucoes a{
		color: #0071B2;
	}
	
	.solucoes ul li{
		width: 183px;
		float: left;
		border-right: 1px solid #ddd;
		line-height: 26px;
	}