#dshi {
    background-image: url('../image/fon.png');
    height: 100%;
}
#block-header {
    width: 1200px;
    height: 470px;
    margin: auto;
    background-image: url('../image/header.png');
    margin-top: -19px;
   
}
#glavnoe-menu {
    width: 1200px;
    height: 50px;
    margin: auto;
    background-image: url('../image/gl-menu1.png');
}
 
    
#block-header-top {
    width: 1200px;
    height: 50px;
    
    
}

#block-slepyh {
    width: 598px;
    height: 50px;
    text-decoration: none;
}



#logotip img{
    width: 150px;
    height: 150px;
    position: absolute;
    margin-left: 80px;
    margin-top: -15px;   
}

#logotip h1{
    margin-left: 250px;
    margin-top: 10px;
    
}

#logotip h2{
    margin-left: 300px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 55px;
    font-family: Monotype Corsiva;
    
    
}
#block-slepyh img{
    width: 50px;
    height: 30px;
    position: absolute;
    margin-left: 20px;
    margin-top: 5px;
}

#block-slepyh h2{
    color: black;
    margin-left: 80px;
    padding-top: 5px;
    
}

#block-slepyh h2:hover{
    color: red;
    text-decoration: underline;
}

#form-query {
  width: 250px;
  height: 23px;
  float: left;  
  margin-top: -2px;
  padding-right: 15px;
    
}

#knopka {
    padding-top: 0;
    font: 18px/1.5 Helvetica, Arial;
    margin-top: -2px;

  width: 100px;
  height: 27px;
   margin-left: 10px;
   background: #002242;
   color: white;
   border-radius: 6px; 
}

#knopka:hover{
    background: #58ACF2;
    text-decoration: underline;
    color: #002242;
   
    
}

#line {
    margin-top: -10px;
}

#block-slaid {
     width: 1000px;
     height: 250px;
    margin: auto;
     padding: 5px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background: white;
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.bxslider img{
     width: 1000px;
     height: 250px;
}

.bx-prev {
    display: block;
    width: 50px;
     height: 50px;
     background: url('../image/prev.png');
    position: absolute;

    margin-left: -60px;
}
.bx-next {
    display: block;
    width: 50px;
     height: 50px;
     background: url('../image/next.png');
    margin-top: -150px;
    margin-left: 1015px;
}

#menu li {

  display:inline;
  padding-right: 6px; 
  margin-left: 15px; 
   float: left;
  margin-top: 10px;
  padding-top: 5px;
  height: 20px;
  width: auto;
  list-style: none;
  
  
}
#menu a{
    text-decoration: none;
    margin-bottom: auto;
    color: white;
    font-size: 10pt;
  font-family: Serif;
}
#menu a:hover{
    color: #C1C1C1;
    
  
}



#centr {
    width: 1200px;
    height: auto;
    margin: auto;
    background: white;
    margin-top: -20px;
    padding-bottom: 25px;
    
    
    
    
}


#block-content {
    margin-top: 20px;
    width: 898px;
    height: auto;
    margin-bottom: 10px;
    
}
#block-content span{
  color: #670505;
    
}


#block-right {
    width: 298px;
    height: auto;
    float: right;
    margin-bottom: 10px;
    
    
}



.my_button {
border: 2px #ccc solid;
		width: 150px;
		height: 30px;
		font: 12px Verdana;
		font-weight: 700;
		color: #FFFFFF;
		background-color: #002446;
		padding-bottom: 2px;
        margin-top: 10px;
        margin-left: 120px;
        margin-bottom: 15px;
	
        
        }
        
.radio_button {
    margin-bottom: 20px;
    margin-left: 15px;
    ont-family: "Comic Sans MS";
font-style: normal;
font-weight: bolder;
text-transform: capitalize;
text-decoration: underline;
background-color: #99CCFF;
border: ridge #0000FF;
cursor: hand;
height: 15px;
width: 15px;

    
}     

   
#dop-menu {
    width: 290px;
    height: auto;
    border: 1px solid #002242;
    border-radius: 6px;
    margin: auto;
    margin-top: 5px;
}

