/* BASIC SETTINGS */
*{margin:0px;padding:0px;}
.cleaner, .cl {clear: both; visibility:hidden;}
body{font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: center; background-color: #ececec;}
.invisible{display: none;}
a img{border:none;}
ul{padding-left: 15px;}

.top-bar{background-color:#fff; width:100%; height:84px; position:fixed; z-index:100;-webkit-box-shadow:0px 10px 23px -13px rgba(0,0,0,0.87);-moz-box-shadow:0px 10px 23px -13px rgba(0,0,0,0.87);box-shadow:0px 10px 23px -13px rgba(0,0,0,0.87);}
.break{width: 100%; height: 84px;}
.logo{float:left;margin-left:20px;margin-top:12px;}
.menu{float:right;text-transform:uppercase;font-size:16px;margin-top:30px;margin-right:25px;}
.menu a{color:#8d8d8d; text-decoration:none; margin-left:25px;}
.menu a:hover{text-decoration:underline; color:#313131;}

.burger, .burger-menu{display: none;}
.burger-menu{background:#dedede;width:130px;position:absolute;right:0;margin-top:64px;margin-right:24px;padding:8px;font-size:14px;}
.burger-menu a{display:block;text-decoration:none;text-align:center;background:#cecece;padding:7px;margin-bottom:1px;color:#000;}
.burger-menu a:hover{opacity:0.6;}
.rozsirene div {
	background: #7e7e7e;
	color: #fff;
	padding: 8px;
	margin-top: 7px;
	display: none;
}

.webcam-group{background-color:#3c3b3a; width:100%; display: table;}
.webcam-group.jizerky{background-color: #584e3c;}
.webcam-group.jizerky .right{background-color: #655a45;}
.webcam-group.jizerky .name{border-bottom:  1px solid #655a45;}
.webcam-group.cechy{background-color: #576a74;}
.webcam-group.cechy .right{background-color: #647a85;}
.webcam-group.cechy .name{border-bottom:  1px solid #647a85;}

.left{width:430px; display: table-cell; vertical-align: top;}
.left .nadpis{font-size:26px; border:1px solid #bdbdbc; margin-top:50px; display:inline-block; width:320px; text-align:center; padding-top:23px; padding-bottom:23px; font-size:26px; line-height:30px; color:#868685;}
.left .nadpis span{color:#fff; font-weight:bold;}
.cam-menu{width:322px; display:inline-block; margin-top:30px;}
.cam-menu a{width:322px; height:46px; background-image:url(/assets/images/menu.png); display:inline-block; margin-bottom:1px; text-align:left;}
.cam-menu a span{font-size:15px;color:#9f9f9f;text-decoration:none;display:inline-block;padding-left:68px;padding-top:12px;}
.cam-menu a:hover{opacity:0.6;}
.map{width:318px;height:188px;background-image:url(/assets/images/map-1.png);display:inline-block;margin-top:50px;margin-bottom:35px;}

.right{width:calc(100% - 430px); background-color:#454443;display: table-cell; vertical-align: top; padding-top: 50px;}

.mobile-nadpis{display: none;}

.cam {
    float: left;
    width: 28%;
    height: auto;
    position: relative;
    margin-left: 4%;
    overflow: hidden;
    margin-bottom: 3vw;
    background-image: url(/assets/images/cam-over.png);
}

.magnifier {
    position: absolute;
    width: 4.3vw;
    height: 4.3vw;
    background-image: url(/assets/images/zoom.png);
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 10;
    background-size: 4.3vw auto;
}
.magnifier:hover{
    opacity:0.5;
}

.photo{width:100%; height:16.1vw; overflow:hidden; background-color: gray; text-align: center;}
.photo img{min-width:100%; min-height:16.1vw; width:auto; height:16.1vw;}
.name{font-size:16px; padding:10px; text-transform:uppercase; border-bottom:1px solid #454443;}
.name a{color:#fff; text-decoration:none;}
.name a:hover{opacity:0.6;}
.stats{color:#91908f; font-size:14px; padding:7px;}
.stats a{color:#91908f;}
.stats a:hover{color:#fff;}
.more-cams{display:block;float:left;margin-left:4%;background:#303030;color:#fff;padding:15px 60px;font-size:16px;text-transform:uppercase;text-decoration:navajowhite;margin-bottom:55px;}
.more-cams:hover{opacity:0.6;}
.foot-bar{background-color:#282828; color:#6f6f6f; font-size:12px; padding:15px; text-align:left;}
.foot-bar a{color:#6f6f6f;}


/* detail kamery */
.hlavicka-kamery{background-color: #323130; color:#fff;padding-left: 50px; padding-top: 30px; padding-right: 50px; padding-bottom: 30px;}
.nazev-kamery{font-size: 24px; font-weight: bold; float: left;}
.back-btn{background:#000 none repeat scroll 0 0;color:#fff;float:right;font-size:17px;padding:5px 25px;text-decoration:none;}
.popis-kamery{background-color: #454443; padding: 30px 50px; color:#fff; text-align: left; font-size: 14px; line-height: 21px;}
.live-view-bar{background-color: #393837; color:#fff;padding-left: 50px; padding-top: 30px; padding-right: 50px; padding-bottom: 30px;}
.live-view-bar span{float: left; font-size: 24px;}
.cam-img{
	background-color: #454443;
	padding: 50px;
	position: relative;
}
.cam-img img{
	max-width: 100%;
	max-height: 70vh;
}


/* archiv kamery */
.obsah-archivu{padding:  30px 50px; text-align: left; background-color: #454443;}
.filtrace{background-color: #333232; color:#fff;padding:25px;}
.filtrace-txt {color: #bebebe;float: left;font-size: 22px;line-height: 34px;}
.filtrace-form {float: right;}
.filtrace-form-left {font-size: 14px;float: left;}
.filtrace-form-right {float: right;font-size: 20px;}
.filtrace-form-left span {color: #6a6a6a;float: left;margin-right: 15px;margin-top: 6px;text-align: right;width: 130px;}
.filtrace-form-left input {background-color: #2c2c2c;border: medium none;color: #fff;float: left;margin-bottom: 4px;padding: 7px;width: 180px;}
.filtr-btn{background:#202020 none repeat scroll 0 0;border:medium none;color:#fff;cursor:pointer;float:left;font-size:18px;font-weight:normal;height:65px;margin-left:12px;padding-left:15px;padding-right:15px;}

.archiv-no-pictures {
    color: white;
}

.archiv-navbar {
    text-align: justify-all;
    margin-bottom: 20px;
}


.archiv-dalsi-den {
    color: white;
    background: black;
    font-size: 22px;
    line-height: 34px;
    display: inline-block;
    margin: 5px 10px;
    padding: 0 33px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.archiv-vybrany-den {
    color: rgba(255,255,255,0.5);
}


.snimky{padding:12px; background-color: #323130;}
.snimky-obsah{position: relative;}
.snimek{border:3px solid #dedede;float:left;height:auto;margin:12px;width:calc(20% - 30px);position:relative;}
.snimek img{width:100%;height:auto;float:left;}
.selected-date{border:1px solid #4f4f4f;color:#8f8f8f;font-size:16px;margin:12px;padding:12px;}
.selected-date span{color:#fff; font-weight: bold;}
.calendar{margin-top: 35px; display: inline-block; margin-bottom: 1px; background-color: #323130; padding:12px 30px; font-size: 20px; text-decoration: none; color:#fff;}
.calendar:hover,
.back-btn:hover,
.filtr-btn:hover{opacity:0.6;}
.nazev-kamery span{font-weight: normal;}

/* zoom panel */
.zoom-panel{background-image: url(/assets/images/over.png); width: 100%; height: 100vh; position: fixed; left:0; top:0; z-index:100; display: none;}
.zoom-window{width:calc(80vw - 40px);height:calc(42vw - 40px);margin-top:2vw;margin-left:10vw;background-color:#3c3b3a;padding:20px;}
.station-screen h2{color:#fff; margin-bottom:20px; text-transform:uppercase;}
.station-screen img{width:auto;height:100%;}
.station-screen{text-align:center;position:relative;}
.station-bar{background-color:#2e2e2e;height:calc(42vw - 86px);  overflow:hidden;}
.station-left{display:inline-block;background-color:#222222;width:3vw;height:3vw;float:left;margin-top:16vw;margin-left:1vw;background-image:url(/assets/images/arrow-left.png);background-repeat:no-repeat;background-position:center;cursor:pointer;background-size:0.8vw auto;}
.station-img{display:inline-block;width:60vw;height:100%;position:relative;}
.station-right{display:inline-block;background-color:#222222;width:3vw;height:3vw;  float:right;  margin-top:16vw;  margin-right:1vw;  background-image:url(/assets/images/arrow-right.png);  background-repeat:no-repeat;   background-position:center;  cursor:pointer;  background-size:0.8vw auto;}
.station-left:hover,.station-right:hover{opacity:0.7;}
a.close-zoom-panel{position:absolute;color:#fff;right:0;top:0;}

.body_404 {
	font-size: 22px;
	text-align: center;
	background-color: #323130;
	color:#fff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.body_404 a {
	color: inherit;
}

.body_404 p {
	height: 400px;
}

.email {
	color: white;
}

.email:hover {
	color: white;
}

.center-text {
	text-align: center;
}

.onas {
/*	display: inline-block; */
	text-align: justify;
	max-width: 700px;
}