/*
Guia de medidas de telas
320 pixel – Smartphones no formato retrato com tela pequena
480 pixel – Smartphones no formato paisagem com tela pequena
768 pixel – Tablets no formato retrato, como o iPad
960 pixel – Tablets no formato paisagem e alguns monitores mais antigos
1200 pixel – Desktops, notebooks com monitores widescreen
*/
*{
	margin:0;
	padding:0;
}
html{
	background-color: #000;
	height: 100%;
}
body{
	font-family: 'Open Sans', sans-serif;
	position:relative;
	background-color: #fff;
}
a {
	color: #008000;
	text-decoration: underline;
	letter-spacing: 0.05em;
}
h3{
	color: #008000;
}
header{
	margin: 0 auto;
	text-align:left;
	padding-top: 24px;
	width: 980px;	
	background-color: #fff;
}
header h1{
	float:left;
	display:block;
	margin:0 36px 0 0;
	padding:0;
	background: url(../img/logob.png);
	width:186px;
	height: 105px;
}
header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
}
.fixoH{
	margin-left: 50%;
	width: 980px;
	z-index:9999;
	position:fixed;
	top: 0;
	padding-top:24px; 
	left:-490px;
	background-color: #fff;
	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
}
.Bnone{
	border: none;
}
.tverde{
	font-size: 12pt;
	color: #008000;	
}
.tamarelo{
	font-size: 24pt;
	color: #ffcc00;
}
/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
  evitando que os floats se aglomerem.
