.bar_overview{background:url("../themes/yosemite/img/guestrooms.png") no-repeat;height: 15px;
 margin-bottom: 10px;width: 92%;}
 
 .baroverview{background:url("../themes/yosemite/img/bar.png") no-repeat;height: 15px;
 margin-bottom: 10px;width: 99%;}
 
 .shadow{-webkit-box-shadow: 0px 2px 13px 0px rgba(138,138,138,1);
-moz-box-shadow: 0px 2px 13px 0px rgba(138,138,138,1);
box-shadow: 0px 2px 13px 0px rgba(138,138,138,1); max-height: 220px;}
.h2fontsize{ margin-top:0px; font-size:23px;}
a{text-decoration: none;color: #475a20;}
a:focus, a:hover{color: #475a20;}

.eventsbar{ background:rgba(0, 0, 0, 0.6); position:absolute; bottom:0;padding: 6px 0;
 text-align: center; color:#fff; font-size: 18px;}
.dateofevents{ font-size:14px;}
.events{ list-style:none; color:#fff; }
.events a{color:#fff;}
.events a:hover{color:#fff;}
.events a:active{color:#fff;}
.events li {display: inline-block;padding: 5px 22px; font-size:16px; background:#9c000f;margin:10px 6px 0px  6px ; }
.events li:hover ,.events li.active{ background:#b53e3e; color:#fff;}

.bgevents{/*background:#475a20*/ border-bottom:2px solid #9c000f;}

@media screen and (min-width: 1200px) and (max-width: 2500px) {
.MX203{max-height: 203px}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.MX203{max-height: 120px}
.eventsbar{ font-size: 15px !important;}
.dateofevents {font-size: 13px !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.MB20XS{ margin-bottom:20px}
}