==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea { color:#222; }
body { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; max-width:100%; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
    ====================================================
    =========== Author: Zumerata Internet ==============
    ====================================================
*/


/* CSSs básicos */
* { margin:0; padding:0; }
body, table, div, h1, h2, h3, h4, h5, h6, p, form, input, textarea, select, p, a, ul, li {
	font-family:'Archivo Narrow', sans-serif;
	font-weight:normal;
	color:#474747;
	font-size:16px;
	border:0;
	margin:0;
	padding:0;
	line-height:18px; 
}
html, body { height:100%; }
table, img, input { border:0; }

.fl_left { float:left; }
.fl_right { float:right; }
.fecha { clear:both; }
.estrutura { display:none; }
.fonte { font-family:'Roboto', sans-serif; }

div.sem_registros { text-align:center; margin-top:80px; }
div.sem_registros h1 { font-size:12px; font-weight:bold; padding:15px 0; }

.bgsize { background-size:100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; }


/* CSSs da estrutura principal */
body { background-color:#ee7b19; }
div.suprimaster { background:#FFF url('../imgs/cabecalho-fundo.gif') repeat-x center top; }
div.site { background:url('../imgs/cabecalho-centro.jpg') no-repeat center top; }
div.centro { width:1140px; padding:0 15px; margin:0 auto; }
div.interno { padding:30px; }
div.interno, div.interno p { text-align:justify; }
h2.titulo_pg { font-size:30px; font-weight:700; letter-spacing:-1px; color:#f98624; float:left; display:inline; width:auto; padding:2px 0 40px 0; }
h2.titulo_pg span { color:#008dbd; font-size:24px; }
a.bt_voltar { 
	float:right; 
	display:inline; 
	width:auto; 
	padding:7px 14px; 
	text-align:left; 
	background-color:#17617a; 
	font-weight:normal; 
	color:#FFF; 
	font-size:15px; 
	border:none; 
	text-decoration:none; 

   	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
div.detalhes_txt
a.bt_voltar:hover { opacity:0.7; }
div.paginacao { float:right; display:inline; margin-top:3px; }
div.paginacao a, div.paginacao span { float:left; display:inline; background-color:#115c76; color:#fff; padding:2px 8px; font-weight:bold; text-decoration:none; margin-left:1px; font-size:14px; }
div.paginacao span, div.paginacao a:hover { background-color:#f98624; color:#000; }



/* CSSs do cabeçalho */
header, div.logo, div.cabecalho { height:142px; }
div.logo { float:left; display:inline; width:196px; margin-left:80px; }
div.logo_320 { float:left; display:inline; width:272px; margin-left:25px; }
div.cabecalho { float:right; display:inline; width:770px; }

h2.canal_contato, h2.canal_contato span { float:left; display:inline; color:#04303f; letter-spacing:-1px; }
h2.canal_contato { width:350px; float:right; margin:20px 20px 28px 0; }
h2.canal_contato span.canal { border-right:1px solid #04303f; font-size:18px; width:70px; text-align:right; padding-right:10px; margin-right:10px; line-height:18px; }
h2.canal_contato span.fone { font-size:45px; padding:8px 0 2px 0; font-weight:700; }

div.cabecalho ul { float:left; display:inline; width:auto; list-style:none; margin:0 60px 0 100px; }
div.cabecalho ul li, div.cabecalho ul li a, div.cabecalho ul li span { float:left; display:inline; color:#FFF; }
div.cabecalho ul li, form#form_busca { float:left; display:inline; color:#FFF; }
div.cabecalho ul li a, div.cabecalho ul li span { 
	width:100%;
	text-align:center; 
	padding:10px 0; 
	height:20px; 
	font-weight:400;
	font-size:18px; 
	text-decoration:none; 
	text-shadow: 1px 1px 4px #043749; 
}
div.cabecalho ul li a span { width:15px; }
div.cabecalho ul li a:hover { color:#f98624; }
input.busca_campo { 
	float:left; 
	display:inline; 
	font-size:16px; 
	padding:6px; 
	background-color:#f98624; 
	border:none; 
	color:#fff; 
	width:200px;
	border-left:1px solid #b15c13;
	border-top:1px solid #b15c13;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;

   	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
input.busca_ok { 
	float:left; 
	display:inline; 
	padding:3px; 
	background:url('../imgs/lupa.png') no-repeat left top;
	border:none; 
	width:24px;
	height:22px;
	margin:6px 0 0 -40px;
}

::-webkit-input-placeholder { color:#fff; } /* WebKit browsers */
:-moz-placeholder { color:#fff; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#fff; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#fff; } /* Internet Explorer 10+ */



/* CSSs do menu principal */
nav { background-color:#7fcfea; height:41px; }
div.menu_principal { height:41px; margin:0 17px; background-color:#074960; }
div.menu_principal img.menu_canto_esq { float:left; display:inline; margin-left:-17px; }
div.menu_principal img.menu_canto_dir { float:right; display:inline; margin-right:-17px; }

.jMenu { display:table; margin:0; padding:0; float:left; }
.jMenu li { display:table-cell; margin:0; }
.jMenu li a { padding:12px 7px; display: block; color: white; cursor: pointer; font-size: 16px; letter-spacing:0; text-decoration: none; background-image:url('../imgs/division.gif'); background-repeat:no-repeat; background-position:left top; }
.jMenu li a.no-division { background-image:none; }
.jMenu li a:hover { background-color:#002836; text-decoration: underline;}
.jMenu li ul { display: none; position: absolute; z-index:9999; padding: 0; margin: 0; margin-top:10px; }
.jMenu li ul li ul { margin-top:0; }
.jMenu li ul li { background-color: #002836; display: block; border-bottom: 1px solid #155f78; padding: 0; }
.jMenu li ul li a { font-size: 14px; text-transform: none; padding:4px 7px; display: block; color:#FFF; text-decoration:none; background-image:none; }
.jMenu li ul li a.isParent { background-color: #3a3a3a; }
.jMenu li ul li a:hover { background-color: #074960; color:#279ec8; }

div.menu_principal select { float:left; display:inline;	width:300px; margin:9px 0 9px 10px; font-size:20px; }
div.logo_320, div.menu_principal select { display:none; }


/* CSSs dos banners */
div.banner_principal { float:left; display:inline; margin:12px 0; border:1px solid #cbcbcb; width:759px; height:399px; }
div.banner_secundario { float:right; display:inline; margin:12px 0; width:370px; }
div.banner_secundario img { float:left; display:inline; margin-bottom:10px; }


/* CSSs da barra de marcas */
div.barra_marcas { clear:both; float:left; display:inline; width:100%; padding:0; background-color:#cbcbcb; margin:18px 0 10px 0; }
.ad-gallery { float:left; display:inline; width: 94%; padding:1%; margin-left:2%; }


/* CSSs dos produtos e detalhes */
div.produtos { clear:both; float:left; display:inline; width:100%; margin-bottom:15px; }
div.produto { float:left; display:inline; width:24.25%; margin-right:1%; margin-bottom:13px; }
div.produto_caixa { border:1px solid #acacac; }
div.prod_caixa_margin0 { margin-right:0; }
div.produto_thumb { background-color:#FFF; text-align:center; float:left; display:inline; width:94%; padding:3%; height:180px; }
div.produto_info { float:left; display:inline; width:90%; padding:8% 5%; background-color:#e4e4e4; }
div.produto_info span.marca_nome { float:left; display:inline; width:100%; color:#e26901; font-size:16px; padding:1px 0; }
div.produto_info h3 { float:left; display:inline; width:100%; color:#064156; font-weight:700; font-style:italic; font-size:18px; letter-spacing:-1px; padding:0; height:42px; }
div.produto_info p { float:left; display:inline; width:100%; text-align:left; padding:0; height:70px; }
div.produto_info a.prod_mais_detalhes { float:left; display:inline; width:auto; background-color:#08536d; color:#FFF; font-weight:700; font-size:18px; padding:20px 30px 10px 10px; margin-right:-6%; }
div.produto_info a.prod_mais_detalhes:hover { background-color:#107ca1; }

div.detalhes_galeria { width:35%; }
div.detalhes_galeria div.produto_thumb, div.detalhes_galeria div.produto_info { padding:3%; width:94%; }
div.detalhes_galeria div.outra_img { padding:1%; width:29.5%; margin:0.5%; float:left; display:inline; background-color:#fff; border:1px solid #acacac; }
div.detalhes_galeria div.outra_img:hover { border-color:#f98624; }

div.detalhes_txt { float:left; display:inline; padding:0; padding-left:3%; width:67%; background-color:#FFF; }
div.detalhes_txt span.marca_nome { padding:5px 0; }
div.detalhes_txt h3 { font-size:24px; }
div.texto_detalhes p { height:auto; }


div.msg_sucesso, div.msg_excluido { padding:8px; font-size:14px; font-weight:bold; padding-left:30px; margin-bottom:10px; }
div.msg_sucesso { background:#d2ff58 url(../../cms/icons/accept.png) no-repeat 7px 8px; }


/* CSSs da base */
footer, div.base, div.creditos { float:left; display:inline; width:100%; }
footer { clear:both; }
div.base { background-color:#155f78; }
div.creditos { background-color:#ee7b19; }
div.coluna_mapa, div.coluna_mapa h3, div.coluna_mapa ul, div.coluna_mapa ul li, div.coluna_mapa ul li a, div.newsletter h3 { float:left; display:inline; width:100%; }
div.coluna_mapa { margin:25px 0 40px 0; }
div.coluna_mapa h3, div.newsletter h3 { font-size:22px; font-weight:700; font-style:italic; letter-spacing:-1px; padding:3px 0 13px 0; color:#FFF; }
div.coluna_mapa ul { list-style:none; }
div.coluna_mapa ul li a { padding:1px 0 2px 0; color:#FFF; text-decoration:none; font-size:16px; }
div.coluna_mapa ul li a:hover { color:#61ccf0; }

div#coluna_mapa_01, div#coluna_mapa_02 ul li { width:155px; }
div#coluna_mapa_01 { margin-left:65px; }
div#coluna_mapa_02 { width:480px; margin-left:30px; }

div.newsletter { float:right; display:inline; width:260px; margin:25px 20px 0 0; }
div.newsletter input.news_campo { 
	float:left; 
	display:inline; 
	width:94%; 
	padding:2% 3%; 
	margin-bottom:3px; 
	background-color:#2f85a2; 
	color:#FFF; 
	font-size:16px; 
	border:1px solid #77afc2;
	border-left:none;
	border-top:none;

   	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
div.newsletter input.news_submit { 
	float:right; 
	display:inline; 
	width:auto; 
	font-size:18px; 
	font-weight:700; 
	padding:8px 16px; 
	background-color:#053546; 
	color:#FFF; 
	border:1px solid #000;
	border-left:none;
	border-top:none;

   	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
div.newsletter input.news_submit:hover { opacity:0.7; }

span.endereco, span.zumerata { display:inline; margin:20px 0; font-size:14px; color:#FFF; }
span.endereco a, span.zumerata a { color:#FFF; text-decoration:none; font-size:14px; }
span.endereco a:hover, span.zumerata a:hover { opacity:0.7; }
span.endereco { float:left; }
span.zumerata { float:right; }


/* CSSs da tela fale_conosco.php */
div.cx_form, div.cx_mapa { float:left; display:inline; width:55%; }
div.cx_mapa { width:45%; }
iframe.mapa_localizacao { float:left; display:inline; width:450px; height:350px; border:none; padding:0; margin:0; margin-top:15px; }
a.mapa_ampliado { 
	float:left; 
	display:inline; 
	width:auto; 
	padding:7px 14px; 
	text-align:left; 
	margin:15px 0 0 32%; 
	background-color:#17617a; 
	font-weight:bold; 
	color:#FFF; 
	font-size:15px; 
	cursor:pointer; 
	border:none; 
	text-decoration:none; 

   	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
}
a.mapa_ampliado:hover { opacity:0.7; }

form { margin:0; padding:0; }
form#form_contato { float:left; display:inline; width:auto; margin-top:20px; margin-bottom:40px; }

label.form-coluna, span.form-span { text-align:right; float:left; display:inline; padding:6px 10px 6px 0; width:130px; font-size:16px; font-weight:normal; }
label.form-coluna strong.verm, strong.verm { font-size:12px; color:#F00; }
input.form-input, select.form-select, textarea.form-textarea, input.form-radio { float:left; display:inline; margin-bottom:5px; font-size:16px; padding:3px; background-color:#d6d6d6; border:none; color:#000; }
input.form-input, textarea.form-textarea { width:350px; }
input.form-radio { margin:6px; margin-right:1px; }
select.form-select { padding:1px; height:22px; }
span.form-span { width:auto; padding-right:5px; padding-left:7px; font-weight:normal; }
span.form-span a, section.conteudo a { color:#2c9bb6; font-size:11px; font-weight:bold; text-decoration:none; }
span.form-span a:hover, section.conteudo a:hover { color:#22b9de; text-decoration:underline; }
section.conteudo a { font-size:12px; }
textarea.form-textarea { min-width:350px; max-width:350px; height:150px; min-height:150px; max-height:150px; margin-top:2px; }
input.form-botao { width:auto; padding:8px 15px; text-align:left; float:left; display:inline; margin:10px 10px 0 0; background-color:#17617a; font-weight:bold; color:#FFF; font-size:16px; cursor:pointer; border:none; }
input.form-botao:hover { opacity:0.7; }


/* CSSs da tela clientes.php */
ul.lista_clientes, ul.lista_clientes li { float:left; display:inline; list-style:none; }
ul.lista_clientes { margin:20px 0; }
ul.lista_clientes li { border:1px solid #cbcbcb; margin:0 10px 10px 0; }





/* div de testes para resolução */
div.teste_320, div.teste_768, div.teste_1170 { 
	padding:10px 0; font-size:16px; color:#000; margin:0 auto 10px auto; text-align:center; font-weight:bold; display:none; 
}

/* reescrevendo para monitor igual ou maior do que 1170px
@media handheld, only screen and (min-width: 1170px) {

	div.teste_1170 { display:block; background-color:#CCC; width:1170px; }
	div.logo_320, div.menu_principal select { display:none; }

}

/* reescrevendo para monitor maior do que 768px 
@media handheld, only screen and (min-width: 768px) and (max-width: 1169px) {

	div.teste_768 { display:block; background-color:#9A1414; width:768px; }

	div.logo { margin-left:20px; }
	div.cabecalho { width:510px; }
	div.centro { width:746px; padding:0 10px; }
	div.interno { padding:25px 10px; }
	div.interno, div.interno p { font-size:16px; line-height:18px; }
	h2.titulo_pg { font-size:26px; }

	h2.canal_contato { width:280px; margin:10px 0; }
	h2.canal_contato span.canal { font-size:18px; width:120px; padding-right:5px; margin:4px 5px 0 0; }
	h2.canal_contato span.fone { font-size:30px; padding:2px 0; }

	div.cabecalho ul { float:right; margin:0 5px 0 0; }
	form#form_busca { float:right; }

	div.logo_320, div.menu_principal select { display:none; }
	div.menu_principal { height:41px; margin:0; width:758px; margin-left:-11px; padding-left:10px; }
	div.menu_principal img.menu_canto_esq, div.menu_principal img.menu_canto_dir { display:none; }
	.jMenu li a { padding:12px 4px 12px 5px; font-size:14px; letter-spacing:0; }

	div.banner_principal { width:746px; height:404px; }
	div.banner_secundario { display:none; }

	div.produto { width:32.2%; margin-right:1.7%; }
	div#prod_caixa_03 { margin-right:0; }
	div#prod_caixa_04 { display:none; }

	div.produto_info h3 { font-size:20px; padding:1px 0 3px 0; }
	div.produto_info span.marca_nome { font-size:16px; padding:1px 0 3px 0; }
	div.produto_info p { padding:3px 0 6px 0; }
	div.produto_info a.prod_mais_detalhes { font-size:16px; padding:15px 25px 5px 5px; }

	div.coluna_mapa ul li a { font-size:15px; }
	div#coluna_mapa_01 { width:130px; margin-left:10px; }
	div#coluna_mapa_02 { width:290px; margin-left:10px; }
	div#coluna_mapa_02 ul li { width:50%; }

	div.newsletter { margin-right:10px; }

}

/* reescrevendo para monitor igual ou maior do que 320px; 
@media handheld, only screen and (max-width:320px), only screen and (min-width: 321px) and (max-width: 767px) {

	div.teste_320 { display:block; background-color:#FAA56B; width:320px; }

	header { height:88px; }
	div.suprimaster { background-image:url('../imgs/cabecalho-fundo-320.gif'); }
	div.logo { margin-left:65px; }
	div.cabecalho { width:320px; height:100px; }
	div.centro { width:320px; padding:0; }
	div.interno { padding:30px 15px; }
	div.interno, div.interno p { font-size:16px; line-height:18px; }
	h2.titulo_pg { font-size:26px; }

	h2.canal_contato { width:320px; margin:20px 0 10px 0; }
	h2.canal_contato span.canal { font-size:20px; width:130px; padding-right:5px; margin:4px 5px 0 0; }
	h2.canal_contato span.fone { font-size:36px; padding:2px 0; }

	div.cabecalho ul { margin:0 0 20px 10px; }
	div.cabecalho ul li a, div.cabecalho ul li span { font-size:16px; }
	div.logo, form#form_busca { display:none; }

	nav { background-color:#074960; }
	div.menu_principal { height:41px; margin:0; width:320px; margin:0; padding:0; }
	div.menu_principal img.menu_canto_esq, div.menu_principal img.menu_canto_dir, .jMenu { display:none; }

	div.banner_principal { width:318px; height:172px; }
	div.banner_secundario { margin-top:20px; width:320px; }

	div.barra_marcas { margin:2px 0 15px 0; }
	.ad-gallery { width:85%; margin-left:7%; }

	div.produto { width:98%; margin-left:1%; margin-right:0; margin-bottom:10px; }

	div.coluna_mapa { margin-bottom:5px; }
	div.coluna_mapa ul li a { font-size:15px; }
	div#coluna_mapa_01, div#coluna_mapa_02 { width:290px; margin-left:20px; }
	div#coluna_mapa_01 ul li, div#coluna_mapa_02 ul li { width:50%; }

	div.newsletter { float:left; width:280px; margin:25px 0 25px 20px; }

	span.endereco, span.zumerata { text-align:center; display:inline; width:90%; margin-left:5%; margin-right:5%; }
	span.endereco { margin-bottom:5px; }
	span.zumerata { margin-top:10px; margin-bottom:10px; }

}

div.teste_320, div.teste_768, div.teste_1170 { display:none; }