#kanary { width: 200px; height: 400px; position: absolute; top: 180px; right: -232px; }
.leas37 { display: block; width: 456px;  height: 41px;  text-decoration: none;  text-indent:-9999px; background: url(../obr/btn_09a.png) no-repeat;  margin: 10px auto; }
.leas37:hover { background-position: 0 -41px; }
.obleas {background-color: #222222;height:60px;padding:20px;border: 1px solid white;}
.dles { top: 250px; left: -290px; color: white; position: relative; font-size: 20px; width: 230px; background-color: #292a2a; height: 36px; line-height: 36px; text-align: center; border: 1px solid white; }
#rtmapa { height: 400px; width: 700px; margin-bottom: 10px;border: 1px solid #a2a1a1;}
#rtmap_canvas { width: 100%; height: 400px; border: 1px solid #a2a1a1; }
#hlavicka { width: 100% !important; height: 76px;background: url(../obr/zahlavi_08.jpg) no-repeat !important; }
.oper1 { color: white; margin-bottom: 10px;}
.oran1 { color: #ffa200; font-size: 100%; font-weight: bold;}
.typlea { clear: both; text-align: center; padding-top: 10px; font-size: 120%; width: 320px;}
.typlea b {color: #ffa200;}
.box h2 span { color: #ffa200; font-size: 100%; }
#det .mod { background-color: #376a97; }
#menu .men_akce { background-color: #918023; border-bottom: 1px solid #444444; }
.leasing_zv { display: block; background-color: #f4d216; border: 3px solid white; padding:10px; font-size: 16px; text-align: center; color: black; }
.leasing_zv a {color: #0457A7;}
.okr_zv { margin: 6px; }
.jqTransformSelectWrapper {z-index:20 !important;}
#topslide { display: none; }

.olinfo { display: block; width: 334px; height: 42px; text-decoration: none !important; float: left; background: url(../obr/btn_12.png) no-repeat; line-height: 40px; margin: 10px 0 0 30px; }
.olinfo span {margin-left: 20px; color: #fff; text-decoration: none; font-weight: normal; font-size: 16px; }
.olinfo span span { margin: 0; font-size: 22px; color: #fb8f03; }
.olinfo:hover { background-position: 0 -41px; text-decoration: none;}
.oll1 { background-position: 0 -82px !important; }
.oll1:hover { background-position: 0 -123px !important; }
.oll2 { background-position: 0 -164px !important; }
.oll2:hover { background-position: 0 -205px !important; }
.oll3 { background-position: 0 -246px !important; }
.oll3:hover { background-position: 0 -287px !important; }
.box h2 { font-size: 17px; }

#menu .submen a { padding-left: 40px; background-color: #2f5870; }
#menu .nomen { color: white; display: block; font-size: 15px; height: 36px; text-decoration: none; line-height: 36px; font-weight: normal; padding-left: 10px; }
#menu .submen .select { background-color: #590000 !important; }
#menu h3 a { font-size: 14px;  }

.box .poznamka1 { background-color: #F49F5A; padding: 10px; border: 1px solid #666666; }

@media (max-width: 560px) {
#kanary { display:block; width: 100%; height: 400px; float: none; position:relative; overflow: visible;}
#hlavicka { background: url(../obr/mlogo.png) no-repeat center !important; }
#animace { width: 1px !important; height: 1px !important; }
.mobflo { width: 100% !important; }
.slicknav_nav a { padding: 14px; text-decoration: none; color: #fff;  border-bottom: 1px solid #d6d6d6;  }
.dles { top: auto; left: auto; position: relative; margin-bottom: 20px; margin-left:50px; }
#topslide { display: block; }
#topslide img { width: 100%; }
.olinfo { margin: 10px 0 0 2px; }

}