body{
background-image: url(index_files/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; 
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;}

img  {
max-width: 100%;
}

a img:hover {
-webkit-transform:scale(0.98);
-ms-transform:scale(0.98);
transform:scale(0.98);}


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;}

.novosti {
border-radius: 10px;
}



/*----------service-main------------------*/

.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;
}



/* @MEDIA */

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

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

.service {
width: 50%;
}
}

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

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

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

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