@charset "utf-8";
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0}
img {max-width: 100%; height: auto; width: auto; border: 0; margin:0 auto; vertical-align: bottom}
article, aside, details, figcaption, figure, footer, header, section {display: block}
body{font-family:"Times New Roman",Times,serif;line-height:150%;text-align:justify;font-size:1.05em;background-color:#E6E6E6;}
figure {text-align:center; margin-bottom: 10px}
figcaption{font-size:0.9em;font-style:italic;font-weight:700;padding-bottom:10px;padding-top:10px}
a {color: #06C; text-decoration: none; outline: none}
a:hover {text-decoration: underline}
a:visited {color: #69C}  
p{margin:0 0 1.2em;padding:0;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto}
ul, ol {margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%}
li {margin: 0 0 0.5em 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 0.4em; color: #000}
h1, h3, h4, h5, h6 {text-align: center}
h1 {font-size: 1.3em}
h2{font-size: 1.6em;text-align: right;font-weight: bold;color: #E6E6E6;text-shadow: 1px 1px 2px black}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}
h5 {font-size: 0.9em; font-style: italic}
h6 {font-size: 1em}
h2:first-letter {font-size: 140%; color: #E6E6E6; padding: 2px;}
.Melkii {font-size: 0.8em}
.content, .sidebar_center, .header, footer, .picter {background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)}
.header {position: relative; background-color: #666; width: auto; height: 90px; margin: 0 auto 0 auto; padding: 15px}
.header a{color:#E6E6E6;text-decoration:none}
.container {width: 980px; margin: 0 auto}
.content {margin: 5px 0 10px; padding: 10px 25px; width: 930px; float: left}
.Pravo {float: right}
.Text_levo {text-align: left}
.Text_Center {text-align: center}
.Text_Pravo {text-align: right}
aside{color:#999;font:0.8em "Comic Sans MS", cursive}
footer {clear: both; color: #CCC; font-size: 85%; background-color: #666; text-align: center}
footer a {color: #FFF;}
footer a:visited{color:#CCC}
.leftimg {float:right;margin:7px 0px 7px 20px}
.menu{padding-left: 15px}
.LineLev{border-left: 6px groove #FFDBA4;margin: 20px 0 10px 15px}
.blokRS{width:980px;float:left;margin:0 auto;padding:5px 0 0 0;text-align:center}

@media screen and (max-width: 980px) {.header, .headerHIG, figcaption {font-size: 90%} .container, .blokRS {width: 95%;} .content {width: 60%;	padding-bottom: 3%;	padding-left: 4%;	padding-right: 4%;	padding-top: 3%;} 
.sidebar {width: 30%;} .sidebar_center {padding: 8% 7%; margin-bottom: 10px;} .video embed, .video object, .video iframe, #swiffycontainer {width: 100%; height: auto; min-height: 300px;} .picter, .picterT {width: auto; float: none; margin: 20px 0;} object {width: 100%; height: auto; min-height: 650px}}
@media screen and (max-width: 880px) {.header, .headerHIG {font-size: 80%; height: auto;} .navbar {position: static;} .content {width: auto; float: none; margin-bottom: 20px; margin-left: 0;	margin-right: 0;margin-top: 20px;}
.sidebar {width: 100%; margin: 0; float: none;} .sidebar_center { padding: 3% 4%; margin: 0 0 10px; } .video embed, .video object, .video iframe, #swiffycontainer {min-height: 250px;} .picter {width: auto; float: none; margin: 20px 0;} object {min-height: 450px}}
@media screen and (max-width: 728px) {.blokRS, .blokRSM, .sidebar_center, .PravoRekl{display: none;}}
@media screen and (max-width: 480px) {.navbar a {font-size: 90%; padding: 10px 8px;} object, #swiffycontainer {min-height: 250px}}