#sky_header{
	z-index: 0;
	min-height: 20vh;
	font-size: 3vh;
}

.sky-window{
	border: 3px double white;
	/*background: yellow;*/
	width:  58.5%;
	height: 50vh;
	left:0;right:0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	z-index:10;
	position: absolute;
	display: none;
	animation: skyWindow 0.2s linear 0s 1 normal;
	font-size: 3vh;
}
@keyframes skyWindow {
    0% {bottom: -50vh; transform: scaleY(0); }
    100% {bottom: 0; transform: scaleY(1);}
}

#write-window{
	border: 3px double white;
	background: yellow;
	color: black;
	width:  58.5%;
	height: 80vh;
	left:0;right:0;
	top: 0; bottom: 0;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	z-index:100;
	position: absolute;
	display: none;
	font-size: 3vh;
	border-radius: 10px;
}

#sky_navigation{	text-align:center;}
#sky_navigation .central{background-color: orange; border-radius: 10px;}
#sky_navigation .sky_item {
	display: inline-block;vertical-align: top; color: PaleVioletRed;
	text-align: left; padding: 1em; border-radius: 10px;
}
#sky_navigation .sky_item:hover .nav_text {
display: block; }
#sky_navigation .nav_text li {
	background-color: rgba(255,215,30,1.0);
	display: block; border-radius: 10px;}
#sky_navigation .sky_item a{color: magenta;}
#sky_navigation .sky_item a:hover {color: black;}
#sky_navigation .sky_item:hover{background-color: gold;}

#sky_navigation .nav_text{
	position: absolute; z-index: 10;
	display: none;
	margin-left:-1em; margin-top:-13em;
}
#sky_navigation .nav_text li{
	border: 1px solid white; padding:0.54em;
	border-radius: 10px;}
}
#sky_navigation .nav_text a:hover {color: black;}
#sky_navigation .nav_text .white{background-color: white;}
#sky_main{
	z-index: 0;
	min-height:60vh;
	position: relative;
	text-align: center;
}

.gazon{
	background-color: SpringGreen;
}

.banner{
	text-align: center;
	background-color: gold;
}
.banner_gold{background-color: gold;}
.banner_white{background-color: white;}
.sky{
	text-align: center;
	color: darkblue;
	background: lightgreen;
	height: 25vh;
	padding-top: 0.5vh;
	padding-bottom: 0.1em;
}
		.sleva{
			width: 20%;
			vertical-align: top;
			float:left;
			margin: 0.1%;
			/*font-size: 3vh;*/
		}
		.sprava{
			width: 20%;
			float: left;
			margin: 0.1%;
			/*font-size: 3vh;*/
		}
		.central{
			width: 59.4%;
			float: left;
			margin: 0.1%;
		}
		.sky a{color: darkblue; text-decoration: none;}
		.sky .orange, .orange{color: orange;}
		.sky a.orange:hover{text-decoration: underline;}

.knopka_vnizy{bottom:0;position: absolute;}
.knopka_sprava{right: 0; position: absolute;}

#sky_footer{
	text-align: center;
	background: lightgreen;
/*	padding:1em;*/
	color: green;
	min-height:20vh;
}
#sky_footer a{
	color: inherit;
	text-decoration: none;
}

#sky_footer a:hover{
	text-decoration: underline;
}
#copyrights{
	font-size:100%;
	padding:1em;
}
#slntspace{
	font-size:90%;
	padding:1em;
}

.interface{
	z-index: 50;
	position: absoulute;
}
.web_date{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 80%;
}

.date_green{
	background-color: SpringGreen;
}

.date_gold{
	background-color: Gold;
}

/*article p{text-align: justify;}

a {text-decoration: none;}
a:hover{text-decoration: underline;}*/

.container{
	width: 100%;
	left:0;right:0;
	display: inline-block;
	margin:0.5vh auto;
	/*border: 3px double red;*/
	min-height: 10px;
}

.knopka{
	border: 3px double white;
	margin: 1em;position: relative;
	display: inline-flex;
	color: white;
	border-radius: 1em;
	padding:0.8vh;
	background: deepskyblue;
	font-size: 2.5vh;
}
.knopka:hover{
	text-decoration: none;
	background: white;
	color: blue;
	border: 3px double deepskyblue;
}
/*
.line{
	width: 100%;
	height:10%;
}

.content{
	padding:1em;
	vertical-align: top;
	text-align: center;
}

.text{
	text-align: justify;
}

.toplinks{
	text-align: center;
	padding:0.2em;
	width: auto;
}

.toplinksitem{
	text-align: center;
	display: inline-block;
	width: 25%;
}

.toplinksitem a{
	color: green;
	text-decoration: none;
}

.upearth{
	text-align: center;
	color: darkblue;
	background: BurlyWood;
}

.ground{
	background: yellow;
	padding:0.5em;
	text-align: center;
	height: 10%;
	border: 3px solid magenta;
}
*/
.radio{
	/*height: 150px;*/
	background: deepskyblue;
	color: white;
	font-family: 'Montserrat Alternates', sans-serif;
}

/*
.intelligence{
	border: 1px solid magenta;
	text-align: center;
	width: 200px;
}

.intelligenceground{
	border: 1px solid SaddleBrown;
	text-align: center;
	width: 200px;
}

.teaching{
	border: 1px solid green;
	text-decoration: none;
	text-align: center;
}

.theInternet{
	border: 1px solid deepskyblue;
	text-decoration: none;
	text-align: center;
}

.Investment{
	border: 1px solid blue;
	text-decoration: none;
	text-align: center;
}
.Intelligence{border: 1px solid magenta;text-align: center;}

.content a{
	text-decoration: none;
	color: magenta;
}

.content li{
	padding:0.5em;
}

.item{
	padding:2em;
	margin-top:1em;
	margin-bottom:1em;
}

.study{
	text-align: center;
	border: 1px solid magenta;
	padding:2em;
	margin-top:1em;
	margin-bottom:1em;
}

.one{
	background: magenta;
}
.two{
	background: deepskyblue;
}
.three{
	background: DarkOrchid;
}
.four{
	background: RoyalBlue;
}

.study img{width:100%; border: 1px solid white;}
.study a{
	color:white;
	text-decoration: none;
	}
	.study a:hover{
		color:white;
		text-decoration: underline;
	}

.left .item{
	border: 1px solid magenta;
}*/

.block{
	font-size: 80%;
	width: 22%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
/*

blockquote{
	font-style: italic;
}

.italic{
	font-style: italic;
}

.podips{
	text-align: right;
}

.articlelinks{
	text-align: center;
	color:green;
}*/
#doroga_v_nebo{font-size:90%;}