.page-h2{
	text-align: center;
	color: red;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 3px solid blue;
}
.page-line{
	border-bottom: 3px solid blue;
}
.page-line-brown{
	border-bottom: 3px solid brown;
}
.page-h2-black,
.page-achievment{
	color: black;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 3px solid blue;
}
.page-achievment{
	border-top: 3px solid blue;
	padding-top: 15px;
}
.articles-border{
	border-bottom: 3px solid blue;
}
.center-text{
	text-align: center;
}
.right-text{
	text-align: right;
}
.left-text{
	text-align: left; 
}
/* Абзац */
/*===========================================*/
.m-left{
	margin-left: 7%;
}
/*===========================================*/

.rekvisiti-p{
	font-size: 20px;
}
#no-border{
	border: none;
}
.access{
	height: 50px;
	background: url(../../static/link_access_green.png) center no-repeat;
	background-size: 90%;	
}
.access a{
	display: inline-block;
	width: 100%;
	height: 100px;
}
.access:hover{
	background: url(../../static/link_access_blue.png) center no-repeat;
	background-size: 90%;
	cursor: pointer;
}
.article-link,#summary_link, #vneski{
	text-decoration: none;
	color: black;
}
#summary_link:hover,
.article-link:hover{
	color: green;
	text-decoration: underline;
}
#vneski:hover{
	color: green;
}
#summary_link_title{
	text-decoration: none;
	color: red;
}
#summary_link_title:hover{
	color: green;
}
#summary_link_title_reverse{
	text-decoration: none;
	color: green;
}
#summary_link_title_reverse:hover{
	text-decoration: underline;
	color: red;
}
.article{
	height: 180px;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 3px solid #ccc;
	border-radius: 10px;
	box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
	     -2px -2px 5px 0 rgba(0,0,0,.1),
	    2px 2px 5px 0 rgba(0,0,0,.1),
	    -2px 2px 5px 0 rgba(0,0,0,.1);
}
.article-image {
	/*width: 220px;*/
	/*width: 100%;*/
	height: 150px;
	overflow: hidden;
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; 
	margin-bottom: 2px;
}
.banner{
	border: 2px solid #ccc;
}
.banner img{
	width: 100%;
}
.article-div-img{
	width: 200px;
	float: left;
	margin: 10px;
}
.news-img img{
	display: block;
	width: 815px;
	margin: 10px 0 10px 0;
}
.news-img{
	margin-top: 10px;
}

/* Page Our School */
/*========================================*/
.bottom-text,
.header-text{
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	color: #286884;
}
.bottom-text{
	font-size: 18px;
}
.header-text{
	font-style: italic;
	font-size: 24px;
}
.content-text{
	font-weight: bold;
	color: #286884;
	font-family: "Monotype Corsiva", serif;
	font-size: 36px;
	font-weight: bold;
}
.our-school-img1,
.our-school-img2
{
	width: 300px;
	margin: 15px;
}
.our-school-img1{
	float: left;
}
.our-school-img2{
	width: 400px;
}
.priority-ways,
.achievments-div{
	background-color: #CCE8FF;
	border: 1px solid #94BEE0;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
}
.priority-ways p{
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
}
.bottom-text ul li{
	margin-bottom: 15px;
	list-style: none;
	background: url(../../static/right_arrow_blue.png) no-repeat 0 10px;
	background-size: 3%;
	padding-left: 50px;
}
/*==========================================================================*/

