/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Yanone Kaffeesatz', sans-serif; }
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/

header {width: 100%; display: table; padding-top: 10px; background-color: #B3ACA4; border-bottom: 20px solid #fff;}
header .logo {width: 280px; float: left; height: 130px; background-repeat: no-repeat; background-size: 100%; margin-left: 2%;}
header .menu {float: right; margin-right: 3%; padding-top: 35px;}

footer {width: 100%; padding: 20px 0 30px 0; background-color: #B3ACA4;}
footer .fim {float: left;}
footer p {color: #000; font-weight: 400; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase;}
footer a {color: #000;}
footer a:hover {color: #fff;}

footer .social {float: right; position: relative; margin-top: -5px;}
footer .social li {float: left; color: #000; padding-left: 20px; font-size: 1.4em;}
footer .social li:hover {color: #fff;}

.titulo {background-color: #fff !important; font-size: 3em; letter-spacing: 3px; color: #B3ACA4 !important;}
/*********************************************************/
.centro {width: 100%; display: table; padding-bottom: 10px; min-height: 680px;}
.centro h2 {color: #fff; line-height: 35px; letter-spacing: 1px; font-weight: 400;}
.centro h1 {color: #B3ACA4; text-transform: uppercase; letter-spacing: 2px; font-size: 2em; padding: 40px 0;}
.centro p {color: #212121; font-size: 1.1em; font-weight: 400; line-height: 30px;}

.centro .quadro-maior {width: 33.32%; height: 460px; background-color: #27567E; display: flex; justify-content: center; align-items: center; float: left; padding: 20px 40px; border-bottom: 20px solid #fff;}
.centro .quadro-maior p {color: #fff; font-weight: 300; font-size: 2em; line-height: 35px;}

.centro .quadro {width: 16.66%; height: 230px; float: left; border-bottom: 20px solid #fff; border-left:  20px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.centro .quadro:hover .sombra {display: flex; }
.centro .sombra {display: none; width: 100%; height: 210px; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center; text-align: center;}

.centro .esquerda {width: 35%; height: 650px; float: left; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.centro .direita {width: 40%; float: left; margin-left: 5%;}
.centro .direita-full {width: 60%; float: left; margin-left: 5%;}

.centro .input {width: 100%; padding: 20px; border: 1px solid #dfdfdf; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400; margin-bottom: 25px;}
.centro .inputtext {width: 100%; height: 120px; resize: none; padding: 20px; border: 1px solid #dfdfdf; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400; margin-bottom: 25px;}
.centro .bt {padding: 15px 30px; background-color: #B3ACA4; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.4em;}
.centro .bt:hover {background-color: #000;}

.centro .lado-a {width: 48%; float: left;}
.centro .lado-b {width: 48%; float: right;}

.centro ul {padding-top: 80px;}
.centro li {font-size: 1.8em; padding-bottom: 20px;}
.centro .vl {width: 20%; float: left; text-transform: uppercase;}
.centro .resultado {width: 75%; float: right;}

.centro .foto {width: 33.33%; float: left; border: 10px solid #fff; height: 300px; background-size: 100%; background-position: center center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.centro .foto:hover {background-size: 120%; -webkit-filter: grayscale(0); filter: grayscale(0); filter: gray;}

/*********************************************************/

.produtos {width: 100%; display: table; padding-bottom: 10px; min-height: 680px;}
.produtos h1 {text-align: center; text-transform: uppercase; background-color: #27567e; color: #fff; padding: 10px 30px;}
.produtos h2 {color: #fff; line-height: 35px; letter-spacing: 1px; font-weight: 400;}

.produtos .quadro {width: 25%; height: 360px; float: left; border: 10px solid #fff; background-repeat: no-repeat; background-size: 100%; background-position: center center; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.produtos .quadro:hover {background-size: 120%; -webkit-filter: grayscale(0); filter: grayscale(0); filter: gray;}
.produtos .quadro:hover .sombra {display: flex; }
.produtos .sombra {display: none; width: 100%; height: 340px; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center; text-align: center;}

/*********************************************************/

.carrinho {width: 100%; display: table; padding-bottom: 10px; min-height: 680px;}
.carrinho h1 {color: #27567E; text-transform: uppercase; letter-spacing: 2px; font-size: 2em; padding: 40px 0;}
.carrinho h2 {color: #27567e; font-size: 1em; font-weight: 600; letter-spacing: 2px;}
.carrinho p {color: #27567e; font-size: 1em; font-weight: 600; letter-spacing: 2px;}
.carrinho span {display: block; color: red; font-weight: 300; font-size: 0.8em; font-style: italic; padding-top: 5px;}

.carrinho .esquerda {width: 60%; float: left; padding: 0 60px;}
.carrinho .direita {width: 30%; float: left; padding: 0 60px; margin-right: 5%;}

.carrinho .titulos {width: 100%; display: table; padding-bottom: 20px;}
.carrinho .resultados {width: 100%; display: table; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.carrinho .quadro-maior {width: 50%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; min-height: 30px;}
.carrinho .quadro-maiorfim {width: 75%; float: left; padding: 10px; min-height: 30px; color: #000; font-weight: 500; border-bottom: 1px solid #ccc;}
.carrinho .quadro-menor {width: 20%; float: left; margin-left: 5%; border-bottom: 1px solid #ccc; padding: 5px  10px; min-height: 30px;}

.carrinho .prod-maiorfim {width: 75%; float: left; padding: 10px; border-bottom: 1px solid #dfdfdf; height: 80px; margin-bottom: 0px;}
.carrinho .prod-menorfim {width: 20%; float: left; padding: 10px; margin-left: 5%; text-align: center; border-bottom: 1px solid #dfdfdf; height: 80px; padding-top: 30px;}
.carrinho .prod-maior {width: 75%; float: left; min-height: 30px;}
.carrinho .prod-menor {width: 20%; float: left; margin-left: 5%; text-align: center; padding-top: 20px; min-height: 30px; }

.carrinho .imagem {width: 15%; float: left; height: 60px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.carrinho .texto {width: 80%; float: right; padding-top: 20px;}

.carrinho .frete {width: 100%; display: table; background-color: #dfdfdf; padding: 20px; margin-top: 100px; line-height: 30px;}

.carrinho .frete .input {width: 30%; padding: 10px; border: 1px solid #ccc; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400;}
.carrinho .bt {padding: 10px; background-color: #27567e; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em;}
.carrinho .bt:hover {background-color: #000;}

.carrinho .bt-2 {padding: 15px 0; background-color: #27567e; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.2em; display: block; text-align: center;}
.carrinho .bt-2:hover {background-color: #000;}

.carrinho .quadro-medio {width: 47%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; min-height: 30px; margin-right: 3%;}

.carrinho .dados {width: 100%; display: table; background-color: #dfdfdf; padding: 20px;}
.carrinho .dados .input {width: 100%; padding: 10px; border: 1px solid #ccc; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400;}
.carrinho .dados .inputa {width: 45%; float: left; padding: 10px; border: 1px solid #ccc; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400; margin-bottom: 10px;}
.carrinho .dados .inputb {width: 45%; float: right; padding: 10px; border: 1px solid #ccc; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 400; margin-bottom: 10px;}
.botao {padding: 20px; background-color: #27567e; text-align: center; display: block; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.2em;}
.botao:hover {background-color: #000;}

.carrinho .ftmaior {font-size: 1.2em;}


/*********************************************************/

.carend {width:100%; font-weight:400; height:auto; display:table; min-height:100px;  margin: auto; text-align: center; background-color:  #f1f1f1; padding: 20px; margin-top: 40px;}
.carend h2 {font-size: 1.4em; font-weight: 400; padding-bottom: 30px;}
.carend span {text-align: left !important; color: red; font-size: 0.8em; font-style: italic;}
.carend-e {width: 50%; float: left; padding: 0 20px 30px 0;}
.carend-d {width: 25%; float: left;padding: 0 20px 30px 0;}
.carend-f {width: 25%; float: right; padding: 0 20px 30px 0;}

.carend .imputc {padding: 10px; border: 1px solid #49201e;font-family: 'Lato', sans-serif; width: 100%; margin-bottom: 5px;}
.carend label {width:100%; display:block; padding-bottom:5px; font-size: 0.8em; text-align: left;}

.tr {width: 100%; display: table; background-color: #f1f1f1;}
.tr .esquerda {width: 48%; float: left; line-height: 30px; padding: 20px;}
.tr .direita {width: 48%; float: right; line-height: 25px; padding: 20px; margin: 0;}


.carrinho .valores {float: right; padding: 25px; width: 35%;}
.carrinho .valores li {width: 50%; float: left; font-weight: 500; font-size: 1em; color: #252f30; padding-bottom: 40px;}
.carrinho .valores .rd {text-align: right !important;}
.carrinho .valores .ld {border-top: 1px solid #dfdfdf; padding-top: 20px; text-transform: uppercase; font-size: 1.2em;}