html {font-family: Arial, Helvetica, sans-serif;}
body {background: #fff url('images/bg.png') repeat;}
@media only screen and (max-width: 600px) {#map {width: 100%; height: 400px; border: 1px solid #397daa;}}
@media only screen and (min-width: 600px) {#map {width: 100%; height: 650px; border: 1px solid #397daa;}}
@media only screen and (min-width: 992px) {#map {width: 100%; height: 750px; border: 1px solid #397daa;}}
#progress {display: none; position: relative; z-index: 1000; width: 100%; height: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.7); border-radius: 4px; padding-top: 6px;}
#progress-bar {width: 0; height: 100%; background-color: #76A6FC; border-radius: 4px;}
.nadpis {font-size: 20px; color: #397daa; padding: 6px 0px 6px 0px; margin: 8px 0px 8px 0px; display: block; font-weight: bold; text-align: center; background-color: #5891bb36;}
.container .gallery a img {float: left; width: 25%; height: auto; border: 2px solid #fff; 
 -webkit-transition: -webkit-transform .15s ease;
 -moz-transition: -moz-transform .15s ease;
 -o-transition: -o-transform .15s ease;
 -ms-transition: -ms-transform .15s ease;
 transition: transform .15s ease;
 position: relative;}
.clear {clear: both;}
a {color: #397daa; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
.spanblue {color: #000; padding: 2px 4px 2px 4px; margin: 4px 2px 4px 0px; display: inline-table; font-size: 11.5px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(228, 237, 242)); vertical-align: middle; border-bottom: 1px solid #397daa; border-top: 1px solid #d7d7d7; border-right: 1px solid #9f9f9f; border-left: 5px solid #397daa; min-width: 100px;}
.spangrey {color: #000; padding: 2px 4px 2px 4px; margin: 4px 2px 4px 0px; display: inline-table; font-size: 11.5px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(235, 235, 235)); vertical-align: middle; border-bottom: 1px solid #9b9b9b; border-top: 1px solid #d7d7d7; border-right: 1px solid #9f9f9f; border-left: 5px solid #7c7c7c; min-width: 100px;}
.spanikongrey {color:#000; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(217, 217, 217)); vertical-align: middle; border-left: 5px solid #7c7c7c; display: block; padding: 4px 0px 4px 0px;}
.spanwhite {padding: 4px 4px 0px 0px; display: block; margin: 4px 0px 4px 0px; border-top: 1px solid #a7a7a7; font-weight: bold;}
.spanblank {color: #000; display: block; padding: 10px 12px 10px 10px; margin: 4px 0px 4px 0px; font-size: 14px; vertical-align: middle;}
.spanikon {color:#000; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(206, 227, 251)); vertical-align: middle; border-left: 5px solid #397daa; display: block;}
.box1, .box2, .box3 {display: inline-block; vertical-align:top; border-left: 4px solid #397daa; padding-left: 4px; min-width: 300px; max-width: 900px;}
.hvgr-glow {display: inline-block; vertical-align: middle; 
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 2px rgba(0, 0, 0, 0);
 -webkit-transition-duration: 0.6s;
 transition-duration: 0.6s;
 -webkit-transition-property: box-shadow;
 transition-property: box-shadow;}
.hvgr-glow:hover, .hvgr-glow:focus, .hvgr-glow:active {box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); outline: 1px solid #397daa; outline-offset: -1px;}
.btnblank, .btnblank:focus, .btnblank:active {border: 0px solid #dfdfdf; background: none; padding: 0px 0px 0px 3px;} 
.btnblank:hover {cursor: pointer;} 
hr.embosed {width: 100%; height: 0; color: none; background: none; border: none; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; margin: 3px;}
hr.dataembosed {width: 100%; height: 0; color: none; background: none; border: none; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; margin: 10px 0px 10px 0px;}
.imghov {border: 1px solid #cdcdcd;}
.imghov:hover {border: 1px solid #079dff;}
.error, .queryerror {color: #ff0000; margin-right: 30px;}
.querysuccess {color: #0e8607; margin-right: 30px;}
.styled-table {border-collapse: collapse; margin: 16px 0 16px 0px; font-size: 13px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.styled-table thead tr {background-color: #397daa; color: #ffffff; text-align: center; font-weight: bold;}
.styled-table th, .styled-table td {padding: 10px 12px 10px 12px; border: 1px solid #ddd; text-align: center;}
.styled-table tbody tr {border-bottom: 1px solid #dddddd; background-color: #fbfbfb;}
.dbano {color:#0ebb49; font-weight:bold;}
.dbnie {color:#ff0000; font-weight:bold;}
.styled-table tbody tr {border-bottom: 1px solid #dddddd; background-color: #fbfbfb;}
.slider {-webkit-appearance: none; width: 300px; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #397daa; cursor: pointer;}
.slider::-moz-range-thumb {width: 25px; height: 25px; border-radius: 50%; background: #397daa; cursor: pointer;}
.morebutt {width: 100%; padding: 6px; cursor: pointer; font-size:16px; border: 1px solid #c1c1c1; background-color: #f1f1f1; color: #555555;}
.morebutt:hover {width: 100%; padding: 6px; cursor: pointer; font-size:16px; border: 1px solid #000000; background-color: #e0e0e0; color: #000000;}
#box-main {margin-bottom: 10px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(237, 246, 253));}
#box-more {display:none; width: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(245, 245, 245)); margin-top: 10px;}
.fotomainbox {display: inline-block; margin: 0px 4px 4px 4px;}
.fotobox {padding: 4px 4px 0px 4px;}
.fotoboxtext {color: #6f6f6f; font-weight: bold; margin: 0px 4px 0px 4px; border: 1px solid #d0d0d0; background-color: #f1f1f1; padding: 2px 0px 2px 0px; font-size: 15px;}
.paramclass {color: #000; padding: 6px; margin: 4px 8px 4px 0px; display: inline-table; font-size: 13px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(164, 204, 236)); vertical-align: middle; border-bottom: 1px solid #397daa; border-top: 1px solid #d7d7d7; border-right: 1px solid #9f9f9f; border-left: 5px solid #397daa; min-width: 80px;}
.zdrojclass {color: #000; padding: 6px; margin: 4px 8px 4px 0px; display: inline-table; font-size: 13px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(255, 255, 255)); vertical-align: middle; border-bottom: 1px solid #397daa; border-top: 1px solid #d7d7d7; border-right: 1px solid #9f9f9f; border-left: 5px solid #397daa; min-width: 70px;}
.spanid {color: #000; padding: 4px 0px 4px 0px; margin: 4px 0px 4px 0px; font-size: 14px; vertical-align: middle; display: block;}
.slidecontainer {width: 100%; margin: 10px 0px 15px 0px; border: 1px solid #75a4c4; padding: 10px 0px 10px 0px;}
.titl {padding: 16px 0px 17px 6px; font-size: 13px; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(164, 204, 236)); vertical-align: middle; font-weight: bold; display: inline-block;}
.titlbx {border-top: 1px solid #d7d7d7; border-right: 1px solid #9f9f9f; border-left: 5px solid #397daa; border-bottom: 1px solid #397daa; float: left; margin: 4px 10px 3px 0px; padding-right: 8px;}
.glnk {border: 1px solid #b1b1b1; padding: 2px 5px 2px 5px; background-color: #a6cdec1f; border-radius: 2px;}
.glnk:hover {border: 1px solid #000;}
.imghovmod {border: 1px solid #c5c5c5; vertical-align: top; padding: 5px; margin-bottom: 10px;}
.imghovmod:hover {border: 1px solid #079dff;}