.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:#596b35;}
.events a:active{color:#596b35;}
.events li {display: inline-block;padding: 5px 22px; font-size:16px; background:#596b35;margin:10px 6px 0px  6px ; }
.events li:hover ,.events li.active{ background:#b7d283; color:#596b35;}

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

@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}
}
.customedeatetimesoutEvents , .customedeatetimesinEvents  { background: #ffffff;
    border: 1px solid #dbdbdb;
    color: #000000;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 1.42857;
    padding: 6px 22px 6px 12px;
    width: 100%;
}