.mw { width:100%; height:70px; overflow:hidden; position:fixed; top:0px; left:0px;z-index:333;} .mw.sml {height:130px;}
.gohome{ display:block; width:70px; height:70px; cursor:pointer; margin:0 auto;  overflow:hidden; border-radius:35px;
	background: url(https://www.luxusnakniznica.sk/images/logo2.png) no-repeat center center #fff; background-size:contain; }

.gohome.nb {width:100px; height:100px; background:none;} 
.gohome.sml {width:100px; height:100px; background:none;margin-top:30px} 

#globus-r { opacity:1; transition: opacity 1s ease-out;}
#globus-z { opacity:0; transition: opacity 1s ease-out;} 

.see { width:100%; height:55px; overflow:hidden; margin:0; padding:0; }

.legenda { width:auto; height:auto; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; }
.legenda span			{padding:0.6em 1.2em .6em 1.2em; margin-left:4px;}
.legenda #volne			{background:#fff; color:#000;border:1px solid #000;}
.legenda #rezervovane	{background:#b49460; color:#fff;border:1px solid #000;} 
.legenda #predane		{background:#6d2c32 ; color:#fff;border:1px solid #000;}

.bt { width:99%; height:auto; padding:1px 0 0 1px; overflow:hidden; color:#000; ;}
.bt div { font-size:14px; width:45px; height:32px; line-height:1;padding-top:9px;  overflow:hidden; float:left; border:1px solid #000; margin:-1px 0 0 -1px; text-align:center; }
.bt .v {  background-color:#fff; color:#000; cursor:pointer;}  /* #b08e5f */
.bt .r {  background-color:#b49460;color:#fff;}
.bt .p {  background-color:#6d2c32;color:#fff;}

.footer { width:100%; height:50px; position:fixed; bottom:0; right:0; overflow: visible;  background:#3e3e3d; color:#fff;  z-index:10}
.footer-content{ width:100%;  height:50px;  line-height:26px;  font-size:12px; font-weight:300; color:#fff; text-align: center; margin:8px 0 0 0;}
.footer-content p{padding-top:2px;font-size:1.1vw;}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#fff} .footer-content a:hover{color:#b49460}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; 
	background: url(https://www.luxusnakniznica.sk/images/ikar-logo2.png) no-repeat;  background-position: center center;}
	
.btn-buy { display:block; width:248px; height:58px; padding:0 15px;  overflow:hidden; margin:-52px auto 0 auto;  z-index:30; cursor:pointer;
    font-size:17px; line-height:58px; text-align:right;  color:#fff; text-decoration:none; border: 1px solid #fff;
    background:#b49460 url(https://www.luxusnakniznica.sk/images/ico_btn-cart_white.png) left center no-repeat;background-size: contain;
    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  -webkit-transition: all 300ms;  transition: all 300ms;} 
.btn-buy.vi { width:146px; color:#fff;}
.btn-buy.wvi { width:156px;}
.btn-buy.w { width:266px;}
.btn-buy.in { margin:0;}
.btn-buy:hover { text-decoration:none; color:#fff;}

.stmo { width:98%; max-width:1140px; height:auto; overflow:hidden; margin:7vh auto 0 auto;}
.stmo .col { width:29.5%; height:auto; overflow:hidden; margin-right:5%; float:left; cursor:pointer;}
.stmo .col:last-child { margin-right:0;}
.stmo .col .book { width:100%; height:auto; overflow:hidden; margin-bottom:4px;}
.stmo .col .book img { width:95%; height:auto; margin-bottom:5%;transition:all .5s ease-in-out;}
.stmo .col:hover img { width:100%; margin-bottom:0;}
.stmo .col label { display:block; width:100%; height:auto; padding:6px 0; overflow:hidden; text-align:center; color:#997e3b; margin-top:4px;
	font-family:"Times New Roman", Times, serif; font-size:20px;transition:all .5s ease-in-out;}
.stmo .col label.active { background:#997e3b; color:#fff;}
.stmo .col:hover label { background:#997e3b; color:#fff;}

.bt.stm { max-width:1140px; margin:0 auto; width:98%; transition:all .5s ease-in-out; display:none;}
.bt.stm.active { display:block;}
.bt.stm div { width:46px; height:34px; border:1px solid #997e3b;}
#t1 .v { background:url(../le/stale-ta-mat/images/podklad_3.jpg) no-repeat right top; }
#t2 .v { background:url(../le/stale-ta-mat/images/podklad_3.jpg) no-repeat center center; }
#t3 .v, .legenda.stm #volne { background:url(../le/stale-ta-mat/images/podklad_3.jpg) no-repeat left bottom; }
.bt.stm .v:hover {color:#fff; background:#333;}
#t1 .v:hover, #t2 .v:hover, #t3 .v:hover {color:#fff; background:#333;}

.legenda.stm #volne			{border:1px solid #997e3b;}
.legenda.stm #rezervovane	{border:1px solid #997e3b;} 
.legenda.stm #predane		{border:1px solid #997e3b;}

#carousel_1df8, #carousel_1df8d {-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease; width:100%; height:auto; overflow:hidden;}

@media (max-width: 600px) {
.legenda {padding:.8em 0; font-size:13px;  }
.legenda span {padding:0.6em .7em .6em .7em; margin-left:4px;}
.legenda span:first-child {padding:0.6em 0 .6em 0; margin-left:0;}
}