html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}
/* clearfix */
.clearfix:after          { content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix                {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix         {height: 1%;}
.clearfix                {display: block;}
/* End hide from IE-mac */
body {
    background: #e7e7e7;  
	font-family : Arial, Verdana,Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
    text-align: left;
}

#page {
  background: #e7e7e7 url("../img/page/page_bgh.gif") repeat-y 50% 0;
  width: 824px;
  margin: 0px auto;
}
#container {
  width: 800px;
  margin: 0px auto;
}

/* Header with logo */
#header {
    width:800px;
	height: 138px;
	background-color:#FFFFFF;
	background: #ffffff url("../img/page/header.png") no-repeat;
}
/* Head tools*/
#head_tools {  float:right; margin: 115px 150px 0px 0px; }

/* Right col */
#side-right {
	float: right;
	width: 255px;
	min-height:400px;
	padding-top: 10px;
	padding-bottom: 50px;
}

/*  Footer background: url("../img/page/foott_bg.png") top left no-repeat;*/ 
#footer {
	width:824px;
	height: 60px;
	background: #e7e7e7 url("../img/page/foott_bg.gif") repeat-y 50% 0;
	margin: 0px auto;
	color: #6F6F6F;
	font-size:11px;
  }
#footer #design { float:left; margin:8px 0 0 20px;}
#footer #copyr  { float:right; margin:8px 20px 0px 0px;}
#footer a        { text-decoration:none; color:#6F6F6F;}
#footer a:hover,
#footer a:visited {text-decoration:none; color: #6F6F6F;}
/* ---------------------------------------------- */
img, fieldset {
	border: 0;
}

h2 {
	font-size : 16px;
	font-weight : bold;
	color : #003399;
}

p { margin-bottom: 6px;}
a , a:hover { text-decoration:none;}

/* MAIN NAVIGATION
------------------------------------------*/
#navigation {
  background: #FAFEFF url("../img/page/nav_bg.png") 0 0px repeat-x;
  width:100%;
  height: 45px;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#navigation ul, #sub_navigation span {margin-left: 20px; margin-top:0px;}
#navigation li {list-style: none;display: inline;}
#navigation a {
	background-position: 30px 13px !important;
	float: left;
	text-decoration: none;
	height: 40px;
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 40px;
}	
#navigation .selected a, #navigation a:hover {
	border-top: 4px solid #FF9B00;
	line-height: 40px;
	background-position: 30px 8px !important;
}
#navigation span {
  float: left;
  background: url("../img/page/nav_bg_s.gif") 0 3px no-repeat;
  width: 1px;
  height: 43px;
}
/* Sub-navigation bar */
#sub_navigation {
  background: #6FA9E6 url("../img/page/subnav_b.gif") top left repeat-x;
  border-bottom: 1px solid #093c7b; 
  font-weight:bold;
  width:100%;
  height: 30px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/* za IE 
 HTML #sub_navigation {
	HEIGHT: 1%
}css*/
#sub_navigation ul {float: left;list-style: none; margin-left:0px; margin-top:0px;}
#sub_navigation li {float: left;list-style: none;}
#sub_navigation a {
	background: url("../img/page/subnav_c.gif") right no-repeat;
	float: left;
	font-size: 11px;
	line-height: 10px;
	text-decoration: none;
	padding: 10px 5px 10px 5px;
	color: #000000;
}
#sub_navigation a:hover, #sub_navigation .selected a {
	background-color: #a9d2fb;
	color: #000000;
}
#sub_navigation .selected a {
	background-color: #a9d2fb;
	color: #000000;
}
#sub_navigation span {
  float: left;
  background: url("../img/page/subnav_c.gif") no-repeat;
  width: 1px;
  height: 30px;
}
#sub_navigation.flat {
  height: 5px;
  font-size: 1px;
  line-height: 5px;
  background: #65a2e2;
}

/* One col content------------------------------------------------------- */
/*background:url(men-win_bg.gif) bottom right no-repeat;*/
#widecontent { 
	float: left;
	width: 750px;
	padding: 10px 20px 20px 30px;
	min-height:400px;
}
/* Left  for two col------------------------------------------------------- */
#widecontent_l { 
	float: left;
	width: 515px;
	min-height:400px;
	padding: 10px 10px 10px 10px;
}

