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

#ceramicMenu, #ceramicInfo{
	/*display: table-cell;*/
	position: relative;
	width: 50%;
	float: left;
}



#ceramicMenu
{
	background-color: #fff;
}






#ceramicTitleMenuEstancias, #ceramicSubTitleMenuEstancias, #ceramicTitleMenuColeccion, #ceramicSubTitleMenuColeccion
{
	margin: 0 3%;
}

h1
{
	font-size: 3rem;
	margin-top: 6%;
	text-decoration: none;
	font-weight: normal;
}



h2{
	font-size: 1.2rem;
	margin-top: 1%;
	text-decoration: none;
	font-weight: normal;
}
/*
.itemMenu{
	position: relative; 
	float: left; 
	width: 20%;
}


.itemMenuIMG img{
	position: relative; 
	width: 60%;
	max-width: 82px;
}
*/


.itemMenu, .itemMenuColecciones
{
    /*margin: 0 auto;*/
    width: 16%;
    position: relative;
    margin-right: 4%;
    float:left;
}


.itemMenu:after, .itemMenuColecciones:after
{
  content: "";
  display: block;
  padding-bottom: 100%;
}


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



.itemMenuTitle{
	position: relative; 
	text-align: center;
	text-transform: uppercase;
	font-size: 85%;
	margin-top: 5%;
	height: 15%;
}

.itemMenuIMG{
    height: 80%;
    /*margin-top: 15%;*/
    width: 100%;
    position: relative;
}

.itemMenuIMGColeccion img{
	position: relative; 
	width: 60%;
	vertical-align: middle;
}

.itemMenuIMG img{
	/*position: absolute;*/
	height: auto;
	width: 80%;
	display: block;
	margin: 0 auto;
	border: 1px solid black;
	border-radius: 10px;
}

.itemMenuIMGColeccion img{
	position: relative; 
	width: 90%;
	vertical-align: middle;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


#ceramicMenuEstancias, #ceramicMenuColecciones{
	margin: 8% 3% 4%;
	overflow: hidden;
}



#carouselScenes{
	padding: 0.5% 0;
}


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


@media only screen and (min-width: 1px) and (max-width: 1023px) 
{
	#slider-home {
		display:block;
		width:100%;
		
	}
	#widgets-home {
		display:block;
		width:100%;
		background-image:none;
		text-align:left;
		padding:5% 0% 0% 5%;
	}
	
	#widgets-home > div {
		margin:0px !important;
		display:inline-block;
		width:42%;
		padding:0% 5% 5% 0%;
		margin-right:50%;
		-border:1px solid #000;
	}
	
	#widgets-home > div:nth-child(-n+2) {
   		-padding-bottom:0px;
	}

	
}

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

	#ceramicMenu, #ceramicInfo{
		width: 100%;
	}
	
	#ceramicMenu
	{
		background-color: #fff;
	}
	
	#portadaUp{
		background-image: none;
	}
	
	.itemMenu, .itemMenuColecciones{
		width: 46%;
	}
	
}


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