#dop-menu h5 {
    width: 290px;
    border: 1px solid #002242;
    margin: auto;
    font-size: 18pt;
    background:url('../image/dop-menu-3.png');
    color: white;
    text-align: center;
    border-radius:   6px  6px 0 0;
}
#dop-menu ul {
    width: 280px;
    margin: auto;
    padding-bottom: 6px;
    
}
#dop-menu li {
    display: block;
    width: 280px;
    height: 50px;
    border: 1px solid #163352;
    font-size: 12pt;
    background:url('../image/dop-menu-1.png');
    color: #122E4A;
    text-align: left;
    margin-left: -1px;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 6px;
    margin-top: 3px;
    list-style: none;
  
    
}
#dop-menu a {
        display: block;
    width: 280px;
    height: 30px;
    width: 280px;
    height: 30px;
    font-size: 12pt;
    color: #122E4A;
    text-align: left;
    text-decoration: none;
}

#dop-menu li:hover {
    background:url('../image/dop-menu-3.png');
    color:white;
 
    
}
#dop-menu a:hover {
    color:white;
 
    
}
#block-footer {
    width: 1198px;
    height: 250px;
    background: url('../image/header.png');
   padding-top: 5px;
   margin: auto;
   margin-top: -25px;
  
    
}

#block-poleznyi-sit {
    
    width: 80%;
    height: auto;
    margin: auto;
    padding-top: 0; 
    padding-bottom: 5px;  
}
#block-poleznyi-sit h2{
    margin-top: 0;
    font-size: 20pt;
    text-align: center;
    width: 100%;
    
    color: #002444;
}
#block-poleznyi-sit ul{
   margin: auto;
    
}
#block-poleznyi-sit li{
    display:inline;
    width: 100px;
    height: 44px;
    margin-left: 70px;
     
    
}


#down-footer {
    width: 1198px;
    height: auto;
    
}

.down-footer {
    display: inline;
    width: 350px;
    height: 50px;
    
}

#statistik {
    float: left;
    padding-left: 15px;
    width: 350px;
    height: 50px;
    
 
}
#razrabotchik{
    float: right;
    padding-right: 15px;
    width: 250px;
    height: 50px;
    
}

#razrabotchik h3{
    margin-top: 35px;
}

#copy {
    position: absolute;
    width: 1198px;
    height: 50px;
    text-align: center;
    font-size: 20pt;
}
#copy h3{
    margin-top: 35px;
    
}

#adres {
    width: 750px;
    height: auto;
    margin: auto;
   
}

.top-content {
    text-align: center;
    font-size: 18pt;
    margin-bottom: 0;
    margin-top: 0px;
}

#dshi-text {
    font-size: 25pt;
    margin-top: 0;

    
}

#adres img{
    width: 250px;
    height: 125px;
    position: absolute;
    margin-left: 50px;
    margin-top: 25px;
    margin-bottom: 0;
}

#adres p{
    margin-left: 375px;
    margin-top: 15px;
    font-size: 16pt;
    line-height:35px;
    margin-bottom: 0;
     color: black;
}

.info {
    font-size: 18pt;
    font: bold;
    color: black;
}

#line-conect {
    margin-top: 20px;
    
}

.dshitext1 {
    margin-top: 10px;
    font-size: 20pt;
    font-weight:bold;
}

#info-shcoole img{
    width: 120px;
    height: 150px;
    margin-left: 100px;
    padding-top: 20px;
    position: absolute;
    margin-top: -5px;
    
    
}
#grafic-raboty {
    width: 750px;
    height: auto;
    margin: auto;
    }
    #grafic-raboty table{
    width: 750px;
    margin: auto;
    }
    
#grafic-raboty tr{
    height: 50px;
    margin: auto;
    }
#grafic-raboty td{
    width: 100px;
    margin: auto;
    }       
    
.grafik1 {
    font-size: 16pt;
    padding: 5px;
    border: 1px solid #ADADAD;
    text-align: center;
}    
.grafik2 {
    font-size: 12pt;
    border: 1px solid #ADADAD;
    text-align: center;
    padding: 5px;
} 
.grafik3 {
    font-size: 14pt;
    border: 1px solid #ADADAD;
    text-align: center;
    padding: 5px;
    color: #670505;
}



.sidebarForm {
		background: #8CCCF3;
		box-shadow: 0 0 5px #ccc; 
		-webkit-box-shadow: 0 0 5px #ccc;
		-moz-box-shadow: 0 0 5px #ccc;
		width: 750px;
        margin-bottom: 45px;
        border: 1px solid #002446;
}

#cor5 {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

.sidebarForm h4 {
		font: 22px Verdana;
        text-align: center;
		color: #333333;
		padding: 10px 10px 0 10px;
}

.sidebarForm label {
		font: 18px Verdana;
		color: #333;
		padding: 10px;
}

