* {
    font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	 color: #B0B0B0;
}
 a:link {
    color:#FD5A1E;
	font-family: Palatino Linotype, Serif;
   }
   a:visited {
    color:#E4D3A6;
	font-family: Palatino Linotype, Serif;
	}
html {
	overflow: auto;
	 overflow-x: hidden;
} 

body {
	background-color: #333;
}


.h1 {
	font-family: Garamond, Serif;
    font-size: 36px; margin: 0px; color: #FD5A1E;
	cursor: default;
}
 
.h2 {
	font-size: 0.6em; color: #FD5A1E;
	letter-spacing: .9em;
	cursor: default;
}

.h3 {
	font-size: 15px;  color: #FD5A1E;
	font-family: Palatino Linotype, Serif;
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.h4{
	font-size: 15px;  color: #E4D3A6;
	font-family: Palatino Linotype, Serif;
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.h5 {
	font-size: 12px;  color: #FD5A1E;
	font-family: Palatino Linotype, Serif;
	text-align: center;
	}




.m0 {
z-index:100;
margin: 5px  10px ;
}
.m {
	margin: 5px  0px;
	width: 100%;
	background: #333;
	text-align: center;
	border: 1px solid #ccc;
	display: inline-block;
	text-decoration: none;
	color: #B0B0B0;
 }

 .p {
	
	background: #333;
	text-align: left;
	border: 1px solid #ccc;
	display: inline-block;
	text-decoration: none;
	color: #B0B0B0;
 }
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
.text{
	text-align: left;
	font-size: 12px;  color: #B0B0B0;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.text2{
	font-size: 12px;  color: #B0B0B0;
	opacity: 0.5;
	text-align: center;
}
.text3{
	font-size: 10px;  color: #B0B0B0;
}

.text4{
	font-size: 12px;  color: #FD5A1E;
}
textArea
{
    background-color:#333333;
    border: 1px ridge #ccc;
    color: #333;
}

.b-toggle {
	opacity: 0;
	overflow: auto;
    max-height: 0;
    -moz-transition: opacity 0.3s, max-height 0.3s;
    -ms-transition: opacity 0.3s, max-height 0.3s;
    transition: opacity 0.3s, max-height 0.3s;
    _display: none;
}

.expanded {
	overflow: auto;
    max-height: 500px;
    opacity: 1;
    _display: block;
	box-shadow: 0 3px 5px 0 #000000;
	background-color: #000000; 
}

.box{
padding-left: 10px;
padding-right: 10px;
}

.border{
border-top: 1px dashed #555;
border-bottom: 1px dashed #555;
border-left: 1px dashed #555;
border-right: 1px dashed #555;
box-shadow: 0 3px 5px 0 #000000;
}

.border_solid{
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
border-right: 1px solid #555;
}

.boxborder{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-top: 1px dashed #555;
border-bottom: 1px dashed #555;
border-left: 1px dashed #555;
border-right: 1px dashed #555;
}

.st {
height: 20px;
width: 20px; 
box-shadow: 0 3px 5px 0 #000000;
border-top: 1px dashed #555;
border-bottom: 1px dashed #555;
border-left: 1px dashed #555;
border-right: 1px dashed #555;
background-color: #FD5A1E; 
}
.loading{
color: #FD5A1E;
}


@media screen and (min-width: 1270px) { 
	.header{
	margin:3px 15% 3px 15%;
	width: 70%;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000; 
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}

	.menu {
	margin:0.2% 15% 0.2% 0.2%;
	width: 14%; 
	float: right;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000; 
	}

	.blok{
	margin:0.2% 0.2% 0.2% 15%;
	width: 55%; 
	float: left;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000; 
	}
	.shadow-back{
	 background-color: #000; /* Чёрный фон */
	  height: 100%; /* Высота максимальна */
	  left: 0; /* Нулевой отступ слева */
	  opacity: 0.6; /* Степень прозрачности */
	  position: fixed; /* Фиксированное положение */
	  top: 0; /* Нулевой отступ сверху */
	  width: 100%; /* Ширина максимальна */
	  z-index: 99; /* Заведомо быть НАД другими элементами */
	}
	
	.login{
	position:fixed;
	z-index:100;
	top: 50%; /* Отступ в процентах от верхнего края окна */
	left: 50%; /* Отступ в процентах от левого края окна */
	margin-top: -150px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
	margin-left: -150px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
	width: 300px;
	position: absolute;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000;
	text-align: left;
	font-size: 12px;  color: #B0B0B0;
	}

	.footer{
	margin:0.2% 0.2% 0.2% 15%;
	width: 55%;
	float: left;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000; 
	}

}
@media screen and (max-width: 1270px) {
	.header{
	margin: 3px auto;
	width: 100%;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000;
	text-align: center;
	}

	.menu {
	margin: 3px auto;
	width: 100%;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000; 
	}
	 
	.blok{
	margin: 3px auto;
	width: 100%;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000;
	}

	.footer{
	margin: 3px auto;
	width: 100%;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000;
	}

	.login0{
	 background-color: #000; /* Чёрный фон */
	  height: 100%; /* Высота максимальна */
	  left: 0; /* Нулевой отступ слева */
	  opacity: 0.6; /* Степень прозрачности */
	  position: fixed; /* Фиксированное положение */
	  top: 0; /* Нулевой отступ сверху */
	  width: 100%; /* Ширина максимальна */
	  z-index: 99; /* Заведомо быть НАД другими элементами */
	}

	.login{
	position:fixed;
	z-index:100;
	top: 50%; /* Отступ в процентах от верхнего края окна */
	left: 50%; /* Отступ в процентах от левого края окна */
	margin-top: -150px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
	margin-left: -150px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
	width: 300px;
	position: absolute;
	box-shadow: 0 3px 5px 0 #000000;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-left: 1px dashed #555;
	border-right: 1px dashed #555;
	background-color: #000000;
	text-align: left;
	font-size: 12px;  color: #B0B0B0;
	}
}