html, body, ul, img, button, form , header, section, footer, aside, nav, article, figcaption, figure, main , 
left, vcard, righ
{
margin: 0;
padding: 0;
border: 0;
}

header, section, footer, aside, nav, menu, article, figcaption, figure, main, left, vcard, righ {
 display: block; /* Блочный элемент */
}

html {
height: 100%;
}

body {font-weight: normal;
  margin: 0px;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif,Georgia,serif,Tahoma,Geneva;
  line-height: 160%;
  color: #430102;
}

header {
    /* 
	box-shadow: 0 0 12px #142830;
	  -moz-box-shadow:0 0 12px #4142830;
	-webkit-box-shadow:0 0 12px #142830;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	*/
	font-weight: bold;
    background: #FFFFFF;
    color: #0081B5;
    margin: 0 0 10px;
    padding: 15px;
}

header h1 {
	font-weight: bold;
text-shadow: 0 1px 1px #000000;
    color: #0081B5;
    margin: 0 0 10px;
    padding: 15px;
}

header img {
width: 150px;}


header h4 {  margin: 0;
	font-size: 20px; 
}

.left {float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.vcard {font-size: 150%;
  width: 25%;
  padding: 0;
  display: block;
  float: right;
  color: #133EDB;
  font-weight: normal;
  font-weight: bold;
}

.vcard span, .vcard div {  width: 100%;
}

.vcard a {
  color: #ff0000;
  text-decoration: none;
  font-weight: bold;
}

.clearing {
    clear: both;
    font-size: 1px;
    height: 0;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0;
	border-top: 1px solid #142830;
}

#content { float: left;
    width:80%;
  }

section { float: right;
width: 70%;
margin: 0 20px 20px 0;
padding: 0;
}
h2,h3 {
text-align: center;
}
h2 {
line-height: 200%;
}

section p {margin: 0 5px;
}
article1 { float: left;
  width: 43%;
  margin: 15px;
}
article
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari и Chrome */
column-count:2;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari и Chrome */
column-gap:40px;

-moz-column-rule:1px outset #ff00ff; /* Firefox */
-webkit-column-rule:1px outset #ff00ff; /* Safari и Chrome */
column-rule:1px outset #ff00ff;
}


ul { margin: 10px; }

ul li { list-style: none; }


p {
text-align: justify;
}

