/* max-width 320 */ 
@media only screen and (max-width: 320px) 
{ 

html, body {
	overflow-x:hidden !important;
	xoverflow-y:hidden !important;
	background:none;
	width:320px;
	min-width: 320px  !important;
	max-width:320px  !important;
}

.headerMain {
	display:none;
}

.headerResponsivo {
	left:0;
	float:left;
	overflow:hidden;
	display:block;
	width:320px;
	height:58px;
	margin-bottom:20px;
}

.logoResponsivo {
	float:left;
}

.headerResponsivo .menu {
	float:left;
	width:48px;
	height:48px;
	margin-top:5px;
	margin-left:10px;
	margin-right:30px;
	cursor:pointer;
}

.headerResponsivo .menu:hover, .menuResponsivo {
	display:block;
}

.menuResponsivo {
	display:none;
	width:230px;
	height:1000px;
	position:absolute;
	left:0;
	top:0;
	background-color:#505050;
	z-index:99;
	float:left;	
}

.menuResponsivo p {
	text-align:center;
	color:#e2e2e2;
	font-size:16px;
	font-weight:normal;
	padding-top:24px;
	padding-bottom:20px;
	border-bottom:1px rgb(61, 61, 61) solid;
}

.menuResponsivo li {
	text-align:left;
	text-transform: uppercase;
	color:#e2e2e2;
	font-size:12px;
	font-weight:normal;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px rgb(61, 61, 61) solid;
}


.menuResponsivo .selectMenu {
	background-color: rgb(117,29,87);
}


.menuResponsivo .selectMenu:after {
	content:'\00BB';
	display:block;
	float:right;
	font-size:25px;
	margin-top:-26px;
	padding-right:15px;
	background-color: rgb(117,29,87);
}

.menuResponsivo button {
	padding:10px;
	color:#e2e2e2;
	border-radius:5px;
	border:1px solid #404040;
	background-color:rgb(119,119,119);
	margin-top:20px;
	margin-left:60px;
	cursor:pointer;
}

.menuResponsivo button span {
	display:block;
	margin-left:5px;
	margin-right:10px;
	font-weight:bold;
	font-size:15px;
	float:left;
	color:#ffffff;
	margin-top:-4px;
}

.logoResponsivo img {
	width:130px;
	height:28px;
	margin-top:10px;
	margin-left:15px;
	float:left;	
}

.bg-home{
	width: 100%;
	display: table;
	background: #FFF url(../img/bghome-320.jpg) center top no-repeat;
	background-color:none;
}

.bg-int{
	overflow:hidden;
	width:320px !important;
	max-width:320px  !important;
	min-width:320px  !important;
	display: table;
	background:#FFF url(../img/bghome-320.jpg) center top no-repeat; 
}

.sobrePage {
	overflow:hidden;
	display:block;
	position:relative;
	float:none;
	padding-left:15px;
	width:280px;
}

#content {
	width:320px;
}

#content h1{
	display:block;
	float:none;
	margin-top:60px;
	padding-left:15px;
	padding-bottom:10px;
	width:320px;
}


.telefone {
	display:none;
}

.telefoneResponsivo {
	display:none;
}

.logo, .logo-ambiente {
	float:none;
	border:2px solid #404040;
	xleft:0;
	xtop:0;
	xposition:absolute;
	
}

#slide-home {
	display:none;
}

.box-ambiente {
	height:90px;
}

.box-ambiente h3, .box-ambiente p, .box-ambiente .certificado {
	display:none;
}

.box-ambiente .cont-ambiente {
	width:300px;
	text-align:center;
	overflow:hidden;
}

.box-ambiente h2 {
	width:250px;
	margin-left:auto;
	margin-right:auto;	
}

header nav {
	display:none;
}

.produtos div {
	float:none;
	overflow:hidden;
	width:300px;
	margin-left:10px;
	margin-bottom:20px;
	padding:0;
	padding-left:0;
	padding-right:0;
	position: relative;
	left:0px;
	top:0px;
	
}

.produtos div h2 {
	float:none;
	overflow:hidden;
	width:290px;
	text-align:center;
}

.produtos div p {
	display:none;
}

.produtos .pdg-top {
	display:none;
}

.produtos .box-prods {
	overflow:hidden;
	margin-left:10px;
	width:297px;
	height:355px;
	float:none;
}

.produtos .box-prods img {
	width:295px;
}

