*{padding:0;margin:0;}
body{width:100%; background: linear-gradient(to bottom, #c2d6dd 0%, #c2d6dd 5%,#7b949c 25%, #91a6ad 50%, #c2d6dd 75%, #7b949c 100%);
background: -moz-linear-gradient(to bottom, #c2d6dd 0%, #c2d6dd 5%,#7b949c 25%, #91a6ad 50%, #c2d6dd 75%, #7b949c 100%);
    background: -webkit-linear-gradient(bottom, #7b949c,#c2d6dd, #91a6ad,#7b949c, #c2d6dd);
    background: -o-linear-gradient(to bottom, #c2d6dd 0%, #c2d6dd 5%,#7b949c 25%, #91a6ad 50%, #c2d6dd 75%, #7b949c 100%);
    background: -ms-linear-gradient(to bottom, #c2d6dd 0%, #c2d6dd 5%,#7b949c 25%, #91a6ad 50%, #c2d6dd 75%, #7b949c 100%);}
img{border:none}

p{font:18px  'Roboto', serif; color:#000;line-height:22px}
li{font:16px  'Roboto', serif;	color:#000; line-height:38px}

h1{font:34px  'Roboto Slab', serif; color:#000; font-weight:bold}

h2{font:28px  'Roboto Slab', serif; color:#000;}
h3{font:28px  'Roboto Slab', serif; color:#000;font-weight:bold;padding:40px;line-height:100px}
h4{font:25px  'Roboto Slab', serif; color:#000; }
h5{font:20px  'Roboto Slab', serif; color:#000; }
h6{font:20px  'Roboto Slab', serif; color:#000; line-height:45px}

a{text-decoration: none; color:#000;}
header{width:100%;height:90px;margin: 0 auto;	z-index:1000;}

nav{width:1080px;height:80px; margin:0 auto; text-align:right;}
nav ul, li{display:inline; text-indent:30px;float:left;line-height:18px;padding-top:5px;}
nav a{border-radius:6px;
  background-color: #E7CC5C; 
  padding:5px 3px; box-shadow:1px 1px #b59200}


article{text-align:center; width:100%;height:auto;margin:0 auto;}


#logom{width:100px; margin-left:0px;float:left; text-align:center;}

#firstscreen{width:100%;height:580px; margin:-15px auto 0px;text-align:center;background-image:url(images/fonlogo.png);}
#firstscreen-zagolovok{width:69%; margin-top:120px;margin-left:12%; position:absolute; 
background:linear-gradient(to left, #c2d6dd 0%,#c2d6dd 10%, #91a6ad 100%);
background: -moz-linear-gradient(to left, #c2d6dd 0%,#c2d6dd 10%, #91a6ad 100%);
    background: -webkit-linear-gradient(left, #c2d6dd,#c2d6dd, #91a6ad);
    background: -o-linear-gradient(to left, #c2d6dd 0%,#c2d6dd 10%, #91a6ad 100%);
    background: -ms-linear-gradient(to left, #c2d6dd 0%,#c2d6dd 10%, #91a6ad 100%);
padding:3%;
box-shadow:5px 5px 18px rgba(0,0,0,0.5)}
#firstscreen h1,h2{line-height:50px}

#page1{width:1080px; margin:0 auto;z-index:10;height:auto;}
#page2{width:1080px; margin:0 auto;height:auto;background: linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
background: -moz-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -webkit-linear-gradient(bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -o-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -ms-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);}
#page3{width:1080px; margin:0 auto;height:auto;background: linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
background: -moz-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -webkit-linear-gradient(bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -o-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -ms-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);}
#page4{width:1080px; margin:0 auto;height:auto;background: linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
background: -moz-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -webkit-linear-gradient(bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -o-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -ms-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);}
#page5{width:1080px; margin:0 auto;height:760px;background: linear-gradient(to bottom, #c2d6dd 0%, #7b949c 50%,#91a6ad 100%);
background: -moz-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -webkit-linear-gradient(bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 80%, #7b949c 100%);
    background: -o-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);
    background: -ms-linear-gradient(to bottom, #c2d6dd 0%, #7b949c 20%,#91a6ad 40%, #c2d6dd 60%, #7b949c 80%, #c2d6dd 100%);}

#boxcover{width:1080px;height:auto; margin:0 auto; float:left;}
#box{width:45%; float:left; margin-left:2%; }
#boxright{width:45%; float:right; margin-right:2%; }
#boxright img{width:96%; margin:0 auto}
#box img{width:98%; margin:0 auto}

#smallbox{width:30%; float:left;margin-left:2%}
#smallbox img{width:96%}

#prizuv{width:1060px; margin:0 auto; height:298px; background:#c2d6dd; float:left;
border: 6px solid transparent;

	  -moz-border-image: -moz-linear-gradient(top, #B2813C 0%, #F8E889 50%, #844D24 100%);
	  -webkit-border-image: -webkit-linear-gradient(top, #B2813C 0%,#F8E889 50%, #844D24 100%);
	  border-image: linear-gradient(to bottom, #B2813C 0%, #F8E889 50%,#844D24 100%);

	  border-image-slice: 1;
}

#part1{width:33%; float:left; padding-top:12px;text-align:center;}

#part3 img{width:60%; padding-top:16px;}
#part2{width:35%; float:left; text-align:center;padding-top:5px;}
#part3{width:30%; float:left;text-align:center; }

#pustoe{width:1080px;height:500px}

.vklad{font-size:21px}

.bigvideo {border: 10px solid transparent; 

	  -moz-border-image: -moz-linear-gradient(top, #B2813C 0%, #F8E889 50%, #844D24 100%);
	  -webkit-border-image: -webkit-linear-gradient(top, #B2813C 0%,#F8E889 50%, #844D24 100%);
	  border-image: linear-gradient(to bottom, #B2813C 0%, #F8E889 50%,#844D24 100%);

	  border-image-slice: 1;}
.ramka{border-left:3px groove #F8E889; border-right:3px groove #F8E889}
.ramka2{border-left:3px groove #F8E889; padding-left:15px; text-align:left;}
.just{text-align:justify}

	
/* Контейнер */
.modal {overflow: auto;min-height:3100px;

/* Слой перекрытия */
position: absolute;
top: 70px;
left: 0;
right: 0;
bottom: 0;
background: url(images/dot.png);
z-index: 900;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modal > div {
width: 100%;height:auto;

position: relative;
margin: 0 auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 15px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);

}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}


@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 20px;
color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 40px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: red;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 40px;
border-radius: 40px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}