body {
	font-family:Arial;
}
#bkg {
	z-index:-1;
	position:absolute;
	top:0.5vw;
	left:10vw;
	width:80vw;
	text-align:center;
	opacity:0.333;
	transition-property: opacity;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
}
#bkg img {
	width:80%;
}
#bkg:hover {
	cursor: pointer;
}
.binder {
	position:absolute;
	left:10vw;
	top:4vw;
	width:80vw;
	transition-property: opacity;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
}
#titre {
	text-align: center;
	font-size:2.5vw;
	font-weight: 500;
	line-height: 1.2;
	color:#666;
	margin-bottom:3vw;
}
#titre:hover {
	cursor:context-menu;
}
.opis {
	width:76%;
}
div.col-sm {
	text-align:center;
	line-height:1.6vw;
	float:left;
	margin:0 0 0 7vw;
}
#ss { margin-left:3vw;}
#st {float:right;margin:0 7vw 0 0;}
div.col-sm img {
	width: 20vw;
	opacity:1;
	transition:opacity 0.5s;
}
div.col-sm a {
	font-size:1.3vw;
	color:#666;
}
a:hover img {
	opacity:0.5;
	transition:opacity 0.5s;
}
#wsh,
#wss,
#wst {
	position:absolute;
	top:35vw;
	left:7vw;
	width:66vw;
	font-size:1.3vw;
	color:#666;
	text-align:justify;
	opacity:0;
	transition:opacity 0.5s;
}
.infost {
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0.2);
	opacity:1;
}
div#sh:hover + p#wsh {opacity:1;transition:opacity 0.5s;}
div#ss:hover + p#wss {opacity:1;transition:opacity 0.5s;}
div#st:hover + p#wst {opacity:1;transition:opacity 0.5s;}
.schowaj {
	opacity:0;
}