.produtos .box-prods .bt-saiba {
	overflow:hidden;
	width:290px;
	background-size: 295px 72px;
}


.destaque-bottom {
	background:none;
	background-color:rgb(205, 163, 3);
	width:295px;
	height:170px;
	padding:0;
	margin-left:10px;
	margin-bottom:40px;
	border-radius:5px;
}

.destaque-bottom .box-bottom {
	overflow:hidden;
	margin:0;
	width:265px;
	margin-left:10px;
	padding-top:10px;
}

.destaque-bottom .box-bottom-first {
	overflow:hidden;
	left:0;
	position:relative;
	float:left;
	background:none;
}

.destaque-bottom .box-bottom-last, .destaque-bottom .box-bottom-first {
	padding-top:10px;
	padding-left:10px;
}

.destaque-bottom .box-bottom-last p, .destaque-bottom .box-bottom-first p {
	width:300px;
}

.destaque-bottom .box-bottom-last {
	display:none;
}

.bg-rodape-int nav, .bg-rodape nav {
	display:none;
}

.footer-left .contato {
	display:none;
}

.siga {
	margin-top:-20px;
}


.siga-320 {
	display:block;
	height:50px;
	overflow:hidden;
	float:none;
	width:290px;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}

.siga-320 p {
	width: 97px;
	height: 28px;
	float: left;
	margin-top: 26px;
	margin-left:30px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../img/logo-footer.png) 0 0 no-repeat;
	margin-right: 30px;
}


.siga-320 h3 {
	overflow:hidden;
	width:120px;
	display:block !important;
	height:30px;
	margin-top:20px;
	padding-left:0;
	border-left:3px dotted rgb(138,69,116);
}


.siga {
	width:290px;
	float:none;
	padding-left:10px;
	margin-bottom:60px;
}

.siga h3 {
	display:none;
}

.siga li {
	float:left;
	padding:0;	
}

.siga a.twitter{ width: 73px; height:20px; background-image: url(../img/twitter.png); background-size:73px 40px;  padding:0; margin:0; margin-left:15px; }
.siga a.facebook{ width: 87px; height:20px; background-image: url(../img/facebook.png);  background-size:87px 40px; padding:0; margin:0; margin-left:15px; }
.siga a.instagram{ width:85px; height:25px; background-image: url(../img/instagran.png); background-size:85px 50px; padding:0; margin:0; margin-left:15px; }

.bg-rodape, .bg-rodape-int{
	width: 320px;	
	height:500px;
	padding-top: 10px;
	background: url(../img/bgrodaint-320.jpg) top left no-repeat;
}

.address {
	overflow:hidden;
	float:none;
	width:280px;
	margin-left:15px;
	text-align:center;
}

.address-sp {
	margin-top:95px !important;
	position:relative;
}

.address .endereco-footer {
	overflow:hidden;
	width:320px;
	float:none;
	padding:0;
	margin:0;
	text-align:center;
}

.address .dsp-b {
	padding:0;
	margin:0;
	padding-bottom:10px;
	width:320px;
}

.address .dsp-end {
	display:none;
}

.address .icon-tel {
	display:block;
	float:none;
	width:320px;
	padding:0;
	margin:0;	
}

.address .icon-tel-sp {	
	background-position:20px;
}

.address .icon-tel-rj {	
	background-position:75px;
}


.address .email-footer {
	float:none;
	display:block;
	overflow:hidden;
	float:none;
	width:320px;
	padding:0;
	margin:0;
	margin-top:10px;
}

.address .email-footer a{
	padding:0;
	margin:0;
	background-position:25px;	
}


.logo-footer {
	display:none;
}

.face {
	display:none;
}


.nav-empr  {
	overflow:hidden;
	text-align:center;
	height:80px;
}

.nav-empr li {
	margin-left:35px !important;
	margin-bottom:10px;
	float:none;
	width:220px;
}


.nav-empr li a{
	width: 215px;
	height: 30px;
	color: #ededed;
	font-size: 14px;
	font-family: 'opens', sans-serif;
	padding: 6px 0 0 15px;
	background-image: url(../img/btnav.jpg); 
	background-size: 230px 72px;
	text-align:left;
}


.tab_content {	
	padding-top:10px;
	overflow:hidden;
	width:320px;
}

.tab_content h2 {	
	margin-left:15px;
}

