@charset "UTF-8";

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#logo {
	clear: both;
	float: left;
	margin-left: 7%;
	margin-top: 40px;
	display: block; 
}

#menu {
	clear: both;
	float: left;
	width: 100%;
	display: none;
}

#menumob {
	right: 0px;
	top: 0px;
	display: block;
    position: absolute
}
 
.colunas2{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.colunas3 {
	clear:both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.colunas4{
	clear: both;
	float: left;
	width:100%;
	margin-bottom:40px;
	display: block;
	cursor: pointer;
}
 
 
 
.barrafamindex{
	display:none;
}

.menutop{
	clear:both;
	display:none;
}
.menubottom{
	clear:both;
	display:none;
}

 
.barrapever{
	height:100%;
}


.imgprod{
	 width:100%;
	clear:both; 
	 float:left;
	 display: block;
	position:relative;
	height: 160px;
}

.imgprod2{
	 width:100%;
	clear:both; 
	 float:left;
	 display: block;
	position:relative;
	height: 125px;
}

.txtprod{
	width:100%; clear:both;
	float:left;
	margin-left:2%;
	margin-right:2%;
	display: block;
	position:relative; 
	margin-top:5px;
}
#abreprocura{
	width:120px;
	margin-top:10px;
	padding-left:0px;
	margin-left:0px;
	
}


.maxwidthconte
{
    width: 90%;
    max-width: 1000px;
    margin-left:5%;
    margin-right: 5%;
    height:100%;
    margin: 0 auto;

} 

.wrapcenter
{
	display: inline-block; 
	position: relative;
	
}
.letra12peq{
	font-size:11px;
	text-decoration: none;
}

.menupri, menupri2
{
	font-size: 13px;
}
.inputlocal
{
	font-size:12px; 
}

.hovergal
{ 
	position: relative; 
	width: 100%;
}

.hovergal > .colunas2
{ 
	float:right; 
	padding: 30px 25px 0; 
	box-sizing:border-box; 
	background: #f3f4f6;
}

.newsletter
{
	height: 126px;
}

.novidadesrecebe
{
	top:0;
	
	position: relative;
}
.blockmob
{
	display: block;
	border-bottom: 1px solid #003e51; border-top: 1px solid transparent ;
}
.blockmob2
{
	display: block;
	position: relative;
	height: 20px;
}

.icono2text
{    
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.icono2text .blockmob2 > a
{
	float: left;
	margin-left: 56px;
}

.inputnews
{
	font-size:15px; padding-right:0px; background: none;   width:184px;  border-radius:0; color:#003e51; height: 28px; padding-bottom: 4px; border-bottom:1px solid #99b2b9;
}
.submitnews
{
	background: #FFF; color: #99b2b9; height:35px; font-weight:700; margin-left:7px; box-sizing:border-box;  padding:0 14px; cursor:pointer;
}

.busubmit
{
	height: 55px;
}

 
.g-recaptcha{width: 303px; margin-left: -44px; margin-top: -13px; -ms-transform: scale(0.7); /* IE 9 */ -webkit-transform: scale(0.7); /* Safari */ transform: scale(0.7);}


.letra60
{
    font-size:30px;
    font-weight: 300;
}
   .letra40{
	font-size:22px;
	text-decoration: none;
}
 
.hidemobile{display:none;}
.showmobile{display:block;} 
.customsize
{
	min-width: 250px!important;
}

.slogan
{
	display: block;
	width: 100%;  
	margin-top:20px;
	font-size: 15px;
	box-sizing: border-box;
	padding:  0 20px; 
	margin-right: 0px;
}

.paddingtopprod
{
	box-sizing: border-box;
	padding-top:00px;
}
 .emailcontacto, .telefonecontacto, .emailorc, .telefoneorc
{
    width: 100%;
    clear: both;
    float: left;
	margin: 0px;
} 

.colunas2captcha
{
    margin: 0px;
    float: left;
    clear: none;
    width: 100%;
}

.colunas2submit
{
    clear: both;
    float: right;
    width: 100%;
}

.add90padding
{
	padding-left:20px;
	padding-right:20px;
}

.infope
{
	width: 100%; 
	margin-bottom: 0px;
	
}

.copyright
{ 
	width: 100%;
}
.wraplogocopy
{
	display: inline-block;
	margin-top:5px;
}
 .termoproc
{
	display: block;
	font-size: 14px;  
	font-weight: 500;
	color:#4a2613;
}

.termohide
{
	display: none;
	font-size: 14px;  
	color:#4a2613;
}

.caminho
{
	   display:inline-block; z-index: 20;  line-height: 34px; top: 0; position: relative; left:auto;
}

.carrinhoapres
{
	box-sizing: border-box;
	padding: 20px 30px 0;
}

.abrefinalizar
{
	box-sizing: border-box;
	padding: 40px 30px 0;
}
.imgpopup
{
	width: 70px;
}

.btnencomenda
{
	width: 100%;
	
	margin-left:0px;
	
}
.wrapqtd
{
	width: 100%;
}

.colsprodright
{
	padding-right: 20px;
}

.spacemenulogo
{
	padding-top:10px;
}

.ornamentos
{
	right: auto;
	left: 20%;
	top: -3%;
	display: none;
}

.ornamentos_mobile
{
	display: block;
}

.logowidth
{
	width: 136px;
}

.abremenumob
{
	width: 100%;
	margin:0 auto;
	top: 96px; 
}

.innerprocura
{
	width: calc(100% - 36px);
}

.padding40
{
	padding-left: 20px;
	padding-right: 20px;
}

.procura
{
    top: -46px;
}

.heightprodimg
{
	height: 200px;
}

#pefim
{
	margin-top: 40px;
	margin-bottom: 45px;	
}

.flexslider-controls
{
	top: 224px;
}

.imgindex
{
	height:220px; 
}

.caption
{
	padding: 20px;
	margin-top: 31px;
	height: 150px;
}

.letra30dest
{
	font-size: 22px;
}
 
.heightslider
{
	height: 400px;
}

#map_canvas
{
	height: 250px;
}
	

.bkbranco
{
	padding-bottom: 60px;
}

.destaquecont,
.destimg
{
	height: 150px;
}
 

.flex-growmob
{
	flex-grow: 1;
}

.prodhr
{
	display: none;
}

/************************************ FIM MOBILE *******************************/



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */  
@media only screen and (min-width: 481px) {
	
	.gridContainer
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	#LayoutDiv1 {
		clear: both;
		float: none;
		margin: 0 auto;
		width: 90%;
		display: block;
	}
	
	#logo {
		clear: both;
		float: left;
		margin-left: 0;
		margin-top: 49px;
		display: block;
	}
	
	#menu {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: none;
	}
	
	#menumob {
		clear: both; 
		right: 0px;
		top: 0px;
		display: block;
	}

	.colunas2{
		clear: none;
		float: left;
		width:100%;
		margin-left:0%;
		display: block;
	}

	.colunas3 {
		clear: none;
		float: left;
		margin-left: 4px;
		margin-right: 4px;
		width: calc( 50% - 10px);
		display: block;
	}
	
	.colunas4{
		clear: none;
		float: left;
		width:50%;
		padding-left:0.5%;
		padding-right:0.5%;
		box-sizing: border-box;
		margin-bottom:2%;
		display: block;
	}

	.barrafamindex{
		display:none;
	}

	.menutop{
		clear:none;
		display:block;
	}
	
	.menubottom{
		clear:both;
		display:none;
	}
	
	.catalogo{
		display:none;
	}
	
	.destslideindex{
		background: url(imgs/destslide.png) no-repeat; 
		width: 401px; 
		height:680px; 
		position:absolute; 
		right:0; 
		top:0; 
		z-index:0;
		margin:0;
	}
	
	 
	
	.barrapever{
		height:100%;
	}
	
	.imgprod, .imgprod2{
		clear: none;
		float: left;
		width: 100%; 
		display: block;
		position:relative;
	}

	.txtprod{
		clear: none;
		float: left;
		width: 100%; 
		display: block;
		position:relative; 
		margin-top:5px;
	}
	
	#abreprocura{
		width:10px;
		margin-top:0;
		padding-left:10px;
		margin-left:-5px;
	}
	
	.linkstoponorm{
		display:none;
	}
	
	.linkstopomob{
		display:block;
	} 

    #infodiv
	{
		padding-bottom: 30px;
		min-height: 150px;
	}
    
    .hidemobile{display:none;}
    
	.logotipo
	{
		  width: 170px;
	}
	 
	.letra12peq
	{
		font-size:12px;
		text-decoration: none;
	}	

	.distritosoptions
	{
		min-width: 179px;
	}
	
	.precooptions
	{ 
		min-width: 138px; 
	}
	
	.thumbnailimg
	{ 

		position: absolute;
		width:103px;
		height: 80px;

	}
	
	.imgwrap
	{
		width:103px;
		height: 80px; 
	}
	
	.maxwidthconte
	{
		width: 88%;
		max-width: 978px;
		margin-left:5%;
		margin-right: 5%;
		height:100%;
		margin: 0 auto;

	}
	
	.options
	{
		background-position: center right 10px;
		padding:0 27px 0 11px;
	}
	
	.comochegar
	{
		display: block;
	}

	.showmobile{display: block;}
	.hidemobile{display:none;}
	
	.colunas2submit
	{
		clear: none;
		float: right;
		width: calc((100% - 212.1px) - 14px);
	}
	
	.colunas2captcha
	{
		margin: 0px;
		float: left;
		clear: none;
		width: auto;
	}
	
	
	.add90padding
	{
		padding-left:20px;
		padding-right:20px;
	}
 	
	
	.btnencomenda
	{
		width: calc( 100% - 160px );
		margin-left:5px;
	}
	
	.wrapqtd
	{
		width: auto;
	}
	
	.spacemenulogo
	{
		padding-top:10px;
	}
	
	.ornamentos
	{
		display: block;
		left:auto;
		top:0;
		right: 0;
	}
	
	.ornamentos_mobile
	{
		display: none;
	}
	
	.abremenumob
	{
		width: 90%;
		top: 110px;
	}
	
	.heightprodimg
	{
		height: 484px;
	}
	
	.procura
	{
		top: 0px;
	}
	
	.icono2text .blockmob2 > a
	{
		float: none;
		margin-left: 0;
	}
	.icono2text
	{    
		width: auto;
		margin-top: 17px;
		margin-bottom: 10px;
	}
	.flex-growmob
	{
		flex-grow: 0;
	}

	.colsprodright
	{
		padding-right: 4%;
	}

}


