@charset "utf-8";
/* CSS Document */

.mvcSidebar{
	position:absolute;
	top:290px;
	right:0px;
	background:#00A1E3;
	overflow:hidden;
	color:white;
	z-index:10;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;	
	display:none;
}
body.modul-5 .mvcSidebar{
	top:125vh;
}
.mvcSidebar.mvcSidebarSticked{
	position:fixed;
	top:0px !important;
}
.mvcSidebar.mvcSidebarShow{
	display:block;
}
.mvcSidebar > div{
	width:80px;
	border-bottom:1px dotted rgba(0,0,0,0.1);
	box-sizing:border-box;
	transition:background ease-out 1s;
	position:relative;
}
.mvcSidebar > div:hover{
	background:rgba(0,0,0,0.1);
	transition:background ease-out 0.2s;
}
.mvcSidebar > div > a {
	color:white;
	padding:20px 0;
	display:block;
	text-decoration:none;
}
.mvcSidebar > div > a.weather {
	padding:30px 0 20px 0;
}
.mvcSidebar > div > .teplota{
	background:white;
	color:#000;
	position:absolute;
	top:10px;
	right:0;
	font-size:10px;
	padding:2px 5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

/*.mvcSidebar > div.sos{background:#EB5296;}
.mvcSidebar > div.sos:hover{background:#ce407d;}
.mvcSidebar > div.yescard{background:#EB5296;}
.mvcSidebar > div.yescard:hover{background:#ce407d;}
.mvcSidebar > div.pruvodce{background:#009945;}
.mvcSidebar > div.pruvodce:hover{background:#ce407d;}
.mvcSidebar > div.pocasi{background:#FFCC0A;}
.mvcSidebar > div.pocasi:hover{background:#ce407d;}
.mvcSidebar > div.webkamery{background:#777;}
.mvcSidebar > div.webkamery:hover{background:#999;}*/

.mvcSidebar > div > a > i{
	display:block;
	text-align:center;
	font-size:36px;
	font-weight:bold;
}
.mvcSidebar > div > a > span{
	display:block;
	text-align:center;
	font-size:12px;
	padding:5px 10px 0 10px;
}

@media screen and (max-height: 730px){
	.mvcSidebar{
	}	
	.mvcSidebar.mvcSidebarSticked{
		bottom:0px !important;
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;			
	}
	.mvcSidebar > div{
		height:14.2vh;
	}
	.mvcSidebar > div > a {
		padding:3vh 0;
	}
	.mvcSidebar > div > a > i{
		font-size:4vh;
	}	
}