body { margin:0; padding:0; background-attachment:fixed; background-size:100%;  }

a { text-decoration:none;
}

h1 { color:#0D1577; padding:10px; margin:0px; border-bottom-style:dotted; border-top-style:dotted; margin-top:5px;
}

h2 { background-color:#cc0000; color:#FFFFFF; padding:10px; margin:0px;  border-radius: 15px 150px 15px 15px; 
}

h3 { background-color:green; color:#FFFFFF; padding:10px; margin:0px;  border-radius: 15px 250px 15px 15px; 
}
 
fieldset { border:5px #FFDD00 solid; font-size:17px; font-weight:bold; color:#0D1577; padding:15px;}

#baza { position:relative; width:1460px; margin:0 auto; } 
 
#prslist th { color:#cc0000; height:65px;}
#prslist tr td { color:green;}

#zgl { position:absolute; top:85px; left:339px;
}

#fon { position:absolute;
       top:0px; left:0px;
        width:100%;
        height:100%;
		z-index:-99;
}

.activ { position:relative; bottom:20px;
} 

.iconbl { position:relative; top:20px; left:20px; }

.leftimg {
    float:left; /* Выравнивание по левому краю */
     margin: 7px 20px 7px 0; /* Отступы вокруг картинки */
   }
   
.leftimg2 {
    float:left; /* Выравнивание по левому краю */
    margin: 10px 20px 7px 25px; /* Отступы вокруг картинки */
   }

.leftimgdoska {
    float:left; /* Выравнивание по левому краю */
     margin: 17px 20px 7px 0; /* Отступы вокруг картинки */
   }
   
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 0px 25px 5px 5px; /* Отступы вокруг картинки */
   }
 
.rightimg2  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0px 7px 7px; /* Отступы вокруг картинки */
   }

.rightimg3 {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 15px 25px 5px 0px; /* Отступы вокруг картинки */
   }

.rightimgdoska  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: -50px 10px 0px 0px; /* Отступы вокруг картинки */
   } 
   
#lk { position:absolute; top:40px; left:10px;
}

#lk2 { position:absolute; top:90px; left:30px;
}

#tul { position:absolute; top:210px; left:15px;
}

.red  { color:#cc0000; font-size:21px; font-weight:bold; padding:10px; margin-top:10px;
}
.red2 { color:#cc0000; font-size:18px; font-weight:bold; padding:10px; margin-top:10px;
}
.green { color:#008000; font-size:19px; border-bottom-style:dotted; font-weight:bold; padding:1px; margin-top:10px;
}
.green2 { color:#008000; font-size:18px; font-weight:bold; padding:10px; margin-top:10px;
}
.green2new { color:#008000; font-size:13px; font-weight:bold; padding:10px; margin-top:10px;
}
.green3 { color:#000080; font-size:18px; font-weight:bold; padding:7px; margin-top:10px;
}
.green4 { color:#008000; font-size:25px; font-weight:bold; padding:10px; margin-top:10px;
}
.blue { font-size:19px; padding:5px; margin:10px; text-align:justify;
        font-weight:bold; color:#0D1577 }
		
#centrbl p { font-size:17px; padding:5px; margin:10px; text-align:justify;
        font-weight:bold; color:#0D1577;
}

#centrbl ul li { font-size:17px; font-weight:bold; color:#0D1577; 
}

#centrbl ol li { font-size:17px; font-weight:bold; color:#0D1577;

}
#centrbl { position:absolute; top:545px; left:457px; width:530px; height:600px; }

#nblim { position:absolute; top:35px; left:270px;} 

#nbl p {
        font-size:15px; padding:5px; 
        font-weight:bold; color:#0D1577;
}

#nbl ul li {
        font-size:15px;
        font-weight:bold;
	color:#0D1577;
}
		
#nbl { position:absolute; top:1230px;
       left:405px; width:590px; height:250px; 
       background:#F7E5B7; padding:15px;
       border-radius:50px 50px 50px 50px;
	  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}        
 
#nbl:before,
#nbl:after {
    content:"";
    position:absolute;
    z-index:-2;
}

#podv { position:absolute;
        margin-top:300px;
	color:#0D1577;
	font-weight:bold;
	width:100%; 
        height:10px; 
}

#informer { position:absolute; top:1850px; left:686px; }

#copp { position:absolute; top:1880px; left:500px; }

  
#meny  a :hover {  position:relative; bottom:5px; 
}

#meny { position:absolute; left:191px; top:470px; 
}

#meny  ul li  { display: inline;
}

.vlsrbl { position:relative; width:280px; float:left;
         height:170px; padding:10px;
}

