@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;
	width: 100%;
	display: block;
}
/*#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menumob {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 37.5%;
	display: block;
}*/
.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:2%;
	display: block;
}
.colunaspeq4{
	clear: both;
	float: left;
	width: 100%;
	margin-left:1%;
	margin-bottom:2%;
	display: block;
}
.colunas1_3{
	clear: none;
	float: left;
	width: 100%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas2_3{
	clear: none;
	float: left;
	width: 100%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas6{
	clear: none;
	float: left;
	width: 100%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas40{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.colunas60{
	clear: both;
	float: left;
	margin-left: 0;
	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:100px;
}*/

.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;
	
}
.menudiag{
	position:fixed; top:0; left:0; width:108px; height:634px; background: url(imgs/bkbumenu.png) no-repeat; z-index:1500; margin-left:-30px;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
}
.fixed{
	position:relative;
	width:100%;
}
.txtpaddprod{
	padding:20px;
	width:100%; max-width:250px;
}
.dixtxtindex{right:0%;}
.showbrowser{display:none;}
.showmobile{display:block;}
.cofinan{display:block; height:auto;}

@media only screen and (min-width: 481px) {
	
.gridContainer {
	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;
	width: 100%;
	display: block;
}
/*#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menumob {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
.colunas2{
	clear: none;
	float: left;
	width:47%;
	margin-left:2%;
	margin-bottom:2%;
	display: block;
}
.colunas3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.colunas4{
	clear: none;
	float: left;
	width:47%;
	margin-left:2%;
	margin-bottom:2%;
	display: block;
}
.colunaspeq4{
	clear: none;
	float: left;
	width: 47%;
	margin-left:1%;
	margin-bottom:2%;
	display: block;
}
.colunas1_3{
	clear: none;
	float: left;
	width: 100%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas2_3{
	clear: none;
	float: left;
	width: 100%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas6{
	clear: none;
	float: left;
	width: 32%;
	margin-left:1%;
	margin-bottom:2%;
	display: block;
}
.colunas40{
	clear: none;
	float: left;
	width:40%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas60{
	clear: none;
	float: left;
	width:60%;
	margin-left:0;
	margin-bottom:0;
	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:62px;
}*/
.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;
}
.fixed{
	position:relative;
	width:100%;
}
}


/* 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;
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	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;
}
.colunas3 {
	clear: none;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 31%;
	display: block;
}
.colunas4{
	clear: none;
	float: left;
	width: 22.5%;
	margin-left:2%;
	margin-bottom:2%;
	display: block;
}
.colunaspeq4{
	clear: none;
	float: left;
	width: 24%;
	margin-left:1%;
	margin-bottom:0;
	display: block;
}
.colunas1_3{
	clear: none;
	float: left;
	width: 44%;
	margin-left:1%;
	margin-bottom:0;
	display: block;
}
.colunas2_3{
	clear: none;
	float: left;
	width: 54%;
	margin-left:1%;
	margin-bottom:0;
	display: block;
}
.colunas6{
	clear: none;
	float: left;
	width: 16%;
	margin-left:0%;
	margin-bottom:0;
	display: block;
}
.colunas40{
	clear: none;
	float: left;
	width:40%;
	margin-left:0;
	margin-bottom:0;
	display: block;
}
.colunas60{
	clear: none;
	float: left;
	width:60%;
	margin-left:0;
	margin-bottom:0;
	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;
}
.menudiag{
	position:fixed; top:0; left:0; width:108px; height:634px; background: url(imgs/bkbumenu.png) no-repeat; z-index:1500; margin-left:0px; 
}
.fixed{
	position:fixed;
	width:55%;
	-ms-transform: skew(-10deg); -webkit-transform: skew(-10deg); transform: skew(-10deg);
}
.txtpaddprod{
	padding:56px;
	width:100%; max-width:400px;
}
.dixtxtindex{right:10%;}
.showbrowser{display:block;}
.showmobile{display:none;}
.cofinan{display:flex; height:98px;}
}