body{
background-image: url(images/bg.jpg); 
background-position: left top;
background-repeat: no-repeat;
background-attachment: fixed;
}


::-moz-selection { background: #939AB0; color: #fff; text-shadow: none; }
::selection { background: #939AB0; color: #fff; text-shadow: none; }

/* scrollbar*/
::-webkit-scrollbar {
width: 13px; 
height:8px;
} 

::-webkit-scrollbar-track {
border-radius: 20px;
background: #FFFFFF; 
box-shadow: inset 0px 0px 0px #E0E0E0; /* inset - внутренняя тень*/
border: 0px solid #FFFFFF;
}

::-webkit-scrollbar-thumb {
background: #545770;  
border-radius: 20px; 
border: 5px solid #FFFFFF; 
box-shadow: inset 0px 0px 0px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to bottom, #555771, #F3938A, #555771);
border: 2px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:active {
background: #545770;
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
}



a:link {
  color:#2A2A2A; /* Цвет непосещённой ссылки */
text-decoration: none; 
}

a:visited {
  color:#AF3D5B; /* Цвет посещённой ссылки */
text-decoration: none; 
}

a:visited:hover {
  color: #C8C8D3; /* Цвет посещённой ссылки при наведении курсора */
text-decoration: none; 
}

a:hover {
  color: #C8C8D3; /* Цвет ссылки при наведении (работает для всех ссылок, не только посещённых) */
text-decoration: none; 
}

iframe {
border: none;
max-width: 100%;
}

.foot a  {
text-decoration: none;
color: #fff;}

.foot a:visited {
color: #fff;}

.foot a:hover {
color: #B7BCCD;}


.pobeda{
vertical-align: middle; /*картинка относительно текста*/
}

img  {
max-width: 100%;
}


/* КАРТИНКА ССЫЛКА*/
.transf:hover {
-webkit-transform:scale(0.98);
-ms-transform:scale(0.98);
transform:scale(0.98);
}


/* КАРТИНКА ССЫЛКА
a img:hover {
-webkit-transform:scale(0.98);
-ms-transform:scale(0.98);
transform:scale(0.98);
}
*/

/* увеличение img
.zoom2:hover {
cursor: zoom-in;
}
*/

ul {
margin:  5px 5px 10px 20px;
padding: 0 5px 0 0px;
line-height: 1.2;
}

li::marker {
font-size: 22px;
font-weight: bolder;
color: #C7748A ;
vertical-align: middle;
margin: 0 5px 0 0px;
padding: 0 5px 0 0px;}


/*------tabl novosti---------*/
.novosti {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: 3px 3px 12px rgba(107, 117, 144, 0.3);
background-color: #F5F6F9;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
text-decoration: none;
color: #000;
}

.novosti a {
color: 000;
text-decoration: none;
}

 .novosti a:hover {
text-decoration: none;
color: #FFF;
}

.novosti:hover {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: none;
background-color: #8790A6; /*#6B7590*/
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
color: #FFF;
text-decoration: none;
}

/*------ tabl postup_vuzy---------*/
.postup_vuzy {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: 3px 3px 12px rgba(107, 117, 144, 0.3);
background-color: none;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
text-decoration: none;
color: #000;
}

.postup_vuzy:hover {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: none;
background-color: #FFF;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
color: #000;
text-decoration: none;
}

/*------ tabl platnye_prog---------*/
.platnye_prog {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: 3px 3px 12px rgba(107, 117, 144, 0.3);
background-color: none;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
text-decoration: none;
color: #000;
}

.platnye_prog:hover {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: none;
background-color: #F5F6F9;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
color: #000;
text-decoration: none;
}


/*------ tabl svedeniya ob OO ---------*/
.svedeniya {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: 3px 3px 12px rgba(107, 117, 144, 0.3);
background-color: #FFFFFF;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
text-decoration: none;
color: #000;
}

.svedeniya:hover {
border: 2px solid #C4C4C4;
border-radius: 12px;
box-shadow: none;
background-color: #EAEDF3;
transition: background 0.3s ease-in;
font-family: Verdana, Tahoma, sant-serif;
font-size: 12pt;
color: #000;
text-decoration: none;
}


/*----------service-main 2 kolonki galereya------------------*/

.service-main {
overflow: hidden;
margin-top: 20px;
margin-bottom: 10px;
color:#2D2D2D;
}

.service-main h1 {
font-family: Verdana, Tahoma, sant-serif;
margin: 20px 0 40px 0px;
font-size: 20pt;
color:#54607F
letter-spacing: 1.5px;
}

.service {
width: 50%;
float: left;
text-align: left;
}

.service a {
text-decoration: none;
font-size: 12pt;
color: #000000;
}
	
.service a:visited {
text-decoration: none;
color: #B5677A; /* Цвет посещенной ссылки */
}

.service a:hover {
text-decoration: none;
color: #D0AEAE;
}

.service div {
padding: 10px;
}

.service div#1 {
float: right;
margin-right: 20px;
}

.service div#2 {
float: left;
margin-right: 20px;
}

.service div  h2 {
font-size: 18px;
color: #54607F;
margin-bottom: 10px;
font-family: Verdana, Tahoma, sant-serif;
}		
		
.service div  p {
margin-bottom: 15px;
}



.begun a {
color: #fff;
text-decoration:none;
}
.begun a:visited {
color: #FFFFFF;
text-decoration:none;
}
.begun a:hover {
color:#F6D6C3;
text-decoration:none;
}



table {
width: 70%;
} 


.prevyu {
float: right;
}

.prevyu-2 {
float: left;
}

.emblem {
float: left;
}

.slovo{
text-align: right;
}

/* @MEDIA */

@media only screen and (max-width:1200px) {

table {
width: 100%;
}
}

@media only screen and (max-width:1072px) {
.na-sharikah {float: none;}

table {
width: 100%;
}
}

@media only screen and (min-width:769px) and (max-width:800px) {
.na-sharikah {float: none;}

.service {
width: 50%;
}

table {
width: 100%;
}
}

@media only screen and (min-width:601px) and (max-width:768px) {
.service {
width: 100%;
float: none;
}

table {
width: 100%;
}


.prevyu {
float: none;
}

.prevyu-2 {
float: none;
}

.emblem {
float: none;
}

.slovo{
text-align: center;
}
}

@media only screen and (min-width:481px) and (max-width:600px) {
.service {
width: 100%;
float: none;
}

table {
width: 100%;
}

img  {
max-width: 90%;
}

.prevyu {
float: none;
}

.prevyu-2 {
float: none;
}

.emblem {
float: none;
}

.slovo{
text-align: center;
}
}

@media only screen and (min-width:241px) and (max-width:480px) {
.service {
width: 100%;
}
.service div {
padding: 0px;
}

video {
max-width: 260px;
height:185px;
}

table {
width: 100%;
}

img  {
max-width: 90%;
}

.prevyu {
float: none;
}

.prevyu-2 {
float: none;
}

.emblem {
float: none;
}

.slovo{
text-align: center;
}
}

@media only screen and (max-width:240px) {
.service {
width: 100%;
}
	
.service div {
padding: 0px;
}

video {
max-width: 240px;
height:171px;
}

table {
width: 100%;
}

img  {
max-width: 90%;
}

.prevyu {
float: none;
}

.prevyu-2 {
float: none;
}

.emblem {
float: none;
}

.slovo{
text-align: center;
}
}