@charset "UTF-8";
html{margin:0;padding:0}html body{margin:0;padding:0;position:relative;font-family:arial,sans-serif;color:#434343}html body .cover{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.4);display:table}html body .cover.hide{width:202px;top:auto;left:-20px;height:auto;top:60px;border:solid 1px #333;background:transparent;transform:scale(.8);position:absolute}html body .cover.hide .message>div{width:202px}
html body .cover .message{display:table-cell;vertical-align:middle;text-align:center}html body .cover .message>div{overflow:hidden;width:780px;padding:10px;background:#fff;text-align:left;margin:0 auto}html body .cover .message>div>button{float:right;color:#434343;background:transparent;border:none;font-family:arial,sans-serif;font-size:15px}
html body .cover .message>div>h2{color:#434343;border-bottom:solid 1px #ddd;font-size:15px;font-weight:bold;margin:0 0 10px 0;padding:0 0 5px 0}
html body #preloader{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:url('../images/preloader.gif') no-repeat center center #fff}
html body #application{position:fixed;top:0;left:50%;z-index:1;width:998px;margin:0 0 0 -499px;height:100%}html body #application>.main>header{margin:0;padding:0;position:absolute;top:0;left:0;width:100%;border-bottom:solid 5px #789aff;background:#b2b2b2;height:50px}html body #application>.main>header figure{float:left;margin:0 0 0 10px;padding:0;position:absolute}html body #application>.main>header figure img{width:200px;height:53px;background:url('../images/logo.png') no-repeat center center / contain}
html body #application>.main>header menu{margin:10px 0;padding:0}html body #application>.main>header menu button{float:right;border-radius:5px;border:none;background:#31306e;color:#fff;text-transform:uppercase;font-family:arial,sans-serif;font-weight:bold;padding:3px 10px;margin:5px 0;cursor:pointer;margin-right:10px}html body #application>.main>header menu button.disabled{background:#999}
html body #application>.main>article{width:100%;position:absolute;top:95px;bottom:35px;overflow:auto;font-size:13px;line-height:1.4}html body #application>.main>article ul{list-style-type:none}
html body #application>.main>article .table{display:table;width:100%;height:100%}html body #application>.main>article .table>div{display:table-cell;vertical-align:middle;text-align:center}html body #application>.main>article .table>div button{font-size:40px;color:#ddd;background:#fff;border:none}
html body #application>.main>footer{margin:0;padding:0;position:absolute;width:100%;bottom:0;border-top:solid 5px #789aff;background:#b2b2b2;text-align:right}html body #application>.main>footer>div{padding:0 10px}html body #application>.main>footer>div>button{border-radius:5px;border:none;background:#31306e;color:#fff;text-transform:uppercase;font-family:arial,sans-serif;font-weight:bold;padding:3px 10px;margin:5px 0;cursor:pointer}html body #application>.main>footer>div>button.disabled{background:#999}
html body>img{width:1px;height:1px;position:absolute;left:-1px}
@media screen and (max-width: 999px){html body .cover .message>div{width:auto;margin-left:10px;margin-right:10px} html body #application{width:100%;left:0;margin-left:0}}@media screen and (max-width: 999px){html body .cover.hide{display:none !important}}button.zbiornik{width:195px;height:180px;padding:5px;padding:140px 5px 5px 5px;background:top center / contain no-repeat #fff;font-size:13px;border:solid 1px #31306e;color:#333;float:left;font-weight:bold;text-align:center;cursor:pointer;transition:transform 200ms}button.zbiornik:hover,button.zbiornik.checked{background-color:#fff}
button.zbiornik:hover{transform:scale(1.1);transition:transform 200ms}
button.zbiornik.zbiornik1{background-image:url('../images/1.png')}
button.zbiornik.zbiornik2{background-image:url('../images/2.png')}
button.zbiornik.zbiornik3{background-image:url('../images/3.png')}
button.zbiornik.zbiornik4a{background-image:url('../images/4a.png')}
button.zbiornik.zbiornik5a{background-image:url('../images/5a.png')}
button.zbiornik.zbiornik6a{background-image:url('../images/6a.png')}
button.zbiornik.zbiornik7a{background-image:url('../images/7a.png')}
button.zbiornik.zbiornik8{background-image:url('../images/8.png')}
button.vcal{width:60px;height:40px;background:#789aff;font-size:12px;border:solid 1px #31306e;color:#000;padding:5px;float:left;text-align:center;text-shadow:0 0 3px #fff;cursor:pointer}button.vcal.checked{background-color:#356dfc}
.cover.hide .message button.zbiornik{transform:none;width:185px}
.cover.hide .message div.zbiornik,.cover.hide .message div.dw,.cover.hide .message div.vcal{float:none;border-right:none}
.cover.hide .message div.vcals,.cover.hide .message div.dws{overflow:visible}
.cover .message h3{margin:10px 0;font-size:13px;font-weight:bold;color:#434343}
.cover .message div.zbiornik,.cover .message div.dw,.cover .message div.vcal{overflow:hidden;float:left;padding-right:10px;margin-right:10px;border-right:solid 1px #31306e}
.cover .message div.vcals,.cover .message div.dws{overflow:hidden}
.show{position:relative;height:100%;width:100%;margin:0 auto}.show h1{font-size:17px;margin:0 0 20px 0;text-align:center;text-transform:uppercase;float:left;width:100%}
.show>p{font-style:italic;width:50%;margin-left:50%}
.show>div{width:100%}.show>div.picture{float:right;text-align:center;height:50%}.show>div.picture img{display:block;width:100%;height:100%;max-width:570px;margin:0 auto;background:no-repeat center center / contain}
.show>div.info{float:left}.show>div.info>div{padding:0 20px;overflow:hidden}.show>div.info>div>div{float:left;width:45%;margin-right:5%}.show>div.info>div>div h2{font-size:14px;text-decoration:underline}
@media screen and (max-width: 999px){.show{position:static;height:auto;width:auto}.show h1{float:none;width:auto;padding:0 20px} .show>div{width:auto;height:auto;float:none !important}.show>div.picture{height:350px}.show>div.picture img{background:no-repeat center center / contain} .show>div.info>div>div{float:none;width:auto}}
a.button{float:right;border-radius:5px;border:none;background:#31306e;color:#fff;text-transform:uppercase;font-family:arial,sans-serif;font-weight:700;padding:3px 10px;margin:5px 0;cursor:pointer;margin-right:10px;text-decoration:none;font-size:13.3px;}