.col-kam-1 {float:left;width: 33%;border-right: 5px solid transparent;}
.col-kam-2 {float:left; width:34%;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.col-kam-3 {float:left;width:34%;position:relative;;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.col-kam-4 {float:none;width:33%;border-left: 5px solid transparent;}
.nadpis-kam-1 {display:none;}

#tabkameryfiltr .col-kam-1 {border-right: 0px}

@media screen and (max-width: 800px) {
.col-kam-1 {width:50% !important;}
.col-kam-2 {clear:left; float:left; width:50% !important; position:relative;border-left: 0;}
.col-kam-3 {float:none; width:50% !important; top:0px; border-right: 0px solid transparent;}
.col-kam-4 {width:50% !important; position:relative;}
.nadpis-kam-2 {display:none;}
.nadpis-kam-1 {display:table-row;}

#tabkameryfiltr .col-kam-1 {width:100% !important;border-right: 0px}

}

@media screen and (max-width: 550px) {
.col-kam-1 {width:100% !important; border:0px;}
.col-kam-2 {width:100% !important; border:0px;}
.col-kam-3 {width:100% !important; border:0px;}
.col-kam-4 {width:100% !important; border:0px;}
.nadpis-kam-1 {display:none;}
}
.snih {
    margin-bottom: 2px;
}

.snih .dalsi {
	height: 36px;
}

.snih .dalsi a {
	text-decoration: underline;
}

.snih .after-dalsi {
	height: 16px;
	opacity: 0;
	background: none;
}

.kam .ico_bunka {
	min-width: 26px;
}

#tabkamery-k {
	margin-top: 40px;
}

#tabkamery, #tabkameryfiltr {
	/*min-width: 335px;*/
}
.kam{
	margin: 0px 0px;

}

.snih .areal {
	min-width: 150px;
}

.koupani-top th {
	height: 40px;
	position:relative;
}

.koupani .ico {
	 height: 18px;
	 width: 18px;
 }

.vysvetlivky {
	position: absolute;
	right:0;
	padding: 5px 5px 2px;
	z-index:2;
	display: block;
	color: white;
	text-decoration: underline;
	margin:2px;
	bottom: 0;
}

#koupani_vys img {
	width: 15px;
	height: 15px;

	margin: 2px 10px 2px 0;
	vertical-align: top;
	display: inline-block;
}

#koupani_vys {
	width: 100%;
	max-width: 450px;
	border: 1px solid black;
	background: white;
	position: absolute;
	font-size: 12px;
	padding: 5px;
	z-index: 2;
	right:0;
	box-sizing:border-box;
}

@media screen and (max-width: 450px) {

#koupani_vys {
	width: 100%;
	left: 0;
}

}

@media screen and (max-width: 650px) {

.vysvetlivky {
	position: relative;
	padding:0;
	margin: 2px;
}
#koupani_vys {
	right: calc(50% - 225px);
}
}

#koupani_vys .popis{
	width: calc(100% - 25px);
	display: inline-block;
	margin: 1px 0 3px 0;
	text-align: left;
}