@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "franklin";
	src: url('../fonts/FRADMIT.ttf');
}

/*==========================================================================
	NORMALIZAÇÃO
==========================================================================*/
html {
	margin:0 0 0 -1px;
	padding:0;
}

body {
	padding:0;
	margin :0;
	font-size: 62.5%;
    line-height: 1.5;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;/*Centralizar conteudo IE*/
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p, a {
	font-size: 1.2em;
}

h1 {
	font-size: 2.8em;
}

h2 {
	font-size: 2.0em;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#container {
	text-align:left;/*Descentralizando conteúdos definidos no body, devido ao IE*/
	margin: 0;
	padding:0;
	background:#fff;
	font-size: 1.2em;
}

img,
picture,
video,
embed {
    max-width: 100%;
}

ul {list-style: square; list-style-image: url('../images/css/green-check-icon.png'); font-size: 1.2em;}

/*==========================================================================
	TOPO
==========================================================================*/
#header {
	padding:3px;
	background: #ccc url(../images/css/page-texture.png) repeat;
	height:132px;
}

#logo {
	text-align:center;
}

#logo img{
	border: 0;
}

#search{
	width: 490px;
	margin-top: 90px;
	float: right;
	text-align:right;
}

#search input[type=text] {
	border: solid 1px #666;
	color: #999;
	padding:10px;
	width: 290px;
}

/*==========================================================================
	RODAPE
==========================================================================*/
#bottomWrapper {
	background-color:#003;
	text-align:center;
	color:#fff;
	text-align:center;	
	width:100%;
	clear:both;
}

#bottomWrapper h2 {
	color: #f60;
	padding-top:2.1em;
}


#bottomWrapper a:link, #bottomWrapper a:visited {
	color:#fff;
}

#bottomWrapper a:hover{
	color:#ccc;
	text-decoration:none;
}

#footerWrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 1em;
	display: flex;
}

#footer {
	width: 70%;
	min-height:230px;
}

.footer-last {
	margin-right:0 !important;
	clear:right;
}

.footer-one-third {
	float:left;
	margin: 1%;
	width:30%;
	position:relative;
	text-align:left;
	overflow:hidden;
}

.footer-one-third h3 {
	margin-top:10px;
	color:#F60;
	font-size:1.6em;
}

.footer-one-third ul{
	padding:0;
}

.footer-one-third ul, .footer-one-third li {
	list-style: none ;
	margin-left:0 ;
}

.footer-one-third li {
	padding: 5px 0 ;
}

#bottom-map {
	background: #ccc;
	width:230px;
	height: 180px;
	float:right;
	margin: 30px 0;
}

#bottom-links {
	height:60px;
	background:#000;
	padding: 10px 20px 0 0;
	text-align: right;
}

#facebook {
	width: 280px;
	margin: 0;
	padding: 0;
	
}

/*==========================================================================
	MENU
==========================================================================*/
input#control-nav {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}

#menu {
	background:#000 url('../images/css/hmenu.jpg') repeat-x bottom left;
	padding:0;
	margin:0 auto;
	width:100%;
	height:64px;
	text-align:center;
	border-bottom: 1px solid #000;
}

#menu ul {
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	list-style-type:none;
	position:relative;
	height:64px;
	text-transform:uppercase;
	font-size:medium;
	font-family:Verdana, Geneva, sans-serif;
}

#menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}


#menu ul li a {
	font-size: 1em;
	display:block;
	color:#ccc;
	text-decoration:none;
	padding:0 25px;
	line-height:64px;
	border-left: 1px solid #333;
}

#menu ul li:hover, #menu ul li a:hover, #menu li#current a {
	color:#fff;
	background-color: #333;
}

/*Menu DropDown*/
#menu ul li:hover .dropdown-sub {
	display: block;
}

#menu ul li ul.dropdown-sub {
	list-style:none;
	position: absolute;
	margin-top: 44px;
	margin-left: 0;
	display: none;
	width: 250px;
}

#menu ul li .dropdown-sub-item {
	background: #0093dd;
	display:block;
}

#menu ul li .dropdown-sub-item a {
	color: #fff;
	display:block;
	width:250px;
	text-align:left;
	line-height:22px;
	padding: 10px;
}

