BODY {FONT-FAMILY: Arial; background: #FFFFFF
}

A:link {COLOR: #cd0000; TEXT-DECORATION: underline}
A:visited {COLOR: #cc0000; TEXT-DECORATION: underline}
A:active {COLOR: #660000; TEXT-DECORATION: underline}
A:hover {COLOR: #660000; TEXT-DECORATION: none}
H3 {font-weight : bold; font-size : 120%;}
input, textarea {font-family: Arial; font-size: 80%; text-decoration: none; color: #000000; cursor: default; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #9ABDE6;}

UL {
   list-style: square inside; border: 0px solid #9ABDE6;
	margin: 0px;
	padding: 0px;
            width: 97%;
list-style-image: url(bullet.png);

 /* Маркеры размещаются в пределах текстового блока */
   }

HR {
     border: none; /* Убираем границу для браузера Firefox */
     color: #d6e3f3; /* Цвет линии для браузера Internet Explorer */
     background-color:#d6e3f3; /* Цвет линии для браузера Firefox и Opera */
     height: 1px; /* Толщина линии */
    }

A.about_menu {TEXT-DECORATION: none}
A.about_menu:hover {COLOR: #996600}
A.topiclink {COLOR: #000000; TEXT-DECORATION: none}
A.pathlink {COLOR: #666666; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.pagesLine {COLOR: #006600}
A.menu {COLOR: #666666; TEXT-DECORATION: none}
A.menu:hover {COLOR: #009900; TEXT-DECORATION: none}

.small {FONT-SIZE: 12px;}
.smallest {FONT-SIZE: 10px;}
.norma {FONT-SIZE: 13px;}
.sredn {FONT-SIZE: 14px;}
.big {font-weight: bold; font-size : 80%; color: #ffffff; }
.pgbutt {font-weight: bold; font-size : 80%; }
.sel {font-weight: bold; font-size : 120%; color: #003300; }

TD.about_menu_title {FONT-SIZE: 12px}
TD.about_menu_item {FONT-SIZE: 11px}
TD.about_content {FONT-SIZE: 12px}
TD.item_title {COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold}
TD.item_text {COLOR: #000000; FONT-SIZE: 11px}
TD.formError {COLOR: #ff0000; FONT-SIZE: 11px}
TD.pagesLine {FONT-SIZE: 10px}
TD.filterForm {FONT-SIZE: 11px}
TD.menu {FONT-SIZE: 11px; FONT-WEIGHT: bold }

.border {margin:3px;width:170px;}
.border,.ba,.bb,.bc,.bd,.be,.bg {display:block;overflow:hidden;font-size:1px;}
.ba {background:#d6e3f3;margin:0 5px;}
.ba,.bb,.bc,.be,.bd {height:1px;}
.bb,.bc,.bd,.bf,.bg {background:#ecf1f7;border: #d6e3f3 solid;}
.bb {border-width:0 2px;margin:0 3px;}
.bc {margin:0 2px;}
.bc,.bd,.bf {border-width:0 1px;}
.bd {margin:0 1px;}

.slovo {color:#666;font:bold 10px arial,georgia;padding:3px 0 3px 6px;
}
.slovo1 {FONT-SIZE: 10pt; BACKGROUND: #616D78; FONT-WEIGHT: bold; COLOR: #fff; BORDER: #fff 0px solid;
}
.slovo2 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #d6e3f3; MARGIN: 0px; BORDER: #fff 0px solid;
}
.slovo3 {BACKGROUND: #ecf1f7; FONT-SIZE: 13px; MARGIN: 0px; BORDER: #d6e3f3 1px solid; padding:3px
}
.slovo4 {color:#666;font:bold 10px arial,georgia;padding:3px 0 3px 6px; 
}
.slovo5 {font:11px arial,georgia;padding:3px 0 3px 6px;
}
.slovo6 {font:13px arial,georgia;padding:8px 8px 8px 8px;
}
.slo {color:#666;font:bold 0px arial,georgia;padding:0px 0 0px 0px; MARGIN: 0px;
}
.foto {FONT-SIZE: 10pt; MARGIN: 0px; BORDER: #d6e3f3 1px solid; cellspacing: 0; background-image: url(maifon.png); 
}

.oboy {FONT-SIZE: 10pt; MARGIN: 0px; BORDER: #d6e3f3 0px solid; cellspacing: 0; background-image: url(fon.png); 
}


.blk {margin:3px;width:97%;hidh:98%;}
.blk,.bal,.bbl,.bcl,.bdl,.bel,.bgl {display:block;overflow:hidden;font-size:1px;}
.bal {background:#d6e3f3;margin:0 5px;}
.bal,.bbl,.bcl,.bel,.bdl {height:1px;}
.bbl,.bcl,.bdl,.bfl,.bgl {background:#fff;border: #d6e3f3 solid;}
.bbl {border-width:0 2px;margin:0 3px;}
.bcl {margin:0 2px;}
.bcl,.bdl,.bfl {border-width:0 1px;}
.bdl {margin:0 1px;}
.bgl {background:red;border-width:2px;height:7px;}




.menu {BACKGROUND: #ecf1f7; FONT-SIZE: 13px; BORDER: #d6e3f3 1px solid;
	margin: 2px;
	padding: 1px;
}

.leftblok { /* колонка меню слева */
text-align:center;
width: 220px;
vertical-align: top;
}

.box0 {BACKGROUND: #ecf1f7; FONT-SIZE: 13px; BORDER: #d6e3f3 1px solid;
	margin: 1px;
	padding: 1px;
}
.box1 {FONT-SIZE: 10pt; MARGIN: 0px; BORDER: #fff 0px solid; cellspacing: 5
}
.box2 {FONT-SIZE: 10pt; MARGIN: 0px; BORDER: #d6e3f3 1px solid; cellspacing: 2
}
.box3 {FONT-SIZE: 10pt; BACKGROUND: #ffffff;  BORDER: #9ABDE6 0px solid;
}
.box4 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #d6e3f3; MARGIN: 0px; BORDER: #fff 0px solid;
}
.box5 {FONT-SIZE: 6px; BACKGROUND: #ecf1f7; MARGIN: 5px; BORDER: #d6e3f3 1px solid;
}
.box6 {FONT-SIZE: 10pt; MARGIN: 0px; BORDER: #d6e3f3 1px solid; cellspacing: 2; BACKGROUND: #ffffff; onmouseover:BACKGROUND: #d6e3f3; onmouseout:BACKGROUND: #ecf1f7;
}
.borderwrap H3 {FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND: #666666; BORDER: #fff 1px solid;
}
.maintitle {FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND: #666666; BORDER: #fff 1px solid;
}
.box7 {FONT-WEIGHT: FONT-SIZE: 8pt; BACKGROUND: #d6e3f3; MARGIN: 0px; BORDER: #fff 0px solid;
}
 

.ti {I-INDEX: 0; MARGIN: 0px 0px 0px; POSITION: relative 
}
.ti B {FONT-WEIGHT: normal; CURSOR: help; COLOR: #cd0000; BORDER-BOTTOM: #cd0000 0px dotted 
}
.ti B SPAN {DISPLAY: none
}
.ti B:hover {COLOR: #660000 
}
.ti B:hover SPAN { DISPLAY: block;  I-INDEX: 0; COLOR: #000; TOP: 0px;
}
.ti STRONG {
FONT-WEIGHT: normal; }



.tt {Z-INDEX: 5; MARGIN: 1px 0px 0px; POSITION: relative
}
.tt B {FONT-WEIGHT: normal; CURSOR: help; COLOR: #cd0000; BORDER-BOTTOM: #cd0000 0px dotted
}
.tt B SPAN {DISPLAY: none
}
.tt B:hover {COLOR: #660000
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  -moz-opacity: 0.85;  -khtml-opacity: 0.85;  opacity: 0.85;
}
.tt B:hover SPAN { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); BORDER:#d6e3f3 1px solid; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; Z-INDEX: 10; BACKGROUND: #ecf1f7; LEFT: 190px; PADDING-BOTTOM: 7px; WIDTH: 370px; COLOR: #000; PADDING-TOP: 7px; POSITION: absolute; TOP: -1px; TEXT-ALIGN: left
}
.tt STRONG {FONT-WEIGHT: normal; COLOR: #a00; BACKGROUND-COLOR: #9ff
}


.tp {Z-INDEX: 5; POSITION: relative
}
.tp B {	FONT-WEIGHT: normal; CURSOR: help; COLOR: #cd0000; TEXT-INDENT: 10px
}
.tp B SPAN {	DISPLAY: none 
}
.tp B:hover {	COLOR: #660000
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  -moz-opacity: 0.85;  -khtml-opacity: 0.85;  opacity: 0.85;

}  /* Цвет активной ссылки */
.tp B:hover SPAN { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); FONT-SIZE: 13px; BORDER:#d6e3f3 1px solid; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; Z-INDEX: 10; BACKGROUND: #d6e3f3; LEFT: 150px; PADDING-BOTTOM: 7px; WIDTH: 550px; COLOR: #000; PADDING-TOP: 7px; POSITION: absolute; TOP: -30px; TEXT-ALIGN: left
}
.tp STRONG {FONT-WEIGHT: normal; COLOR: #a00; BACKGROUND-COLOR: #9ff
}

.tz {Z-INDEX: 5; MARGIN: 1px 0px 0px; POSITION: relative
}
.tz B {FONT-WEIGHT: normal; CURSOR: help; COLOR: #cd0000; BORDER-BOTTOM: #cd0000 0px dotted
}
.tz B SPAN {DISPLAY: none
}
.tz B:hover {COLOR: #660000
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  -moz-opacity: 0.85;  -khtml-opacity: 0.85;  opacity: 0.85;
}
.tz B:hover SPAN { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); BORDER:#d6e3f3 1px solid; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; Z-INDEX: 10; BACKGROUND: #ecf1f7; LEFT: 190px; PADDING-BOTTOM: 7px; WIDTH: 470px; COLOR: #000; PADDING-TOP: 7px; POSITION: absolute; TOP: -1px; TEXT-ALIGN: left
}
.tz STRONG {FONT-WEIGHT: normal; COLOR: #a00; BACKGROUND-COLOR: #9ff
}

.tm {Z-INDEX: 5; MARGIN: 1px 0px 0px; POSITION: relative 
}
.tm B {FONT-WEIGHT: normal; CURSOR: help; COLOR: #cd0000; BORDER-BOTTOM: #cd0000 0px dotted 
}
.tm B SPAN {DISPLAY: none

}
.tm B:hover {COLOR: #660000
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;

}
.tm B:hover SPAN { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); BORDER:#d6e3f3 1px solid; PADDING-RIGHT:1px; DISPLAY: block; PADDING-LEFT:1px;  PADDING-BOTTOM:5px;  PADDING-TOP:2px;   Z-INDEX: 10; BACKGROUND: #ecf1f7; LEFT: 1px; WIDTH: 200px; COLOR: #000; POSITION: absolute; TOP: -1px; TEXT-ALIGN: left
}
.tm STRONG {FONT-WEIGHT: normal; COLOR: #a00; BACKGROUND-COLOR: #9ff
}



#path {FONT-SIZE: 11px}
#imgZoom {COLOR: #000000; TEXT-DECORATION: none}
#imgZoom:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
#copyright {FONT-SIZE: 10px; font-color: #666666}


.blrasd {
    text-align: left;
    margin: 1;
    width: 99%;
}

.blrasd .yachraz {
    text-align: center;
    float: left;
    color: #424242;
    font-size: 90%;
    height: 380px;
    width: 200px;
    margin: 7px;
    padding: 7px 5px 1px 5px;
    text-decoration: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #979a9d;
    outline: none;
}


.avatar /* аватар пользователя */
{ 
    border: none;
    margin: 0px;
    width:135px;
    height:168px;
    cursor: pointer;
}


@media screen and (max-width: 768px) {

.leftblok { /* колонка меню слева */
text-align:center;
width: 100px;
vertical-align: top;
}	

.blrasd .yachraz {
    text-align: center;
    float: left;
    color: #424242;
    font-size: 100%;
    width: 99%;
    height: 100%;
    margin: 1px;
    padding: 1px 1px 1px 1px;
    border-style: none;
    text-decoration: none;
    outline: none;
}

.avatar /* аватар пользователя */
{ 
    border: none;
    margin: 0px;
    width:70px;
    height:100px;
    cursor: pointer;
}
	
}