@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: 0;
	margin-top:30px;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menumob {
	clear: none;
	float: left;
	margin-left: 100px;
	display: block;
}
.colunas2{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    margin-bottom:2%;
}
.colunas2s{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    margin-bottom:0;
}
.colunas3 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	display: block;
    margin-bottom:0;
}
.colunas4{
	clear: both;
	float: left;
	width:100%;
	margin-bottom:2%;
	display: block;
}
.colunaspeq4{
	clear: both;
	float: left;
	width: 100%;
	margin-left:1%;
	margin-bottom:2%;
	display: block;
}
.colunas40{
    clear: both;
	float: left;
	width: 100%;
	display: block;
}
.colunas60{
    clear: both;
	float: left;
	width: 100%;
	display: block;
}
.barrafamindex{
	display:none;
}

.menutop{
	clear:both;
	display:none;
}
.menubottom{
	clear:both;
	display:none;
}
.coluna2topo{
	clear: both;
	float: left;
	width:100%;
	display: block;
}
.catalogo{
	display:none;
}
.destslideindex{
	background: url(imgs/bkslidefam.png) no-repeat; 
	width: 370px; 
	height:164px; 
	position:absolute; 
	right:0; 
	margin-top:420px; 
	z-index:0;
}
.txtcaption{
	margin-top: 472px;
}
.barrapever{
	height:100%;
}

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

.txtprod{
	width:100%; clear:both;
	float:left;
	margin-left:2%;
	margin-right:2%;
	display: block;
	position:relative;
}
#abreprocura{
	width:120px;
	margin-top:10px;
	padding-left:0px;
	margin-left:0px;
	
}
.linkstoponorm{
	display:none;
}
.linkstopomob{
	display:block;
	z-index:1000; 
	margin-top:0px;
}
.mobile{
	display:block;
}
.iconpeagulha{
	width:120px;
	height:120px;
	background:url(imgs/almofadaagulhas.png) no-repeat;
	background-size:120px auto;
	position:relative; 
	z-index:100; 
	margin-top:-50px; 
	margin-left:0;
}
.txt2colunas{
	 -moz-column-count: none; -moz-column-gap: none; -webkit-column-count: none; -webkit-column-gap: none;
}
.padding60{
	padding:20px;
}
.width75{
	width:100%;
}
.nmrfam{
	color: #b0aea7;
	text-decoration:none;	
	font-size:10px;
	font-weight: normal;
}
.nmrfam2{
	color: #ffffff;
	text-decoration:none;	
	font-size:10px;
	font-weight: normal;
}
.letra12peq{
	font-size:9px;
	text-decoration: none;
}
.cordadir{
	width:25px;
	 overflow:hidden;
	  position:absolute;
	  z-index:100;
}
.facelinksmob{
	margin-left:-50px;
	margin-top:0px;
}
.logowidth{
	 width:180px; min-width:100px;
}
.widthpopup{
	width:180px;
	margin: 0 auto;
}
.carrinhoapres{
	padding-left:10px;
	padding-right:10px;
	max-width:280px;
	margin: 0 auto;
}
.carrinhoimg{
	height:40px; width:40px;display:none;
}
.carrinhopromo{
	width:108px; height:45px; display:none;
}
input {  
			font-size: 12px;
			text-decoration: none; 
			font-weight:normal;
			background-color: #ebeae6;
	background-repeat: repeat; padding:6px; color:#333;
	border-radius: none;
			border:none;
			padding:10px;
			width:250px;
}

textarea { 
			font-size: 11px; 
			text-decoration: none; 
			background-image: url(imgs/inputbk1.gif);
	background-repeat: repeat; padding:6px; color:#333;
			font-family: "LAto", Helvetica, sans-serif;
			border-radius: none;
			border:none;
			width:250px;
}