/* PAGE NAVIGATION */
/* ------------------------------------------------------*/
#pageNav {
  float: left;
  font: 11px Arial, Verdana,Helvetica, sans-serif;
  width: 730px;
  margin: 5px 0 0 10px;
  padding: 10px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
}
#pageNav span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #FFF;
  margin-bottom: 10px;
}
#pageNav a {
  background: #F8FBFC;
  color: #069;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E2EFF3;
}
#pageNav a:hover {
  border-color: #B7D7E1;
}
/* Head NAVIGATION breadcrump*/
/* ------------------------------------------------------*/
.box_outerhead {
  float: left;
  font: 11px Arial, Verdana,Helvetica, sans-serif;
  width: 100%;
  margin: 5px 0 5px 0;
  padding: 10px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: left;
}
.box_outerhead span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #FFF;
  margin-bottom: 10px;
}
.box_outerhead a {
  background: #F8FBFC;
  color: #069;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E2EFF3;
}
.box_outerhead a:hover {
  border-color: #B7D7E1;
}
/*   Таблица разписание */
/* ------------------------------------------------------*/
#shedule_block {
  margin: 2px;
  padding:0;
}
 /*line-height: 32px; */
#shedule_block h2 {
	color: #003399; 
	font: bold 14px;
	margin: 0px;
	text-align:left;
}
#shedule_block a {
 color: #003399;
 text-decoration:none;
 margin: 0px;
}
#shedule_block a:hover {
	color: #FF9900;
	text-decoration:none;
	margin: 0px;
}
#shedule_block .num {
    display: inline-block;
	width:50px; 
	height:32px;
    background:url('../img/page/num_bg.jpg') no-repeat top left ;
	color: #FFFFFF;
	text-align:center;
	line-height: 32px;
	margin: 0px 10px 0px 0px;
}

#shedule_block p {
	margin:2px 0 0 0;
}
#shedule_block ul {
text-align:right;
 margin: 0px;
}
#shedule_block li {
  margin:0px 16px 0px 0px;;
  list-style-type:none;
  list-style-image: none;
  display: inline;
}
.spirki {font: normal 12px; text-align:justify; margin:0px;
}

.tborder { border-top:#003399 solid 1px; }

table.timetable {
	font-size: 12px; color: #454545
}
table.timetable th { border: #ddd 1px solid; font-weight:bold; background:#f8f8f8; vertical-align:top; text-align:center; padding: 2px; }
table.timetable td { 
	border: #ddd 1px solid; padding: 2px; vertical-align: top; width:100%; }
/* Vid */
.hligh_1 {
	border: #d5a200 1px solid; padding: 0px ;  background: #fecb29; color: #8d6b00; 
}
.hligh_2 {
	border: #FF0000 1px solid; padding: 0px ;  background:  #FFCCCC; color: #FF0000; 
}
.hligh_3 {
	border:  #FFCC66  1px solid; padding: 0px ;  background:  #FFFFCC; color: #FF9966 ; 
}
.hligh_4 {
	border: #FF0000 1px solid; padding: 0px ;  background:  #FFCCCC; color: #FF0000; 
}

#shedule_block .spirki {font: normal 12px; text-align:justify;}
.bspirki {font: normal 12px ; text-align:justify;}
#podzagl {
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	margin: 8px 0 8px 0;
	color:#FF9900;
}
.razd {
clear:both;
border-bottom: dashed #003399 1px; margin: 2px 0 2px 0;
}

/*from old style ?????? */
.box_archive_selector {}
.box_innerhead{
	/* background-image:url(../img/page/box_innerhead.gif); */
	background-color: #f6f6f6; 
	padding:5px; 
	border-bottom: 1px solid #ccc; 
	font-weight:bold;
	position:relative
}
.absmiddle          {vertical-align:middle}
/* end from old style ?????? */
/* NEWSTICKER
---------------------------------------------------------- */
#news_block {
  text-align:left;
  margin-bottom: 10px;
  overflow: hidden;
}
/* za IE css
HTML #news_block {
	HEIGHT: 1%
}*/
#news_block h2 {
  color: #003399; 
  margin: 10px 0 10px 0;
  font: normal 14px;
  line-height: 23px;
}
#news_block h3{
  clear: right;
  font: italic 11px/21px Arial, Verdana,Helvetica, sans-serif;
  height: 21px;
  color: #999;
}
#news_block a{
	color: #003399;
	text-decoration:none;
	margin: 0px;
}
#news_block a:hover {
	color: #FF9900;
	text-decoration:none;
	margin: 0px;
}
.news_nav {
  clear:left;
  margin-left: 2px;
  overflow: auto;
  color: #467;
}
.news_nav li {
  list-style-type:none;
  list-style-image: none;
  display: inline;
  margin-right: 16px;
}
.news_img{
  float: left;
  margin: 2px 2px 0 5px;
  border:0;
  display: inline; /* fix IE double-float bug */
}
.bullet {
  font: bold 10px tahoma,arial,sans-serif;
}
/* SHOW NEWS
---------------------------------------------------------- */
.rnews_block {
  float: left;
  margin: 5px 24px 0 24px;
  line-height: 19px; /* 16px for 11px font */
  display: inline;
}
.rnews_block #tools { width:100%; text-align:right;  font: normal 11px/21px Arial,sans-serif; }
.rnews_block h2 { 
  color: #003399; 
  margin: 10px 0 15px 0;
  font: bold 14px;
  line-height: 23px;
 }
