
body {
    /*background: url(../images/bg1.jpg) center top no-repeat fixed;*/
    background-image: url(../images/bg4.jpg), url(../images/bg5.jpg);
    background-position: -245px center, 835px center;
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-size: contain, contain;
    margin: 0 0 0 13px;
    padding: 0;
    font-family: arial;
    font-size: 12px
}

a img{border:0px;}

.ml-5 {
margin-left: 5rem;
}
.cleaner{width: 100%; height: 0px; clear: both; padding: 0; margin: 0;}
.wrapper{background-color: #ffedc3; box-shadow: 0 0 5px #aaa; padding: 5px 10px 10px; margin: 0px auto; /*box-shadow: 0 0 10px #666;*/ 
border-top: none; border-bottom: none; z-index: 1000; width: 885px;}
.wrapper.light{background-color: #fffaee;}
.wrapper.light .flags, .wrapper.light .logo, .wrapper.light .social{background-color: #fffaee;}


.photos{width: 1020px; overflow: hidden;}
.photos .photo{float: left; box-shadow: 0 0 1px #fff;}
.photos .photo.big{width: 408px; height: 408px;}
.photos .photo.hor{width: 204px; height: 408px;}
.photos .photo.ver{width: 408px; height: 204px;}
.photos .photo.small{width: 204px; height: 204px;}
.photos .pre{position: absolute; display: none; background-color: rgba(0,0,0,0.5);}
.photos .photo.big .pre{width: 408px; height: 408px;}
.photos .photo.hor .pre{width: 204px; height: 408px;}
.photos .photo.ver .pre{width: 408px; height: 204px;}
.photos .photo.small .pre{width: 204px; height: 204px;}

.flags a.marbotno{margin-bottom: -2px;} .social a.marbotno{margin-bottom: 0;}
.pr{position: absolute; overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-left: 894px;}
.logo{overflow: hidden; border-bottom-left-radius: 10px; border-top-left-radius: 10px; margin-top: 10px; position: absolute; margin-left: -68px; background-color: #ffedc3; padding: 0px 5px;}
.flags{margin-top: 20px; background-color: #ffedc3; padding: 10px 5px;}
.flags a{display: block; padding: 0; margin: 0 0 5px 0;width: 30px;}

.social{margin-top: 150px; padding: 10px 5px 10px 5px; background-color: #ffedc3;}
.social a{display: block; /*background-color: #eee;*/ width: 30px; height: 30px; margin-bottom: 5px;}

.menu{/*background: url(../images/bg2.jpg) no-repeat top center;*/margin: 0 0 5px; margin-top: 0px; z-index: 10000;}
.menu ul{list-style: none; margin: 0; padding: 0; text-align: center;}
.menu ul li.inmenu {/*display: inline-block; width: 201px;*/ float: left; width: 177px; margin: 0; padding: 0; padding-top: 100px;}
.menu ul li.inmenu > a{color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; font-weight: bold; font-size: 18px; float: left; display: block; width: 177px; background-color: rgba(0,0,0,0.7); margin: 0; padding: 5px 0;}
.slider ul li p {display:inline;}
.slider ul li .bjqs-caption p{display:block}


.menu ul li:hover > ul.submenu{display: block; z-index: 100;}

.menu ul li.inmenu > a.orangefirst{background-color: rgba(247, 153, 42, 0.7); background: transparent url(../images/menu_ikony/orangefirst.png);}
.menu ul li.inmenu > a.orange {background-color: /*rgba(247, 153, 42, 0.7)*/rgba(217, 199, 1, 0.7); background: transparent url(../images/menu_ikony/orange.png);}
.menu ul li.inmenu > a.blue{background-color: rgba(42, 172, 247, 0.7); background: transparent url(../images/menu_ikony/blue.png);}
.menu ul li.inmenu > a.green{background-color: rgba(144, 232, 29, 0.7); background: transparent url(../images/menu_ikony/green.png);}
.menu ul li.inmenu > a.brown{background-color: rgba(156,79,25, 0.7); background: transparent url(../images/menu_ikony/brown.png);}
.menu ul li.inmenu > a.black{background-color: rgba(0, 0, 0, 0.7); background: transparent url(../images/menu_ikony/black.png);}

.menu ul.orangefirst{background-color: rgba(247, 153, 42, 0.7); background: transparent url(../images/menu_ikony/orangefirst.png);}
.menu ul.orange{background-color: /*rgba(247, 153, 42, 0.7)*/ rgba(217, 199, 1, 0.7); background: transparent url(../images/menu_ikony/orange.png);}
.menu ul.blue{background-color: rgba(42, 172, 247, 0.7); background: transparent url(../images/menu_ikony/blue.png);}
.menu ul.green{background-color: rgba(144, 232, 29, 0.7); background: transparent url(../images/menu_ikony/green.png);}
.menu ul.brown{background-color: rgba(156,79,25, 0.7); background: transparent url(../images/menu_ikony/brown.png);}
.menu ul.black{background-color: rgba(0, 0, 0, 0.7); background: transparent url(../images/menu_ikony/black.png);}

.menu ul li ul.submenu{position: absolute; display: none; margin: 31px 0 0 0;}
.menu ul li ul.submenu li:first-of-type{padding-top: 10px;}
.menu ul li ul.submenu li:last-of-type{padding-bottom: 10px;}
.menu ul li ul.submenu li{margin: 0; padding: 0 0 0 0px; width: 175px; /*background-color: rgba(0,0,0,0.7);*/}
.menu ul li ul.submenu li a{font-size: 13px; text-align: left; display: block; padding: 4px 15px 4px 25px; color: #fff; background: url(../images/li_converted.png) no-repeat 10px center; margin: 0; text-decoration: none;}
.menu ul li ul.submenu li a:hover{text-decoration: underline;}

.menu ul li.medved:hover{background: url(../images/menu_ikony/medved3.png) no-repeat top center; background-size: 150px;}
.menu ul li.veverka:hover{background: url(../images/menu_ikony/menu2a.png) no-repeat top center; background-size: 150px;}
.menu ul li.jezevec:hover{background: url(../images/menu_ikony/menu3a.png) no-repeat top center; background-size: 150px;}
.menu ul li.papousek:hover{background: url(../images/menu_ikony/perutyn.png) no-repeat top center; background-size: 150px;}
.menu ul li.myval:hover{background: url(../images/menu_ikony/menu5a.png) no-repeat top center; background-size: 150px;}

.menu ul li.medved{background: url(../images/menu_ikony/medved0.png) no-repeat top center;  background-size: 150px;}
.menu ul li.veverka{ background: url(../images/menu_ikony/menu2.png) no-repeat top center; background-size: 150px;}
.menu ul li.jezevec{ background: url(../images/menu_ikony/menu3.png) no-repeat top center; background-size: 150px;}
.menu ul li.papousek{ background: url(../images/menu_ikony/perutyn0.png) no-repeat top center; background-size: 150px;}
.menu ul li.myval{ background: url(../images/menu_ikony/menu5.png) no-repeat top center; background-size: 150px;}



.content{margin-top: 7px; line-height: 150%;}
.content .cnt{width: 555px; margin-right: 20px; float: left;}
.content .bar{width: 300px; margin-left: 0px; float: right}

.cnt .full{background-color: #fff;}
.cnt .clanky{width: 585px; margin-left: -5px;}
.cnt .clanky .clanek{padding: 10px 10px; min-height: 380px; border: 1px solid #dde9dd; background-color: #fff; width: 265px; margin-left: 5px; margin-bottom: 5px; float: left;}
.cnt .clanky .clanek h1{font-size:16px;margin-top:-17px;min-height:35px;}
.cnt .clanky .clanek p{display:inline;}
.cnt .clanky .clanek .MHCLANEK {width: 260px;  overflow: hidden;}
.cnt .clanky .clanekDetail{padding: 0px 20px; min-height: 510px; border: 1px solid #dde9dd; background-color: #fff; width: 540px; margin-left: 5px; margin-bottom: 20px; float: left;}





.cnt .clanky .clanek h1 a{color: inherit; text-decoration: none;}
.cnt .clanky .clanek h1 a:hover{text-decoration: underline;}

.cnt .clanky .clanek h1 {
    font-size: 16px;
    margin-top: -17px;
    min-height: 35px;
}

.content .bar .box{margin: 0 0 5px 5px; float: left;}
.content .bar .box img{margin: 0; padding: 0;}
.content .bar .box.ic{height: 95px; width: 95px; background-color: #fff; overflow: hidden;}
.content .bar .box.vyh{}
.content .bar .box.vyh input[type="text"]{padding: 10px 10px; width: 273px}


.content .control{float: left; width: 60px; height: 120px; background-color: #ddd;}
.content .spon{padding: 20px; float: left; width: 860px; background-color: #fff;}
// .content .spon .inspon{width: 188px; height: 90px; margin-bottom: 20px; background-color: #eee; float: left; margin-left: 20px;}
.content .spon img{margin-right: 20px;}
.content .spon .hspon{font-size: 25px; height: 25px; margin-bottom: 10px; font-family: arial;}

.footer .spon{padding: 10px; margin: 0 10px; background-color: #fff;}
.footer .spon img{margin-right: 20px;}

.kalendar{/*height: 216px;*/ min-height:195px;width: 195px; overflow: hidden; background: orange url(../images/p_boxes/box_orange.png) no-repeat top center;}
.kalendar table{width: 185px; margin: 2px auto 5px; font-size: smaller; border-collapse: collapse; text-align: center;}
.kalendar table tr.days{background-color: rgba(0,0,0, 0.5);  background: transparent url(../images/menu_ikony/brown.png); color: #fff; font-weight: bold;}
.kalendar table tr.days td{padding: 1px 2px; border-bottom: 5px solid transparent;}
.kalendar table td span{padding: 2px 2px; display: block; margin: 1px;}
.kalendar table td.empty{}
.kalendar table td span{background-color: #fff; color: rgba(156,79,25, 0.7);}
.kalendar table td a{display: block; padding: 2px 2px; color: #fff; text-decoration: none; background-color: rgba(156,79,25, 0.7); background: transparent url(../images/menu_ikony/brown.png);}
.kalendar .kal{font-size: 14px; margin: 2px 0 2px; text-align: center; color: #333; }
.kalendar .kal a.l{float: left; color: #000; text-decoration: none; font-size: 14px; margin-left: 15px;}
.kalendar .kal a.r{float: right; color: #000; text-decoration: none; font-size: 14px; margin-right: 15px;}



.footer{background-color: #000; margin-top: 10px; padding: 0 0 10px; line-height: 150%; color: #aaa;}
.footer .box{width: 412px; padding: 15px; float: left;}

.footer h1{color: #ccc; padding-bottom: 5px; border-bottom: 1px dotted #0a0a0a;font-size:20px;}
.footer .box a{color:#aaa;}
.footer .spon{background-color: #fff;}
.footer .spon img{margin: 0 16px 0 0;}
.footer .spon img.nm{margin: 0;}

.kontakt input[type="text"], .kontakt select, .kontakt textarea{border: 1px solid #111; background-color: #0a0a0a; color: #eee; padding: 5px 11px; margin: 0; display: block; width: 100%;}
.kontakt, .kontakt tbody, .kontakt tr{width: 90%;}
.kontakt textarea{height: 75px; background-color: #0a0a0a; margin: 0; border: 0;border: 1px solid #111;}
.kontakt input[type="submit"]{padding: 5px 11px; border-radius: 0px; border: none; color: #ccc; float: right; background-color: #111;}

.kalendar.nobg{background: none; width: 224px; border: 1px solid #000; box-shadow: none;}

.pr.social.nobg{background: none; margin-left:1040px; padding: 0;}
.pr.social.nobg a{padding: 10px; background-color: #ffedc3;}
.pr.social.nobg a:last-of-type{margin-bottom: 0;}

/* mh*/
.nadpis{color:#000; text-decoration:none;}
.nadpis:hover{color:#000; text-decoration:underline;}

.lupa{position: absolute; width: 34px; height: 34px; cursor: pointer; border: none; background: transparent url(../images/lupa.png) no-repeat center center; background-size: 25px; margin: 3px 0 0 260px;}

#displaybox {
	z-index: 10000;
	filter: alpha(opacity=100); 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	position:fixed; top:15px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;}  
body {
font-family: Calibri;
} 
.black_overlay{
            visibility: hidden;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.7;
            opacity:.70;
            filter: alpha(opacity=70);}  
#frame {
border: none;
}
#close {
position: relative; top: -630px; left: -30px; border: none;
}
a img{
border: 0;
}	             






