@import url('https://fonts.googleapis.com/css?family=Tauri');

body { }
a{ color:#333; }

h1, h3, h5 { color:#3B507F; font-family: 'Tauri', sans-serif; }
h2, h4, h6 { color:#D00811; font-family: 'Tauri', sans-serif; }
h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; }

button { background:#F3F3F3; border: #CCC solid 1px; border-radius: 15px; padding: 10px; font-family: 'Tauri', sans-serif; }
button, type="submit", type="reset" { background:#F3F3F3; border: #CCC solid 1px; border-radius: 15px; padding: 10px; font-family: 'Tauri', sans-serif; }
select, input, textarea { border: #CCC solid 1px; border-radius: 15px; padding: 10px; font-family: 'Tauri', sans-serif; }
form select, form input, form textarea { margin-bottom: 10px; }

.cookieConsentContainer{ z-index:9999;width:400px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;left:30px;display:none}
.cookieConsentContainer .cookieTitle a{ color:#fff; font-size:18px;line-height:20px;display:block}
.cookieConsentContainer .cookieDesc p{margin:0;padding:0;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}
.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}
.cookieConsentContainer .cookieButton a{display:inline-block;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}
.cookieConsentContainer .cookieButton a:hover{cursor:pointer;background:#666666}
@media (max-width:980px){ .cookieConsentContainer{ bottom:0;left:0;width:100%;} }

/* #Site Styles
================================================== */
.selecioneLingua{ margin-top: 5%; text-align:center; } 

.header { padding: 20px 0 20px; text-align:center; position:relative; }
.headerTopo { font-family: 'Tauri', sans-serif; color:#FFF; padding: 3px 30px; text-align: right; background: #5A5A5A; display: none; }
.headerTopo i { margin-left: 10px; color:#CCC; }
.headerTopo a { color:#FFF; text-decoration:none; }

.nav { font-family: 'Tauri', sans-serif; }
.nav img { width: 100px; }
.navSite { padding: 20px 0; }
.navSite a { padding: 0 15px; color: #5A5A5A; font-size: 16px; text-decoration:none; }
.navSite a:last-child {}

#navMobile a {
	display: block;
	width: 28px;
	height: 18px;
	padding: 12px;
	padding-left: 20px;
	margin: 12px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
#navMobile a:before,
#navMobile a:after {
	content: '';
	display: block;
	background: #3B507F;
	height: 2px;
}
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 3px;
    background-color: #3B507F;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}

.headerWhatsapp { text-align:right; }

.footer { background: #5A5A5A; color:#FFF; padding-top: 40px; padding-bottom: 40px; font-family: 'Tauri', sans-serif; font-size: 13px; }
.footer .navFooter { padding-bottom: 40px; }
.footer .navFooter a { display: block; color: #FFF; font-size: 12px; }
.footer h2 { color: #FFF; font-size: 15px; }
.footer h3 { color: #FFF; font-size: 14px; }

.footer .copyright{ text-align:center; }

.footer .ordepweb{ padding-top: 40px; text-align:center; }
.footer .ordepweb a{ color: #FFF; text-decoration: none; }
.footer .ordepweb span{ font-size: 9px; }

.whatsappIconFooter { position: fixed; bottom: 3%; left: 1%; padding: 10px; z-index: 999; }

.separador1 { background: #b3b3b3; height: 3px; }
.separador2 { background: #d4d4d4; height: 3px; }

.textCenter { text-align:center; }

/* #Páginas Styles
================================================== */
.pagina { min-height: 550px; margin: 0 auto 20px; padding: 40px 0; background: #FFF; }
.pagina h1 { margin-bottom: 10px; }
.pagina h2 { margin-bottom: 10px; }
.pagina p { text-align: justify; padding: 5px 0; margin: 0; }

/* #Inicio Styles
================================================== */
.inicioBanner { margin: 0 auto; padding: 0; z-index: 1; }
#inicioBanner { margin: 0 auto; padding: 0; height: 200px; z-index: 2; }
#inicioBanner img { z-index: 2; }
#inicioBanner a {
	display: block;
	width: 100%;
	height: 200px;
	text-decoration: none;
	z-index: 3;
}

.inicioSlogan {
	background:#F2F3F3;
}
.inicioSlogan1 {
	padding: 40px 15px 10px;
	font-family: 'Tauri', sans-serif; 
	font-size: 17px;
}
.inicioSlogan2 button { background: #5A5A5A; color: #FFF; }

.inicioSlogan1 .solucoes{
	background: #3B507F;
	border-radius: 5px;
	padding: 2px 4px;
	margin: 2px 0;
	color: #FFFFFF;
}
.inicioSlogan1 .transformando {
	background: #D00811;
	border-radius: 5px;
	padding: 2px 4px;
	margin: 2px 0;
	color: #FFFFFF;
}
.inicioSlogan2 {
	padding: 10px 15px 40px;
	text-align: center;
}

.inicioProdutos {
	padding: 40px 15px 40px;
	text-align: center;

}
.inicioProdutos img {
	max-width: 90%;
	margin: 10px 0;
}
.inicioProdutos p {
	font-size: 11px;
}

.inicioEmpresa {
	background:#F2F3F3;
	text-align:center;
	padding: 40px 15px 40px;

}
.inicioEmpresa1 {
	font-family: 'Tauri', sans-serif; 
	font-size: 14px;
	text-align: center;
	padding: 10px 15px 20px;
}
.inicioEmpresa1 button { background: #5A5A5A; color: #FFF; }
.inicioEmpresa2 a {
	text-align: center;
}
.inicioEmpresa2 img {
	max-width: 90%;
	border-radius: 20px;
}



/* #Produtos Categorias Styles */
.produtos { margin: 0 auto 20px; padding: 40px 0; background: #FFF; }
#produto { float:left; }
#produto a { display:block; text-decoration: none; font-size: 14px; color:#3B507F; font-family: 'Tauri', sans-serif; text-align:center; margin-bottom: 50px; }
#produto img { width: 130px; display:block; margin: 0 auto; }

/* #Produtos Styles
================================================== */
.produtosVer { min-height: 550px; margin: 0 auto 20px; padding: 40px 0; background: #FFF; }

#produtosVer { text-align:center; }
#produtosVer img{ margin: 0 auto; display:block; max-width: 250px; max-height: 500px; }

#produtosCaracteristicas { margin: 0; padding: 0; }
#produtosDescricao { padding: 0 15px; }
#produtosDescricao p { font-size: 9px; }

#produtosDetalhes { margin-bottom: 20px; }
#produtosDetalhes div { text-align:center; margin-bottom: 10px; padding-bottom: 0; }
#produtosDetalhes img { max-width: 95%; max-height: 150px; margin: 0 auto 10px; border-radius: 20px; }
#produtosDetalhes a { font-weight: bold; text-decoration:none; font-size: 12px;  }
#produtosDetalhes span { display: block; }

.produtosVer button { font-size: 12px; }

.produtosTable { border-spacing: 3px; border-collapse: separate;}
.produtosTable td {
  font-size: 9px; padding: 5px; text-align:center; border: none; }
.produtosTable td:first-child { }
.produtosTable tr:first-child td { font-weight: bold; background: #FFFFFF; color: #586BAC; }
.produtosTable tr:first-child td:nth-child(3) { color: #D00811; }
.produtosTable tr:nth-child(2) td { font-weight: bold; background: #586BAC; color: #FFF; }
.produtosTable tr:nth-child(odd) { background-color:#FFFFFF; }
.produtosTable tr:nth-child(even) { background-color:#394779; color: #FFF; }

.produtosCategoriasDetalhe { padding: 20px; }
.produtosCategoriasDetalhe div { width: 30%; float:left; margin-right: 3%; }
.produtosCategoriasDetalhe p { color: #F5893F; text-align:center; display: block; font-size: 10px; font-weight: bold; margin: 10px auto; padding: 5px; }
.produtosCategoriasDetalhe img { width: 80px; }

.produtoSuperDetalhes { text-align:center; }
.produtoSuperDetalhes img{ max-width: 250px; }

/* #Representantes Styles */
.representanteMobile { display: block; }
.representanteMobile select { margin-bottom: 10px; }
.representanteInformacoes h3 { border-top: thin solid #CCC; padding: 10px 0 0; margin-top: 10px; }
.representanteInformacoes h5 { font-size: 22px; padding: 10px 0 0; margin-top: 30px; }
.representanteInformacoes p { padding: 2px 0; }
.representanteMapa { display: none; }
.representanteMapa img { margin: 0 auto; display: block; }

/* #Exportacao Styles
================================================== */
#exportacao h2 { border-bottom: thin solid #CCC; }
#exportacao h3 { margin-bottom: 5px; }
#exportacao ul{ list-style: none; margin: 10px 0; padding: 0;}
#exportacao li{ margin: 5px 0; padding: 0; }

/* #Contato Styles
================================================== */
#contato ul{ list-style: none; margin: 0; padding: 0;}
#contato li{ margin: 5px 0; padding: 0; }
#contato form{ margin: 0; padding: 0; }
#contato label{ margin: 0; padding: 0; }

/* #Onde Comprar Styles
================================================== */
#ondecomprar ul{ list-style: none; margin: 0; padding: 0;}
#ondecomprar li{ }
#ondecomprar form{ margin: 0; padding: 0; }
#ondecomprar label{ margin: 0; padding: 0; }

/* Larger than mobile */
@media (min-width: 400px) {
	/* #Inicio Styles */

	/* #Produtos Styles */
	#produtosVer img{ max-width: 320px; }
	.produtoSuperDetalhes img{ max-width: 320px; }

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	/* #Inicio Styles */
	#inicioBanner { height: 220px; }
	#inicioBanner a { height: 220px; }

	.inicioSlogan1 { font-size: 24px; }

	/* #Produtos Styles */
	#produto img { width: 155px; }
	#produtosVer img{ max-width: 450px; }
		
	.produtosTable td { font-size:14px; }
	.produtoSuperDetalhes img{ max-width: 450px; }
	
	/* #Produtos Categorias Styles */
	.produtos ul li img { width: 280px; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	/* #Inicio Styles */
	#inicioBanner { height: 350px; }
	#inicioBanner a { height:350px; }
	
	.inicioSlogan1 { padding: 40px 15px 40px; }
	.inicioSlogan2 { padding: 60px 15px 40px; }

	.inicioEmpresa2 { padding: 30px 0px; }

	/* #Produtos Styles */
	#produtosVer img{ max-width: 600px; }
	.produtoSuperDetalhes img{ max-width: 600px; }
	#produtosDescricao p { font-size: 12px; }
	.produtosVer button { font-size: 14px; }

	.produtosCategoriasDetalhe p { font-size: 14px; }
	.produtosCategoriasDetalhe img { width: 100px; }
}

/* Larger than deskto*/
@media (min-width: 1000px) {
	.nav img { width: 150px; }
	#navMobile { display: none; }

	.headerTopo { font-size: 14px; display: block; }
	.paginasBanner { margin-top: -450px; }
	#paginasBanner { height: 430px; }
	#paginasBanner a { height: 430px; }

	/* #Inicio Styles */
	#inicioBanner { height: 500px; }
	#inicioBanner a { height:500px; }
	
	.inicioSlogan1 { padding: 80px 15px 80px; font-size: 30px; }
	.inicioSlogan2 { padding: 90px 15px 80px; }

	.inicioProdutos { padding: 60px 15px 60px; }
	.inicioProdutos img { max-width: 70%; margin: 30px 0; }
	.inicioProdutos p { font-size: 14px; }
	.inicioProdutos h2 { font-size: 30px; }

	.inicioEmpresa { padding: 80px 15px 80px; }
	.inicioEmpresa2 { padding: 0px 15px; }

	/* #Produtos Categorias Styles */
	#produto img { width: 240px; }
	#produto a { font-size: 16px; }

	.produtos ul li a { font-size: 20px;}
	.produtos ul li img { width: 170px; }
	
	.produtosCategoriasDetalhe p { width: auto; }
			
	/* #Produtos Styles */
	#produtosVer img{ max-width: 90%; }
	.produtoSuperDetalhes img{ max-width: 900px; }
	#produtosDescricao p { font-size: 14px; }

	/* #Representantes Styles */
	.representanteMobile { display: none; }
	.representanteMapa { display: block; }
}

@media (min-width: 1200px) {
	/* #Inicio Styles */
	.inicioEmpresa1 { padding: 10px 15px 20px; font-size: 18px; }

	/* #Produtos Categorias Styles */
	#produto img { width: 290px; }
}

@media (min-width: 1400px) {
	.paginasBanner { margin-top: -450px; }
	#paginasBanner { height: 430px; }
	#paginasBanner a { height: 430px; }

	/* #Inicio Styles */
	#inicioBanner { height: 600px; }
	#inicioBanner a { height: 600px; }

	.inicioEmpresa1 { padding: 20px 15px 20px; }

	/* #Produtos Categorias Styles */
	#produto img { width: 340px; }

	.produtos ul li a { font-size: 24px;}
	.produtos ul li img { width: 240px; }
		
	/* #Produtos Styles */
	.produtoSuperDetalhes img{ max-width: 1200px; }
}

@media (min-width: 1600px) {
	/* #Inicio Styles */

	/* #Produtos Categorias Styles */
	.produtos ul li img { width: 280px; }
	#produto img { width: 390px; }

	/* #Produtos Styles */
	.produtoSuperDetalhes img{ max-width: 1400px; }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Medias queries */

.col-xs-15 {
    width: 20%;
	flex: 0 0 20%;
	max-width: 20%;
    float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
        float: left;
    }
}