/* CONTACT FORM 
------------------------------------------------------*/
#contact_block {
  float: left;
  width: 450px;
  margin: 25px 24px 0 24px;
  line-height: 19px; /* 16px for 11px font */
  display: inline;
}
#contact_block h2 { 
  color: #003399; 
  margin: 10px 0 15px 0;
  font:14px;
  line-height: 23px;
 }

#contact_block p {
  margin: 0 0 14px 0;
}
#contact_block fieldset {
  margin: 20px 0;
  padding: 20px 16px;
  border-top: 1px solid #F3F3E2;
  border-bottom: 1px solid #F3F3E2;
}
#contact_block fieldset p.small {
  font-size: 11px;
  margin-top: 10px;
}
fieldset#mycs input {
  margin-left: 14px;
}
#contact .textbox {
  width: 200px;
}
#contact label {
  float: left;
  margin: 2px 0 10px 0;
  width: 90px;
  font-weight:bold;
}
.row {
  clear: left;
}
/* LAST NEWS FOR MAIN PAGE 
------------------------------------------*/
#mnews {
  height: 100%;
  padding: 4px;
  margin: 2px 0 0 0;
}
.activenewstab {
    clear:both;
	color: #FF9900;
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 16px;
	padding-left: 4px;
	border-left:#003399 solid 5px;
	text-transform:uppercase;
}

#mnews_block {
  text-align:left;
  padding: 4px;
}
/* za IE css*/
HTML #mnews_block {
	HEIGHT: 1%
}
#mnews_block h2 {
  margin: 0 0 10px 0;
  font: normal 14px Arial, Verdana,Helvetica, sans-serif;
  line-height: 23px;
  color: #003399; 
}
#mnews_block h2 a {
  color: #003399;
  font: bold 14px Arial, Verdana,Helvetica, sans-serif;
}
#mnews_block h2 a:hover {
	color: #FF9900;
	font: bold 14px Arial, Verdana,Helvetica, sans-serif;
}
#mnews_block a{
	color: #003399;
	text-decoration:none;
	margin: 0px;
}
#mnews_block a:hover {
	color: #FF9900;
	text-decoration:none;
	margin: 0px;
}
.rnav { float:right; }
.rnav a  { font: bold 12px Arial, Verdana,Helvetica, sans-serif; color: #003399;text-decoration: none;
}
.rnav a:hover { font: bold 12px Arial, Verdana,Helvetica, sans-serif; color: #ff9900;text-decoration: none;
}