.interhide{display:none;}
.g-recaptcha{width:180px; -ms-transform: scale(0.5); /* IE 9 */ -webkit-transform: scale(0.5); /* Safari */ transform: scale(0.5);}
.letra28{
	font-size:18px;
	text-decoration: none;
}
.letra22{
	font-size:16px;
	text-decoration: none;
}
.letra14{
	font-size:12px;
	text-decoration: none;
}
.letra38{
	font-size:22px;
	text-decoration: none;
	font-weight:normal;
}
.letra48{
	font-size:38px;
	text-decoration: none;
    font-weight:300;
}

.txtencprint{
	font-size:12px;
	text-decoration: none;
}
.diagindex{margin-left:0;}
.diagindex2{margin-left:-30px;}
.destindextxt{padding-left:40px; padding-right:40px;}
.destindex{margin-top:20px;}
.logo10mob{height:40px}
.hidemob{display:none;}
.showmob{display:block;}
.paddleftright50{padding-right:20px; padding-left:20px;}
 .txtempresa{width:90%; top:70%; right:0;}

.logogr{
            background: url(imgs/logogr.png) no-repeat center center /150px auto;
    }


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:10px;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menumob {
	clear: both;
	float: left;
	margin-left: 100px;
	width: 100%;
	display: block;
}
.colunas2{
	clear: none;
	float: left;
	width:100%;
	margin-left:0%;
	margin-bottom:2%;
	display: block;
}
.colunas2s{
	clear: none;
	float: left;
	width:50%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas3 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	display: block;
    margin-bottom:0;
}
.colunas4{
	clear: none;
	float: left;
	width:47%;
	margin-left:2%;
	margin-bottom:2%;
	display: block;
}
.colunas66{
    clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.colunaspeq4{
	clear: none;
	float: left;
	width: 47%;
	margin-left:1%;
	margin-bottom:2%;
	display: block;
}
   .colunas40{
    clear: both;
	float: left;
	width: 100%;
	display: block;
}
.colunas60{
    clear: both;
	float: left;
	width: 100%;
	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;
}
.txtcaption{
	margin-top: 422px;
}
.barrapever{
	height:100%;
}
.imgprod{
	clear: none;
	float: left;
	width: 47%;
	margin-left:1%;
	display: block;
	position:relative;
}

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

.facelinksmob{
	margin-left:0px;
	margin-top:0;
}
    .hidemob{display:none;}
    .showmob{display:block;}
   .diagindex{margin-left:0px;}
.diagindex2{margin-left:0;}
    .destindextxt{padding-left:110px padding-right:0;}
    .destindex{margin-top:135px;}
    .paddleftright50{padding-right:50px; padding-left:50px;}
    .txtempresa{width:90%; top:70%; right:0;}
    
    .logogr{
            background: url(imgs/logogr.png) no-repeat center center / 180px auto;
    }
    
}

