body{
	background: #fff url(../images/bg.png) repeat 0 0;	   
	padding: 0px;
	margin:0px;
}
html, body, td, input, select, textarea {
	font: 12px 'PT Serif', 'serif', 'Arial', 'Verdana', 'Helvetica', 'Tahoma';
	color: #000;
}

form{
	margin: 0;
}
h1, h2, h3, h4
{
    font-family:Georgia,tahoma,arial;
	color:#333;
	margin:0 0 13px 0;
	font-weight:normal;
	font-style:italic;
}

h1{
    font-size:26px;
	line-height:27px;
}
h2{
    font-size:24px;
	line-height:25px;
}
h3{
    font-size:20px;
	line-height:21px;
}

hr {
	margin: 10px 0px;
	padding: 0px;
	height: 0px;
	border-bottom: 1px solid #fff0df;
	border-right: none;
	border-top: 1px solid #ebbb81;
	border-left: none;
	background: #ebbb81 url(../images/hr.gif) top center no-repeat;
	clear: right
}

.hr{
	height: 11px;
	background: url(../images/hr.gif) top center no-repeat;
	margin:20px 0 10px 0;
	padding:0px;
	clear:both;
}
a {
	color: #3277a6;
}

a:hover {
	text-decoration: none;
	color: #24a3dd;
}

a img,a:hover img {
	text-decoration: none;
	border:0;
}

a img {
	border-style: none;
}
.ico_pdf{
    padding: 1px 0 1px 20px; 
    background-image: url(../images/page_white_acrobat.png); 
    background-repeat: no-repeat; 
    background-position: left center;
}
.ico_word{
    padding: 1px 0 1px 20px; 
    background-image: url(../images/page_white_word.png); 
    background-repeat: no-repeat; 
    background-position: left center;
}
.ico_excel{
    padding: 1px 0 1px 20px; 
    background-image: url(../images/page_white_excel.png); 
    background-repeat: no-repeat; 
    background-position: left center;
}
/*------------------------------------------*/
#page{
	margin:auto;
	width:1000px;
	clear: left;
	position: relative;
}
div.rightCol{
	float:right;
	width:710px;
	padding:0px 0px 0px 0px;
	position:relative;
	/*background:#fff ;*/
}
div.leftCol{
	float:left;
	padding:0px 20px 0px 0px;
	width:270px;
	padding:0;
}
.container{
	margin:auto;
	width:1000px;
	clear: left;
	position: relative;
}
#header{
    height:250px;
	/*padding:22px 0 10px 0px;*/
	position: relative;
	background:#fff url(../images/bgtop.jpg) no-repeat top center;
}
#header .container{
	background:url(../images/imgschool.jpg) no-repeat 0 0;
	height:250px;
}
#header .logo{
		/*display:none;*/
		position:absolute;
		top:35px;
		left:535;
		width:170px;
		height:170px;
		/*padding:38px 0px 0px 90px;*/
		background: url(../images/logo.png) no-repeat 0 0;
		text-decoration:none;
		color:#000;
		font: 300 14px/16px;
}
#header #uhvb{
	position:absolute; 
	right:0px;
	top:5px;
	/*font-family:Verdana;
	padding-right:30px;*/
}
#header .rvfs-controllers{
	position:absolute; 
	left:710px;
	top:15px;
	width:290px;
	font-family:Verdana;
	display:none;
	/*padding-right:30px;*/
}
#header .contacts{
	position:absolute; 
	left:710px;
	top:45px;
	width:290px;
	font-family:Verdana;
	/*padding-right:30px;*/
}
#header .contacts h1{
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-style:normal;
	font-weight:700;
	font-size:32px;
	line-height:40px;
	font-family:Verdana;
}
#header .contacts div{
	margin-top:25px;
}
#header .contacts strong{
	display:block;
}
#header .contacts strong.phone{
	background:url(../images/phone.png) no-repeat 2px 5px;
	padding:0px 0px 0px 25px;
	line-height:20px;
	font-size:18px;
	font-weight:400;
	margin-top:10px;
}
#header .contacts h1 span{
	color:#008b38;
}
#header .contacts a.email{
	display:block;
	line-height:20px;
	background:url(../images/email.png) no-repeat 2px 5px;
	padding:0px 0px 0px 25px;
	margin-top:15px;
}
#header .contacts a.skype{
	display:block; 
	line-height:25px;
	background:url(../images/ico-skype.png) no-repeat 0px 4px;
	padding:0px 0px 0px 25px;
}
#page .content{
    margin-bottom:20px;
	position:relative;
	padding:20px 0px;
	z-index:90;
	/*background:url(../images/content-bg.jpg) repeat-y top center;*/
}

#page .content .leftCol{
    background:url(../images/left_menu_bg.png) no-repeat top right;
}
#footer{
    border-top:1px solid #d5c5af;
	padding:20px 0px;
	margin-top:20px;
	/*font-size:11px; 
	background:#fff;*/
	color:#444;
	position:relative;
	text-align:center;
	position:relative;
}
#footer::after{
	clear:both;
}

#footer a
{
	/*font-style:italic;
	color:#fefefe; */
}