/* WEATHER border:#FF0000 solid 1px;
--------------------------------------------------- */
#weather { width:249px; height:192px; background:url(../img/page/weat_bg.png)  bottom no-repeat; margin-top:20px; margin-right:6px;  }
#weather #icon {  top:0px; left: 0px; width:200px; height:144px; background-repeat:no-repeat;  }
#weather #icon h2 { float:right;  margin-top:70px;   font:bold 250% arial; color:#FFFFFF;   }
#weather #icon h3 { clear:both; margin-top:5px; float:right; font:bold 100% arial; color:#FFFFFF;  }


#r_box { margin-top: 20px;}
#r_box h3 { color: #003399; font-size:14px; font-weight:bold; margin: 15px 0 5px 0;}

/* news, topnews ticker OK
---------------------------------------------------------- */
#news { margin: 15px 0 15px 0; clear:both;}
#news #cat { float:left; width:100%; clear:both; background:#F2F2F2; border-bottom:#999999 solid 1px; border-top:#999999 solid 1px;}
#news #cat a { color: #333333; font-weight:bold;}
#news #rss { float:left; width:100%; height:24px;text-align:right; }
#news #block { width:100%;clear:both;}
#news #block h2 {font: bold 12px Arial, Verdana,Helvetica, sans-serif;color: #003399;margin: 4px 0 3px 0;clear: right;}
#news #block h3 {clear: right;font: normal 11px Arial, Verdana,Helvetica, sans-serif;color:#003399; margin-bottom:9px;}
#news #block  p { font: normal 12px Arial, Verdana,Helvetica, sans-serif; }
#news #block  a       {color: #003399;text-decoration:none;}
#news #block  a:hover {color: #ff9900;text-decoration:none;}
#news #block  .news_img{ float: left; margin:4px 4px 4px 0px;border:0;display: inline; /* fix IE double-float bug */}
#news #block .nav {clear:left; float:right;color: #467;}
#news #block .nav li {list-style-type:none;list-style-image: none;display: inline;}
#news .razd {clear:both; border-bottom: dashed #781f97 1px; padding:4px; }
/* news detail OK
---------------------------------------------------------- */
#news_d {margin: 15px 0 15px 0; clear:both;}
#news_d #tools { text-align:right;}
#news_d h2 { margin: 10px 0 15px 0; font: bold 14px Arial, Verdana,Helvetica, sans-serif;color: #003399;}
#news_d h3 { margin: 5px 0 15px 0;   font: normal 12px Arial, Verdana,Helvetica, sans-serif;color: #003399;}
#news_d #text_box { font-size:12px;}
#news_d p {text-align:justify;}
#news_d #p_nav {
  clear:both; 
  border-top:#D7D7D7 solid 1px;border-bottom:#D7D7D7 solid 1px;
  margin: 5px 0 5px 0;
  padding:4px;
  text-align:center;
 }  
#news_d #datetime { clear:both; margin: 15px 0 15px 0; text-align:right;  font: bold 11px Arial, Verdana,Helvetica, sans-serif;}   
#news_d #linked { }
#news_d #linked h2 {margin: 10px 0 15px 0; font: bold 14px Arial, Verdana,Helvetica, sans-serif;color: #003399; }
/* news and article selector
---------------------------------------------------------- */
#msel { font-size:11px;}
#msel form.selector{ background: #F2F2F2; padding: 5px 0 0 0; clear: both; }
#msel form.selector label{ float: left; width: 120px; margin: 0 10px 7px 15px; font-weight: bold; color: #47443E; }
#msel form.selector select{ float: left; margin: 0 0 7px 0; border: 1px inset #E4E4E4;width: 220px; font-size:11px;}
#msel form.selector fieldset input{ float: left; width: 220px; margin: 0 0 7px 0; border: 1px inset #E4E4E4; }
#msel form.selector div{  padding: 5px 0 5px 0; }
div.selector { border: 0; padding: 0; height: 2px; width: 100%; font-size: 1px; position: relative; bottom: 1px; }
#msel form.selector fieldset{ padding: 0 0 5px 0; }
#msel form.selector div.submit{ border:0;   }
#msel form.selector div.submit input{ float: right; width:65px; height:22px;  border:0; margin-right:20px;}

.rrow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.rrow{display: inline-block;}
/* Hides from IE-mac \*/
* html .rrow{height: 1%;}
.rrow{display: block;}