body {margin: 0; padding: 0;}

/*********** ÎÁÙÈÅ ÝËÅÌÅÍÒÛ ***********/
a {color: #368;}
a:hover {text-decoration: none;}
body, td, input, textarea, select, option {font: 12px Tahoma, Arial;}
form, ul, li, img {margin: 0; padding: 0; list-style: none; border: 0;}
hr {color: #ddd; background: #ddd; height: 1px; border: 0;}
p {margin-bottom: 7px;}
small {color: #777;}
li {margin: 0 0 4px;}

.center li {list-style: disc; margin: 0 15px 3px;}
.center li.sub {margin-left: 30px;}


.left li.sub {background: url(images/li.gif) no-repeat 5px 6px; padding-left: 13px;}

.pages {margin: 10px 0;}
.error {color: #b00; font: bold 11px Tahoma, Arial;}
.mess {font: bold 12px Tahoma, Arial;}
.back {text-align: center; margin: 10px 0 0;}
.date {color: #900; font: 10px Tahoma, Arial;}
.more {text-align: right;}
.star {font: 10px Tahoma, Arial; color: #900;}
.way {padding: 3px 0 5px;}
.pic {border: 1px solid #000;}

/*********** ÑÒÐÓÊÒÓÐÀ ÑÀÉÒÀ ***********/
.header {height: 200px; padding: 5px 0 0; background: url(images/top-line.gif) no-repeat 0 195px; }
.left, .right {width: 23%; padding: 7px;}
.center {padding: 7px 20px 20px; border-left: 1px solid #ddd;}
.footer {height: 50px; padding: 12px 10px 5px; background: url(images/line-bg2.gif) repeat-x;}

/*********** ÁËÎÊÈ ***********/
.blocktitle {
	font: 18px Arial, Tahoma;
	color: #888;
}
.block {padding: 3px 6px 7px;}

/*********** ÇÀÃÎËÎÂÊÈ ***********/
h1 {
	font: 18px Arial, Tahoma;
	color: #500;
}
h2 {
	font: bold 13px Arial, Tahoma;
	color: #500;
	margin: 5px 0 0;
}
h3 {
	font: bold 12px Arial, Tahoma;
	margin: 5px 0 0;
}
.smalltitle {font-weight: bold; margin: 0 0 5px;}

/*********** ÌÅÍÞ ***********/
td.menu {color: #777; font: 14px Tahoma, Arial; text-align: center; height: 45px; padding: 0 0 12px;}
td.menu a {color: #555; font: bold 11px Tahoma, Arial; text-transform: uppercase; text-decoration: none; margin: 0 18px;}
td.menu a:hover {color: #c71313;}

ul.menu li a {text-decoration: none; font: bold 11px Arial; text-transform: uppercase;}
ul.menu li a:hover, ul.menu li.sub a:hover {text-decoration: underline;}
ul.menu li.sub a {text-decoration: none; font: 12px Arial; color: #777; text-transform: none;}

/*********** ÑÒÈËÈ ÒÀÁËÈÖ C ÔÎÐÌÎÉ ***********/
.tab {border: 1px solid #ddd;}
.tab td {padding: 1px 3px;}
.tab tr.tabtitle td {
	font: bold 12px Arial;
	background: #eee;
	padding: 5px 3px;
	color: #500;
}

/*********** ÌÅÍÞ 2 ***********/
#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav li {
  float: left;
  position: relative;
  margin: 0 32px;
}
#nav li li {
  margin: 0 ;
}

#nav a {
  color: #555;
  text-decoration: none;
  display: block;
  font: bold 11px Verdana, Arial;
  text-transform: uppercase;

}
#nav a:hover {
  color: #c71313;
}
#nav li li a:hover {
  background: #efefef;
}

#nav li ul {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  width: 90px;

}
#nav li li a {
  border-bottom: 1px solid #ccc;
  padding: 3px 6px;
  background: #fff;
  font: 12px Tahoma, Arial;
  text-transform: none;
  color: #000;
  width: 90px;
}

#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 138px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
splay: none;
  width: 138px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;