/*­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ FIM TABLET ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­*/


 
	
@media only screen and (min-width: 650px) {
	
    .infope
	{
		width: 50%;
		margin-bottom: 11px;
	}

	.copyright
	{ 
		width: 50%;
	}
	
	.wraplogocopy
	{
		display: block;
		margin-top:5px;
	}
	
	.slogan
	{
		display: inline;
		margin-top: 58px;
		font-size: 20px;
		width: auto;
		padding:  0 0px;
		margin-right: 50px;
	}
	
	.abremenumob
	{
		width: 90%;
		margin:0 auto;
		top: 105px;
	}
}

@media only screen and (min-width: 980px) {
    
	.lidest
	{
		width:160px;
	}
	
	.logotipo
	{
		width: 220px;
	}
	
	.menupri, menupri2
	{
		font-size: 15px;
	}
	
	.add90padding
	{
		padding-left:10%; padding-right:10%;
	}
	
}
	  

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
    
    .gridContainer {
             width: 100%;
             max-width: 1400px;
             padding-left: 0%;
             padding-right: 0%;
             margin: auto;
             overflow: hidden;
    }
	
    #LayoutDiv1 {
            clear: both;
			float: none;
			margin:0 auto;
			width: 90%;
            display: block;
    }
	
    #logo 
	{
             clear: both;
             float: left;
             margin-left: 0;
             margin-top:57px;
             display: block;
	}
	
    #menu {
             clear: none;
             float: right;
        
             display: block;
    }
    #menumob {
             clear: both; 
             width: 100%;
             display: none;
    }
 
	.colunas2{
		clear: none;
		float: left;
		width:50%;
		margin-left:0%;
		display: block;
	}


	.colunas3 {
		clear: none;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		width: 31.333%;
		display: block;
	}



	.colunas4{
		clear: none;
		float: left;
		width: 25%;
		box-sizing: border-box;
		padding-left:0.5%;
		padding-right:0.5%;
		margin-bottom:0px;
		display: block;
	}
	
	.menutop{
		clear:none;
		display:block;
	}
	
	.menubottom{
		clear:none;
		display:block;
	}
	
	.barrapever
	{
		height:100%;
	}
	
	#abreprocura
	{
		width:10px;
		margin-top:0;
		padding-left:10px;
		margin-left:-10px;
	}
	
	#infodiv
	{
		padding-bottom: 0px;
		min-height:90px; 
	}
	
	.letra60
	{
		font-size:60px;
		font-weight: 300;
    }
	
    .letra40
	{
		font-size:40px;
		text-decoration: none;
	}
	
    .letra22
	{
		font-size:22px;
		text-decoration: none;
	}
	
    .caminho
	{
		display:inline-block;
		z-index: 20;
		line-height: 34px;
		top: 0;
		position: relative;
		left:auto;
	}
 	
    .grecaptcha
    {
        width:211px; 
    }
	
	.backgroundmob1
	{
		background: none;
	} 

	.blockmob
	{
		display: inline-block;
		border-bottom: 0px solid #003e51;
	}.blockmob2
	{
		display: initial; 
	}
	
	
	.newsletter
	{
		height: 63px;
	}
	
	
	.busubmit
	{
	 	height: 52px;
	}
	
	
	.hidemobile{display:block;}
   
    .showmobile{display: none;}
    .slogan
	{
		width: auto;
		margin-top:54px;
		font-size: 25px;
		margin-right: 0px;
	}
 


	.wrapinputstring
	{
		height:62px;
		position: relative;
		float: left;
		width: calc(100% - 535px );
	}

	.filtroswrapper
	{
		float: right;
		width: auto;
	}


	 .wrapfiltros
	{
		position: relative;
		float: left;
		background: none;
		width: auto;
		height: 62px;
	}

	.wrapbtn
	{
		display: inline-block;  
		height:62px;
		float: left;
		position: relative;
	}



	.separatorpesq
	{
		display: inline-block;
	}	


	.wrapsearch
	{
		margin: 0 30px;
	}	

	
	.selectcategoria
	{
		padding: 0 52px 0 31px; 
		width: 205px;
		color:#003e51;
		background: url(imgs/seta_filtros.png) no-repeat center right 16px;
		border-top: none;
	}
	
	.selectcategoria > div, .selectdistrito > div
	{
		float:none;
	}
	
	.selectdistrito
	{
		padding: 0 52px 0 31px; 
		width: 271px;
		color:#003e51;
		background: url(imgs/seta_filtros.png) no-repeat center right 16px;
		border-top: none;
	}
	
	.wrapmorada
	{
		text-align: right; 
	}
	
	.wrappespan
	{
		height: 27px;  
		height: 36px;
	}
	
	.wrappespan > a
	{
		float: left; 
		margin-left:10px;
	}
	
	.iconfacebook
	{
		margin-top: 0;
	}
	
	.paddingtopprod
	{
		padding-top:50px;
	}
	
 	.emailcontacto, .emailorc
	{
		clear: none;
		float: left;
		width: calc(60% - 5px);
		margin-right: 5px;
	}
	
	
 	.telefonecontacto, .telefoneorc
	{
		clear: none;
		float: left;
		width: calc(40% - 5px);
		margin-left:5px;
	}

	.colunas2captcha
	{
	    margin: 0px;
	    float: left;
	    clear: none;
	    width: auto;
	}
	.colunas2submit
    {
        clear: none;
        float: right;
        width: calc((100% - 212.1px) - 14px);
    }
	
	
	.infope
	{
		width: 50%;
		
	}
	
	.copyright
	{ 
		width: 50%;
	}
	
	.wraplogocopy
	{
		display: inline-block; 
		margin-top: 5px;
	}
	
	.termoproc
	{
		display: block;
	}
	
	.termohide
	{
		display: none;
	}
	
	
	.carrinhoapres
	{
		box-sizing: border-box;
		padding:  10px 58px 0;
	}
	.abrefinalizar
	{
		box-sizing: border-box;
		padding:  58px 58px 0;
	}
	
	.imgpopup
	{
		width: 100px;
	}

	.btnencomenda
	{
		width: calc( 100% - 160px );
		margin-left:5px;
	}
	.wrapqtd
	{
		width: auto;
	}
	
	
	
	.spacemenulogo
	{
		padding-top:40px;
	}
	
	.ornamentos
	{
		left:auto;
		top:0;
		right: 0;
	}
	
	.logowidth
	{
		width: 182px;
	}
	
	.innerprocura
	{ 
		width: calc(100% - 140px);  
	}
	
	.procura
	{
		top: 45px;
	}
	
	#pefim
	{
		margin-top: 80px;
		margin-bottom: 90px;	
	}
	
	.flexslider-controls
	{
		top: 360px;
	}
	.imgindex
	{
		height:355px; 
	}
	
	.caption
	{ 
		padding: 40px;
		margin-top:33px;
		height: 180px;
	}

	.letra30dest
	{
		font-size: 30px;
	}
 
	
	.heightslider
	{
		height: 576px;
	}
	
	#map_canvas
	{
		height: 355px;
	}
	
	.padding40
	{ 
		padding-left: 17px;
		padding-right: 17px;
	} 
	
	
	.bkbranco
	{
		padding-bottom: 90px;
	}
	.destaquecont,
	.destimg
	{
		height: 210px;
	}
	 
	
	.customsize
	{
		min-width: 300px!important;
	}
	.prodhr
	{
		display: block;
	}
}   /* fim desktop */


@media only screen and (min-width:900px)
{
	.colsprodright
	{
		padding-right: 10%;
		
	}
	
	.padding40
	{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	 .wraplogocopy
	{
		display: inline-block; 
		margin-top: 0;
	}
}

@media only screen and (min-width:1090px)
{
 
	.letrainput
	{
		font-size:32px;
		text-decoration: none;
		font-weight:300; 
	}
}