#menu ul li .dropdown-sub-item a:hover {
	background: #003;
}

#menu ul li .dropdown-sub-separator {
	background: #09c;
	height: 5px;
	border-bottom: 1px solid #fff;
	display: block;
}
/* fim dropdown*/

/*==========================================================================
	FIM MENU
==========================================================================*/

#chamadaPrincipal {
	
}

#chamadaPrincipal #conteudo {
	background: #0093dc url('../images/desenhos-giz.png');
	height: 150px;
}

#chamadaPrincipal #barra {
	background: #003;
	height: 40px;
}

.circulo_dados {
	background: url('../images/circulo_dados.png') top center;
	background-size:contain;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.circulo_dados h1 {
	text-align:center;
	line-height: 120px;
	font-family: 'Arvo', serif;
	color: #900;
}

.circulo_dados span {
	text-align:center;
}

#content {
	padding:3px;
	background:#fff;
	min-height:450px;
	max-width:960px;
	margin: 0 auto;
}

#saudacao {
	text-align:right;
	margin: 15px 0;
	height: 30px;
	font-size:10pt;
}

#saudacao a {
	color: #900;
}

/*==========================================================================
	HOME
==========================================================================*/
#destaques {
	width: 100%;
	margin:10px auto;
	padding:0;
}

/*==========================================================================
	DETALHES
==========================================================================*/

#detalhes {
	border: solid 2px #003;
}

#detalhes h1 {
	margin-top:0;
	padding: 15px;
	background: #003;
	color:#fff;
}

#detalhesDescricao {
	width:500px;
	padding:7px 10px;
	float:left;
	text-align:justify;
}

#detalhesPreco {
	padding-top:140px;
	padding-right: 10px;
	text-align: right;
	font-size:1.4em;
	font-weight:bold;
	color: #900;
}

#addCart {
	padding: 10px;
	text-align:right;
	float:right;
	
	width:200px;
	font-size:small;
}

#addCart span {
	font-size:1.4em;
	font-weight:bold;
}

/*Produtos similares*/
#produtosSemelhantes {
	text-align:center;
	padding-top:20px;
}

#produtosSemelhantes #flex {
	display: flex;
}

#produtosSemelhantes #flex .caixa {
	width: 150px;
	height:120px;
	padding:5px;
	flex:1;
}

#produtosSemelhantes .caixa span {
	width:100%;
	display:block;
	font-size:0.8em;
	text-align:center;
}

#produtosSemelhantes .caixa a, #produtosSemelhantes .caixa a:visited {
	color: #900;
}

#produtosSemelhantes .caixa a:hover {
	color: #f00;
}

/*==========================================================================
	PRODUTOS
==========================================================================*/
#listaProdutos {
	padding: 10px 5px 15px 5px;
	margin: 20px 0;
	border: 2px solid #ccc;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
}

#listaProdutos h1, h2 {
	font-family: 'Arvo', serif;
	margin: 5px;
}

#listaProdutos p {
	font-size:1.2em;
	margin: 5px;
}

#listaProdutos .caixa {
	width: 21.875%;
	min-height:265px;
	float:left;
	display:block;
	padding: 0;
	margin: 15px 10px;
	text-align:center;
	border: 4px solid #fff;
	background:#0093dd;
	position:relative;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	
	box-shadow: #333 0px 0px 8px;
	-moz-box-shadow: #333 0px 0px 8px;
}

#listaProdutos .caixa img {
	margin-top:25px;
}

#listaProdutos .caixa h2 {
	color: #fff !important;
	
}

#listaProdutos .caixa span {
	display:block;
	font-size:0.8em;
	text-align:center;
	margin: 0 auto;
	
	background: #003;
	padding: 5px 0;
}

#listaProdutos .caixa .mais {
	text-align: right;
	position:absolute;
	bottom:0;
	width: 100%;
	padding: 2.380952380952381%; /*5px/210*/
}

#listaProdutos .caixa p {
	font-size: 0.9em;
	text-align:justify;
}

#listaProdutos .caixa a, #listaProdutos .caixa a:visited {
	color: #fff;
	text-decoration:none;
}

