@import 'https://fonts.googleapis.com/css?family=Mitr';
@import 'https://fonts.googleapis.com/css?family=Roboto';
@import 'https://fonts.googleapis.com/css?family=Cabin:500';
@import 'https://fonts.googleapis.com/css?family=Hind:600';
@import url('resize.css');
@import url('componentmenu.css');

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

body {font-size: 12px; font-family: verdana; background: #fff top center; margin: auto; overflow-x: hidden;}

img {border: 0;}

.cut1 :nth-child(4n){margin-right: 0!important;}
.cut2 :nth-child(3n){margin-right: 0!important;}

.titulos {width: 100%; float: left; color: #484646; font: 30px 'Hind'; text-align: center; margin: 40px 0 40px 0;}
.titulos2 {width: 100%; float: left; color: #484646; font: 30px 'Hind'; text-align: center; margin: 40px 0 0 0;}
.titulos3 {width: 100%; float: left; color: #484646; font: 30px 'Hind'; text-align: center; margin: 40px 0 0 0;}

.linhas {width: 100%; height: 2px; float: left; background: #c2c2c2;}

.alinha1 {width: 100%; float: left; color: #484646; font: 30px 'Hind'; text-align: center; margin: 30px 0 30px 0;}
.alinha2 {width: 100%; height: 45px; float: left; color: #4f4f4f; font: 18px 'Roboto'; text-align: center; margin: 10px 0 10px 0; overflow: hidden;}
.alinha3 {width: 100%; float: left; color: #484646; font: 30px 'Hind';}
.alinha4 {float: left; color: #fff; font: 25px 'Roboto';}
.alinha5 {width: 100%; float: left; color: #000; text-align: center;}
.alinha6 {width: 100%; float: left; color: #000; text-align: center; margin-bottom: 70px;}
.alinha7 {width: 100%; float: left; color: #4f4f4f; font: 25px 'Roboto'; border-bottom: 3px #ff6f01 solid; padding-bottom: 10px; margin-bottom: 10px}
.alinha8 {width: 100%; float: left; color: #484646; font: 25px 'Hind';}
.alinha9 {width: 100%; float: left; color: #000; margin: 0 0 20px 0;}
.alinha10 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; margin: 20px 0 10px 0;}
.alinha11 {width: 100%; float: left; color: #000; margin: 0 0 0 0; text-align: center;}
.alinha12 {width: 100%; float: left; color: #000; margin-bottom: 30px; text-align: center;}
.alinha13 {width: 100%; float: left; color: #000; font-size: 30px; margin-bottom: 25px; text-align: center;}

#grid1 {width: 6.2%; margin-right: 20px;}
#grid2 {width: 14.2%; margin-right: 20px;}
#grid3 {width: 23.1%; height: auto; float: left; margin: 0 20px 50px 0; background: #fff;}
#grid3A {width: 23.1%; height: auto; float: left; margin: 0 20px 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}
#grid3XA {width: 23.1%; height: 450PX;; float: left; margin: 0 20px 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}
#grid4 {width: 31.5%; height: 15em; float: left; margin-right: 20px; overflow: hidden;}
#grid4A {width: 31.5%; height: 100%; float: right;}
#grid4B {width: 31.5%; height: auto; float: left; margin: 20px 20px 0 0;}
#grid5 {width: 40.1%; height: auto; float: left; overflow: hidden}
#grid5A {width: 40.1%; height: auto; float: left;}
#grid5B {width: 40.1%; height: auto; float: right;}
#grid6 {width: 48.1%; height: auto; float: right; color: #777373;}
#grid7 {width: 57.1%; height: auto; float: left;}
#grid7A {width: 57.1%; height: auto; float: right;}
#grid8 {width: 65%; margin-right: 20px;}
#grid9 {width: 74%; margin-right: 20px;}
#grid10 {width: 82%; margin-right: 20px;}
#grid11 {width: 91%; margin-right: 20px;}
#grid12 {width: 100%; height: auto; float: left;}

#topo {width: 100%; height: auto; float: left; background: url(img/topo.jpg) top center; padding: 30px 0 30px 0;}
#topo2 {width: 100%; height: 294px; float: left; background: url(img/topo.jpg) top center; padding: 30px 0 30px 0;}

.logo {width: 48%; height: auto; float: left; margin: 0 0 0 0; overflow: hidden;}

#menu_mobile {display: none;}
#menu {width: 25%; float: right; margin-top: 10px;}
.menu_links {width: 100%; float: right; color: #aeaeae; font: 27px 'Cabin'; text-align: right;}

a:link {color: #aeaeae; text-decoration: none;}
a:visited {color: #aeaeae; text-decoration: none;}
a:hover {text-decoration: none; color: #fe6e01;}

a.linkdois:link {color: #000; text-decoration: none;}
a.linkdois:visited {color: #000; text-decoration: none;}
a.linkdois:hover  {text-decoration: none; color: #fe6e01;}

#carrossel {width: 100%; height: auto; float: left; margin: 2px 0 1px 0; overflow: hidden;}
#carrossel_mobile {width: 100%; display: none;}
#containercarrossel {width: 100%;  margin-bottom: 15px; float: left;}
#carrosselprevnext {width: 100%;  margin-bottom: 15px;  float: left;}
#carrossel {width: 100%;  margin-bottom: 15px;float: left; overflow: hidden; margin: 0 auto;}
#carrossel ul {list-style: none; float: left;}
#carrossel ul li {float: left; display: inline;}
.prev {width: 50px; float: right; margin-top: 80%; overflow: hidden;}
.next {width: 50px;  float: left; margin-top: 80%; overflow: hidden;}

.destaque_background {width: 100%; height: 100%; float: left; background: url(img/destaque.jpg) repeat; padding-bottom: 50px; overflow: hidden;}

.produto_img {width: 100%; height: 200px; float: left; padding-top: 15px; overflow: hidden;}
.produto_titulo {width: 100%; height: auto; float: left; overflow: hidden;}
.produto_referencia {width: 100%; height: auto; float: left; color: #4f4f4f; text-align: center; border-bottom: 5px #F60 solid; padding-bottom: 15px}
.todos_produtos {width: 286px; height: auto; float: none; margin: 0 auto 0 auto;}

#release {width: 100%; float: left; background: url(img/release.png)#ededed no-repeat top center; padding: 30px 0 30px 0; }
.release_desc {width: 100%; height: 153px; float: left; color: #6f6f6f; margin-top: 20px; overflow: hidden;}
.assistente {width: 50%; height: auto; float: right; margin-top: -30px; overflow: hidden;}
.assistente_desc {width: 45%; height: auto; float: left; color: #6f6f6f;}
.assistente_lupa {width: 51px; height: 51px; float: left; margin-top: 30px;}

#footer {width: 100%; float: left; background: #1f1f55; padding: 20px 0 23px 0; margin-top: -33px;}
.copyright {float: left; color: #fff; font-size: 12px; margin-top: 8px;}
#telefone {float: left; margin-left: 15%;}
.telefone_icon {float: left; margin: 5px 10px 0 0; overflow: hidden;}
.footer_sociais {float: right;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {width: 36px; height: 27px; float: right; margin: 3px 0 0 10px; overflow: hidden;}
.logoas_mobile {display: none;}

.menu_empresa_banner {width: 100%; height: auto; float: left; overflow: hidden;}
.menu_empresa_desc {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #404040;}

#menu_produtos {width: 450px; height: 60px; float: none; margin: 0 auto 85px auto; border-bottom: 3px #ff6f01 solid}
.form1 {width: 100%; height: 60px; border: 0px; background-color: #484646; color: #fff; float: right; padding-left: 5px; outline: none;}

.mapa {width: 100%; height: 370px; float: left; border-bottom: 3px #fe6e01 solid; overflow: hidden;}
.enviar {width: 100%; height: 65px; float: right; border: none; margin-top: 10px; color: #fff; background: #fe6e01;}
.form2 {width: 97%; height: 45px; border: 0px; background-color: #eaeaea; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #fe6e01 solid; margin-bottom: 10px;}
.form3 {width: 96%; height: 145px; border: 0px; background-color: #dcdcdc; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #f05033 solid; margin-bottom: 10px;}

#menu_meus-pedidos_mobile { display: none;}
#menu_meus-pedidos_detalhes_mobile {display: none;}

#menu_meus_dados {width: 330px; height: 59px; float: none; margin: 0 auto 0 auto; background-color: blue;}
.menu_meus_dados_icons {height: 100%; margin: 50px 15px 20px 15px; float: left; overflow: hidden;}
#botao-alterar {width: 40%; height: auto; float: right; margin: 20px 10px 0 0; padding-bottom: 100px;}
.alterar-dados {width: 100%; height: 50px; float: right; border: none; color: #fff; background: #fe6e01;}

#pedidos_menu {width: 100%; height: auto; float: left; background: #eaeaea; margin-top: 10px; padding: 5px 0 5px 0}
#menu_meus-pedidos {width: 100%; height: auto; float: left; border-bottom: 3px #fe6e01 solid; margin-top: 30px;}
.meus-pedidos_numero-1 {width: 14.2%; height: auto; float: left;}
.meus-pedidos_numero-2 {width: 12.2%; height: auto; float: left; border-right: 1px #fe6e01 solid; font-size: 20px; padding: 10px 0 10px 10px;}
.meus-pedidos_data-1 {width: 23.1%; height: auto; float: left;}
.meus-pedidos_data-2 {width: 21.1%; height: auto; float: left; border-right: 1px #fe6e01 solid; font-size: 20px; padding: 10px 0 10px 10px;}
.meus-pedidos_qnt {width: 23.1%; height: auto; float: left;}
.meus-pedidos_qnt-1 {width: 21.1%; height: auto; float: left; font-size: 20px; padding: 10px 0 10px 10px;}
.meus-pedidos_lupa {width: 21px; height: 21px; float: right; padding: 15px 10px 0 0;}

.meus-pedidos_detalhes_nome {width: 40%; height: auto; float: left;}
.meus-pedidos_detalhes_qtd {width: 40%; height: auto; float: left;}
.meus-pedidos_detalhes-1 {width: 35%; height: auto; float: left; border-right: 1px #fe6e01 solid; font-size: 15px; padding: 15px 20px 10px;}
.meus-pedidos_detalhes-2 {width: 35%; height: auto; float: left; font-size: 25px; padding: 10px 0 5px 10px;}

/* z
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
#menu_meus-pedidos_mobile { display: none;}
#menu_meus-pedidos_detalhes_mobile {display: none;}

	/*! MENU */
#menu_mobile {display: none;}

	/*! FOOTER */
.assistente_lupa {width: 51px; height: 51px; float: left; margin-top: 20px;}
.logoas_mobile {display: none;}
}





/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
	/*! MENU */
#menu {width: 35%; float: right; margin-top: 10px;}
#menu_mobile {display: none;}

	/*! CARROSSEL */
.prev {width: 50px; float: right; margin-top: 60%; overflow: hidden;}
.next {width: 50px;  float: left; margin-top: 60%; overflow: hidden;}

	/*! PRODUTOS */
#grid3 {width: 22.7%; height: auto; float: left; margin: 0 20px 50px 0;}

	/*! ASSISTENTE */
#grid4A {width: 40%; height: 100%; float: right;}	
.assistente {width: 50%; height: auto; float: right; margin-top: -25px; overflow: hidden;}
.release_desc {width: 100%; height: 142px; float: left; color: #6f6f6f; margin-top: 20px; overflow: hidden;}

	/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center;}
#telefone {width: 100%; float: left; margin: 0 0 0 0;}
.alinha4 {width: 100%; float: left; color: #fff; font: 25px 'Roboto'; text-align: center; margin: 10px 0 10px 0;}
.telefone_icon { display: none}
#footer_sociais { width: 63px; height: auto; float: none; margin: 10px auto 10px auto;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {display: none;}
.logoas_mobile {width: 36px; height: 27px; float: none; margin: 10px auto 0 auto; display: block;}

	/*! MENU SOBRE */
#grid4 {width: 31%; height: 11.5em; float: left; margin-right: 20px; overflow: hidden;}

	/*! MENU PRODUTOS - PRODUTOS 2 */
#grid3A {width: 22.5%; height: auto; float: left; margin: 0 20px 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}

	/*! MENU MEUS DADOS */
#grid4B {width: 31%; height: auto; float: left; margin: 20px 20px 0 0;}
#botao-alterar {width: 31%; height: auto; float: right; margin: 20px 10px 0 0; padding-bottom: 100px;}
#menu_meus-pedidos_mobile { display: none;}
#menu_meus-pedidos_detalhes_mobile {display: none;}
}





/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
	/*! MENU */
#menu {width: 35%; float: right; margin-top: 10px;}
#menu_mobile {display: none;}

	/*! CARROSSEL */
.prev {width: 50px; float: right; margin-top: 50%; overflow: hidden;}
.next {width: 50px;  float: left; margin-top: 50%; overflow: hidden;}

	/*! PRODUTOS */
#grid3 {width: 22%; height: auto; float: left; margin: 0 20px 50px 0;}
.alinha2 {width: 100%; height: 33px; float: left; color: #4f4f4f; font: 13px 'Roboto'; text-align: center; margin: 10px 0 10px 0; overflow: hidden;}

	/*! ASSISTENTE */
.release_desc {width: 100%; float: left; color: #6f6f6f; margin-top: 0; text-align: center;}
.assistente_desc {width: 100%; height: auto; float: left; color: #6f6f6f; text-align: center; margin-bottom: 10px;}
.assistente_lupa {width: 51px; height: 51px; float: none; margin: 0 auto 0 auto;}
#grid4A {width: 40%; height: 100%; float: right;}	
#grid7 {width: 57.1%; height: auto; float: left;}
.assistente { display: none;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind';}

	/*! FOOTER */
#footer {width: 100%; float: left; background: #1f1f55; padding: 20px 0 23px 0; margin-top: 0px;}
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center;}
#telefone {width: 100%; float: left; margin: 0 0 0 0;}
.alinha4 {width: 100%; float: left; color: #fff; font: 25px 'Roboto'; text-align: center; margin: 10px 0 10px 0;}
.telefone_icon { display: none}
#footer_sociais { width: 63px; height: auto; float: none; margin: 10px auto 10px auto;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {display: none;}
.logoas_mobile {width: 36px; height: 27px; float: none; margin: 10px auto 0 auto; display: block;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center;}

	/*! MENU SOBRE */
#grid4 {width: 31%; height: 9em; float: left; margin-right: 20px; overflow: hidden;}

	/*! MENU PRODUTOS - PRODUTOS 2 */
#grid3A {width: 22%; height: auto; float: left; margin: 0 20px 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}

	/*! MENU PEDIDOS ONLINE */
.alinha8 {width: 100%; float: left; color: #484646; font: 20px 'Hind';}
#grid5A {width: 45%; height: auto; float: left;}
#grid5B {width: 45%; height: auto; float: right;}

	/*! MENU MEUS DADOS */
#grid4B {width: 31%; height: auto; float: left; margin: 20px 20px 0 0;}
#botao-alterar {width: 31%; height: auto; float: right; margin: 20px 0 0 0; padding-bottom: 100px;}

	/*! MENU PEDIDOS */
.meus-pedidos_numero-1 {width: 17.2%; height: auto; float: left;}
.meus-pedidos_data-1 {width: 26.1%; height: auto; float: left;}
.meus-pedidos_qnt {width: 26.1%; height: auto; float: left;}
.meus-pedidos_numero-2 {width: 15.2%; height: auto; float: left; border-right: 1px #fe6e01 solid; font-size: 20px; padding: 10px 0 10px 10px;}
.meus-pedidos_data-2 {width: 24.1%; height: auto; float: left; border-right: 1px #fe6e01 solid; font-size: 20px; padding: 10px 0 10px 10px;}
.meus-pedidos_qnt-1 {width: 24.1%; height: auto; float: left; font-size: 20px; padding: 10px 0 10px 10px;}
#menu_meus-pedidos_mobile { display: none;}

	/*! MENU PEDIDOS DETALHES */
.meus-pedidos_detalhes_nome {width: 45%; height: auto; float: left;}
.meus-pedidos_detalhes_qtd {width: 45%; height: auto; float: left;}
#menu_meus-pedidos_detalhes_mobile {display: none;}
}





/* 
640px – iPhone no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:640px) and (min-width: 481px){
	/*! TOPO */
.logo {width: 48%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! CARROSSEL */
.prev {width: 30px; float: right; margin-top: 60%; overflow: hidden;}
.next {width: 30px;  float: left; margin-top: 60%; overflow: hidden;}

	/*! MENU */
#menu {display: none;}
#menu_mobile {width: 100%; height: 45px; float: right; margin: 0 0 0 0; padding: 10px 0 10px 0; background: #1f1f55; display: block;}
#menu_center {width: 95%; height: 45px; float: none; margin: 0 auto 0 auto;}
.dl-menuwrapperr {
	width: 100%; height: 45px;
	max-width: 100%;
	float: left;
	position: relative; z-index: 9999999;
	-webkit-perspective: 1000px;
	perspective: 1000px; background: url(img/menu.png) no-repeat top center; text-align: center;}
.dl-menuwrapperr .dl-menu.dl-menuopen {
	opacity: 1; margin: 0 0 0 0;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px); background: #3a3a3a; position: relative; z-index: 99999;
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; overflow: hidden;
}

	/*! PRODUTOS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha2 {width: 100%; height: 33px; float: left; color: #4f4f4f; font: 20px 'Roboto'; text-align: center; margin: 10px 0 10px 0; overflow: hidden;}

	/*! ASSISTENTE */
#release {width: 100%; float: left; background: url(img/release.png)#ededed no-repeat top center; padding: 30px 0 80px 0;}
.release_desc {width: 100%; height: 100%; float: left; color: #6f6f6f; margin-top: 0; text-align: center;}
.assistente_desc {width: 100%; height: auto; float: left; color: #6f6f6f; text-align: center; margin-bottom: 10px;}
.assistente_lupa {width: 51px; height: 51px; float: none; margin: 0 auto 0 auto;}
#grid4A {width: 100%; height: 100%; float: right;}
#grid7 {width: 100%; height: auto; float: left;}
.assistente {display: none;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
#footer {width: 100%; float: left; background: #1f1f55; padding: 20px 0 23px 0;}
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center;}
#telefone {width: 100%; float: left; margin: 0 0 0 0;}
.alinha4 {width: 100%; float: left; color: #fff; font: 25px 'Roboto'; text-align: center; margin: 10px 0 10px 0;}
.telefone_icon {display: none}
#footer_sociais {width: 63px; height: auto; float: none; margin: 10px auto 10px auto;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {display: none;}
.logoas_mobile {width: 36px; height: 27px; float: none; margin: 10px auto 0 auto; display: block;}
.alinha3 {width: 100%; float: left; color: #484646; font: 30px 'Hind'; text-align: center;}

	/*! MENU SOBRE */
#grid4 {width: 100%; height: auto; float: left; margin-bottom: 20px; overflow: hidden;}
.menu_empresa_desc {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #404040; text-align: center;}

	/*! MENU PRODUTOS - PRODUTOS 2 */
#grid3A {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}
#menu_produtos {width: 400px; height: 60px; float: none; margin: 0 auto 20px auto; border-bottom: 3px #ff6f01 solid}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden}
#grid7A {width: 100%; height: auto; float: right; text-align: center;}
.alinha7 {width: 100%; float: left; color: #4f4f4f; font: 25px 'Roboto'; border: none;}

	/*! MENU PEDIDOS ONLINE */
.alinha8 {width: 100%; float: left; color: #484646; font: 20px 'Hind';}
#grid5A {width: 100%; height: auto; float: left; margin-bottom: 35px; text-align: center;}
#grid5B {width: 100%; height: auto; float: right; text-align: center;}

	/*! MENU CONTATO */
#grid6 {width: 100%; height: auto; float: right; color: #777373; text-align: center;}

	/*! MENU MEUS DADOS */
#grid4B {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#botao-alterar {width: 100%; height: auto; float: right; margin: 20px 0 0 0; padding-bottom: 30px;}
.alterar-dados {width: 100%; height: 50px; float: right; border: none; color: #fff; background: #fe6e01;}

	/*! MENU MEUS PEDIDOS */
#menu_meus-pedidos {display: none;}
#menu_meus-pedidos_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 5px 0; display: block;}
.meus-pedidos_lupa_mobile {width: 21px; height: 21px; float: none; margin: 0 auto 0 auto}

	/*! MENU MEUS PEDIDOS DETALHES */
#menu_meus-pedidos_detalhes_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 5px 0; display: block;}
}





/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
	/*! TOPO */
.logo {width: 48%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! CARROSSEL */
.prev {width: 30px; float: right; margin-top: 55%; overflow: hidden;}
.next {width: 30px;  float: left; margin-top: 55%; overflow: hidden;}

	/*! MENU */
#menu {display: none;}
#menu_mobile {width: 100%; height: 45px; float: right; margin: 0 0 0 0; padding: 10px 0 10px 0; background: #1f1f55; display: block;}
#menu_center {width: 95%; height: 45px; float: none; margin: 0 auto 0 auto;}
.dl-menuwrapperr {
	width: 100%; height: 45px;
	max-width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px; z-index: 9999999;
	perspective: 1000px; background: url(img/menu.png) no-repeat top center; text-align: center;}
.dl-menuwrapperr .dl-menu.dl-menuopen {
	opacity: 1; margin: 0 0 0 0;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px); background: #3a3a3a; position: relative; z-index: 99999;
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; overflow: hidden;
}

	/*! PRODUTOS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha2 {width: 100%; height: 33px; float: left; color: #4f4f4f; font: 20px 'Roboto'; text-align: center; margin: 10px 0 10px 0; overflow: hidden;}

	/*! ASSISTENTE */
#release {width: 100%; float: left; background: url(img/release.png)#ededed no-repeat top center; padding: 30px 0 80px 0;}
.release_desc {width: 100%; height: 100%; float: left; color: #6f6f6f; margin-top: 0; text-align: center;}
.assistente_desc {width: 100%; height: auto; float: left; color: #6f6f6f; text-align: center; margin-bottom: 10px;}
.assistente_lupa {width: 51px; height: 51px; float: none; margin: 0 auto 0 auto;}
#grid4A {width: 100%; height: 100%; float: right;}
#grid7 {width: 100%; height: auto; float: left;}
.assistente {display: none;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
#footer {width: 100%; float: left; background: #1f1f55; padding: 20px 0 23px 0;}
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center;}
#telefone {width: 100%; float: left; margin: 0 0 0 0;}
.alinha4 {width: 100%; float: left; color: #fff; font: 25px 'Roboto'; text-align: center; margin: 10px 0 10px 0;}
.telefone_icon {display: none}
#footer_sociais {width: 63px; height: auto; float: none; margin: 10px auto 10px auto;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {display: none;}
.logoas_mobile {width: 36px; height: 27px; float: none; margin: 10px auto 0 auto; display: block;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center;}

	/*! MENU SOBRE */
.titulos {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center; margin: 20px 0 20px 0;}
#grid4 {width: 100%; height: auto; float: left; margin-bottom: 20px; overflow: hidden;}
.menu_empresa_desc {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #404040; text-align: center;}

	/*! MENU PRODUTOS - PRODUTOS 2 */
#grid3A {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}
#menu_produtos {width: 330px; height: 60px; float: none; margin: 0 auto 20px auto; border-bottom: 3px #ff6f01 solid;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden}
#grid7A {width: 100%; height: auto; float: right; text-align: center;}
.alinha7 {width: 100%; float: left; color: #4f4f4f; font: 25px 'Roboto'; border: none;}

	/*! MENU PEDIDOS ONLINE */
.alinha8 {width: 100%; float: left; color: #484646; font: 20px 'Hind';}
#grid5A {width: 100%; height: auto; float: left; margin-bottom: 35px; text-align: center;}
#grid5B {width: 100%; height: auto; float: right; text-align: center;}

	/*! MENU CONTATO */
#grid6 {width: 100%; height: auto; float: right; color: #777373; text-align: center;}

	/*! MENU MEUS DADOS */
#grid4B {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#botao-alterar {width: 100%; height: auto; float: right; margin: 20px 0 0 0; padding-bottom: 30px;}
.alterar-dados {width: 100%; height: 50px; float: right; border: none; color: #fff; background: #fe6e01;}

	/*! MENU MEUS PEDIDOS */
#menu_meus-pedidos {display: none;}
#menu_meus-pedidos_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 20px 0; display: block;}
.meus-pedidos_lupa_mobile {width: 21px; height: 21px; float: none; margin: 0 auto 0 auto}

	/*! MENU MEUS PEDIDOS DETALHES */
#menu_meus-pedidos_detalhes_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 5px 0; display: block;}
}





/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width:384px){
	/*! TOPO */
.logo {width: 48%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! CARROSSEL */
.prev {width: 25px; float: right; margin-top: 55%; overflow: hidden;}
.next {width: 25px;  float: left; margin-top: 55%; overflow: hidden;}

	/*! MENU */
#menu {display: none;}
#menu_mobile {width: 100%; height: 45px; float: right; margin: 0 0 0 0; padding: 10px 0 10px 0; background: #1f1f55; display: block;}
#menu_center {width: 95%; height: 45px; float: none; margin: 0 auto 0 auto;}
.dl-menuwrapperr {
	width: 100%; height: 45px;
	max-width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px; z-index: 9999999;
	perspective: 1000px; background: url(img/menu.png) no-repeat top center; text-align: center;}
.dl-menuwrapperr .dl-menu.dl-menuopen {
	opacity: 1; margin: 0 0 0 0;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px); background: #3a3a3a; position: relative; z-index: 99999;
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; overflow: hidden;
}

	/*! PRODUTOS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha2 {width: 100%; height: 33px; float: left; color: #4f4f4f; font: 20px 'Roboto'; text-align: center; margin: 10px 0 10px 0; overflow: hidden;}

	/*! ASSISTENTE */
#release {width: 100%; float: left; background: url(img/release.png)#ededed no-repeat top center; padding: 30px 0 80px 0;}
.release_desc {width: 100%; height: 100%; float: left; color: #6f6f6f; margin-top: 0; text-align: center;}
.assistente_desc {width: 100%; height: auto; float: left; color: #6f6f6f; text-align: center; margin-bottom: 10px;}
.assistente_lupa {width: 51px; height: 51px; float: none; margin: 0 auto 0 auto;}
#grid4A {width: 100%; height: 100%; float: right;}
#grid7 {width: 100%; height: auto; float: left;}
.assistente {display: none;}
.alinha3 {width: 100%; float: left; color: #484646; font: 25px 'Hind'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
#footer {width: 100%; float: left; background: #1f1f55; padding: 20px 0 23px 0;}
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center;}
#telefone {width: 100%; float: left; margin: 0 0 0 0;}
.alinha4 {width: 100%; float: left; color: #fff; font: 25px 'Roboto'; text-align: center; margin: 10px 0 10px 0;}
.telefone_icon {display: none}
#footer_sociais {width: 63px; height: auto; float: none; margin: 10px auto 10px auto;}
.redes_sociais {height: 28px; float: right; margin-right: 10px; overflow: hidden;}
.logoas {display: none;}
.logoas_mobile {width: 36px; height: 27px; float: none; margin: 10px auto 0 auto; display: block;}
.alinha3 {width: 100%; float: left; color: #484646; font: 20px 'Hind'; text-align: center;}

	/*! MENU SOBRE */
.titulos {width: 100%; float: left; color: #484646; font: 20px 'Hind'; text-align: center; margin: 20px 0 20px 0;}
#grid4 {width: 100%; height: auto; float: left; margin-bottom: 20px; overflow: hidden;}
.menu_empresa_desc {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #404040; text-align: center;}

	/*! MENU PRODUTOS - PRODUTOS 2 */
#grid3A {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 1px #ff6f01 solid; padding-top: 20px;}
#menu_produtos {width: 270px; height: 60px; float: none; margin: 0 auto 20px auto; border-bottom: 3px #ff6f01 solid;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden}
#grid7A {width: 100%; height: auto; float: right; text-align: center;}
.alinha7 {width: 100%; float: left; color: #4f4f4f; font: 25px 'Roboto'; border: none;}

	/*! MENU PEDIDOS ONLINE */
.alinha8 {width: 100%; float: left; color: #484646; font: 20px 'Hind';}
#grid5A {width: 100%; height: auto; float: left; margin-bottom: 35px; text-align: center;}
#grid5B {width: 100%; height: auto; float: right; text-align: center;}

	/*! MENU CONTATO */
#grid6 {width: 100%; height: auto; float: right; color: #777373; text-align: center;}

	/*! MENU MEUS DADOS */
#grid4B {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#botao-alterar {width: 100%; height: auto; float: right; margin: 20px 0 0 0; padding-bottom: 30px;}
.alterar-dados {width: 100%; height: 50px; float: right; border: none; color: #fff; background: #fe6e01;}

	/*! MENU MEUS PEDIDOS */
#menu_meus-pedidos {display: none;}
#menu_meus-pedidos_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 20px 0; display: block;}
.meus-pedidos_lupa_mobile {width: 21px; height: 21px; float: none; margin: 0 auto 0 auto}

	/*! MENU MEUS PEDIDOS DETALHES */
#menu_meus-pedidos_detalhes_mobile {width: 100%; height: auto; float: left; background: #eaeaea; padding: 20px 0 5px 0; display: block;}
}