@media only screen and (min-width: 900px) {
	.interhide{display:block;}
	.width75{
		width:100%;
	}
	.logowidth{
		 width:238px; min-width:100px;
	}

}
	
	
/* 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%;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	overflow:hidden;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:10px;
	display: block;
}	
#menu {
	clear: none;
	float: right;
	margin-left: 2.2727%;
	width: 97%;
	display: block;
}
#menumob {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
.colunas2{
	clear: none;
	float: left;
	width:47%;
	margin-left:2%;
	margin-bottom:2%;
	display: block;
}
.colunas2s{
	clear: none;
	float: left;
	width:50%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas3 {
	clear: none;
	float: left;
	width: 31.33%;
	display: block;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:1%;
}
.colunas4{
	clear: none;
	float: left;
	width: 25%;
	margin-bottom:2%;
	display: block;
}
.colunaspeq4{
	clear: none;
	float: left;
	width: 24%;
	margin-left:1%;
	margin-bottom:0;
	display: block;
}
.colunas40{
    clear: none;
	float: left;
	width: 40%;
	display: block;
}
.colunas60{
    clear: none;
	float: left;
	width: 60%;
	display: block;
}
.barrafamindex{
	background: url(imgs/barrafamindex.png) no-repeat center center; 
	width:99%; 
	height: 40px; 
	margin-left:-70px; 
	left:5%; 
	margin-top:-135px;
	position:absolute;
	display:block;
}
.menutop{
	clear:none;
	display:block;
}
.menubottom{
	clear:none;
	display:block;
}
.barrapever{
	height:62px;
}
.catalogo{
	display:block;
}
.destslideindex{
	background: url(imgs/destslide.png) no-repeat; 
	width: 401px; 
	height:680px; 
	position:absolute; 
	right:0; 
	top:0; 
	margin:0;
	z-index:0;
}
.txtcaption{
	margin-top: 422px;
}
.imgprod{
	 width:63%; clear:none; 
	 float:left;
	 display: block;
}

.txtprod{
	width:28%; clear:none;
	margin-left:35px;
	float:left;
	display: block;
}
#abreprocura{
	width:10px;
	margin-top:0;
	padding-left:10px;
	margin-left:-10px;
}
.linkstoponorm{
	display:block;
}
.linkstopomob{
	display:none;
}
.mobile{
	display:none;
}
.iconpeagulha{
	width:263px; height:251px;
	background:url(imgs/almofadaagulhas.png) no-repeat;
	position:relative; 
	z-index:100; 
	margin-top:-190px;
	margin-left:0;
	background-size: auto;
}
.txt2colunas{
	 -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px;
}
.padding60{
	padding:60px;
}

.nmrfam{
	color: #b0aea7;
	text-decoration:none;	
	font-size:12px;
	font-weight: normal;
}
.nmrfam2{
	color: #ffffff;
	text-decoration:none;	
	font-size:12px;
	font-weight: normal;
}
.letra12peq{
	font-size:12px;
	text-decoration: none;
}
.cordadir{
	width:66px;
	 position:absolute;
	 z-index:100;
}
.facelinksmob{
	margin-left:0px;
	margin-top:0;
}

.widthpopup{
	width:280px;
	margin: 0 auto;
}
.carrinhoapres{
	padding-left:50px;
	padding-right:50px;
	max-width:980px;
	margin: 0 auto;
}
.carrinhoimg{
	height:110px; width:110px;display:block;
}
.carrinhopromo{
	width:148px; height:85px; display:block;
}
input {  
			font-size: 12px;
			text-decoration: none; 
			font-weight:normal;
			background-color: #ebeae6;
	background-repeat: repeat; padding:6px; color:#333;
			border-radius: none;
			border:none;
			padding:10px;
			width:200px;
}

	
textarea { 
			font-size: 11px; 
			text-decoration: none; 
			background-image: url(imgs/inputbk1.gif);
	background-repeat: repeat; padding:6px; color:#333;
			font-family: "Lato", Helvetica, sans-serif;
			border-radius: none;
			border:none;
			width:200px;
}

.g-recaptcha{width:100%; -ms-transform: scale(0.7); /* IE 9 */ -webkit-transform: scale(0.7); /* Safari */ transform: scale(0.7);}

.letra28{
	font-size:28px;
	text-decoration: none;
}
.letra22{
	font-size:22px;
	text-decoration: none;
}
.letra14{
	font-size:14px;
	text-decoration: none;
}
    .letra38{
	font-size:38px;
	text-decoration: none;
	font-weight:normal;
}

.letra48{
	font-size:48px;
	text-decoration: none;
    font-weight:300;
}
.txtencprint{
	font-size:15px;
	text-decoration: none;
}
.diagindex{margin-left:200px;}
.diagindex2{margin-left:0;}
.destindextxt{padding-left:110px padding-right:0;}
.destindex{margin-top:135px;}
.logo10mob{height:80px}
    
    .hidemob{display:block;}
    .showmob{display:none;}
    .paddleftright50{padding-right:50px; padding-left:50px;}
    .txtempresa{width:calc(40% - 40px); top:45%; right:40px;}

    .logogr{
            background: url(imgs/logogr.png) no-repeat center center /auto;
    }
}