body {
	margin: 0px;
	font-family: Arial;
	margin-bottom: 40px;
	background: url(../img/bg.jpg) 100% 100% no-repeat; 
	background-size: cover;
	word-break: break-all;
}
a {text-decoration: none}
.center a {color: #3097d1;}
/* TOP (menu style) */
.inputtext1 {
	border-radius: 5px;
	border: 1px solid grey;
	padding: 8px;
	font-size: 9pt;
	margin-bottom: 0px;
}

.topnav {
    background-color: #3097d1;
	border-bottom: 1px solid #016096;
    overflow: hidden;
	width: 96%;
	padding: 0% 2%;
	padding-top: 4px;
}

.topnav .search_padding {
	padding: 11px 14px 0px 14px;	
	margin: 0px;
}	
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 18px 18px 18px 14px; 
    text-decoration: none;
    font-size: 17px;
	border: 0px solid black;
}
.topnav .a-right {
	display: block;
	float: right;
	}
.topnav .icon {
    display: none;
}
.topnav .settings_link {
	display: none;
}
@media screen and (max-width: 900px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	position: absolute;
    right: 5px;
    top: 8px;
  }
 .topnav .a-right {text-align: center;}
.topnav .settings_link {
	display: inline-block;
}
.topnav .login_link {
display: block;	
padding: 10px;
border: 1px solid white;
border-radius: 4px;
}
.topnav .login_link:hover{
	background: white; 
	color: #3097d1;
}
	.topnav a {
		padding: 12px;
	}
	.topnav .search_padding {
	padding: 12px 12px 0px 5px;	
	margin: 0px;
	}
	.topnav .search_padding input {
	width: 100%;	
	}
}
@media screen and (max-width: 900px) {
  .topnav.responsive {position: relative; text-align: center;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 5;
    top: 8;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
.logo {
	float: left;
	display: block;
	border: 0px solid black;
}
.img-download {
	pointer-events: none;
}
.menu {
	display: inline-block;	
	border: 0px solid black;
	padding: 16px;
}
.top a {color: white; text-decoration: none;}
.top a:hover {color:  #e5e5e5;}

.topright {
	float: right;
	border: 0px solid black;
}
.login {
	padding: 16px 0px;
	float: left;
	border: 0px solid black;
}
.login img {float: left;}
.search {
	display: inline-block;
	border: 0px solid black;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.menutop {
	display: inline-block;
	border: 0px solid black;
	margin-left: 20px;
}
.inputtext {
	margin-top: 8px;
	border-radius: 5px;
	border: 1px solid grey;
	padding: 8px;
	font-size: 9pt;

}
.login_google table{
border: 2px solid white;	
font-size: 11pt;
padding: 3px;
border-radius: 5px;
background: white;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.login_goole table:hover {
opacity: 0.3;
}
.login_google {
	background: none; 
	border: 0px solid black; 
	color: white;
}
.center {
padding: 2%;
border: 0px solid black;	 


}
.center h2 {
margin-left: 25%;	
color: white;
}
.downloadform {
	border-radius: 7px;
	border: 0px solid grey;
	padding: 5%;
	width: 30%;
	min-width: 280px;
	margin: auto;
	margin-top: 60px;
	text-align: center;
}
.downloadform h1 {	color: white;}
.file-size {
	background: rgba(0, 0, 0, 0.2); 
	color: white;
	display: inline-block;
	border-radius: 5px;
	width: 180px;
	padding: 3px;
	font-size: 12px;
	margin: auto;
	text-align: center;
}
.filepost {
	border-top: 1px solid #d6d6d6;
	padding: 12px;
	
}
.filepost a {color: #3097d1;}
.page_form {padding: 0px 0px 0px 12px; border-top: 1px solid #d6d6d6;}


.centralform {
	background: white;
	color: black;
	border-radius: 7px;
	border: 1px solid #d6d6d6;
	width: 50%;
	padding: 10px 15px;
	margin-left: 2%;
	display: inline-block;
	overflow-x: hidden;	
	
	
}
.right {
	display: inline-block;
	float: right;
	border: 0px solid red;
	width: 20%;
	padding: 0px 0px;
}
.rightform {
	background: #f2f2f2;
	border-radius: 7px;
	border: 4px solid #b3b3b3;
	width: 90%;
	text-align: center;
	padding: 12px;
}
.rightform a:hover {text-decoration: underline;}
.searchform2 {
	background: #f2f2f2;
	border-radius: 7px;
	border: 1px solid #b3b3b3;
	padding: 12px;
	width: 20%;
	float: left;
	margin: auto;
	display: inline-block;
}
.searchform2 .photo {
	border: 0px solid black;
	margin: auto;
	text-align: center;
	padding: 20px 0px;
	
}
.searchform2 .photo .textphoto {
	margin-top: 15px;
	border: 0px solid black;
}
.admin_panel_but { display: none;}

@media (max-width: 880px) {
	.searchform2 {float: none; width: 92%;  margin-left: 0px; margin-bottom: 5px; padding: 0% 4% 0% 4%; background: none; border: 0px solid black; font-size: 15pt;}
	.searchform2 a {color: white;}
	.centralform {width: 98%; margin-left: 0px; margin-top: 0px; padding: 0% 1%;}
	.centralform .centercontent {padding: 2%; width: 90%;}
	.centercontent .inputtext {font-size: 7pt;}
	.profileform .centralform {margin-top: 0px;}
	.right {float: none;  width: 96%; padding: 2%; margin-top: 15px;} 
	.rightform {width: 40%; padding: 0% 4%; background: none; color: white; border: 0px solid #d6d6d6; margin: auto; min-width: 250px;}
	.center { border: 0px solid red;}
	.center h2 {margin-left: 0;}
	.searchform2 .photo .textphoto { height: 10px; }
	.login_google { margin: auto;}
	.admin_panel_but {display: block;}
	.login {padding: 5px 0px; display: none;}
	.top {text-align: center;}
	.search {display: none;}
	.photo {color: white;}

}

#but {
	background: #3097d1;
	padding: 10px;
	border: 0px solid white;
	color: white;
	border-radius: 5px;
	display: inline-block;
}
#but:hover {
	background: #22678e;
}
@media (max-width: 300px) {
	#but {
		display: block;
		margin-top: 5px;
	}
	.rightform {
		padding: 0%;
		width: 100%;
		min-width: 100px;
	}
	.right {
		padding: 0%;
		float: none;
		display: block;
		width: 100%;
	}
}
.file-size-profile {
	color: grey;
	font-size: 9pt;
	margin-top: 15px;

}
.loginform input[type="text"], input[type="password"]{width: 100%;}

.file-upload {
     position: relative; /* Даем возможность делать позиционирование, внутри данного элемента */
	 margin: auto;
     overflow: hidden; /* Все что выходит за пределы - скрываем */
     width: 50%; /* Задаем ширину кнопки выбора файла */
     height: 40px; /* Задаем высоту кнопки выбора файла */
     background: #00b0f0;
	 border: 0px solid #016096;
     border-radius: 7px;
     padding: 7px 18px;
     color: #fff;
     text-align: center;
}

.file-upload:hover {
     background: #22678e;
}
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
     /* Растягиваем label на всю возможную площадь блока .file-upload */
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload span {
     line-height: 57px; /* Делаем вертикальное выравнивание текста, который написан на кнопке */
	 font-size: 20pt;
}
.post {
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	background: #e8f9ff;
	padding: 10px;
	margin-top: 15px;
}
.post a {color: black;}
.post .link {width: 100%; border-radius: 5px; border: 1px solid #d6d6d6; padding: 5px;}
.date {
	background: rgba(52, 174, 241, 0.7); 
	color: white;
	display: inline-block;
	border-radius: 5px;
	width: 23%;
	min-width: 150px;
	padding: 3.5px;
	font-size: 12px;
	margin: auto;
	margin-top: 8px;
	text-align: center;
}

.filepost div {
    margin: 0px;
    border: 1px dotted black;
}


#sf1 {
Display: none;
}
.page_genpass h1{
	font-size: 37pt;
	color: #3097d1;

}