#vpbl { position:relative; width:310px; 
         height:170px; float:left; padding:10px;
}

#sps fieldset{ position:relative;
            margin-top:1%; 
            font-size:35px; color:#462BF6; 
            border:7px #76BF6B solid; 
}

.headerbl p { font-size:16px;
             font-weight:bold; color:#FFFFFF;
}

.headerbl  a :hover { position:relative; right:10px;
}

.headerbl {
    position:absolute; top:235px; left:195px;
         width:1030px;
         height:270px;
         padding:10px;
         background:#56A0DF;
         border-radius:60px 350px 10px 10px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}        
 
.headerbl:before,
.headerbl:after { content:"";
                 position:absolute;
                 z-index:-2;
} 
   
.meny2 ul {
list-style: none;
font-family: Georgia, serif;
font-size: 22px;
font-style: italic;
line-height: 0.9em;
padding:1px;
margin:1px;
}
.meny2 ul li {
        font-size:17px; text-align:center; 
		padding:7px; margin:3px;
		background:#FD6347; 
        font-weight:bold;
		color:#FFFFFF; list-style:none; 
		border-radius:10px;
}

.meny2 a :hover { background:#6A5ACD;
}
 
.lsbr a :hover { position:relative; right:10px;
}

.lsbr p { font-size:16px; padding:5px; margin:3px;
         font-weight:bold; color:#0D1577;
}
 
.lsbr { position:absolute;       
         width:230px;
         height:650px;
         padding:10px;
         top:545px; left:195px;
         border-radius:10px;
		 overflow:auto;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}        
 
.lsbr  :before,
.lsbr :after {
    content:"";
    position:absolute;
    z-index:-2;
}

.psbr a :hover { position:relative; right:10px;
}

.psbr p {
        font-size:16px; padding:5px; margin:3px;
        font-weight:bold; color:#0D1577;
}

.psbr{ position:absolute;
         width:230px;
         height:650px;
         padding:10px;
         top:545px; left:1000px;
         border-radius:10px;
		 overflow:auto;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}        
 
.psbr :before,
.psbr :after {
    content:"";
    position:absolute;
    z-index:-2;
}

#right_small_div {
			/*Примечание: здесь не указаны конкретная ширина и высота этого блока,
			так как они зависят от ширины и высоты его содержимого, блок сам "подстраивается" под свое содержимое */
			position: fixed; /* Координаты мальнького блока не должны меняться при прокрутке страницы */   z-index:100;
			top: 350px;
			left: 0px;
			background: #56A0DF;
			-webkit-transition-duration: 1s; /*Время плавного перемещения блока в сек.*/
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
			-webkit-border-radius: 0 5px 5px 0; /*Делаем закругленные углы у блока*/
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
		}
		
#main_big_div {
			/*Примечание: здесь не указаны конкретная ширина и высота этого блока,
			так как они зависят от ширины и высоты его содержимого, блок сам "подстраивается" под свое содержимое */
			position: absolute; /* Координаты большого блока будут отсчитываться (и зависеть) от координат его родителя - маленького блока */
			top: -60px; /* От верхней границы блока-родителя */
			left: -460px; /* От левой границы блока-родителя */
			background-image: url('../im/ff.jpg');
			background-repeat: no-repeat;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
			-webkit-border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
		}
		
		form, input, textarea {
			font-size: 14px;
			font-family: Arial;	
			color:black;
		}
		
		form {
			font-weight: bold;
		}
						
		input {
			vertical-align: middle;
		}
		
		input[type=text] {
			width: 230px;
		}
		
		textarea {
			width: 230px;
			height: 150px;
			resize: none; /* Запрещаем пользователю возможность изменять ширину и высоту текстового поля */
		}
		
		#SlideButton {
			margin: 10px 10px 10px 10px;
		}
		#SlideButton:hover {
			cursor: pointer; /* При наведении курсора мыши, он будет в виде руки с вытянутым указательным пальцем */
		}

.gallery a {
    outline:0; border:0;
}
.gallery a img { 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    /* округления конец */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
    /* Прозрачнсоть старт */
    
    /* Прозрачнсоть конец */
    
    margin-right:3px;     /* Отступ справа */
    padding:11px; /* Внутренние отступы */
    height:150px; /* Высота */
}

.gallery a img:hover { cursor:pointer;
    -moz-opacity: 1;
    opacity: 1;
    
} 

.gallery a:focus img {
    position: relative; bottom:5px;  /* Позиционирование */
    height:320px; /* Высота */
    cursor: pointer;    /* Вид курсора */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
      
}
.ten { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
}
