main {
	padding-bottom:0px;
	background-color: #eee;
}

#module_content{
	height: 100%;
	
	align-items: center;
    display: flex;
}
#menuLeftCat{
	float:left; 
	width: 14%; 
	position: relative;
}

#contentCenter
{
	position: relative;
	height: 100%;
}

#sliderScenes{
	float: left; 
	width: 86%; 
	position: relative;
}



.itemMenuCat
{
    /*margin: 0 auto;*/
    width: 50%;
    position: relative;
    float:left;
    background: rgba(255, 255, 255, 1);
    margin: 0 25% 5%;
}

#menuLeftCat  a.active > .itemMenuCat
{
	background: rgba(0, 0, 0, 1);
}

#menuLeftCat  a > .itemMenuCat
{
	border: 1px solid #000;
  	border-radius: 10px;
}


#menuLeftCat  a.active .itemMenuTitleCat
{
		color: #fff !important;
}

.itemMenuCat:after
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

.contentItemMenu{
	color: #000;
	position: absolute;
  	width: 100%;
  	height: 100%;
  	text-align: center;
}



.itemMenuTitleCat{
	position: relative; 
	text-align: center;
	text-transform: uppercase;
	font-size: 1rem;
	margin-top: 5%;
	height: 25%;
}

.itemMenuIMGCat{
   /*height: 50%;*/
    margin-top: 15%;
    background-position:center center;
  	background-repeat:no-repeat;
  	background-size:auto 100%;
  	height:60%;
}

.itemMenuIMGCat img{
	position: relative; 
	height: 90%;
	width: auto;
	vertical-align: middle;
}







.contentCat{
	width: 100%; 
	text-align: center;
}
.itemContent{
	width:40%;
	padding: 1%;
	float: left;
}
.itemContent img{
	width:100%;
	height: auto;
}

#navigationPrev{display: none;}

.itemMenuTitleCat{text-transform: uppercase; margin-top: 5px;}

/*#############################################################################################*/
/*###  BEGIN: responsive - adaptative - fluid  ################################################*/
/*#############################################################################################*/


@media only screen and (min-width: 1px) and (max-width: 1023px) 
{
	

	
}

@media only screen and (min-width: 1px) and (max-width: 768px) 
{
	
	#menuLeftCat{
		width: 100%; 
		display: table;
    	text-align: center;
	}
	
	#sliderScenes{ 
		width: 100%;
	}
	
	.itemMenuCat{
		width:140px;
		display: table-cell;
		padding: 5%;		
	}
	
	.itemMenuIMGCat img{
		width:60%;
	}
	/*
	.itemContent{
		width:100%;
	}
	*/


}


/*###  END: responsive - adaptative - fluid  ##################################################*/