body {
  margin: 0; padding: 0;
  min-width: 480px;
}

/*----przyciski szablon---*/
.kadr_swieta {width: 100%; overflow: hidden; position: relative; float: left; display: table;}

.kadr_buttony {width: 100%; height: 100%; position: absolute; z-index: 3; overflow: hidden;}
.kadr_buttony .button {float: left; height: 65%; position: relative; margin-top: 35%; cursor: pointer;}
.kadr_buttony .but1 {width: 30.3%;}
.kadr_buttony .but2 {width: 18.3%;}
.kadr_buttony .but3 {width: 21%;}
.kadr_buttony .but4 {width: 30.4%;}

.tlo_kadru {height: 100%; position: relative; top: 0; width: 100%; left: 0;}
.tlo_kadru img {width: 100%; float: left;}
.tlo_kadru .glowne {position: relative; z-index: 1;}
.tlo_kadru .wybor {position: absolute; z-index: -1; top: 0; left: 0;}
.tlo_kadru .wybor.active {z-index: 2;}


/*---top tlo--*/
.top_tlo {display: block; width: 100%; height: 100px; background: url('../images/top_tlo.jpg') repeat-y left top; float: left; background-size: 100% auto;}

/*----popup box----*/
.popup_box {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); float: left; height: 100%; position: fixed; top: 0; width: 100%; z-index: 150; display: none;}
.popup_box .kartka {display: none; text-align: center; height: 100%; width: 100%;}
.popup_box .kartka .kartka_ramka {width: 100%; height: 100%; position: relative; cursor: pointer;}
.popup_box .kartka img {position: relative; max-height: 85%; top: 7%; cursor: auto;}

.popup_box .kartka iframe {position: absolute; bottom: 5%; left: 50%;}
.popup_box .ix {width: 40px; height: 40px; background-color: black; color: white; line-height: 40px; text-align: center; text-decoration: none; display: block; float: right; font-weight: bold; }