/* Efeito menu esquerdo de produtos e fornecedores */
	.produtos_esq_subcategorias {
		display: none;
	}
	.produtos_esq_categorias {
		cursor: pointer;
	}

	.fornecedores_esq_subcategorias {
		display: none;
	}
	.fornecedores_esq_categorias {
		cursor: pointer;
	}
/* */



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

iframe {
	max-width: 100%;
}

body {
	font-family: Verdana;
	font-size: 16px;
	color: #333;
	margin: 0;
	padding: 0;
	background-image: url("imagens/background.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}

h1 {
	color: #333;
	font-size: 1.4em;
	margin-top: 0;
}

h2 {
	color: #333;
	font-size: 1.2em;
	margin-top: 0;
}

.vazia {
	clear: both;
}

.links {
	text-decoration: none;
	color: #333;
}

.link_leia_mais {
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
}

.link_leia_mais:hover {
	color: #1E90FF;
}

#site {
}

#fixar {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

#fundo_topo {
	background-color: #fff;
	padding-top: 14px;
	padding-bottom: 14px;
	width: 100%;
}

#topo {
	width: 90%;
	margin: auto;
}

#topo_a {
	float: left;
	text-align: left;
	width: 25%;
}

#topo_b {
	float: left;
	text-align: center;
	width: 50%;
	font-size: 1em;
	font-weight: bold;
	color: #ed1c24;
	padding-top: 10px;
}

#topo_c {
	float: left;
	text-align: right;
	width: 25%;
}

.topo_telefone {
	font-size: 1.15em;
}

.links_topo {
	text-decoration: none;
	color: #ed1c24;
}

#redes_sociais {
}

#busca {
	padding-top: 16px;
}

.campo_busca {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #ffffff;
	border: 1px solid #333;
	width: 65%;
	text-align: left;
}

.submit_busca {
	background-color: #00337f;
	border: 0;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 9px;
	padding-right: 9px;
}

.submit_busca:hover {
	cursor: pointer;
}

#fundo_menu {
	width: 100%;
	background-color: #00337f;
}

#menu {
	width: 90%;
	margin: auto;
}

.navbar {
	/*float: right;*/
}

.nav {
	margin: 0;
	padding: 0;
	text-align: center;
}

.nav li {
	list-style: none;
	float: left;
}

.nav li a {
	font-size: 1em;
	color: #fff;
    text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-right: 70px;
	margin-left: 1px;
	margin-right: 1px;
}

.nav li a:hover, .menu_ativo {
	color: #fff !important;
	background-color: #ed1c24 !important;
}

#menu_responsivo {
	display: none;
	cursor: pointer;
	width: 50%;
	margin: auto;
	text-align: center;
}

#corpo {
	width: 100%;
	margin: auto;
	margin-top: 150px;
}

.links_home_categorias_produtos {
	text-decoration: none;
}

.home_categorias_produtos_grid {
	float: left;
	width: 23%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 18px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.2em;
	color: #00337f;
}

.home_categorias_produtos_grid:hover {
	background-color: #ed1c24;
	color: #fff;
}

#ultimas_noticias {
	width: 90%;
	margin: auto;
}

#ultimas_noticias h1 {
	text-align: center;
}

#empresa, #produtos, #noticias, #contato {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 90%;
    margin: auto;
}

#empresa_esq {
	width: 40%;
	float: left;
	text-align: left;
}

#empresa_dir {
	width: 55%;
	float: right;
	text-align: justify;
}

#empresa_imagem_principal {
	width: 100%;
	margin-bottom: 10px;
}

#empresa_imagem_secundaria {
	float: left;
	width: 24%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}

#produtos h1, #produtos h2 {
	text-align: center;
}

.produtos_grid {
	float: left;
	width: 21%;
	text-align: center;
	min-height: 160px;
	margin-left: 1%;
	margin-right: 1%;
	padding-left: 1%;
	padding-right: 1%;
	font-size: 0.9em;
}

.produtos_grid:hover a {
	font-weight: bold;
	color: #ff6a00;
}

#noticias h1 {
	text-align: center;
}

.noticias_grid {
	width: 50%;
	float: left;
	text-align: center;
	min-height: 200px;
}

.noticias_esq {
	width: 35%;
	float: left;
	text-align: center;
}

.noticias_dir {
	width: 60%;
	float: right;
	text-align: left;
}











#contato {
	text-align: left;
}

#contato h1 {
	text-align: center;
}

#contato_esq {
	float: left;
	width: 48%;
	text-align: left;
}

#contato_dir {
	float: right;
	width: 48%;
	text-align: left;
}

.campos {
	width: 100%;
	border: 1px solid #ccc;
	background-color: transparent;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
	font-size: 1em;
	color: #666;
	font-family: ComfortaaLight;
}

.campo_select {
	width: 102%;
	border: 1px solid #ccc;
	background-color: transparent;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 10px;
	font-size: 1em;
	color: #666;
	font-family: ComfortaaLight;
}

.botao {
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #00337f;
	border: 1px solid #00337f;
	color: #ffffff;
	font-weight: bold;
}

.botao:hover {
	cursor: pointer;
	background-color: #666666;
	border: 1px solid #666666;
}









































































#fundo_rodape {
	background-color: #00337F;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#rodape {
	width: 90%;
	margin: auto;
	color: #ffffff;
}

#rodape_a {
	float: left;
	width: 60%;
	line-height: 1.4em;
	text-align: left;
}

#rodape_b {
	float: right;
	width: 40%;
	text-align: right;
	font-size: 0.9em;
}

#rodape a {
	text-decoration: none;
	color: #ffffff;
}



@media only screen and (max-width: 1200px) {
	/* Desktop Zone */
}

@media only screen and (max-width: 1024px) {
	/* Landscape Tab */
}

@media only screen and (max-width: 980px) {
	/* Portrait Tab */
	









	
}

@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 768px) {
	/* IPAD */
}

@media only screen and (max-width: 720px) {
	/* Smartphone Zone */
}

@media only screen and (max-width: 480px) {
	/*  First Gen Smartphones */
}

@media only screen and (max-width: 320px) {
	/* baixa resolução */
}