.picte {
    float: left;
    width: 100%;
}
.foto {
    float: left;
    width: 100%;
}
.foto:hover{
    z-index: 20;
    -webkit-transform:scale(2.5);
    -moz-transform:scale(2.5);
    -ms-transform:scale(2.5);
    -o-transform:scale(2.5);
    transform:scale(2.5);
    

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


aside { float: left;
  width: 25%;
	padding: 10px;
}

aside img {  width: 90%;
}

aside p, aside ul {
  max-width: 550px;
  margin: 1em auto;
  padding: 1em;
  border-radius: 10px;
  background: rgb(255,255,255) radial-gradient(circle at 0 0, rgba(242,205,91,.65), rgba(242,205,91,.35));
  box-shadow:
   inset rgba(0,0,0,.5) -3px -3px 8px,
   inset rgba(242,205,91,.9) 3px 3px 8px,
   rgba(0,0,0,.8) 3px 3px 8px -3px;
   -moz-box-shadow:
    inset rgba(0,0,0,.5) -3px -3px 8px,
   inset rgba(242,205,91,.9) 3px 3px 8px,
   rgba(0,0,0,.8) 3px 3px 8px -3px;
	-webkit-shadow:
	 inset rgba(0,0,0,.5) -3px -3px 8px,
   inset rgba(242,205,91,.9) 3px 3px 8px,
   rgba(0,0,0,.8) 3px 3px 8px -3px;
}

menu {
  float: right;
  width: 17%;
  margin: 10px;
  padding: 0;
}

menu ul {
  margin: 0;
  padding: 15px;
  list-style: none;
  color: #898030;
  overflow: hidden;  
}

aside li, menu li { margin: 5px 5px 10px;
  border-bottom: 1px solid #142830;
}

 menu a {
  display: block;
  color: #898030;
  text-decoration: none;
  padding: 5px 0 5px 5px;
  font-weight: bold;
}

menu a:hover { color: #898030;
  background: #d6cfb1;
}


footer {text-shadow:0 3px 3px #fff;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 10px;
  color: #ff0500;
  background: #ffd350;  
}


footer a { color: #ff0500;
}

footer a:hover { color: #898030;
}

footer .vcard, footer  .vcard a {font-size: 14px;
  color: #000; font-weight:bold;
}

div.c {
    float: left;
    margin: 10px;
    padding: 10px;
    text-align: center;
    width: 10%;
}

figure {
    background-color: #fff;
    border: 1px solid #decfbb;
    border-radius: 1px;
    cursor: pointer;
    float: left;
    font-size: 100%;
    margin: 5px 10px;
    padding: 0 10px 10px;
    transition: background-color 0.2s ease-out 0s;
    width: 25%;
    line-height: 80%;
}

aside figure {
    width: 95%;
}

figure img {
    margin-top: 5px;
    width: 100%;
}

figcaption {
    text-align: center;
}

figure:hover {
    background-color: #fff;
}


		.statiya{
			margin: 20px 0;
		}

		.statiya input,
		.statiya p{
			display: none;
		}
		
		.statiya img{
			display: none;
		}
		
		.statiya div{
			display: none;
		}

		.statiya label+p{
			display: block;	
			color: #000;
			font-size: .90em;
			-webkit-transition: all .25s ease-out; 
			-moz-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			transition: all .25s ease-out;
			/* Обрезаем текст */
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;						
		}
		
		.statiya input[type=checkbox]:checked~p{
			display: block;
			color: #444;
			font-size: 1em;
			/* Восстанавливаем обрезание текст по умолчанию */
			text-overflow: clip; 
			white-space: normal;
			overflow: visible;	
		}
		
		.statiya input[type=checkbox]:checked~img{
			display: block;
			/* Восстанавливаем обрезание текст по умолчанию */
			text-overflow: clip; 
			white-space: normal;
			overflow: visible;	
		}
		
		
		.statiya input[type=checkbox]:checked~div{
			display: block;
			/* Восстанавливаем обрезание текст по умолчанию */
			text-overflow: clip; 
			white-space: normal;
			overflow: visible;	
		}

		.statiya label{
			font-size: 1.2em;
			cursor: pointer;
			background: #d2b48c;
			display: block;
			position: relative;
			padding: 1px 15px;
			font-weight: bold;
			text-shadow: 0 1px 0 rgba(255,255,255,.5);
			-webkit-transition: all .25s ease-out; 
			-moz-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			transition: all .25s ease-out;			
		}

		.statiya label::-moz-selection{ /* Удаляем выделение текста при переключении */
			background: none;
		}

		.statiya label::selection{
			background: none;
		}

		.statiya label:hover{
			background: #f5f5f5;
		}

		.statiya input[type=checkbox]:checked~label{
			border-color: #d2b48c;			
			background: #d2b48c;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2b48c));
			background-image: -webkit-linear-gradient(top, #fff, #d2b48c); 
			background-image: -moz-linear-gradient(top, #fff, #d2b48c); 
			background-image: -ms-linear-gradient(top, #fff, #d2b48c); 
			background-image: -o-linear-gradient(top, #fff, #d2b48c); 
			background-image: linear-gradient(to bottom, #fff, #d2b48c);
			-moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
			-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
			box-shadow: 0 0 1px rgba(0,0,0,.4);				
		}

		.statiya label::before{
			content: '';
			position: absolute;
			right: 2px;
			top: 50%;
			margin-top: -10px;
			border: 10px solid transparent;
			border-left-color: inherit;	
		}

		.statiya input[type=checkbox]:checked~label::before{
			border: 10px solid transparent;
			border-top-color: inherit;
			margin-top: -5px;
			right: 10px;	
		}
		
		.clearing {
    clear: both;
    font-size: 1px;
    height: 0;
}

.oblicovka {
width: 90%; margin: 15px 15px; float: left;
}
	
.fri {
    float: left;
    margin: 0 10px;
    padding: 0 10px;
    text-align: center;
    width: 27%;
}
.fri img {
    width: 100%;
}


div.c img {
    width: 100%;
}

div.c {
    float: left;
    margin: 5px;
    padding: 10px;
    text-align: center;
    width: 20%;
}

th {background-color: #ff8c00;}
td, th {text-align: center; border:1px solid #E2E2E2; padding:10px}


.pol {
width: 43%;
float: left;
    margin: 3px 10px;
    padding: 10px 10px 0;
    text-align: center;
}

.pol img{
width: 100%;
}

.said img{
width: 90%;
}

.preimush li {
    background: rgba(0, 0, 0, 0) url("/images/ikonka.png") no-repeat scroll 0 1px;
    margin: 15px 0;
    padding-left: 40px;
    padding-top: 20px;
}

@media screen and (max-width: 1280px) { 
section {
width: 67%;
}
}


@media screen and (max-width: 1024px) { 
section {
width: 65%;
}
article1 { 
  width: 100%;
  margin: 1px;
}
article { 
-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari и Chrome */
column-count:1;
}
aside {
  width: 25%;
}
.left {
  width: 40%;
}
figure {
    width: 35%;
}
}

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

 #content {
    width:75%;
  }
section {
width: 90%;
}
aside {
width: 100%;
}
aside p {
text-align: left;
}
}



@media screen and (max-width: 768px) { 
.left, .vcard {
  width: 100%; margin: 0;
}
}


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

menu { 
  width: 20%;
}
 #content {
    width:75%;
  }
section {
width: 90%;
}
aside {
width: 100%;
}
}


@media screen and (max-width: 480px) { 
 #content {
    width:100%;
  }
menu, aside, section {
  width: 90%;
}
figure {
    width: 95%;
}
}


input.button4 {position: fixed;
bottom: 100px;
right: 100px;

  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #a51968 linear-gradient(#c73b5c, #a51968);
  box-shadow: inset #700b44 0 -1px 1px, inset 0 1px 1px #f28aa2, #6b051d 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

.photokatalog {
    width: 100%;
    position:relative;
}


.photokatalog > div {background: #fff;
    float: left;
	width: 30%;
    margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.photokatalog > div img{border: 2px solid #444;
    width: 98%;	float: left; 
}

.photokatalog > ul {background: #fff;width: 23%;
list-style: none outside none;
    float: left; height:300px;
    margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
	padding: 0;
}

.photokatalog > div:hover{
    z-index: 20;
    -webkit-transform:scale(2.5);
    -moz-transform:scale(2.5);
    -ms-transform:scale(2.5);
    -o-transform:scale(2.5);
    transform:scale(2.5);
}

.photokatalog > div div {color:#000000;font-size:14px;font-weight:bold;padding:1px 0 1px 1px;
background: #fff;

}





nav {
    margin: 0 auto;
    position: relative;
	border: 0 none;
    display: block;
    background-color: #00d8ff;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(center to bottom , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#116ebf',GradientType=0 );
    list-style: outside none none;
    padding: 5px;
width: 100% !important;
display: table !important;
}


    nav li {
display: table-cell !important;
text-align: center;
float: none;
    	}
@media screen and (max-width: 900px) {
nav li {
 float: left;
}
}
        nav li:hover { position: relative }
        nav li:hover > a {
            background: #27dee8;
            box-shadow: 5px 5px 25px #27dee8;
            -moz-box-shadow: 5px 5px 25px #27dee8;
            -webkit-box-shadow: 5px 5px 25px #27dee8;

            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }
            nav li.sub:hover > a {
                border-radius: 10px 10px 0 0;
                -moz-border-radius: 10px 10px 0 0;
                -webkit-border-radius: 10px 10px 0 0;
            }

            nav li a { color: #000;
                font-weight: bold;
                text-decoration: none;
                padding: 12px;
                display: block;
            }
                nav li a:hover { background-color: #116ebf; }

    nav li ul {
        background: #fff;
        margin-top: -2px;
        display: none;
    }
        nav li:hover ul {
            display:block;
            position:absolute;
        }

        nav li ul {
            background: #27dee8;
            padding: 10px 5px;

            box-shadow: 5px 5px 25px #9999ff;
            -moz-box-shadow: 5px 5px 25px #9999ff;
            -webkit-box-shadow: 5px 5px 25px #9999ff;

            border-radius: 0px 15px 15px 15px;
            -moz-border-radius: 0px 15px 15px 15px;
            -webkit-border-radius: 0px 5px 5px 5px;
        }

        nav li ul li{
float: left;
					width: 100%;
        }



            nav li ul li a {
                background: transparent;
                color: #000;
                width: 100%;
                font-size: 0.95em;
                font-weight: normal;
            }
                nav li ul li a:hover { text-decoration: underline;
									color: #fff;
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;

                    border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                }
				


.video {margin: 0 auto; height:315;	width: 560px
}

.video iframe {	width: 100%
}

	@media screen and (max-width: 1480px) {
.video {height:315;	width: 560px
}
.video iframe {height:315;
}
}

	@media screen and (max-width: 1200px) {
.video {height:315;	width: 460px
}
.video iframe {height:315;
}
}

	@media screen and (max-width: 980px) {
.video {	width: 400px
}
}
	@media screen and (max-width: 800px) {
.video {	width: 460px
}
}


	@media screen and (max-width: 540px) {
.video {height:215;	width: 360px
}
.video iframe {height:215;
}
}

	@media screen and (max-width: 360px) {
.video {height:215;	width: 320px
}
.video iframe {height:215;
}
}


.item_gallery {
    margin-top: 7px;
    padding: 5px 0 24px 25px;
    width: 45%; float:left;
}
.item_50 {
    padding: 5px 0 24px 25px;
    width: 45%; float:left;
}

	@media screen and (max-width: 980px) {
.item_gallery, .item_50 {
    width: 95%;
}
}

.item_gallery .thumbs {
    overflow: hidden;
    margin-top: 2px;
}

.item_gallery img, .largeImage {
    background-color: white;
    padding: 0;
}
.item_gallery .thumbs img {
    border: 2px solid black;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 35px;
    margin-bottom: 10px;
    margin-right: 6px;
    width: 35px;
}
.item_gallery .description {
    color: #000;
    margin: 0;
    padding: 10px 15px;
    width: auto;
}
.item_gallery .thumbs img:active {
    border: 2px solid #da0000;
}
.item_gallery .panel_pic {
    margin-bottom: 5px;
    position: relative;
}
.item_gallery .panel_pic img {
    display: block;
    height: auto;
    margin: 0 auto;
}	
.panel_pic img {
    width: 100%;
}	


.prem li::before {
    background: rgba(0, 0, 0, 0) url("/css/ikonka.png") no-repeat scroll 0 0;
    content: "";
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 40px;
}