
.objekt {
	position: fixed;
	right: 0; 
	bottom: 40px;
	width: 320px; /* width:600px; */
	height: 192px; /* height:360px; */
	z-index: 100;
}
.objekt.not-active {
	right: -280px;
}

@media only screen and (min-width: 930px) {
	.objekt {bottom: 0;}
}
.uhlici_gif {
	max-width: 100%;
}

.play {
	display:none;
    overflow: hidden;
    text-indent: -999px;
	position: absolute; 
	left: calc(50% - 20px); 
	top: calc(50% - 20px); 
	padding: 0;
	width: 40px; 
	height: 40px; 
	background: #009798 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAMAAACpg44GAAAAYFBMVEUWl5cWl5cWl5f///8AiooTlpYAjY0GkJAYmJgzpKQAhYVQsbHq9fWp2dkgm5un2NgNk5P2+/smnp6Qzs7b7+9rvb2w3NyZ0tJwv787qKgtoqLg8fG0399/xsZywMBxv7+Uw/6iAAAAAnRSTlPw4iwrr9EAAAFISURBVGje7duNToMwFIZh7A+U6bQwN4RNvf+7lKVBtngS0vQkfprvvQGeNAVOmrR6qEozUpVOM8+AV4ELKwIJzItAuAgkMDMC4SKQwMwIhItAAjMj8LbgXROMYiE2YlF8yjYwth9mp0n0oX8W6oM3QtvAerTnY9Qjejd0T0Ld4EThNrC11r7qEb27WLFLAVCT6N1eBr4UAH8SEYF3REzgDREV+E3EBS5EYOBMfLsSgYELERg4Ez+vRGDgsorAQGvP71OEBlp7dB4Y2B2mBngPdod+VxvYPZh4sG9x4sF+BxMP9k+SeLDDQuLBTjMrrwR4koH7AqDA0weeioArr7jYPoqN0SxlAleeSqFxYveDRw5wY/WUyweO3aDI0wf6fnKKPH1giLX/Nd6/OB+EiEACMyMQLgIJzIxAuAgkMDMC4foDQAMe/HWNL5jXdDyS3LQYAAAAAElFTkSuQmCC') left top;
    background-size: cover;
	border-radius:24px; 
	text-align: center; 
	line-height: 42px; 
	color: white;
	font-weight: bold;
	font-size: 21px; 
	border:2px solid white;z-index:999;
	cursor: pointer;
}
.play span {
	display: none;
}

.play.played {
	background: #009798 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAMAAACpg44GAAAAYFBMVEUWl5cWl5cWl5f///8AiooTlpYAjY0GkJAYmJgzpKQAhYVQsbHq9fWp2dkgm5un2NgNk5P2+/smnp6Qzs7b7+9rvb2w3NyZ0tJwv787qKgtoqLg8fG0399/xsZywMBxv7+Uw/6iAAAAAnRSTlPw4iwrr9EAAAFISURBVGje7duNToMwFIZh7A+U6bQwN4RNvf+7lKVBtngS0vQkfprvvQGeNAVOmrR6qEozUpVOM8+AV4ELKwIJzItAuAgkMDMC4SKQwMwIhItAAjMj8LbgXROMYiE2YlF8yjYwth9mp0n0oX8W6oM3QtvAerTnY9Qjejd0T0Ld4EThNrC11r7qEb27WLFLAVCT6N1eBr4UAH8SEYF3REzgDREV+E3EBS5EYOBMfLsSgYELERg4Ez+vRGDgsorAQGvP71OEBlp7dB4Y2B2mBngPdod+VxvYPZh4sG9x4sF+BxMP9k+SeLDDQuLBTjMrrwR4koH7AqDA0weeioArr7jYPoqN0SxlAleeSqFxYveDRw5wY/WUyweO3aDI0wf6fnKKPH1giLX/Nd6/OB+EiEACMyMQLgIJzIxAuAgkMDMC4foDQAMe/HWNL5jXdDyS3LQYAAAAAElFTkSuQmCC') right top;
	background-size: cover;
}

.slowImg .play {display: block;}

#close {
	position: absolute;
    left: 40px;
    top: 10px;
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 50%;
    text-align: center;
    z-index: 99999;
}
#close:before {
	content: "X";
    position: relative;
    display: block;
    line-height: 32px;
    font-weight: bold;
    color: #169797;
    font-size: 16px;
}
#close.not-active {
	left: 0;
	}
#close.not-active:before {
	content: "<";	
}
@media only screen and (min-width: 930px) {
#close {display: none;}
	}

/****
.objektInSmall {
	position: absolute;
    left: 0;
    top: 0;
}
.objektInBig {
    position: absolute;
    left: 0;
    top: 0;
}
.objektInBig .oko1 {
	position: absolute;
    left: 388px;
    top: 90px;
    width: 34px;
    height: 37px;
    background: no-repeat url(big-eye-left.gif);
    background-size:100%;
}
.objektInBig .oko2 {
	position: absolute;
    left: 422px;
    top: 90px;
    width: 51px;
    height: 43px;
    background: no-repeat url(big-eye-right.gif);
    background-size:100%;
}
.objektInBig .pusa {
	position: absolute;
    left: 375px;
	top: 133px;
    width: 84px;
    height: 39px;
    background: no-repeat url(big-mouth.gif);
    background-size:100%;
}
.objektInBig .rukaL {
	position: absolute;
    left: 249px;
	top: 52px;
	background: no-repeat url(big-hand-left.gif);
	width:98px;
	height:210px;
	background-size:100%;
}
.objektInBig .rukaP {
	position: absolute;
    left: 495px;
	top: 162px;
	background: no-repeat url(big-hand-right.gif);
	width:72px;
	height:120px;
	background-size:100%;
}
****/
/* ohraničení */

/****
.objekt.ohraniceni {
	background-position: 1px 1px;
}
.ohraniceni .objektInBig .oko1 {border: 1px solid yellow;}
.ohraniceni .objektInBig .oko2 {border: 1px solid blue;}
.ohraniceni .objektInBig .pusa {border: 1px solid white;}
.ohraniceni .objektInBig .rukaL {border: 1px solid green;}
.ohraniceni .objektInBig .rukaP {border: 1px solid red;}
****/
