section.calendar-entry{
	background-color: #323232;
	padding-top: 10px;
	/* TEMPORAL: Hacer invisible esta sección en hompage */
	display:none;
}
section.calendar-entry:before{
	background: url("/images/division.png");
	border-top: 1px solid #1B1B1B;
	display: block;
	width: 1140px;
	height: 1px;
	content: "";
	margin: auto;
}
section.calendar-entry > span{
	border-top: 1px solid #414141;
	display: block;
	width: 1140px;
	height: 1px;
	content: "";
	margin: -1px auto 0;
}
section.calendar-entry > div{
	width: 1140px;		
	margin: auto;
	padding-top: 8px;
}
section.calendar-entry > div > .calendar-tittle{
	font: bold 24px 'Roboto Condensed';
	text-transform: uppercase;
	color: #FFF;	
	display: inline-block;	
}
section.calendar-entry > div > .calendar-tittle{
	font-weight: 200;
	line-height: 28px;
}
section.calendar-entry > div > span{
	background-size: cover;
	width: 25px;
	height: 25px;
	display: inline-block;
	content: "";	
	vertical-align: text-bottom;
	border-radius: 5px;
}
section.calendar-entry > div > ul{
	margin-top: 7px;	
}
section.calendar-entry > div > ul > li{
	width: 19.8%;
	display: inline-block;
	position: relative;
	height: 200px;
	margin-right: 1px;
}
section.calendar-entry > div > ul > li.inactive:nth-child(5) {
	margin-right: 0;
}
section.calendar-entry > div > ul > li > .day{
	color:#C6C9D0;
	display: table;
	margin: 10px auto 0;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
}
section.calendar-entry > div > ul > li > a > div.element-image{
	position: relative;
	height: 164px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: bottom;
}
section.calendar-entry > div > ul > li > a > div.element-image.empty{
	opacity: 0.7;
}
section.calendar-entry > div > ul > li.active > a > div.element-image{
	border-bottom: 2px solid #FE0000;
}
section.calendar-entry > div > ul > li.active > .day{
	color: #FFF;
	font-weight: bold;	
}
section.calendar-entry > div > ul > li.active > .day:before{
	border: 5px solid #FE0000;
	border-radius: 50%;
	content: "";
	display: inline-block;
	margin-right:5px;
}
section.calendar-entry > div > ul > li > a  div.element-info {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding-right: 5px
}
section.calendar-entry > div > ul > li > a div.element-info > .title {
	font: bold 20px 'roboto condensed';
	line-height: 22px;
	color: #FFF;
	margin-bottom: 5px;
}
section.calendar-entry > div > ul > li > a div.element-info p,
section.calendar-entry > div > ul > li > a div.element-info p > time {
	font: normal 12px 'arial';
	color: #FFF;
}


@media screen and (max-width: 1155px){
	section.calendar-entry > span,
	section.calendar-entry:before,
	section.calendar-entry > div{
		width: 98%;		
	}		
}
@media screen and (max-width: 700px){
	section.calendar-entry > div > ul > li.inactive:nth-child(5),
	section.calendar-entry > div > ul > li {
		display: block;
		width: 80%;
		margin: auto;
		height: auto;
	}	
}