.sidebarForm .input { 
		width: 450px;
		height: 25px;
		overflow: hidden;
		background: white;
		border: solid 1px #DFE2E5;
		margin: -22px 0 20px 180px;
		box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px #ccc;
		-moz-box-shadow: 0 0 5px #ccc;
}

.sidebarForm .input input {
		width: 165px;
		height: 26px;
		background: white;
		margin: -3px 0 0 -5px;
		padding: 0px 8px;
		border: none;
		background: transparent;
}

.sidebarForm .textarea {
		height: 70px;
		width: 450px;
		overflow: hidden;
		background: white;
		border: solid 1px #DFE2E5;
		margin: -22px 0 20px 180px;
		box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px #ccc;
		-moz-box-shadow: 0 0 5px #ccc;
}

.sidebarForm .textarea textarea {
		width: 316px;
		height: 66px;
		background: white;
		border: none;
		resize:none;
}

.sidebarForm button {
		border: 2px #ccc solid;
		width: 150px;
		height: 25px;
		font: 12px Verdana;
		font-weight: 700;
		color: #FFFFFF;
		background-color: #002446;
		padding-bottom: 2px;
		margin: 5px 0 15px 480px;
}

#istoria-zagolovok {
       text-align: center;
       font-size: 25px;
       margin-bottom: 20px;
       
    
}

#istoria {
    width: 750px;
    height: auto;
    margin: auto;
   
}

.foto-1 {
    float: left;
    width: 350px;
    height: auto;
    display:inline-block; 
    vertical-align:middle;
    
    
}
.istoria-1 {
    width: 350px;
    height: 245px;
    font-size: 16pt;
    margin-left: 400px;
    display: table-cell; 
	vertical-align: middle; 
	padding-left: 50px;
}

.istoria-2 {
    width: 350px;
    height: 245px;
    font-size: 16pt;
    display: table-cell; 
	vertical-align: middle; 
	padding-left: 20px;
    margin-top: 0;
}


.foto-2 {
    float: right;
    width: 350px;
    height: auto;
    margin-top: -230px;
    display:inline-block; 
    vertical-align:middle;
   
    
}

.foto-3 {
    float: left;
    width: auto;
    height: 245px;
    display:inline-block; 
    vertical-align:middle;
    margin-left: 70px;
    margin-right: 90px;
   
}
#dostigenie {
    width: 750px;
    height: auto;
    margin: auto;
    
}
#dostigenie h2{
    
    text-align: center;
       font-size: 25px;
       padding-top: 20px;
    
}





.resize_thumb {
	width: 150px; /* Вводим нужный размер миниатюры здесь */
	height : auto;
    
}

.line-d {
    display: inline;
    
}
.nagragy {
   display: inline;
    
}
#dostigenie li{
    width: 200px;
   
}

#metodicheskaya-kopilka {
     width: 750px;
    height: 1200px;
    margin: auto;
    
}

#metodicheskaya-kopilka h2{
    
    text-align: center;
       font-size: 25px;
       padding-top: 20px;
    
}

.metod-material {
    width: 720px;
    height: 523px;
    margin: auto;
    border-radius: 6px;
    background: url('../metod-material/solfedgio/image/fon.png');
    
}

.metodichka {
    cursor: pointer;
    
}


#statictick {
    width: 150px;
    height: 110px;
    border: 1px solid black;
    background: white;
    border-radius: 6px;
    padding-left: 5px;
    
    
    
}

#statictick h4{
    margin: auto;
    text-align: center;
    size: 14pt;
    
}
#statictick p{
    margin: auto;
    text-align: left;
    
}
#doc li{
   size: 14px;
   margin-top: 8px;
   margin-left: 20px; 
    
}

#doc ol{
   margin-top: 8px;
   margin-left: 20px; 
    
}
#block-footer ul {
    list-style: none;
    
}


.doc a { 
	display:block;
	text-decoration: none;
    color: #153351;
}


.doc a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
    color: red;
}

.doc span img {
	border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	background: black;
    padding: 3px;
    width: 350px;
    height: auto;
    
}

.doc a span {  /* Для большого изображения и названия */
	position: absolute;
	display:none;
	padding: 10px;
	

}

#obraz {
    height: 1150px;
    width: 750px;
    margin: auto;
    padding-top: 15px;
}

#obraz li{
   size: 14px;
   margin-top: 8px;
   margin-left: 20px; 
    
}