#listaProdutos .caixa a:hover {
	color: #ffc;
}

.paginacaoProdutos {
	float:right;
	font-family: 'franklin', serif;
	text-align:right;
	background:#fff;
	padding: 0 5px;
	
	border-radius: 4px;
	-moz-border-radius:4px;
}

.paginacaoProdutos a {
	line-height: 23px;
	color:#33F;
}

/*==========================================================================
	PORTIFOLIO
==========================================================================*/
.card {height: 190px; width: 30%; float:left; margin: 10px 5px}
.card_front {overflow:hidden; background-color:#fff;}
.card_back {overflow:hidden; background-color:#333; color:#fff; padding: 10px;}
.card_back, .card_front {border: 4px solid #fff; box-shadow: 0 0 6px #000;}
.card_back p {font-size:0.9em;}
.card_front figure {width:100%; height:100%; margin: 0; padding: 4px}

/*==========================================================================
	CONTATO
==========================================================================*/
#formContato {
	float:left;
}

#outrosContatos {
	text-align: right;
}

#sociaisContato img {
	border: 0;
}

#mapaContato {
	float:right;
	border: solid 2px #ccc;
	padding:3px;
}

/*PAGINA CADASTRO*/
#formCadastro {
	width:100%;
	background: url('../images/cadastrese.jpg') bottom right no-repeat;
}

#imgCadastro {
	float:right;
}

/*PAGINA PESQUISA*/
.localizar {
	margin: 15px 5px;
}

.localizar .titulo a {
	font-family:'franklin', Tahoma, Geneva, sans-serif;
	font-size:22px;
	text-decoration:none;
}

.localizar .titulo a:hover {
	text-decoration:underline;
}

.localizar .subtitulo {
	color:#c00;
}

.localizar .texto {
	font-size:smaller;
}

/*CLASSES GERAIS*/
.clear {
	clear:both;
}

.rounded {
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.circle {
	border-radius: 50%;
	-moz-border-radius: 50%;
}

.transparent {
	opacity:0.40;/* propriedade padrão - Firefox e Chrome*/
	filter: alpha(opacity=40);/*Internet explorer*/
	-moz-opacity:0.4;
}

.padd {
	padding-top:40px;
}

.padd_mini {
	padding-top: 10px;
}

.verMais {
	text-align:right;
	font-family:'franklin', Tahoma, Geneva, sans-serif;
	font-size:small;
	margin-top: 5px;
}

.verMais a {
	color:#900;
}

/*PARALLAX*/
.recorte-home {
	height: 250px;
	background: transparent url(../images/recorte-home.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.recorte-chamada {
	top:50%;
	position:relative;
	background:#000;
	color:#fff;
	font-family: 'Arvo', serif;
	font-size: 2.4em;
	font-weight:700;
	font-style:italic;
	margin-top:25px;
	padding: 3px;
	display:block;
	text-align:center;
}

/*POPUPS DE AVISOS*/
.mensagem {
	position:absolute;
	
	top: 40%;                         /* para navegadores que não suportam calc() */
 	top: -webkit-calc(50% - 30px);  /* para Chrome */
 	top: -moz-calc(50% - 30px);     /* para Firefox */
 	top: calc(50% - 30px);          /* para suporte nativo */
	
	left: 25%;                         /* para navegadores que não suportam calc() */
 	left: -webkit-calc(50% - 190px);  /* para Chrome */
 	left: -moz-calc(50% - 190px);     /* para Firefox */
 	left: calc(50% - 190px);          /* para suporte nativo */
	
	width: 380px;
	z-index:9999;
	padding: 20px;
	text-align:center;
	
	border: 2px solid #fff;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.mensagem .close
{
	position:absolute;
	top: 3px;
	right: 3px;
	background:url('../images/icones/delete.png') no-repeat;
	width:25px;
	height:25px;
	cursor:pointer;
}

.mens-ok {
	background-color:#060;
	color:#fff;
}

.mens-erro {
	background-color:#900;
	color:#fff;
}

#mens-float {
	position: relative;
	top: 75pt;
	left: 150pt;
	width: 450pt;
}
#mens-float h1 {
	color:#900;
	font-size: 3em;
	padding: 0;
	margin:0;
}
#mens-float p {
	text-align:right;
	font-size:1.5em;
	margin: 0;
}

.mens-static {
	height: 270px;
	width:600px;
	background: transparent url("../images/splash.png") top center no-repeat;
	text-align:center;
	margin: 0 auto;
	line-height: 280px;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-shadow: 1px 0px 0px #fff, 
                 -1px 0px 0px #fff, 
                 0px 1px 0px #fff, 
                 0px -1px 0px #fff;
}

/*DICA DE CONTEXTO*/
a.dicaCont {
  position:relative; 
  font:12px arial, verdana, helvetica, sans-serif; 
  padding:0;
  color:#039;
  text-decoration:none;
  cursor:help; 
  z-index:24;
}
a.dicaCont:hover {
  background:transparent;
  color:#f00;
  z-index:25; 
}
a.dicaCont span {
	display: none;
}
a.dicaCont:hover span { 
  display:block;
  position:absolute;
  width:230px; 
  top:-0.5em;
  left:3em;
  right-align:justify;
  font: 10pt arial, verdana, helvetica, sans-serif; 
  padding:5px 10px;
  background:#900; 
  color:#fff;
  
  border-radius: 4px;
	-moz-border-radius: 4px;
}

a.dicaCont:hover span:before {
  border: 8px solid transparent;
  border-right-color: #900;
  content: "";
  left: -16px;
  top: 2px;
  position: absolute;
}

/*CAIXA DE INFORMACAO (DISTRIBUI ESPACO NA LINHA)*/
.informe_box {
	padding: 5px;
	display: flex;
	margin: 15px 0;
	text-align:center;
}

.informe_box .interno {
    flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	padding: 5px 10px 5px 10px;
}

.informe_box .interno img {
	padding:10px 0 10px 0;
}

.informe_box .interno .titulo {
	font-size:2em;
	color:#666;
}

.informe_box .interno .texto {
	font-size:1.0em;
	color:#666;
	text-align:center;
	font-style:italic;
}

#creditos {
	color: #999;
	font-size:0.8em;
	text-align: right;
}

