@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(http://fonts.gstatic.com/s/questrial/v6/MYWJ4lYm5dbZ1UBuYox79BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html, body {
  font-family: 'Questrial', sans-serif;
	 font-size: 100%;
	 background: #fff; 
  }

.cabecalhoTitulo {
	background-color: #D8D8D8;
	padding: 20 50 20 50;
 }	
	
.cabecalhoLinha {
	height: 5px; 
	background-color: #08088A;
 }		

.sloganBanner {
		font-size: 50px;
  color: #FEC501; 
		text-shadow: #000000 0.05em 0.1em 0.2em			
		}
		
.slogan2Banner {
		font-size: 40px;				
		color: #fff; 
		}
		
.menuTitulo {
		width: 100px;
	 top: 130px;
		right: 0px;				
	 position: fixed;
	 color: #fff;
	 background: red;
  text-align: center; 
		z-index:999;
		}
.menuTitulo:hover {
	 color: #fff;
		background: #C1272D;
		text-decoration: none;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  }
.menuTitulo:focus {
	 color: #fff;
		text-decoration: none;
	 }

.menuGrupo {
		width: 100px;	
		line-height: 50px;
	 top: 155px;
		right: 0px;				
	 position: fixed;
  text-align: center;
		vertical-align: middle;
		z-index:999;
		}
		
.menuItem {
	 color: #fff;
	 background: #333333;
		}
.menuItem:hover {
	 color: #fff;
	 background: red;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
		text-decoration: none;
		}
.menuItem:focus {
	 color: #fff;
		text-decoration: none;
		}

.introducao {
	 color: #333333;
		background: #fff;
  width: 100%;
		text-align: center;
		padding: 50 8% 50 8%;
	 } 			
.introducao h2 {
  font-size: 60px;
  } 	
.introducao p {
		font-size: 28px;
  margin: 20;
  } 	
.introducao h3 {
 	color: red;
  font-size: 20px;
		font-weight:bold;
  } 	
		
.introducaoBanner {
 	background-color: #08088A;
 	color: #fff;
  font-size: 18px;
		text-align: center;
		padding: 30 15% 30 15%;
  }				
		
.sistemas {
	 color: #333333;
		background: #F2F2F2;
		text-align: center;
		overflow:auto;
		padding: 40 0 40 0;
		overflow-x: hidden;
	 } 			
.sistemas h2 {
 	color: red;
  font-size: 30px;
  } 		
.sistemas h3 {
  font-size: 26px;
		margin-top: 20px;
  } 
.sistemas p {
	 color :#9B9B9B;
		font-size: 16px;
		padding: 0 30 0 30;
  } 	
.sistemas a {
  color: #333333;
  font-size: 17px;
		margin-top: 10px;
  }
.sistemas a:hover {
  color: red;
	 text-decoration: none;
  }		
.sistemas a:focus {
  color: red;
	 text-decoration: none;
  }		
.sistemas img {
	 margin-top: 40px;
  }
.sistemas img:hover {
  transform: rotateY(360deg);
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  }		
		
.botaoVerde {
	 color: #fff;
	 background: red;
  text-align: center; 
		padding: 10;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
		}
.botaoVerde:hover {
	color: #fff;
	background: #C1272D;
	text-decoration: none;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  }	
.botaoVerde:focus {
	 color: #fff;
		text-decoration: none;
  }			
		
.projetos {
	 color: #333333;
  width: 100%;
		text-align: center;
		padding: 50 10% 50 10%;
	 } 			
.projetos h3 {
 	color: red;
  font-size: 35px;
  } 		
.projetos p {
	 color: #333333; font-size:19px;
		text-align: center;
	 padding: 40 5% 40 5%;
	 } 
		
.projetosBox {
  display:inline-block;;
  }

.projetosBoxImage {
 	width: 265px;
		height: 170px;
  }	
		
.projetosBoxPanel {
 	width: 265px;
		line-height: 170px;
		background-color:rgba(254, 197, 1, 0.9);
		font-size:22px;
		font-weight:bold;
		vertical-align:middle;
		position:absolute;
		display:none;
		z-index:999;
  }		

