body{
	margin:0;
	background: #fff url("../images/back1.png") no-repeat scroll center top;
	background-size: 1920px;
	font-family: Arial, Sans;
}

h1,h2,h3,h4,h5,h6{
	text-align:center;
}
p {
	text-align:justify;
}

#main_wrapper {
	width:990px;
	box-sizing: border-box;
	outline: 1px solid #cccccc;
	padding:10px;
	margin:0 auto;
}

#logo {
    height: 150px;
}

/* ------- Menu BEGIN ------- */
nav {
	margin: 10px 0;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: LightSeaGreen;
}
nav li {
    float: left;
}
nav li a, nav .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight:bold;
    font-size:16px;
}
nav li a, nav .dropbtn2 {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
}
nav li a:hover, nav .dropdown:hover .dropbtn {
    background-color: red;
}
nav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
nav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
nav .dropdown-content a:hover {
    background-color: #f1f1f1
}

nav .dropdown:hover .dropdown-content {
    display: block;
}
/* ------- Menu END ------- */


main > #content {
    width: 650px;
}
main > #content > article {
	background-color: #dcfda9;
	margin-top: 10px;
	padding: 10px;
	min-height: 1178px;
}
main > #content > article ol,
main > #content > article ul {
	margin-bottom: 15px;
}
main > #content > article li {
	margin: 7px 0;
}
main > #content > article ol > li:first-child,
main > #content > article ul > li:first-child {
	margin-top: 10px;
}
main > #content > #slider + article {
	min-height: 805px;
}
main #content > p {
    margin-top: 0;
}
main > #content .video {
    margin: 20px 0;
    text-align: center;
}


/* ------- Slider BEGIN------- */
#slider {
    position: relative;
    border:1px solid blue;
    width:650px;
    height:360px;
    overflow: hidden;
    white-space: nowrap;
}
#slider .animated {
    position: absolute;
    animation: slider 24s linear infinite normal none;
}
#slider .animated:hover {
    animation-play-state: paused;
}
@keyframes slider {
    0%   { left: 0px; }
    15%  { left: 0px; }
    25%  { left: -650px; }    
    40%  { left: -650px; }
    50%  { left: -1300px; }
    65%  { left: -1300px; }
    75%  { left: -1950px; }
    90%  { left: -1950px; }
    100% { left: -2600px; }
}
/* ------- Slider END------- */

/* --- Aside panel BEGIN --- */
aside {
    width: 310px;
    float: right;
}
aside section {
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 10px;
    min-height: 360px;
}
aside section > div {
    padding: 10px;
}
aside section > h4 {
    color: white;
    background-color: #FF9800;
    padding: 10px;
    margin: 0;
    font-size: 13.1pt;
}
aside .person {
    min-height: 360px;
    height:360px;
}
aside .person article img {
    display: block;
    margin: 10px auto;
}
aside .winners .win_wrapper {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 380px;
    margin-top: 10px;
}
aside .winners .win_wrapper > div {
    width: 290px;
    position: absolute;
    animation: winner 15s steps(3, end) infinite normal none;
}
aside .win_wrapper:hover {
    animation-play-state: paused;
}
@keyframes winner {
    from   { top: 0px; }
    to { top: -1140px; } 
}
aside .winners .winner  {
    max-height: 380px;
    height: 380px;
    overflow: hidden;
}
aside .winners .winner img {
    display: block;
    margin: 10px auto;
}
aside .winner header h4 {
    margin: 10px 0;
}
aside .partners img {
    display:block;
    width: 100%;
    margin: 10px 0;
}
aside .partners div {
    padding: 20px;
}
/* --- Aside panel END --- */

/* ---- Footer BEGIN ---- */
footer {
    clear: both;
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: green;
    color: white;
}
footer #footer_content {
    width: 990px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
footer .copyright {
    width: 35%;
}
footer address, footer .shedule {
    float: right;
    width: 30%;
    margin: 0;
}
footer address p, footer .shedule p {
    margin: 0;
}
footer .shedule {
    width: 32%;
}
footer .shedule > p:first-child {
    text-align: center;
    font-style: italic;
}
/* ----- Footer END ----- */

#gallery div.main_image_wrapper {
    width: 630px;
    height: 630px;
    text-align: center;
    line-height: 630px;
    margin-bottom: 10px;
    background: url('/images/photo.png') repeat #C2DC9B;
}
#gallery div.main_image_wrapper img {
    vertical-align: middle;
}
#gallery .imgs_row {
    height: 170px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
#gallery div.img_wrapper {
    width: 150px;
    height: 150px;
    padding: 2px;
    cursor: pointer;
    display: inline-block;
}

#popup{
    position:relative;
    width:50%;
}
#popup .popup_content {
    position:absolute;
    z-index: 100;
    display:none;
    padding-top:30px;
    width:100%;
}
#popup .popup_content a, #popup .popup_title {
    background-color:#133676;
    padding: 5px 0 0 10px;
    box-sizing:border-box;
    height:30px;
}
#popup .popup_content a {
    display:block;
    color: white;
    text-decoration:none;
    margin: 0;
    border-top: 1px solid;
}
#popup .popup_content a:hover {
    background-color:blue;
}
#popup .popup_title span{
    margin: 0px;
    color: white;
}
#popup .popup_title span:after {
    content: "▼";
    border-left: 1px solid #ddd;
    position: absolute;
    right: 0;
top: 19%;
    width: 30px;
    text-align: center;
}
#popup .popup_content:hover{
    display:block;
}
#popup:active .popup_content{
    display:block;
}
#popup .popup_content:hover{
    display:block;
}
#popup .a_wrapper {
    overflow-y: auto;
    max-height: 500px;
}

.vk-post-frame {
    margin-bottom: 25px;
}