.calandar {
	width: 100%;
}

.calandar th,
.calandar td {
	padding: 5px;
}

.calandar th {
	text-align: right;
	background: #00549a;
	color: #fff;
}

.calandar td {
	height: 30px;
	vertical-align: top;
	background: #f1f1f1;
}

.calandar td.calcNoSuchDay {
	background: #fff;
}

.calandar td.calcToday {
	background: #f3f5c8;
}

.hasEvents {
	font-weight: bold;
	color: #ef4023;
	cursor: pointer;
}

/**/

.month-header {
	margin-bottom: 20px;
}

/**/

.month-navigate {
	border: 1px solid #cdcdcd;
	border-radius: 20px;
	padding: 8px 18px;
	display: inline-block;
}

/**/

.old .event-holder {
	opacity: 0.4;
}

.ended {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 1%;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	writing-mode: tb-rl;
	background: #fff;
	color: #ef4023;
	font-weight: bold;
	z-index: 5;
}

/**/

.title {
	margin-bottom: 30px;
}

/**/

#events-list {
	list-style: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ddd;
}

#events-list > li {
	border-top: 1px solid #ddd;
}

#events-list .event a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 20px;
}

#events-list .event a:hover, #events-list .event a:focus {
	background: #f1f1f1;
}

#events-list .event time {
	color: #3977ad;
}
#events-list .event h3 {
	font-weight: normal;
}

/**/

.marked {
	background: yellow !important;
	color: #000 !important;
}

/**/

#calendar {
	padding: 20px;
	background: #f1f1f1;
}

#calendar .fc-day {
	background: #fff;
}

/**/

/**/

figure.pic {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	border: 1px solid #ddd;
}

figure.pic img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

figure.pic figcaption {
	background: #ddd;
	padding: 10px;
}

/**/

.item h2 {
	color: #3977ad;
	font-weight: normal;
	font-size: 2em;
	border-bottom: 2px solid #ddd;
}

/**/

.btn {
	display: inline-block;
	padding: .75rem;
	borde-radius: .25rem;
	border-radius: 5px;
}