.tab_content p, .tab_content ul, .tab_content h3 {	
	margin-left:15px;
	margin-right:20px;
}

.tab_content img {	
	display:none;
}


.tab_content .abrafest {	
	display:block;
	margin-left:35px;
}	

#politica-de-locacao {
	display:none;
}

.box-destaques {
	overflow:hidden;
	float:none;
	background: url(../img/bgdestaque.jpg) 0 0 no-repeat;
	background-size: 290px 145px;
	margin-left:15px;
}
	
.box-destaques p {
	display:none;
}

.box-destaques .allview {
	display:block;
	width:200px;
	float:left;
	padding-left:10px;
	
}

.box-destaques h3 a {
	padding-left:10px;
}

.box-destaques h3 span {
	display:block;
	overflow:hidden;
	font-size:35px;
	font-weight:bold;
	padding-left:10px;
}

.seloResponsivo {
	display:block;
	width:320px;
	float:none;
	margin-top:-60px;
}

.seloResponsivo a {
	margin-top:30px;
	margin-left:50px;
	width:220px;
	float:left;
}

.seloResponsivo a:after {
	content:"";
	float:right;
	width:100px;
	height:20px;
	background-image:url(../img/ao5.jpg);
	background-size:99px 20px;
}

.address-rj {
	border-top:3px dotted rgb(138,69,116);	
	padding-top:20px;
}


/* ERRO 404 */
#error {
	overflow:hidden;
	width:320px;
}

.erro{
	overflow:hidden;
	width: 320px;
	height: auto;
	margin-bottom:40px;
	padding-top:0;
	padding-left:0;
	background: url(../img/bgerro.jpg) left top no-repeat;
	background-size:120px 120px;	
}

#error .erro h1{ font-size: 34px; margin-top:0px; padding-left:130px; color: #842163;}
#error .erro h2{ padding-left:130px; overflow:hidden; width:150px;}
#error .erro p{ padding-top:30px; padding-left:15px; overflow:hidden; width:280px;}

#error ul li {
	margin-left:50px;
}

.erro a{
	width: 204px;
	height: 31px;
	display: block;
	color: #ededed;
	font-size: 13px;
	padding: 4px 0 0 15px;
	background-image: url(../img/bterro.png); 
}


/* DICAS DE AMBIENTES */
.box-dicas{
	overflow:hidden;
	width: 290px;
	float: none;
	padding-left:15px;
}
#content .box-dicas h2{
	width: 300px;
}

.galeria{ width: 320px; float: none; overflow:hidden; }

.galeria li{
	width: 135px;
	height: 111px;
	float: left;
	padding:0 !important;
	padding-bottom: 28px;
	margin:0  !important;
	margin-right: 20px !important;
	margin-bottom: 20px !important;
}

.galeria li img{
	width: 135px;
	height: 111px;
}


/* SERVIÇOS */
.box-serv img {
	display:none;
}

.box-serv div {
	width:320px;
	float:none;
	padding:0 !important;
}

.box-serv p {
	overflow:hidden;
	display:block;
	position:relative;
	float:none;
	padding-left:15px !important;
	width:300px !important;
}

.box-serv h2 {
	overflow:hidden;
	display:block;
	position:relative;
	float:none;
	padding-left:15px !important;
	width:280px !important;
}

.box-serv div .pdg-left{ padding-left: 15px;}

.lista {
	overflow:hidden;	
	padding-left:0 !important;
}

.lista li {
	overflow:hidden;
	margin-left:15px !important;
	padding-left:15px !important;
}

/* PAGINACAO */
.paginacao {
	width: 288px;
	height: 25px;
	float: left;
	background-color: #842163;
	border-radius: 15px;
	padding:0;
	margin:0;
	margin-left:15px;
	margin-bottom:30px;
}

.paginacao ul{
	width: 195px;
	float: left;
	margin: 0 0 0 18px;
}
.paginacao ul li{
	overflow:hidden;
	width: 32px;
	height: 18px;
	float: left;
	padding-top: 3px;
	margin:0 !important;
}

/* CONTATO */
.formulario{ width: 320px; height: auto; }
.formulario ul li{
	width: 320px;
	float: left;
	padding-bottom: 12px;
	margin-left:15px !important;
}
.formulario ul li label{
	display:none;
}
.formulario ul li input{
	width: 275px;
	height: 25px;
	float: none;
}