*/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*fim do clearfix*/
.icones {	
	float:left;
	display:block;
	margin: 14px 8px 0 0;
}
.icones img{
	width: 24px;
	height: 24px;
	float:left;
}
.icones figcaption, .icones span{
	display:none;
}
.formpesq{	
	padding:0;
	margin: 12px 0 0 0;
	border: 1px solid #fff;
	background-color: #fff;
}
.pesquisar{
	display: block;		
	width: 450px;
	margin:0;
	border-radius: 6px;
	border : 1px solid #ccc;
	float: left;	
	font-size: 12pt;
	height: 2em;
}
.botaopesq{
	margin: 0 0 0 8px;
	padding: 0;
	border-radius: 6px;
	border : 2px solid #ccc;
	font-size: 12pt;
	height: 2em;
}
header nav{
	display: block;
	margin: 0;	
}
header nav ul{
	display: block;
	margin:12px 0 1px 0;
}
header nav ul li{
	display: inline;
}
header nav ul li a{
	margin:0 0.2em 0 0.2em;
	padding:2px;
	font-size:14pt;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: #000;
	border-radius: 6px;
}
.bordaRn{
	border-right: none;
}
header nav ul li a:hover{
	color: #fff;
	background-color: #ccffcc;	
}
.ultimonav a{
	padding-right:0;
	margin-right: 0;
	border-right: 0;
}
.destaquenav a{
	font-weight: 900;
	color: #fff;
	background-color: #008000;
}
.destaquenav a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #008000;
}
.centralizar{
	margin:0 auto;
	width: 980px;
}
.bordatop{
	padding-top: 158px;
}
.conteudo{
	min-height: 200px;
}
footer{
	bottom:0;	
	background: #000;
	color: #fff;
	text-align: center;	
	padding: 10px;
	margin-top: 10px;
	width: 100%;
	min-width: 980px;
}
footer address{
	margin: 0 auto;
	font-size:10pt;
}
.banner{
	height: 260px;
	background: url(../img/bannerfundo.png) top center;
	color: #fff;	
	text-shadow: 1px 1px 2px #1a1a1a;	
	border: 1px solid #fff;
	min-width: 980px;
}
.banner figure{
	float: right;
	margin:-60px 68px 0 0;
}
.banner article{
	width: 980px;
	margin: 0 auto;
}
.banner hgroup h2{
	margin: 80px 0 1em 0;	
	font-size: 16pt;
}
.banner p {
	width: 440px;
	line-height: 1.3em;
	margin-top: 1.4em;
}
.botao{
	box-shadow: 1px 1px 2px #1a1a1a;
	background: #ff0000; 
	color: #fff;
	text-shadow: 1px 1px 2px #1a1a1a;
	text-decoration:none;
	padding: 0.5em;	
	border-radius: 15px;
} 
.botao2{
	box-shadow: 1px 1px 2px #1a1a1a;
	background: #ff0000;
	color: #fd0;
	text-shadow: 1px 1px 2px #1a1a1a;
	text-decoration:none;
	padding:0.5em 0.2em;	 
	border-radius: 6px ;	
	font-size: 12pt;
} 
.botao2:hover{
	text-decoration:none;
}
.conteudo{
	width: 980px;
	margin: 0 auto;	
}
.conteudo article{	
	width: 320px;
	height: 196px;
	margin: 0;
	float:left;
}
.conteudo article p {
	font-size: 10pt; 
	line-height: 1.2em;
	margin:0 6px; 
}
.fundobox1{
	background:url(../img/fundobox1.png);	
}
.fundobox2{
	background:url(../img/fundobox2.png);
	text-align: right;
}
.numero{
	width: 32px;
	border: 1px solid #ccc;
	border-radius: 6px;
	height: 32px;
	margin-right: 4px;
}
.conteudo article{
	position: relative;
}
.conteudo article form{
	position: absolute; 
	bottom: 0;
}
.addOrc{
	border: 1px solid #006000;
	border-radius: 6px; 
	background-color: #008000;
	color: #fff;
	height: 28px;
	padding: 4px;
	margin-right: 4px;
}  
.imprimir{
	display: block;
	float: left;
	background-image: url(../img/print_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #eee; 
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 32px;
	height: 32px;	
	text-decoration: none;
	margin: 0 4px;
}
.corpo2{
	margin:10px auto;	
	width: 980px;
	padding-top: 10px;
}
.corpo2 figure{
	margin:4px;
	text-align: center;
}
.corpo2 figure img{
	border: 2px #ccc solid;
	border-radius: 6px;
}
.teclogos img{
	margin: 4px;
	width: 160px;
	height: 70px;
	border-radius: 6px;	
}
.Fcontato{
	border-right: 1px dotted #008000;
	padding-right: 6px;
	margin-right: 8px;
	padding-bottom: 20px;
	float: left;		
	width: 310px;
}
.FcontatoT{
	width: 300px;
	height: 24px;
	margin-bottom: 4px;	
}
.Fcontato textarea{
	width: 300px;
	height: 100px;
	border: 2px #ccc solid;
	border-radius: 6px;
	margin-bottom: 4px;
}
.Fcontato input{
	border: 2px #ccc solid;
	border-radius: 6px;
}
.mapa{
	border: 2px #ccc solid;
	border-radius: 6px;
}
.bCategorias div{
	width: 47%;
	margin:2px;	
	float: left;	
	border: 1px solid #ccc;
	background-color: #eee;
	border-radius: 4px;
	height: 38px;
}
.bCategorias div a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 9pt;
	text-decoration: none;
	color: #000;
	padding:8px 0;
	text-align: center;
	line-height: 1em;
}
.bCategorias div:hover{
	background-color: #ddd;
}
.bCategorias div a:hover{
	color: #008000;	
}
.boxProd{
	width: 320px;
	height: 196px;
	margin: 0;
	float:left;
	position: relative;
	text-shadow: 0 0 2px #fff;
	margin:0 4px 4px 0;
	border: 1px solid #ccc;
	border-radius: 6px;	
	position: relative;
}
.boxProd p {
	font-size: 10pt;
	line-height: 1.2em;
	margin:0 10px;
	height: 140px;
	overflow:auto;
}
.boxProd h4{
	margin:0 10px;	
}
.boxProd form{
	position: absolute;
	bottom: 0;
}
.bfprod{
	position: absolute;
	top: 50%;
	margin-top: -70px;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
#listaProd{
	width: 660px;
	margin-left: 320px;
	position: relative;	
}
.prodOrc{
	background-color: #ccc;
	margin-bottom: 4px;
	padding: 0;
	height: 64px;
}
.prodOrc figure{
	float:left;
	padding: 0;
	margin: 0 10px 0 0;
	width:100px;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;	
}
.prodOrc figure img{
	height: 60px;
	border:none;
}
.prodOrc form .numero, .prodOrc form .imprimir{
	margin-right: 2em;
}
.prodOrc form .botao2{
	float: right;
	margin: 0 4px 10px 0;
	height: 32px;
	padding: 2px;
}
#listaProdDestaque article {
	border: 0;
}
.BTCat a{
		display: none;
}
.pesquisar:focus, .numero:focus, .FcontatoT:focus, .Fcontato textarea:focus{
	background-color: #ffd;
	border-color: gold;
}
/*
990 pixel – Tablets no formato paisagem e alguns monitores mais antigos
*/
@media (max-width:990px){
	/*Geral*/
	*{
		margin:0;
		padding:0;		
	}
	body{
		width:100%;
	}
	header {				
		margin: 0 auto;
		width: 100%;
		text-align:center;
		background-color: #fff;
		height: 300px;
	}
	.fixoH{
		position: static;
		height: auto;		
		margin:0 auto;
		padding-top: 0;
		width: 100%;		
		top: 0;		 
		left: 0;		 
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		border-top:1px solid #fff;
		height: 300px;		
	}
	header h1{
		float:left;
		display:block;
		margin:0 auto;
		padding:0;
		background: url(../img/logom.png) center center no-repeat;
		width:100px;
		height: 64px;
	}
	.tverde{
		display: none;	
	}
	.tamarelo{
		display: none;
	}
	.icones {	
		margin:0 2px 0 0;
	}
	.icones span{
		display: inline;
		margin-left: 2px;
	}
	.icones a{
		text-decoration: none;
	}
	.formpesq{
		padding:0;
		margin: 32px 0 0 104px;
		text-align: left;
		border : 1px solid #fff;
	}
	.pesquisar{
		display: block;		
		width: 70%;
		margin:0;
		border-radius: 6px;
		border : 1px solid;
		box-shadow: none;		
		float: left;	
		font-size: 12pt;
		height: 32px;;
		
	}
	.botaopesq{
		margin: 0 0 0 4px;
		width: 26%;
		padding: 0;
		border-radius: 6px;
		border : 1px solid;
		box-shadow: none;
		font-size: 7pt;
		height: 32px;;
	}
	header nav{
		margin: 0;
	}
	header nav ul{
		display: block;
		margin:0;
		padding:0;	
	}
	header nav ul li{
		display: block;
		border: 0;
		border-bottom: 1px solid #eee;
		width: 98%;
		margin: 0 auto;
	}
	header nav ul li a{
		display: block;
		padding: 0.3em 0;
		width: 100%;
		margin:0;
		font-size:14pt;
		color: #000;		
	}
	header nav ul li a:hover{
		text-decoration: none;
		background-color: #ddd;
	}
	.destaquenav a{
		font-weight: 900;
		color: #008000;
		background-color: #efffef;
	}
	.botao2{
		color: #fd0;
		box-shadow: 0 1px 4px #1a1a1a;
		padding:0.5em 0;	 
		border-radius: 0;	
		font-size: 12pt;
	} 
	.botao2:hover{
		text-decoration:none;
	}	
	.centralizar{
		margin:0 auto;
		width: 98%;
	}
	footer{
		min-width: 0;
		padding: 4px;
		width: 96%;
		margin: 0 auto;
	}
	footer address{
		margin: 0 auto;
		font-size:8pt;
	}
	body section{
		margin-top: 1em;	
	}
	.banner{
		background: url(../img/bannerfundo.png) top center;
		color: #000;	
		text-shadow: none;	
		border: none;
		min-width: 100%;
		padding: 0;
		margin: 0;
		text-align: justify;
	}
	.banner figure{
		display: none;
	}
	.banner article{
		width: 96%;
		margin: 0 auto;
	}
	.banner hgroup h2{
		margin:1em 0;	
		font-size: 16pt;
		text-align: center;
	}
	.banner p {
		width: 100%;
		line-height: 1.3em;
		margin:0 0 1em 0;
	}
	.botao{
		display: block;
		width: 90%;
		letter-spacing: 0.1em;
		text-align: center;
		margin:0 auto;	
		border-radius: 4px;
	} 
	.conteudo{
		width: 100%;
		margin: 0 auto;			
	}
	.corpo{
		margin: 0;
		width: 100%;		
	}
	.corpo2{
		width: 98%;	
		padding: 0 1%;	
		margin: 0 auto;
	}
	.Fcontato{
		border: none;
		padding:0;
		margin:0 auto;
		float: none;		
		width: 98%;
	}
	.FcontatoT{
		width:96%;
		margin: 0 auto;
	}
	.Fcontato textarea{
		width: 96%;
		margin: 0 auto;
	}
	.mapa{
		border: 2px #ccc solid;
		border-radius: 6px;
		width:96%;
		margin: 1em 4px;				
	}
	.bCategorias{
		float: none;
		width: 98%;
		padding: 0;
		margin: 2px auto;
	}
	.bCategorias div{
		width: 46%;
		margin: 2px;
		height: 36px;
	}	
	.boxProd{
		margin: 4px 1%;
		width: 98%;
	}
	.boxProd form{
		font-size: 8pt;
	}
	#listaProd{
		width: 100%;
		margin:0 auto;;		
	}
	.prodOrc{
		width:98%;
		font-size: 8pt;
		display: block;
		height: 120px;		
		border:1px solid #eee;
		border-radius: 6px;
	}
	.prodOrc figure{
		margin: 0;
	}
	.prodOrc h4{
		margin-bottom: 3%;			
	}
	
	.prodOrc form .numero, .prodOrc form .imprimir{
		margin-right: 0.2em;
	}
	.prodOrc form .botao2{
		margin: 4px;
		height: 32px;
		padding: 0;
		box-shadow: none;
		border-radius: 6px;
	}
	.fundobox1{
		background:url(../img/fundobox2.png) no-repeat center right;
		text-align: right;
		margin: 1%;
		width: 97%;
	}
	.fundobox2{
		background:url(../img/fundobox2.png) no-repeat center right;
		text-align: right;
		margin: 1%;
		width: 97%;
	}
	.conteudo article{
		margin: 1%;
		width: 97%;
	}
	#listaProdDestaque article {
		margin: 4px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}
	.BTCat{
		text-align: center;	
		width:100%;
	}
	.BTCat span{
		display: none;			
	}
	.BTCat a{
		display: block;
		background: #008000;		
		color: #fff;
		box-shadow: 0 1px 2px #1a1a1a;
		text-shadow: 1px 1px 2px #1a1a1a;
		padding:0.5em;	 
		font-size: 12pt;
		text-align: center;
		text-decoration: none;
		margin:auto;
		width: 90%;		
	}
	#listaCat{
		display: none;
		margin-left: 6%; 	
	}
	.bordatop{
		padding-top: 0;
	}
}