/* Page History of School */
/*==========================================================================*/
.history-div{
	font-size: 18px;
	text-align: justify;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
/*===========================================================================*/

/* Page Our Achievments*/
/*===========================================================================*/
.achievments-div{
	padding: 15px;
}
.achievments-div img{
	margin-top: 50px;
}
.achievments-div p{
	margin-left: 240px;
}
.achievments-div p span{
	color: red;
}

/*===========================================================================*/
/* Page Managment */
/*===========================================================================*/
.page-managment{
	font-size: 24px;	
}
.page-managment li{
	margin-bottom: 10px;
}
/*===========================================================================*/
/* Page Administration */
/*===========================================================================*/
.admin-text{
	color: #000080;
	font-size: 18px;
}
.admin-div img{
	width: 200px;
}
/*===========================================================================*/
/* Page Administration-Schedule */
/*===========================================================================*/
.schedule-header{
	color: #286884;
	text-transform: uppercase;
}
/*===========================================================================*/
/* Page Classes */
/*===========================================================================*/
.classes-div{	
	padding: 10px;
	border-radius: 10px;
	border: 3px solid blue;
}
.classes-div p{
	color: blue;
	font-weight: bold;
}
.classes-div img{
	width: 60px;
	margin-left: 30px;
}
.classes-div-tbody{
	font-size: 18px;
}
.classes-div-tbody td{
	padding: 10px;
	line-height: 1;
}
.classes-div-tbody p{
	padding: 0;
	margin: 0;
}
/*===========================================================================*/
/*Page Education Process*/
/*==========================================================================*/
.education-process-head{
	margin-left: 120px;
	color: blue;
	text-align: center;
}
.list-edu-process li{
	line-height: 35px;
}
/*==========================================================================*/
/* Page Lessons Schedule */
.lessons-green-div{
	border: 3px solid green;
	background: url(../../static/pencil_green.png) 30px 13px no-repeat;
	background-size: 10%;
	padding-left: 50px;
	color: green;
	padding: 20px;
	border-radius: 10px;
}
/*==========================================================================*/
/*==========================================================================*/
/* Page Calls Schedule */
.calls-div{
	width: 47%;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
	border: 3px solid blue;
	float: left;
}
.calls-div span{
	font-size: 24px;
}
/*==========================================================================*/
/* Page Usefull Links*/
/*==========================================================================*/
.useful-links a{
	color: red;
}
.useful-links a:hover{
	color: green;
}
/*==========================================================================*/
.news-div img{
	width: 100%;
}
/* Page Future Perfect */
.perfect-future-links{
	color: red;
}
.perfect-future-links:hover{
	text-decoration: none;
	color: green;
}
/* Page Preparing for ZNO*/
/*==========================================================================*/
.zno-table,
.zno-table-2{
	width: 100%;
	font-size: 20px;	
}
.zno-table tr,
.zno-table-2 tr{
	border-bottom: 1px dotted #8B0000;
}
.zno-table tr td{
	padding: 1.5%;	
}

.zno-table tr td:first-child,
.zno-table-2 tr td,
.zno-table-2 tr th{
	border-right: 1px dotted #8B0000;
}
.zno-table-2 tr th:last-child,
.zno-table-2 tr td:last-child{
	border-right: none;
}
.zno-table a,
.zno-table-2 a{
	text-decoration: none;
	color: black;
}
.zno-table a:hover,
.zno-table-2 a:hover{
	color: green;
	text-decoration: underline;
}
.zno-table-2{
	text-align: center;
}
/*============ Download button =============================================*/
.download-btn{
	padding: 10px;
	border-radius: 10px;
    color: #36454A;
    background: -webkit-linear-gradient(top, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
    background: -o-linear-gradient(top, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
    background: linear-gradient(to top, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
    box-shadow: 2px 2px 3px black;
}
.download-btn:hover{
	background: -webkit-linear-gradient(bottom, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
	background: -o-linear-gradient(bottom, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
	background: linear-gradient(to bottom, #A4D3E0, #A4D3E0 50%, #CBE3EB 50%);
}

/*==========================================================================*/
/* Open data */
/*==========================================================================*/
.open-data-details{
	margin-left: 2%;
}

.open-data-details a{
	font-style: italic;
	text-decoration: none;
	color: blue;
	font-size: 20px;
}
.open-data-details a:hover{
	color: green;
	text-decoration: underline;
}
.center-text-open-data{
	text-align: center;
	display: block;
	font-size: 1.5rem;
	color: #8B0000;
}
.open-data-table td p{
	text-align: left;
	padding-left: 2%;
	padding-right: 2%;
	font-size: 1.1rem;
}