@font-face {
      font-family: "Nasa";
      src: url("../fonts/nasa.otf");
    }
	
@font-face {
      font-family: "All";
      src: url("../fonts/RobotoMono.ttf");
    }

html, body {
	height:100%;
	width:100%;
	min-width: 200px;
	position: relative;
    background: url(../img/bg_grady.png) repeat-x, url(../img/bg_diago.png) #19325f;
}

html, body, button, a, span, p, input {
	font-family: "Nasa", sans-serif;
	/*Word-spacing: 3px;*/
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
	outline:0;	
}

.upperSiteBlock {
    margin: 0 auto;
	padding:15px 0;
	min-width:200px;
}

.hrefTelegram{	
    margin: 0 10%;
	padding:0 0;
	min-width:200px;
    text-align: center;
    font-weight:bold;
}

.hrefTelegram a{
	border:3px solid rgba(140,214,0,1);
	border-radius:25px;
	padding:10px 25px 15px 25px;
	background-color:rgba(140,214,0,0.75);
	font-family: "All", serif;
}

.hrefTelegram a:hover{
	/*border:3px solid rgba(140,214,0,1);*/
	background-color:rgba(140,214,0,1);
}

#otzivi {
	border:0px;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
	outline:0;
}

.hrefTelegram{
    /*text-decoration: underline;*/
	transition-duration: 0.15s;
}

.hrefTelegram:hover, .hrefTelegram a:hover{
    text-decoration: none;
	transition-duration: 0.15s;
}

.hrefTelegram:active, .hrefTelegram a:active{	
	color:#4CC6E1;
	-webkit-transform: scale(0.96);
	transform: scale(0.96);
	transition-duration: 0.15s;
}

#info {
    margin: 25px 10% 35px 10%;
	padding:10px;
	min-width:200px;
    text-align: center;
    font-weight:normal;
	line-height:150%;
	font-size: 14px;
	background-color: rgba(255,255,255, .25);
	border-radius: 10px;
}

.mainLogoSite{
	display: flex;
	font-size:28px;				
	border-top:2px solid rgba(255,255,255, 0.35);
	border-bottom:2px solid rgba(255,255,255, 0.35);
	margin:0 10%;
	padding:2px;
	justify-content: center;
	align-items: center;
	transition-duration: 0.15s;
}

.mainLogoSite:hover{	
	border-top:2px solid rgba(255,255,255, .75);
	border-bottom:2px solid rgba(255,255,255, .75);
	transition-duration: 0.15s;
}

.mainLogoSite:active{	
	-webkit-transform: scale(0.96);
	transform: scale(0.96);
	transition-duration: 0.15s;
}

.mainLogoSite img{
	display:block;
	width:40px;
	padding:0;
	margin:0;
}

.mainLogoSite span{
	color:#4CC6E1;
}

.mainLogoSite div{
	padding: 0 0 0px 8px;
}

#info p, #info a{
	font-family: "All", serif;
	font-size: 16px;
}