* {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, Helvetica, arial, serif; text-align:center;max-width: 1060px;margin:0 auto;}
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";font-weight:normal;}
h2 {margin:5px 0 7px 0;}
h1{font-size:180%;color:#666666;margin:1em 0 .5em .7em;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;}
#logo  a:hover {text-decoration:underline;border-bottom:1px solid #636563;}
span#logo a:{color:#666666;}
span#logo a:hover{color:#636563;border-bottom:1px solid #636563;text-decoration:none;}
@media screen and (min-width: 1200px) {
span#logo {font-size:180%; font-weight:normal;font-family: "DS Greece","Cassandra","University","Lucida Calligraphy","Times New Roman";}
}
span#logo a:{color:#666666;}
@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%; }
b15 {font-size:170%; font-family: "Lucida Calligraphy","Times New Roman";}
td{vertical-align:top}
a h3 {border-bottom:1px solid #DFDFDF; }
p, table, ul, ol, dl, fieldset {margin:15px 0;}
.ezo p:first-letter {font-size: 180%;color: #666666;font-family: "Lucida Calligraphy","Times New Roman";//margin-left: .2em;}
.ezo p {margin-left: .5em; padding-left: 1em; background:#FFF;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px; //border: 1px solid #ccc;}
.ezo p {border: 1px solid #ccc\0/;}
.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 h2 {margin:1em 0 0 0;padding-left: .3em;}
.ezo .n p {margin-left: .5em; padding-left: 1em;vertical-align: none;background: #fafafa;box-shadow:none;//border:none;
border:none\0/;}
.n {margin-left: 1.7em; padding-left: 1em;vertical-align: none;background: #fafafa;box-shadow:none;//border:none;
border:none\0/;}
.n p:first-letter {font-size: 180%;color: #666666;font-family: "Lucida Calligraphy","Times New Roman";}
.ezo td {vertical-align:top;}
.ezo2 {margin-left:.7em;margin-bottom:1em; padding-left: 1.2em; background:#FFF;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);border-radius: 7px;overflow: hidden;//border: 1px solid #ccc;}
.ezo2 p:first-letter{font-size:170%;color:#666666;font-family:"Lucida Calligraphy","Times New Roman";}
.column2 {  -webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2;
box-shadow: -0.4em 0.4em 5px #CCCCCC; 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;
margin:15px; padding:10px 5px 10px 15px;}
ul .column2{padding-left:45px; }
#topstory h1 {padding-bottom:1em; background: url(pic/7png.png) no-repeat;background-position: bottom;text-align:center;}
.next {margin:15px 0;}
.next a {text-align:center;font-weight: bold;border: 1px solid #ccc;padding:10px;margin:3px;}
.next a:hover {background: #EEEEEE;border: 1px solid #999999;}
.next a:active {background: #CCCCCC;color:#000000;border: 1px solid #666666;}
a.next2 {background: #EEEEEE;font-size:150%;font-weight: normal;color: #000;border: 2px 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/;}
.ezo h1{margin:1em 0 .5em .8em;}
.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;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}
ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
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: #fafafa 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;}
.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 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%;}
.dot { text-decoration: none; border-bottom: 1px dashed #3333FF;}	
#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;}
#nav{clear:both;padding:4px 0 0 0;border-left:0 !important;border-right:0 !important;background:url(../design/button_grey-v.gif) repeat-x;border-radius:7px;}
#nav ul{margin:0;padding:0;list-style:none;}
#nav ul li{display:inline;margin:0;padding:0;}
#nav ul li a{display:block;float:left;padding:5px 15px;border-right:1px solid #CCCCCC;border-radius:7px;font-size:105%;}
#nav ul li#nav-active a {border:0; font-weight:bold;}	
#nav ul li a:hover{color:#000000;background:url(../design/button_grey-n.jpg) repeat-x;border:1px solid #ccc;text-decoration:none;}
#nav li a:active { text-decoration: none; color: #FF0000; background: #fff url(../design/button_grey1.gif) repeat-x; }
#nav li a :visited { color: #3333FF; }
#nav ul li a.najato{color:#000000;background:url(../design/button_grey-n.jpg) repeat-x;border:1px solid #ccc;}
#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 auto;background:#EAEDF2;}
#content a:hover { color: #333333; text-decoration: underline; }
#content a:active { color: #000099; text-decoration: underline; }
#footer {clear:both;}
#footer1 {clear:both;}
#footer1  a:visited { color: #3333FF; } 	
#vverh {opacity: 0.6;}
#vverh button{//border:0px;//border-color: none;}
#vverh:hover {opacity: 1;}
#spisok {display:none;}
#prnt{//float:right;//display:inline-block;padding:0px;margin:0px;text-align:right; //width:60px;//height:39px;}
p.bukv:first-letter{font-size:120%;}
#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{}
#rn1{}
img {max-width: 100%;max-height:auto ;border:0;}
img p {border:0;}
.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;}

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;color: #333333;}
ul.ul-list li.akt { color: #333333; }
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;  }
.hx-style01 h4 span {margin-left:15px; padding:0 5px; color:#666666;background: #fafafa}
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%; }
.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-left:.7em;text-align:center; }
#rn { margin:10px 0px 10px 1px;text-align:left;float:left;text-align:left\0/;}
#rn { width: 320px; height: 100px; margin:10px 0px 10px 1px;text-align:left;float:left;text-align:left\0/;}
#rvf-right {max-width:320px !important; }
@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;}
.ezo .n p {margin-left: .7em; padding-left: 1em;}
}	
@media screen and (max-width: 640px) {
body {line-height:1.4;} 
span#logo {font-size:150%; font-weight:normal;margin-bottom:0;}
#nav ul li a{width: 46%;  text-decoration: none;border:1px solid #CCC;}
#prnt {display: none;}
#topstory {width: 100%;}
.ezo .n p {margin-left: .3em; padding-left: 1em;}
.ezo table{margin-left:.1em;padding-left:0em;}
.n  {margin-left: 0em; padding-left: 1.2em;}
.ezo2 {margin-left: .2em; padding-left: .3em;}
#rv { margin-left: .2em; }
#rek-kont  {display:none;}
#rv {float:right !important;}
.column2 { margin:15px 15px 15px 7px;}
}
@media screen and (max-width: 800px) {
body {margin:0 auto;padding:0 1% 0 1%;} 
span#logo {font-size:170%; font-weight:normal;margin-bottom:0;}
#main {width:100%; margin:0 auto; text-align:left; }
#content {position:relative; overflow:hidden; width: 100%;}
#topstory {position:relative;float:left; margin:0 auto;width: 100%;}
#aside {position:relative;margin:0 auto;width: 100%;} 
#nav ul li a {border-right:1px solid #CCCCCC;padding:5px;}
#nav1 ul li a {border-right:1px solid #CCCCCC;padding:5px;} 
#nav ul li a {padding:5px;}
#nav .najato {background: url(../design/button_grey.jpg) no-repeat; display:block; float:left; padding:5px auto; color: #000000; }		
#rb, #rb1, #vk, #mult, #prnt, #kn-podel {display:none;}
#slogan {text-align:left;}
#spisok {display:inline;}
}
@media screen and (max-width: 960px) {
body {padding:0 1%;margin:0 auto;}
#prnt {display: none;}
}
@media screen and (max-width: 640px) {
span#logo {font-size:130%;}
h1 {font-size:140%;}
}