.formulario ul li select{
	width: 285px;
	height: 25px;
	float: none;
}

.formulario ul li textarea {
	width: 275px;
	height: 125px;
	float: none;
}

.formulario ul li:last-child {
	width:285px;
}

.formulario h2 {
	margin-left:15px;
	width:280px;
}

#lista-contato {
	overflow:hidden;
	margin-left:0px !important;
	padding-left:0;
	width:300px;
}

#lista-contato li p {
	width:210px;
}

.pdg-menor{ padding-bottom: 5px; padding-left:15px; padding-top:15px;}

.bt-mapa{
	overflow:hidden;
	width: 290px;
	height: 221px;
	background-image: url(../img/btmapa.jpg) no-repeat; 
	background-size:290px 240px;
	height:91px;
	margin-bottom:30px;
	margin-left:15px;
}

::-moz-placeholder{
	color:#404040;
}
:-moz-placeholder{
	color:#404040;
}
::-webkit-input-placeholder {
	color:#404040;
}
::-ms-input-placeholder {
	color:#404040;
}

/* PRODUTOS */
.hideSobre {
	display:none;
}

.box-produtos {
	overflow:hidden;
	width: 130px;
	float: left;
	margin:0;
	margin-right:20px;
	margin-bottom:20px;
	cursor: pointer;
}	

.box-produtos img {
	display:block;
	width:130px;
	height:126px;
}

.box-produtos h2 {
	width:115px;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}	

.box-produtos h2 a {
	padding:0;
	margin:0;
}


.box-produtos h3 {
	width:130px;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}	


aside {
	display:none;
}

/* PRODUTOS */
.cont-right{
	width: 320px;
	float: none;
	position: relative;
}

.cont-right-det, .cont-right-orc {
	margin-top:60px;
}

.cont-right h1 {
	margin-top:0 !important;
	padding-top:0 !important;
}

.cont-right h2 {
	padding-left:15px;
}


.categResponsivo {
	overflow:hidden;
	width:270px;
	height:20px;
	font-size:14px;
	margin-left:15px;
	display:block;
	padding:10px;
	border-radius:4px;
	border:1px solid rgb(168,165,158);
	background-color: rgb(200,202,201);
	margin-bottom:20px;
	font-weight:bold;
	color:rgb(77, 61, 71);
	cursor:pointer;
}

.categResponsivo:after {
	content:"";
	width:48px;
	height:48px;
	background-image:url(../img/categoria.png);
	background-size:48px 48px;
	display:block;
	overflow:hidden;
	float:left;
	margin-right:5px;
	margin-top:-14px;
}

.showInfo {	
	overflow:hidden;
	display:block !important;
	padding-left:15px;
	width:200px;
}

.listaProduto {
	width:320px;
	display:block;
	overflow:hidden;
	padding-left:15px;
}

.listaProduto  p {
	width:290px;
}

.h2-pdr {
	padding: 0 0 12px 0px !important;
}

/* SIDE RESPONSIVO CATEGORIAS */
.sideResponsivo {
	display:none;
	position:relative;
	margin-left:15px;
	margin-top:-18px;
	z-index:999;
}

aside .menu-aside li {
	width:285px !important;
}

aside .menu-aside li a{
	width: 270px;
	background-image: url(../img/navaside_responsivo.png);
}

#bread {
	display:none;
}

.bt-voltar {
	display:none;
}

.midias, .midias-detalhe {
	display:none;
}

.detalhe-top {
	padding-left:15px;
}

.detalhe-top .item-produto {
	width:280px !important;
}


.detalhe-top .lightbox-produto {
	width:280px;
	float:none !important;
}

.detalhe-top .lightbox-produto img {
	width:280px;
	float:none !important;

}

.right-detalhe{ width: 320px; float: none;}

.right-detalhe ul li .bt-solicite{
	width: 290px;
	height: 50px;
	background: url(../img/addorcamento.png);
	background-size:290px 50px;
	cursor:pointer;
}

/* RODAPE BUTTONS */
.rodape-int {
	width:320px;
	padding:0;
	margin:0;
	overflow:hidden;
	display:block;
	text-align:center;
	padding-bottom:20px;
	background-color:rgb(237,235,220);
}

.rodape-int a {
	padding:10px;
	width:270px;
	margin-top:10px;
	margin-bottom:15px;
	font-size:16px;
	border-radius:3px;
	border:1px solid #c8c8c8;
	background-color:rgb(198,197,169);
	cursor:pointer;
	margin-left:15px;
}

