* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:0 2% 0 1%; font:normal 100.01%/1.5 verdana, arial, serif, "Bookman Old Style"; text-align:center;max-width: 1060px;margin:0 auto;color:#000000;}
HTML { background: url(../design/bkg7.jpg);}
a {text-decoration:none;}
h1, h2, h3, h4, h5, h6{margin:15px 0 10px 0;color:#333333;font-family:"Lucida Calligraphy","Times New Roman", Georgia;font-weight:normal;text-align:center;}
h1 {font-size:180%; color:#666666;line-height:1;}
a h1#logo {color:#666666;}
span#logo {font-size:180%; font-weight:normal; text-align:center;color: #666666;font-family: "Lucida Calligraphy","Times New Roman";}
#logo  a:{color:#666666;}
span#logo a:hover{color:#333333;}
@media screen and (min-width: 1200px) {
span#logo {font-size:180%; font-weight:normal;font-family: "Lucida Calligraphy","Times New Roman";}
}
@media screen and (max-width: 800px) {body {padding:0 0 0 5px;}
span#logo {font-size:190%; font-family: "Lucida Calligraphy","Times New Roman";}
}
h2 {font-size:160%; color: #333333; }
h3 {margin:15px 0 5px 0;font-size:160%; }
h4 {font-size:140%; }
h5 {font-size:120%; }
td{vertical-align:top}
b15 {font-size:150%; font-family: "Lucida Calligraphy","Times New Roman";font-weight:normal;}
m1 {font-size:75%;}
a h3 {border-bottom:1px solid #DFDFDF; }
p, table, ul, ol, dl, fieldset {margin:15px 0;}
.ezo p:first-letter {font-size: 170%;color: #333333;font-family: "Lucida Calligraphy","Times New Roman";//margin-left: 1.5em;}
.ezo1 p:first-letter {font-size: 150%;color: #333333;font-family: "Lucida Calligraphy","Times New Roman";}
.ezo-skaz p:first-letter {font-size: 170%;color: #333333;font-family: "Lucida Calligraphy","Times New Roman";}
.ezo {margin-left: 2.7em; padding-left: 3em; background:#FFF;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px;color:#000000;//border: 1px solid #ccc;}
.ezo-skaz p {margin-left: .2em; padding-left: .7em; background:#FFF;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px;color:#000000;}
.ezo1{margin-left:.2em;padding-left:.7em;background:#FFF;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);border-radius:7px;//border: 1px solid #ccc;border: 1px solid #ccc\0/;}
.ezo1 .n1 {margin-left: 2.7em; padding-left: .3em;vertical-align: none;}
.ezo1 .n {margin-left: 1.7em; padding-left: 1em;vertical-align: none;}
.ezo1 .n2 {margin-left: 3em; padding-left: 3em;vertical-align: none;}
#topstory h1 {padding-bottom:1em; background: url(css/7png.png) no-repeat;background-position: bottom;text-align:center;}
.ezo table{margin-left:.5em;padding-left:3em;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);border-radius:7px;border: 1px solid #ccc\0/;}
.ezo td{border: 1px solid #ccc\0/;}
.ezo-skaz h1 {margin:.2em 0 0 .7em;color:#333333;font-size:180%;font-family: "Lucida Calligraphy","Times New Roman";font-family: "Lucida Calligraphy","Times New Roman"\0/;}
.ezo-skaz h1 {margin-top:0em\0/;line-height:1\0/;}
.ezo a h2{color:#3333FF;}
.ezo1 a h2{color:#3333FF;}
.ezo1 a h2:hover{color:#333333;text-decoration: underline;}
.ezo a h2:hover{color:#333333;text-decoration: underline;}
.ezo-skaz p {border: 1px solid #ccc\0/;}
.ezo h1, h2 {line-height:1.3;}
.ezo .n p {margin-left: 1.7em; padding-left: 1em;vertical-align: none;}
.ezo-skaz .n p {margin-left: .7em; padding-left: .7em;vertical-align: none;}
.ezo .n {margin-left: 1.7em; padding-left: 1em;vertical-align: none;}
.ezo .n-sum {margin-left: 1.7em; padding-left: 1em;vertical-align: none;background: #fafafa;box-shadow:none;}
.ezo .n-sum p {margin-left: .7em; padding-left: 1em;vertical-align: none;background: #fafafa;box-shadow:none;}
.ezo-skaz .n {margin-left: .7em; padding-left: .7em;vertical-align: none;}
.ezo .n1 {margin-left: 2.7em; padding-left: 3em;vertical-align: none;box-shadow:none; background:#fafafa;}
.ezo-skaz .n1 {margin-left: .3em; padding-left: .3em;vertical-align: none;box-shadow:none;box-shadow:none\0/; background:#fafafa;border: none\0/;}
.next {margin:15px 0;}
.next a {text-align:center;font-weight: bold;border: 1px solid #ccc;padding:10px;margin:7px 1px;line-height:3;border-radius: 5px;}
.next a:hover {background: #EEEEEE;text-align:center;font-weight: bold;border: 1px solid #999999;padding:10px;margin:7px 1px;line-height:3;}
.next a:active {background: #CCCCCC;color:#FF0000;border: 1px solid #666666;}
a.next2 {background: #EEEEEE;font-size:120%;font-weight: normal;color: #000;border: 1px solid #999999;font-family: "Lucida Calligraphy","Times New Roman";}
.bg7 {background: url(../design/7png.png) no-repeat;background-position: center;margin:15px 0;text-align:center;}
.bg9 {background: url(../design/9png.png) no-repeat;background-position: center;margin:15px 0;text-align:center;float:center;}
.h1 {background: #f3f3f3;padding:0 5px;border-radius: 7px;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border: 1px solid #ccc\0/;padding:0 5px 0 0px\0/;}
.mailto {display:block; width:50px; height:50px; background:url(pic/sobak1.png) no-repeat;background-position:center;text-align:center;}
.mailto a{display:inline-block;padding-top:20px;}
.mailto a:hover{display:inline-block;padding-top:20px;width:50px; height:50px;text-decoration:none;}
.mailto:hover{display:block; width:50px; height:50px;background:url(pic/sobak1-1.png) no-repeat;background-position:center;text-align:center;}
.mailto:active{background:url(pic/sobak1.png) no-repeat;}
@media screen and (max-width: 800px) {body {padding:0 0 0 5px;}
.ezo p {margin-left: .3em; padding-left: .5em; background:#FFF;}
.ezo h2 {margin:1em 0 0 .5em;}
.ezo .n {margin-left: .5em; padding-left: .5em;}
.ezo .n1 {margin-left: 0;padding-left: 5px; }
h1 {font-family: "Lucida Calligraphy","Times New Roman"; font-size:170%;}
}
table {border-collapse:collapse; border-spacing:0; width:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}
li {display:list-item;}
hr {margin:3px 0;color: #ccc; background-color: #ccc; height: 1px; border-width: 0px;}
button {display: inline-block;padding: 5px 15px; background: #fff url(../design/button_grey.gif) no-repeat; border: 1px #ccc;border-radius: 7px;font-size:100%;color: #3333FF;}
button:hover{display: inline-block;padding: 5px 15px; background: #fafafa url(../design/button_grey1.gif) no-repeat; border-bottom: 1px #ccc;;border-radius: 7px;color: #000;}
/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-center {padding-left:0em;}
.t-center tr {text-align:center;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.noscreen {display:none;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}
.smaller1 {font-size:65%;}
.dot { text-decoration: none; border-bottom: 1px dashed #3333FF;}	
/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
#main {width:68,571428571428571428571428571429%; margin:0 auto; text-align:left; background: #F0F3F8;}
#header {position:relative; text-align:center; background:#fafafa;}
#logo {margin:0; font-weight:normal; }       
#slogan{margin:0;padding-left:.8em;font-style:italic;color:#000;font-family:"Lucida Calligraphy","Times New Roman";}      
#search {position:absolute; bottom:15px; right:0; padding:7px;}
#search #search-input {width:175px; padding:3px;}
#search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}
.toggle-nav {display:none;}
/*----- Menu -----*/
@media screen and (min-width: 860px) {.menu {width:100%;height:40px;padding:0px;margin:0px;background:url(../design/button_grey-v-40.gif) repeat-x;border-radius:5px;}
.menu ul li a{float:left;padding:7px 15px;border-right:1px solid #CCCCCC;border-radius:5px;background:url(../design/button_grey-n1.jpg) repeat-x;}
.menu ul li a:hover{color:#000000;background:url(../design/button_grey-n.jpg) repeat-x;border:1px solid #aaa;text-decoration:none;}
#nav ul li a.najato{color:#000000;background:url(../design/button_grey-n.jpg) repeat-x;border:1px solid #aaa;}
}
.menu ul {display:inline-block;margin:1px 0px 0px 0px;}
.menu li {margin:0px;float:left;list-style:none;}
.menu li:last-child {margin-right:0px;margin-bottom:0px;}
.menu a {color:#3333FF;}
.menu a:hover, .menu .current-item a {text-decoration:none;color:#333333;}
/*----- Responsive -----*/
@media screen and (max-width: 1150px) {.wrap {width:90%;}}
@media screen and (max-width: 860px) {
.menu {position:relative;height:30px;display:inline-block;background:url(../design/button_grey-v.gif) repeat-x;border-radius:5px;}
.menu ul.active {display:none;}
.menu ul {width:100%;position:absolute;top:120%;left:0px;padding:10px 20px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#fafafa;z-index:10000;}
.menu ul:after {width:0px;height:0px;position:absolute;top:0%;left:12px;content:'';transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #303030;}
.menu li {margin:5px 0px 5px 0px;float:none;display:block;}
.menu a {display:block;}
.toggle-nav {padding:3px 20px;float:left;display:inline-block;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:url(../design/button_grey-n1.jpg) repeat-x;text-shadow:0px 1px 0px rgba(0,0,0,0.5);color:#3333FF;font-size:20px;transition:color linear 0.15s;}
.toggle-nav:hover, .toggle-nav.active {text-decoration:none;color:#333333;}
#nav ul li a.najato{color:#000000;background:#fafafa;}
}
#nav a.najato{color:#000000;}
.najato1{color:#3333FF;background:url(../design/button_grey.gif) repeat-x;}	
#content {position:relative; padding:10px 0 30px 0; overflow:hidden; margin:0 5px; background:#EAEDF2;}
#content a:hover { color: #333333; text-decoration: underline; }
#content a:active { color: #000099; text-decoration: underline; }
#footer {clear:both;}
#footer1 {clear:both; font-size:85%;}
#footer1  a:visited { color: #3333FF; }
#vverh {opacity: 0.6;background: url('css/icons.png') right bottom no-repeat;margin: 2% 10% 0px 0px;padding:5px;}
#vverh a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30, Style=1) ;}
#vverh:hover {opacity: 1;}
#spisok {display:none;}
#prnt a:hover{text-decoration:none;}
#kn-podel a{opacity: 0.7;}
#kn-podel a:hover{opacity: 1;}
/*--p--*/
p.bukv:first-letter{font-size:140%;color:#333333;font-family:"Lucida Calligraphy","Times New Roman";}
/* ----------------------------------------------------------------------------------------------------------
4) Page: Home #F7F3F7
---------------------------------------------------------------------------------------------------------- */
#topstory {position:relative;float:left; width:74%;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px;-webkit-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);filter:progid:DXImageTransform.Microsoft.dropShadow(color=#F7F3F7, offx=-3, offy=3 ) ;text-align:left\0/;background:#fafafa;}
#topstory-title {padding:15px;}
#topstory-title h2 {margin:0; margin-bottom:2px;}
#topstory-title p.date {margin:0; font-size:85%;}  
#topstory-perex {display:block; padding:15px; font-size:110%;}
#topstory-perex p {margin:0;}
#aside {float:right; width:23%;box-shadow: -0.4em 0.4em 5px #CCCCCC; padding-left:10px;border-radius: 7px; background: #f3f3f3;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#E5E5E5, offx=-7, offy=7 ) ;
-moz-box-shadow:-0.4em 0.4em 5px #CCCCCC; 
-webkit-box-shadow: -0.4em 0.4em 5px #CCCCCC;
}
#aside a {color: #3333FF;} 
#aside a:hover {color: #333333; text-decoration: underline; }
#aside a:visited {color: #800080; }
#aside a:active {color:#FF0000;}
#rn{overflow:hidden;}
#rn { width: 320px; height: 100px; margin:5px auto;}
@media (min-width:500px) { #rn { width: 468px; height: 60px; } }
@media (min-width:800px) { #rn { width: 728px; height: 90px; } }
#rn1{overflow:hidden;padding: 2px;}
img {max-width: 100%;max-height:auto ;}
.gl img{ padding: 5px; border: 1px solid #ccc; margin-top: .4em;  margin: .4em .4em .4em 0;background-color: #FFFFFF;}
.gl a img:hover { background: #CCCCCC;}
/* ----------------------------------------------------------------------------------------------------------
Z) Others 
---------------------------------------------------------------------------------------------------------- */
ul.ul-list {margin:15px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../design/ico-list.gif") 0 4px no-repeat;}
ul.ul-list li:hover {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../design/ico-list1.gif") 0 4px no-repeat;}
ul.ul-list li:active {background:url("../design/ico-list2.gif") 0 4px no-repeat;}
ul.ul-list li.akt {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../design/ico-list2.gif") 0 4px no-repeat;}
ul.ul-list1 {margin:15px 0; padding:0; list-style:none; text-align:center; }
ul.ul-list1 li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../design/ico-list.gif") 0 4px no-repeat;}
ul.ul-list1 li:hover {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("../design/ico-list1.gif") 0 4px no-repeat;}
.hx-style01 {clear:both; background:url("../design/dot.gif") 0 50% repeat-x;}
.hx-style01 span {margin-left:15px; padding:0 5px;  background: #f3f3f3;}
.hx-style01 h4 span {margin-left:15px; padding:0 5px; color:#666666;background: #f3f3f3;}
a.ico-more {padding:5px 7px; border:0 !important;}
a  h3 :hover {color: #3333FF; text-decoration: underline;}
#Go_Top {position: fixed;bottom:3%;left:75%;cursor: pointer; }
.signr{float: right; border: 1px #CBCBCB; border-style:solid;padding: 1px; margin: 10px 5px 5px 5px;  background: #FFFFFF; }
.w-50 { width: 47%; height:auto ; margin: 0 2px; background:#FFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px;}
#rn1{overflow:hidden;padding: 2px;}
#rv { margin:30px 0px 10px 10px;}
#rn1 { margin:5px 0px 0px 0px;}
#rn { width: 320px; height: 100px; margin:10px 0px 10px 1px;text-align:left;text-align:left\0/; overflow:hidden;}
@media (min-width:500px) { #rn { width: 468px; height: 60px; } }
@media (min-width:800px) { #rn { width: 728px; height: auto; } }
@media screen and (max-width: 560px) {
span#logo {font-size:130%; font-weight:normal;margin-bottom:0;}
#rn{float:none !important;text-align:center;}
}
@media screen and (max-width: 640px) {
span#logo {font-size:130%; font-weight:normal;margin-bottom:0;}
a span#logo {font-size:130%;}
#logo {font-size:140%;}
/*#nav ul li a{width: 46%;  text-decoration: none;border:1px solid #CCC;}*/
#prnt{display: none;}
#topstory a{line-height:1.9;}
#footer .f-left a{line-height:1.9;}
#rv {text-align:center;margin:0px 10px;}
#vverh {margin: 15% 5% 0px 0px;}
.ezo {margin-left: .3em; padding-left: .3em;}
.ezo h1 {margin:.3em 0 0 .3em;font-size:150%;}
.h1 h1 {font-size:140%;}
.ezo-skaz h1 {font-size:140%;}
h1 {font-size:140%;}
#rv1, #rek-kont { display:none;}
#content {padding:1px; margin:1px;}
.f-right{float:none !important;text-align:center;}
#rn{float:none !important;text-align:center;}
}
@media screen and (max-width: 800px) {
body {margin:0 auto;padding:0 5px 0 5px;} 
span#logo {font-size:170%; font-weight:normal;margin-bottom:0;padding-left:0;}
#topstory {float:center; margin:0 auto;width: 100%}
#content {position:relative; overflow:hidden; }
#aside {position:relative;margin:0 auto;width: 100%;} 
/*#nav ul li a {border-right:1px solid #CCCCCC;}*/
#nav1 ul li a {border-right:1px solid #CCCCCC;}
/*#nav ul li a {padding:5px;}*/
#kn-podel,#vk, #mult, #prnt{display: none;}
#slogan {text-align:left;padding-left: 0;}
#spisok {display:inline;}
.next {margin:15px 0;overflow: hidden;}
}
@media screen and (max-width: 960px) {body {padding:0 0 0 5px;}
#prnt {display: none;}
.next {margin:15px 0;overflow: hidden;}
}	
@media screen and (max-width: 640px) {
h1 {font-size:140%;}
#slogan.f-left{padding-left:0;margin-left:0px;text-align:left; }
#slogan{font-size:90%;line-height:1;}
.none {display:none;}
}