body { margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; background-color: #005859; font-size: 13px; color: #010100; }

/* common elements */
a { color: #476a78; }
a:hover { color: #ad4b84; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

h1 { color: #02595b; font-size: 22px; font-weight: bold; margin: 0px; text-align: left; margin-bottom: 15px; }
h2 { color: #ffffff; font-size: 18px; margin-top: 12px; margin-bottom: 12px; background: url( images/nazva_fon.jpg ) right top repeat-y; padding: 4px 32px 5px 32px; text-align: justify; background-color: #005859; }
h2 a { color: #ffffff; }
h2.h1 {  }
h3 { color: #000000; padding-top: 2px; font-size: 16px; font-weight: bold; text-align: justify; }

img { border: none; }

table, td, th { border-collapse: collapse; border: 1px solid #000000; }
th { text-align: center; padding: 5px; background-color: #ffffff; }
td {	padding: 5px; vertical-align: top; background-color: #ffffff; }

form { padding: 0px; margin: 0px; }

input.text, textarea { border: 1px solid #000000; padding: 5px 2px 5px 2px; font-size: 13px; background-color: #ffffff; text-align: justify; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
textarea.visual { width: 90%; }
select { border: 1px solid #000000; background-color: #ffffff; }
.button { background: url( images/btn.jpg ) repeat; height: 28px; border: 0px solid; border-left: 1px solid #ffffff; border-right: 1px solid #010100; color: #010100; font-size: 12px; font-weight: bold; padding-bottom: 5px; }
*+html .button { padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
.button:hover { color: #ad4b84; }
a.button { display: block; background: url( images/btn.jpg ) repeat; text-align: center; padding-top: 6px; height: 18px; text-decoration: underline; border: 0px solid; color: #010100; font-size: 12px; font-weight: bold; padding-bottom: 4px; }

/* usefull classes */
table.invisible, .invisible table, .invisible tbody, .invisible tr, .invisible th, .invisible td { border: 0px solid; padding-left: 0px; background: none; }
.invisible th { text-align: left; }
.invisible td { padding-right: 10px; vertical-align: middle; }

.attention { color: #ff0000; font-weight: bold; }
.report { color: #00aa00; font-weight: bold; }
.error { color: #ff0000; font-weight: bold; }

.fleft { float: left; }
.fright { float: right; }
.fright2 { float: right; margin-left: 20px; margin-bottom: 20px; }
.float_group { float: left; width: 100%; }

.checklist li { background: none; padding-left: 0; list-style-image: none; }
.checklist { border: 1px solid #ccc; list-style: none; overflow: auto; height: 180px; width: 400px; }
.checklist, .checklist li { margin-left: 0; padding: 0; }
.checklist ul { list-style: none; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html .checklist label { height: 1%; }
* html .checklist li { padding-left: 10px; }

.date { font-weight: bold; font-size: 10px; color: #010100; }
.author { color: #005859; }
.comment { font-family: Times New Roman, Times, Georgia, serif; }
.pages { margin-top: 10px; }

hr.hr2 { margin-top: 30px; }

/* visual editor */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bold_italic { font-weight: bold; font-style: italic; }
.through { text-decoration: line-through; }
.red { color: #ff0000; }
.quo { font-style: italic; color: #001000; font-size: 90%; padding-left: 20px; }
img.smiles_btn { float: none; margin-left: 7px; position: relative; top: 5px; }

a.auth_invis { text-decoration: none; border-bottom: 1px dashed #ffffff; }
a.auth_invis:hover { text-decoration: none; border-bottom: 1px dashed #dbd773; color: #dbd773; }
a.auth_vis { text-decoration: none; border-bottom: 1px dashed #ffffff; }
a.auth_vis:hover { text-decoration: none; border-bottom: 1px dashed #dbd773; color: #dbd773; }
.div_invis { display: none; }
.div_vis { display: block; }

/*  tooltips */

#tooltip {
	position: absolute;
	z-index: 3000;
	width: 200px;
	border: 1px dashed #1a232a;
	background-color: #dddc9c;
	padding: 5px;
	color: #377000;
	font-size: 11px;
}
#tooltip h3 {
  background-color: #dddc9c;
  padding-left:5px;
  font-weight:normal;
  font-size:12px;
}
#tooltip div {
  padding-left:5px;
  padding-right:5px;
}

sup.tt { text-decoration: underline; color: #476a78; font-size: 14px; font-weight: bold; }

/* copyright of raznomir */
.copyr { text-align: right; font-size: 10px; margin-top: 178px; padding-right: 6px; padding-top: 1px; padding-bottom: 6px; }
.copyr a { text-decoration: none; color: #ffffff; }
.copyr a:hover { text-decoration: underline; }


/* pattern usual */
.top1 { background: url( images/top1f.jpg ) repeat-x; height: 198px; }
.top1_1 { background: url( images/top1_1.jpg ) left top no-repeat; height: 198px; }
input.poshuk_pole { width: 140px; float: left; }
form.poshuk { display: block; float: right; margin-top: 77px; margin-right: 12px; }
.keywords { clear: right; float: right; width: 206px; height: 80px; overflow: hidden; margin-right: 12px; color: #010100; text-align: right; }

.top1_2 { background: url( images/top1_2.jpg ) right top no-repeat; height: 198px; }
.top1_2 img { margin-top: 34px; float: left; margin-left: 16px; }
.slogan { margin-top: 70px; font-size: 13px; font-weight: bold; color: #005859; text-decoration: none; font-style: italic; float: left; }
.st_1 { position: relative; left: -41px; margin-bottom: 5px; }
.st_2 { position: relative; left: -51px; margin-bottom: 5px; }
.st_3 { position: relative; left: -61px; }

.central { margin-right: 225px; background-color: #faf6e5; }
.central1 { background: url( images/top2f.jpg ) left top repeat-x; }
.central1_l { background: url( images/top2_1.jpg ) left top no-repeat; }
.central1_r { background: url( images/top2_2.jpg ) right top no-repeat; padding-left: 36px; padding-right: 36px; }

.pustoj { height: 55px; width: 360px; float: right; }

.putj { padding-bottom: 8px; text-align: left; color: #476a78; }

.menu_r { float: right; width: 225px; background: url( images/menu_r.jpg ) top center no-repeat; }

.login { float: right; width: 200px; margin: 72px 12px 25px 0px; text-align: left; color: #ffffff; font-size: 12px; font-weight: bold; }
.login a { color: #ffffff; }
.login a:hover { color: #dbd773; }
.login a.button { color: #010100; }
.login a.button:hover { color: #ad4b84; }
.login input.text { width: 133px; }
.login th, .login td { padding-top: 2px; padding-bottom: 2px; }
.zabili_vhod { margin-top: 7px; height: 28px; }
.zabili_vhod a { margin-top: 5px; color: #f9edd4; font-size: 12px; text-align: left; }
.zabili_vhod a:hover { text-decoration: underline; color: #dbd773; }
input.btn2 { float: right; width: 72px; margin-left: 5px; border: 0px solid; }
a.btn_user { float: right; width: 140px; margin-bottom: 10px; }

.right { background-color: #005859; float: right; width: 220px; margin-top: 0px; padding-right: 5px; text-align: left; color: #ffffff; font-size: 12px; font-weight: bold; }
.right a { color: #ffffff; text-decoration: underline; }
.right a:hover { color: #dbd773; }

.right_title { background: url( images/news.png ) top left no-repeat; width: 199px; height: 53px; padding-left: 26px; color: #005859; padding-top: 2px; font-size: 18px; margin-top: 17px; font-weight: bold; }
*+html .right_title { width: 194px; }
.right_title a { color: #005859; }
.right_title a:hover { color: #ad4b84; }
.right_txt { margin-left: 11px; margin-top: 17px; }
.right_menu a { display: block; margin-top: 17px; }

.kusok_fona { background: url( images/menu_rb.jpg ) bottom right no-repeat; width: 225px; height: 52px; float: right; position: relative; top: -52px; }

.footer1 { background: url( images/footer_c.jpg ) repeat-x; height: 146px; }
.footer1_top { margin-right: 225px; background: url( images/content_br.png ) bottom right no-repeat; height: 55px; padding-right: 54px; }
.footer1_top img { margin-left: 57px; margin-top: 17px; float: left; }
.footer1_top1 { background-color: #faf6e5; height: 55px; }
.footer1_1 { background: url( images/footer_l.jpg ) left top no-repeat; height: 146px; }
.footer1_2 { background: url( images/footer_r.jpg ) right top no-repeat; height: 146px; }
.footer_txt { color: #ffffff; margin-left: 188px; margin-top: 17px; font-size: 12px; }
.footer_txt a { color: #ffffff; text-decoration: none; }
.footer_txt a:hover { text-decoration: underline; color: #dbd773; }


/*page index*/
.obuchenie { padding-bottom: 5px; }
.sposob { float: left; width: 269px; margin-right: 10px; background: url( images/provoda.png ) bottom left no-repeat; text-align: left; }
.sposob span { color: #006666; font-weight: bold; }
a.chemu { text-decoration: none; color: #000000; }
a.chemu:hover { text-decoration: underline; color: #ad4b84; }
a.btn3 { width: 141px; margin-top: 10px; }
*+html a.btn3 { height: 23px; }
a.btn3:hover { text-decoration: underline; }
.est { font-size: 10px; }

/* hacks for crossbrousers */
* html .class {  /*IE6*/ }
*+html .class {  /*IE7*/ }
@media all and (min-width: 0px) { .class {  /*Opera*/ } }
body:first-of-type .class {  /*Safari*/ }