#obraz ol{
   margin-top: 8px;
   margin-left: 20px; 
    
}

#ped-sostav h2 {
     text-align: center;
     padding: 10px 50px 0 50px;
}

.sostav {
    width: 750px;
    margin: auto;
    
}

.sostav img{
    margin-top: 5px;
    position: absolute;
    width: 200px;
    height: auto;
}
.sostav p{
    margin-top: 0px;
    margin-left: 250px;
    height: 240px;
    font-size: 12px;
   line-height: 1.5;
}

.sostav b{
   font-size: 14px;
   
}
#ped-sostav h3 {
     text-align: left;
     font-size: 25px;
     padding-top: 15px;
     padding-bottom: 0;
}

.sostav li{
    
    margin-left: 20px;
    font-size: 20px;
   line-height: 1.5;
}
.sostav h5{
    margin-left: 20px;
    font-size: 20px;
   line-height: 1.5;
   margin-bottom: 0;
}
#struktura  {
    margin-left: 25px;
    
}
#struktura  li{
    margin-top: 10px;
    font-size: 14px;
    
}

.spisok {
    font-size: 12pt;
    margin-top: 0;
margin-bottom: 0;
cursor: pointer;
padding-top: 3px;
}
.spisok1 {
    font-size: 12pt;
margin-bottom: 0;
cursor: pointer;
padding-top: 5px;
}


.material {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 30px;
    font-size: 12pt;
    
}

.material li{
   font-size: 12pt;
    
}

.material img{
    margin-bottom: 5px;
      
}
.spisok2 {
    margin-left: 35px;
    font-size: 12pt;
    
}

.spisok1 { 
	display:block;
	text-decoration: none;
    color: black;
    margin-left: 35px;
}


.spisok1:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
    color: red;
}

.st {
    margin: 0;
    
}
.zagolovok {
    margin-top: 0;
margin-bottom: 0;
       text-align: center;
       font-size: 16pt;
}


#dekret {
    margin: auto;
    text-align: center;
    color: red;
}

#nabor {
    margin: auto;
    border: 1px solid #002446;
    text-align: center;
    
}

#nabor tr{
    border: 1px solid #002446;
}

#nabor td{
    border: 1px solid #002446;
    vertical-align:middle;
}

#it {
   width: 500px;
   text-align: left;
}
.or {
    background: #FFC000;
    height: 25px;
}

.ri {
    margin-left: 0;
    text-align: left;
}
.li {
    margin-right: 0;
    text-align: right;
}

.gr {
    background: #92D050;
    height: 25px;
}

.bl {
    background: #00B0F0;
    height: 25px;
}
.el {
    background: #E873E7;
    height: 25px;
}
.za {
    text-align: center;
    
    margin: auto;
    margin-bottom: 15px;
}

.nagragy a { 
	display:block;
	text-decoration: none;

}


.nagragy a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
}

.nagragy span img {
	border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	
}

.nagragy a span {  /* Для большого изображения и названия */
	position: absolute;
	display:none;
	background-color: #000;
    padding: 10px;
	

}

.nagragy img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.nagragy a:hover span { 
	display:block;
	top: -250px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
	left: 150px; /* Большое изображение выскакивает влево на 90px от миниатюры */
	z-index: 100;
    width: 720px;
    margin: auto;
    height: auto;
    
	
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}


#nagragy a { 
	display:block;
	text-decoration: none;

}


#nagragy a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
}

#nagragy span img {
	border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	
}

#nagragy a span {  /* Для большого изображения и названия */
	position: absolute;
	display:none;
	background-color: #000;
    padding: 10px;
	

}

#nagragy img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

#nagragy a:hover span { 
	display:block;
	top: -250px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
	left: 150px; /* Большое изображение выскакивает влево на 90px от миниатюры */
	z-index: 100;
    width: 720px;
    margin: auto;
    height: auto;
    
	
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}



#stipend img{
    margin: 25px;
    width: 250px;
    height: auto;
    
}

#stipend p{
    margin-left: 300px;
    margin-top: -330px;
    margin-bottom: 315px;
}


.ver {
    width: 700px;
    margin-left: 100px;
    
}

#spisok a{
    font-size: 14pt;
    margin-top: 0;
margin-bottom: 0;
cursor: pointer;
padding-top: 3px;
text-decoration: none;
color: black; 
}


.zag {
    font-size: 30pt;
    color: #670505; 
}

#banner img{

margin-left: 40px;
margin-bottom: 15px;


}