body {
	font-family:'Open Sans', Arial, sans-serif;
	background: #ffffff;
}
a {
    color: #0a0a0a;
    text-decoration: none;
}
a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1{
	font-weight: 600;
	font-size: 22px;
	line-height:1.1em;
	color: #000;
	margin: 25px 0 25px 0;
	text-transform: uppercase;
}
h2{
	font-weight: 600;
	font-size: 13px;
	color: #000;
	margin: 10px 0 10px 0;
	text-transform: uppercase;
}
h3, h4, h5, h6 {
	font-size: 11px;
	color: #212121;
	margin: 8px 0 8px 0;
}

.card {
	box-shadow: 2px 2px 6px #B8B8B8;
}

.link-list ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;
}

.link-list a {
	color: silver;
}

.preco {
	color: white;
	font-size:18px;
	font-weight:750;
	position: absolute;
	left: 10px;
	top: 190px;
	z-index: 200;
	text-shadow: 0.1em 0.1em 0.2em black;
}

.lapis {
	margin-right:10px; height: 35px; position: absolute; right: 0px;  top: 90px; z-index: 200;
}
.coracao {
	right:10px; height: 35px; position: absolute; top: 8px; z-index: 200;
}
.lupa {
	margin-right:10px; height: 35px; position: absolute; right: 0px;  top: 48px; z-index: 200;
}

.bannertext label{
	font-size: 40px;
	color: #fff;
	font-weight:750;
	text-shadow: 0.1em 0.1em 0.2em black;
}

.bannertext p{
	font-size: 20px;
	color: #fff;
	font-weight:750;
	text-shadow: 0.1em 0.1em 0.2em black;
}

/* --------- Início Personalizado --------- */

.navbtn {
	border: 2px solid  #7a7a7a; border-radius: 5px; margin: 0 5px 0 0; padding:8px; background-color: #fff;
}

.logo {
	max-width:200px; height:auto; background-color: #999c9f; border-radius: 5px;border: 2px solid  #7a7a7a;
}

.navbar {
	background-size: cover; background-color: #007200; padding: 10px; margin: 0px; z-index: 500; box-shadow: 2px 2px 6px #B8B8B8;
}

.navbar a{color: #545454;}
.navbar a.active{color: #05192a; font-weight:bold;}
.fone a{color: #fff;}
.celular a{color: #322f2f;}

.footer {
	background-color: #007200; margin-top:20px;
}

.capa {
	background-color: #007200; position: absolute; right: 0px; top: 0px; height:220px; width:40px; display: block; z-index: 100;
}

/* --------- Fim Personalizado --------- */

/* inicia a classe sobre (coluna com icones) oculta */
.sobre {    
    opacity: 0.0;
	transition: opacity .55s ease-in-out;
}

/* Quando passar mouse sobre objetos de classe foto, ativa as classes sobre. */
.foto:hover .sobre {
    opacity: 0.85;
	transition: opacity .55s ease-in-out;
}

/* deixa sempre visivel a tarja venda e o coração em mobiles */
@media (max-width:700px){
	.sobre {    
		opacity: 0.75;
	}
	.bannertext label{
		font-size: 18px;
		color: #fff;
		font-weight:750;
		text-shadow: 0.1em 0.1em 0.2em black;
	}

	.bannertext p{
		font-size: 12px;
		color: #fff;
		font-weight:750;
		text-shadow: 0.1em 0.1em 0.2em black;
	}
}

/* checkbox */