.produtos {
	 color: #333333;
		background-color:F2F2F2;
		text-align: center;
		padding: 50 10% 50 10%;
	 } 			
.produtos h3 {
 	color: red;
  font-size: 35px;
  } 		
.produtos p {
	 color: #333333;
		text-align: center;font-size:19px;
	 padding: 40 1% 40 1%;
	 } 
		
.produtosBox {
  display:inline-block;;
  }

.produtosBoxImage {
 	width: 265px;
		height: 170px;
  }	
		
.produtosBoxPanel {
  top:100;
 	width: 265px;
		line-height: 70px;
		color:#fff;
		background-color:rgba(0, 0, 0, 0.5);
		font-size:22px;
		font-weight:bold;
		vertical-align:middle;
		position:absolute;
		display:none;
		z-index:999;
		text-align:center;
		padding-left:10px;
  }				
		
.marcas {
 	background-color: #333333;
 	color: #fff;
  font-size: 18px;
		text-align: center;
		padding: 30 15% 30 15%;
		}
		
.marcas img{
 	height:50px;
		}		
		
.bannerEconomize {
  background-color: red;
		color:#fff;
		font-size:32px;
	 min-height: 150px;
		text-align:center;
		padding-top:30px;
  }		
		
.precos {
	 color: #333333;
		text-align: center;
		padding: 50 10% 50 10%;
	 } 			
.precos h3 {
 	color: red;
  font-size: 35px;
  } 		
.precos p {
	 color: #333333;
		text-align: center;font-size:19px;
	 padding: 40 0 40 5%;
	 } 	
		
.preco-box {
	 background-color: #F0F0F0;
		width:90%; 
		padding-bottom:20px;
		height:auto;
	 }
.preco-box:hover {
	 transform: scale(1.09);
	 transition: .5s all;
	 -webkit-transition: .5s all;
	 -moz-transition: .5s all;
	 -o-transition: .5s all;
	 -ms-transition: .5s all;
	 }	
.preco-box p {
	 margin:0;
		padding:0;
	 }
.preco-box-top {
  background: #333333;
  text-align: center;
  padding: 0 0 1em 0;
		margin-bottom:10px;
  width:100%;
  }
.preco-box-top h4 {
  color: red;
  border-bottom: 1px solid#999;
  margin: 0 auto;
  padding: 13px 0 13px;
  }
.preco-box-top h5 {
  color: #fff;
  margin: 8px 0;
  }
.preco-box-top h3 {
 	font-size: 31px;
	 color: #fff;
 	margin: 12px 0 0 0;
  }

.duvidas{
	 background: #333333;
	 padding: 2em 5em;
  }
.duvidas h3 {
	 color: red;
	 font-size: 1.5em;
	 font-weight: 100;
		margin-bottom:20px;
		}
.pergunta {
 	color: #fff;
 	font-size: 16px;
		padding-top:10px;
		}
.pergunta a{
 	color: #fff;
		}		
.resposta {
 	color: #fff;
 	font-size: 15px;
		padding:10px;
		margin-top:5px;
		background-color:rgba(255,255,255,.2);
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		display:none;
		}

.contato{
	 background: #eeeeee;
	 padding: 2em 5em;
  }
	
.endereco{
	 background: #333333;
	 color: #fff;
	 padding:30px;
  }	
.endereco h3 {
	color: red;
	font-size: 25px;
	margin-bottom:20px;
	}
			
.endereco li {
	 color: #fff;
	 font-size: 20px;
	}

.rodape{
	 background: #333333;
	 padding: 2em 5em;
  }	
		
/*
.newsletter{
	 background: #333333;
	 padding: 4em 0;
		text-align:center;
  }
.newsletter h3 {
	 color: red;
	 font-size: 2.2em;
	 font-weight: 100;
		}
.newsletter p {
 	color: #fff;
 	width: 76%;
 	font-size: 22px;
 	margin: 30 auto;
		}
.newsletter input.text {
  font-family: 'Questrial', sans-serif;
	 border: 1px solid#fff;
		outline: none;
	 background: none;
	 color: #fff;
	 padding: 10px 10px;
	 width: 36%;
	 margin-right: 12px;
  }

*/