#footer .copy a.developer{
	/*display:block;*/
	background:url(../images/base4web.png) no-repeat 0px -10px;
	padding:0 0 20px 55px;
	width:120px;
	height:40px;
	text-decoration:none;
	text-align:center;
	position:absolute;
	top:50px;
	right:0;
}
/*-----------------------------------------------*/
#menu{
	background:#008e33;
}
#menu .bgright{
	background:url(../images/menu-bg-right.png) no-repeat top right;
	padding:0px 30px 0px 0px;
}
.nav {
	/*display: block;
	height: 80px;
	max-width: 920px;*/
	overflow: hidden;
	position: relative;
	margin: 0; 
	padding: 0 0 0 0px;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	/*border-bottom:1px;*/
}

.nav ul{
	margin:0;
	padding:0;
}
.nav li {
  display: block;
  float: left;
  height: 42px;
  margin-right: 0px;
  position: relative;
}

.nav li a {
  display: block;
  position: relative;
  background: #008e33;
  height: 100%;
  font: 300 100%/42px  'PT Serif', 'serif';
  color: #fff;
  padding: 0 10px;
  text-decoration: none;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  text-transform:uppercase;
}
.nav li.delimiter{
  display: block;
  background: #008e33 url(../images/li.png) no-repeat 0px 19px;
  padding:0px 2px;
}

.nav li a:hover {
  background: #1ea041;
}

.nav li:hover a,
.nav li:focus a {
  
}
.nav li a.active { 
  background: #1ea041;
}
/*-----------*/
#leftmenu{
	margin:20px 0px;
	width:240px;
}
#leftmenu ul{
	margin:0;
	padding:0;
	margin-left:10px;
}
#leftmenu ul li{
	padding:3px 0 3px 10px;
	list-style:none;
	background:url(../images/li2.png) no-repeat 0px 7px;
}
#leftmenu ul li.delimiter{
	padding:1px 0 1px 0px;
	background:url(../images/hr.gif) repeat;
}
#leftmenu ul li a{
	color:#111;
	text-decoration:none;
}
#leftmenu ul li a:hover{
	color:#555;
	text-decoration:underline;
}
/*-----------*/
#page .content_table 
{
    border-top:1px solid #fff0df;
    border-left:1px solid #fff0df;
} 
#page .content_table td 
{
    /*background-color:#;*/
    padding:5px;
    border-right:1px solid #fff0df;
    border-bottom:1px solid #fff0df;
    font-size:12px;
} 
.content_table_string 
{
}
.content_table .content_table_string td 
{
    background-color:#fff0df;
}
.content_table thead th
{
    background-color:#ebbb81; 
    border-right:1px solid #fff0df;
    border-bottom:1px solid #fff0df;
    padding:5px;
    /*text-align:center; */
    color:#fff0df; 
    vertical-align:middle;
    font-weight: 700;
}
.content_table thead td a 
{
    /*color:#E12905;*/
    font-weight:700;
}
.content_table thead td a:hover 
{
    /*color:#f49d23;*/
}

/*----------------------*/
.gallery-cats{

}
.gallery-cats .category-rows{
	float:left;
	height:140px;
	width:120px;
	padding:5px 1px 1px 1px;
	border:1px solid #ebbb81;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	text-align:center;
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.gallery-cats .category-rows img{
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.gallery .gallery-item{
	float:left;
	height:100px;
	width:100px;
	padding:2px;
	border:1px solid #ebbb81;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	text-align:center;
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

/*----------------------*/
.newsitem{
	margin-bottom:10px;
}
.newsitem .newsitem-date{
	font-weight:700;
	font-size:10px;
	margin-bottom:5px; 
}

.newsitem .newsitem-img{
	float:left; 
	/*margin-right:15px; */
	margin-bottom:10px; 
}
.newsitem .newsitem-img img{
	height:70px;
}
.newsitem .newsitem-date, .newsitem .newsitem-body{
	margin-left:85px; 
}
/*----------------------*/
#way{
	margin-bottom:20px;
	line-height:16px;
}
/*----------------------*/
.back-to-top {
    cursor: pointer;
    position: fixed;
	color:#fff;
    /*top:0;*/
    bottom: 5;
	right:5;
	width:60px;
	padding:18px 0px;
    display:none;
	line-height:60px;
	/*height:60px;*/
	background:#007435;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	z-index:1000;
	-webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
}

.back-to-top:hover{
    background:#007435;
	text-decoration:none;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);
	color:#fff;
}
/*--------Версия для слабовидящих--------------*/
#hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
	 #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
	 .h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
	 .h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
	 .h-ldiv {float:left; padding:7px 10px 7px 0px;}
	 .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
	 .h-ni {display:none !important;}
	 a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
	 a.h-anl {color:#2a72cc;}
	 a.h-al {color:#ED664B;}
	 .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
	 .h-background-1 {color:#fff !important; background:#000 !important;}
	 .h-background-2 {color:#000 !important; background:#fff !important;}
/*----------------------*/
@media (min-width: 1200px) {
	#page, .container{
		width:1200px;
	}
	div.rightCol{
		width:880px;
	}
	div.leftCol{
		width:300px;
	}
	#header{
		background:#fff url(../images/bgtop.jpg) no-repeat top left;
	}
	#header .logo{
		left:735;
	}
	#header .rvfs-controllers, #header .contacts{
		left:910px;
	}
	#leftmenu{
		width:270px;
	}
}