/*FORMULARIOS*/
.form input[type=text], .form input[type=email], .form input[type=password], .form select, .form textarea {
	border: solid 1px #666;
	color: #000;
	padding:10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.form label {
	display:block;
	padding-top: 10px;
}

.form .campoMini {
	width:30px;
}

.form .campoMedio {
	width:310px;
}

.form .campoBig {
	width:400px;
}

.form2 input[type=text], .form2 input[type=email], .form2 input[type=password], .form2 select, .form2 textarea {
	border: solid 1px #666;
	color: #333;
	width: 585px;
	padding:6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.form2 label {
	display:block;
	padding-top: 10px;
}

.form2 label a {
	color:#999;
	font-size:small;
	text-decoration:none;
}

.form2 label a:hover {
	color:#333;
	text-decoration:underline;
}

/*FORMULARIO CESTA DE COMPRAS*/
.formCesta .qtd {
	border: solid 1px #666;
	color: #999;
	width: 30px;
	padding:6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.formCesta .subtotal {
	border: 0;
	width: 50px;
	color:#000;
}

/*Erro plugin validate jquery*/
label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size:small;
}

/*TABELAS*/
table {
	border: solid 1px gray;
	padding:0;
	margin: 5px auto;
	text-align:center;
}

table thead th {
	background: black;
	color: white;
	padding:6px;
}

table tbody td {
	padding: 3px 2px;
	border-bottom: 1px solid gray;
	font-size:0.9em;
}

table tbody .zebrado {
	background: lightgray;
}

table tfoot td {
	padding: 5px;
	border: solid 2px #900;
	text-align:right;
}

table tfoot td span{
	line-height: 30px;
	font-weight:bold;
}

/*PAGER (CLASSE DE PAGINACAO)*/
.pager {
	font-family: 'Arvo', serif;
	text-align: center;
	font-weight:bold;
	font-size:medium;
	color: #900;
}

.pager a {
	color: #000;
	text-decoration: none;
	font-size:small;
	padding: 0;
}

.pager a:hover {
	color: #900;
}

/*CAMPOS DE FORM*/
.campo {
	float: left;
	width: 98%;
	padding: 0 1% 1.5em;
	position: relative
}

.campo.duplo {
	width: 47.3%;
}

.campo.triplo {
	width: 31.3%;
}
 
.campo label {
    margin-bottom: 0.2em;
    color: #666;
    display: block;
}
 
.grupo .campo {
    float:  left;
    margin-right: 1em;
}
 
.campo input[type="text"], .campo input[type="email"], .campo input[type="password"], .campo select, .campo textarea {
    padding: 0.8em;
	width: 94%;
    border: 1px solid #666;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	border-radius: 4px;
	-moz-border-radius: 4px;
}
 
.campo select option {
    padding-right: 1em;
}
 
.campo input:focus, .campo select:focus, .campo textarea:focus {
    background: #FFC;
}

.campo input:read-only {
	background-color: #f0f0f0;
	color: #999;
}
 
.campo label.checkbox {
    color: #000;
    display: inline-block;
    margin-right: 1em;
}

.campo label.error {
	position: absolute;
 	right: 18px;
	top: 35px;
	color: #f00;
}

/*BOTOES*/
.but {
	display: inline-block;
	background-color: #ccc;
	color: #444;
	padding: 10px 20px;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 1em;
	border: 0px;
	box-shadow: 1px 1px 1px #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
		
.but:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	background-image: -webkit-linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	background-image: -moz-linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	background-image: -o-linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	cursor: pointer;
}

.but-ok {
	background-color:#c00;
	color: #fff;
}

.but-cancel {
	background-color:#F60;
	color: #fff;
}

.but-mini {
	padding: 5px 10px;
}

/*==========================================================================
	MEDIA QUERIES
==========================================================================*/
@media screen and (max-width: 1024px) {
	#content {
		 padding: 0 1.2em;
	}
	
	.control-nav {
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
		width: 30px;
		padding: 5px 0;
		border: solid #333;
		border-width: 3px 0;
		z-index: 2;
		cursor: pointer;
	}
	 
	.control-nav:before {
		content: "";
		display: block;
		height: 3px;
		background: #333;
	}
	 
	.control-nav-close {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		z-index: 1;
		background: rgba(0,0,0,0.4);
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}
	 
	#menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 170px;
		height: 100%;
		border-left: 1px solid #ccc;
		overflow-x: auto;
		z-index: 99999;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}
	
	#menu ul {
		float: left;
	}
	
	#menu li {
		display: block;
		padding-left: 5px;
		margin-left: 0;
	}
	
	#control-nav:checked ~ .control-nav-close {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
 
	#control-nav:checked ~ #menu {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
}