.rodape-int .btnVoltar {
	color:rgb(140,64,100);
}

.rodape-int .btnAnterior {
	color: rgb(125,122,105);
}


.rodape-int .btnVoltar:before {
	content:"\2039";
	float:left;
	display:block;
	overflow:hidden;
	margin-left:48px;
	position:absolute;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:16px;
	height:2px;
	background-color: rgb(140,64,100);
	border:1px solid rgb(140,64,100);
	border-radius:20px;	
	color:#ffffff;
	font-weight:bold;
	font-size:16px;	
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);	
}

.rodape-int .btnAnterior:before {
	content:"\2039";
	float:left;
	display:block;
	overflow:hidden;
	margin-left:44px;
	position:absolute;
	padding-left:4px;
	padding-right:4px;
	background-color:#808080;
	border:1px solid #808080;
	border-radius:20px;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
}

.sem-pdg-top {
	overflow:hidden;
	display:block;
	width:320px;
	height:30px;
}

/* ORCAMENTO */
.form-orcamento {
	overflow:hidden;
	display:block;
	width:290px !important;
	margin-left:15px;
}

.form-orcamento label {
	display:none;
}

.form-orcamento h4 {
	margin-left:-5px;
}

.form-orcamento ul li input, .form-orcamento ul li textarea {
	width: 255px;
	float: none;
	margin-left:10px;
	margin-right:0 !important;
}

.form-orcamento ul .li2{ width: 255px; float:none;}
.form-orcamento ul .li2 input{ width: 255px; float:none;}

.form-orcamento ul .cidade{ width: 255px;}
.form-orcamento ul .cidade input{ width: 255px !important; float:none;}

.form-orcamento ul .estado{ width: 265px; float:none !important;}
.form-orcamento ul .estado select{ width: 265px !important; float:none !important; margin-left:10px; }
.form-orcamento ul .data{ width: 255px; float:none;}
.form-orcamento ul .data input{ width: 255px; float:none;}

.form-orcamento ul li .cidade, .form-orcamento ul li .data {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	float:none;
}

.form-orcamento .pdg-left-form {
  padding-left:0 !important;
  float:none  !important;
}

.form-orcamento ul .cidade input{ 
	width: 255px;
}

.form-orcamento ul li a{
	width: 265px;
	height: 29px;
	float: none;
	margin:0;
	margin-left:15px;
	margin-bottom:20px;
	background-image: url(../img/btadicionar.jpg);
	background-size:265px 29px;
}

.form-orcamento ul li .bt-finaliza{
	width: 265px;
	height: 29px;
	float: none;
	border: none;
	margin-left:15px;
	background: none;
	padding: 0;
	background-size:265px 29px;
}

table{
	width: 290px;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-left:15px;
}

table .tam01{ width: 71px; padding-left: 20px; padding-top:8px; padding-bottom:8px; line-height:150%;}
table .tam02{ width: 5px; position:relative; padding-left: 5px; padding-right: 5px; text-align:center;}
table .tam03{ width: 41px; text-align: center; position: relative; padding-left: 17px;}
table .btadd{
	top:17px;
	left:70px;
}
table .btdel{
	top:17px;
	left:22px;
}	

.tamqtd {
 vertical-align:top; padding-top:15px;
}
.tamcod {
	display:none;
}

/* RESPOSTA ORÇAMENTO */

#resposta-orcamento{
	width: 320px;
	height: auto;
	margin: 0;
	margin-top:70px;
	margin-left:15px;
	background: url('../img/bg-resposta-orcamento.png') no-repeat;
	background-size:120px 120px;	
	padding-left: 0;
	padding-top:0;
	margin-bottom:40px;
}

#resposta-orcamento nav ul li a{
	background: url('../img/bg-menu-orcamento.png') no-repeat;
	width: 203px;
	height: 28px;
	margin-bottom: 5px;
	font-family: 'opens';
	font-size: 14px;
	padding-left: 17px;
	padding-top: 7px;
}
#resposta-orcamento nav ul li a:hover{ background-position: bottom;}

#resposta-orcamento nav ul li{
	margin-left:50px;
}

#resposta-orcamento  h1{ font-size: 24px; width:160px; padding-left:130px; color: #842163;}

}