@media screen and (max-width: 812px) {
	
	#listaProdutos .caixa {
		width: 30%;
	}
	
	.card {width: 40%; margin: 10px 25px}
		
	.footer-one-third {
		float:none;
		width:100%;
	}
	
	.footer-one-third ul, .footer-one-third li {
		display: inline-block;
		padding: 0 5px;
		margin: 0;
	}
	
	.footer-last {
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 690px) {
		
	.informe_box {
		padding: 5px;
		margin: 15px 0;
		text-align:center;
		display:block;
	}
	
	.informe_box .interno {
		padding: 5px 10px 5px 10px;
		width:100%;
		clear:both;
	}
	
	.informe_box .interno img {
		padding:10px 0 10px 0;
	}
	
	.informe_box .interno .titulo {
		font-size:2em;
		color:#666;
	}
	
	.informe_box .interno .texto {
		font-size:1.0em;
		color:#666;
		text-align:center;
		font-style:italic;
	}
	
	#listaProdutos .caixa {
		width: 44%;
	}
	
	.card {width: 70%; margin: 10px auto; float:none}

}

@media screen and (max-width: 500px) {
	
	#listaProdutos .caixa {
		width: 95%;
	}
	
	.card {width: 95%;}
	
	#footerWrapper {
		display:block;
	}
	
	#footer, #facebook {
		width: 100%;
	}

}