body, html
{
background-color:#D2DAEA;
font-family : serif;
font-size : 18px;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1%;
padding-right: 1%;
text-align: center;  /* чтобы старый инет-5 отображал блок по центру */
}

.TPage {
min-height:90%;
min-width: 450px;  /* отвечает за минимальное окно экрана */
width:expression(
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 450
?
"450"
:
"auto"
)
:
(
document.body.clientWidth < 450
?
"450"
:
"auto"
)
); /* Хак - отвечает за то, чтобы в старых браузерах при мин.ширине экрана блоки не смещались */
text-align: left; /* чтобы старый инет-5 отображал текст слева */
margin: 0 auto;}

* html TPage{
height:100%;
}

.THead {
background-image: url(img4/Shapka-15.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
display: block;
overflow : auto;
position: relative;
height: 200px;
width: 100% center;
}

.M{
height: 40px;
background-color:#71A9F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#menu {
	width: 980px;
	height: 60px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 43px;
	padding: 10px 20px 0 20px;
	background: url(images/img2.gif) no-repeat;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 1.8em;
	color: #F8F6F7;
}

#menu a:hover {
	color: #000000;
}

#menu .active a {
	background-color: #738197;
	color: #FFFFFF;
}



.A{

}


.Menu {
width:16%;
float:left; /* он прижимается влево, а все остальные блоки обтекают его справа */
padding-top: 2%;
}

.Centr {
margin-left:20%;
margin-right:17%;
padding-top: 0%;
padding-left: 1%;
}

.Info {
width: 16%;
margin-left:0%;   /* Отступ одного блока от другого блока */
padding-left: 2%;      /* Отступ содержимого от бордюра блока */
padding-top: 2%;
float:right;
}

.Info1 {
margin-left:83%;   /* Отступ одного блока от другого блока */
padding: 1%;       /* Отступ содержимого от бордюра блока */
}

clear {
height: 0;
font-size: 1px;
line-height: 0px;
clear: both;
}

rasporka{
height:65px;
background-color: #FF8897;
}

.Copyright {
color: #FFFFFF;
background-color: #71A9F4;
font-size:14px;
text-align: center;
font-family : serif;
clear: both;
height:65px;
margin-top: 25px;
margin-bottom:0px;
}

.table {
width: auto;
height: auto;
float:left;
background-color: #D2DAEA;
}

.table1 {
width:31%;
height: auto;
float:left;}  /* он прижимается влево, а все остальные блоки обтекают его справа */

.table2 {
margin-left:32%;
margin-right:31%;
}

.table3 {
width: 30%;
float:right;
margin-left:0%;
}

.table4 {
width:78%;
padding-top: 2%;
float:left;
}  /* Отступ содержимого от бордюра блока */

H1
{
color: #0083F8;
}

H2
{
color: #DC6000;
margin-left: 20px
}

P {
text-align: justify;
color: black;
font-family : serif;
font-size : 18px;
}

P1 {
text-align: justify;
color: black;
font-family : serif;
font-size : 14px;
}

.b
{
color: #106C00;
font-size : 24px;
margin-top: 20px;
}

table {
font-family : serif;
font-size : 18px;
}


a:link
{
color:#3B04FF;
}

a:visited
{
color:#BC007B;
}

a:hover
{
color:#9F00CC;
}

a:active{
color: #A200F8;
}

a.bezcherty:link
{
text-decoration: none;
font-size: 15pt;
color: #FFFFFF;
}

a.bezcherty:visited
{
text-decoration: none;
font-size: 15pt;
color: #FFF4A0;
}

a.bezcherty:hover
{
text-decoration: none;
font-size: 15pt;
color: #68FF84;
}

a.bezcherty:active
{
text-decoration: none;
font-size: 15pt;
color: #A200F8;
}

.box1
{
border-top: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
background-image: url(img/5.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
display: block;
color: #B00026;
font-family : cursive;
font-size : 80px;
font-weight : 200;
font-style:italic;
text-align:center;
letter-spacing:20px;
overflow : auto;
position:relative;
height:30%;
width: auto;}


.box2
{
border-bottom: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
width:auto;
height:10%;
background-color:#FFB334;
color:#7C4500;
font-family:arial;
font-size:18px;
text-align: center;
letter-spacing :8px;
word-spacing :50px}


.box6
{
width:100%;
height:38%;
color:#00806C;
font-family:arial,verdana,sans-serif;
font-size:18px;
text-align: center;
letter-spacing :2px;
}


.box7
{
width:100%;
height:100%;
}


.box8
{
width:100%;
height:100%;
text-align:justify}


.box9
{
width:100%;
height:30%;
border:1px #FFB510;
color: #A80034;
font-size:18px;
text-align: center;
font-family : serif;
overflow : auto;
}


.box10
{
display: block;
color: red;
font-family : serif;
font-size : 26px;
overflow : auto;
margin-left: 1%;
}


.box11
{
display: block;
color: red;
font-family : serif;
font-size : 18px;
overflow : auto;
width:100%;
height:100%}


.box12
{
text-align: justify;
width:98%;
height:100%;
margin-left: 10px;
margin-right: 10px
}

.box13
{
margin-left: 20px;
margin-right: 20px;
border: 1px solid #333;
padding: 7px;
}

.box14
{
margin-left: 5px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 5px;
border: 1px solid #333;
padding: 7px;
}

.box15
{
margin-left: 20px;
margin-right: 5px;
margin-top: 20px;
margin-bottom: 5px;
border: 1px solid #333;
padding: 7px;
}

.box16
{
font-size: +1;
}

.box18
{
font-size: +4;
border: 1px solid #333;
border-color: #FF0000}

.box19
{
font-size: +4;

}

p strong{
color: #C80051;
}

p u{
color: #106C00
}

h4{
font-size: +4;
color: #FF087C;
text-align: justify;
}

h3 {
color: #E4004E;
text-align: justify;
}


.suckerdiv ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  border-bottom: 1px solid #ccc;
 }

.suckerdiv ul li
{
position: relative;
}

.suckerdiv ul li ul
{
  position: absolute;
  width: 100%;
  top: 0;
  visibility: hidden;
}

.suckerdiv ul li a{
width:80%;
margin-left:5%;
margin-bottom:5%;
margin-top:10%;
height:5%;
color:#FFFFFF;
font-family:arial;
font-size:18px;
text-align: center;
letter-spacing :normal; /* длина интервала между буквами */
word-spacing :0px;  /* расстояние между словами */
display: block;
overflow: auto;
background: #0083F8;
padding: 1px 5px;
border-bottom: 1px;
border:2px solid #B2B2B2;
}

.suckerdiv ul li a:visited{
 background: #71A9F3;
 color:#FFFFFF;
}

.suckerdiv ul li a:hover{
background: #F2C92F;
}

.suckerdiv .subfolderstyle{
  background: url(arrow-list.gif) no-repeat center right;
  background-color: #0083F8;
  border-left: 0;}

* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
* html .suckerdiv ul li a:hover { background: #F2C92F; }
* html .suckerdiv ul li a:visited { background: #71A9F3; }


p.ltb {
text-indent: 5%;  /* Красная строка */
}


p.fig {
 color: #800000; /* Цвет текста */
 font-style: italic; /* Курсивное начертание */
 line-height: normal; /* Межстрочное расстояние */
 font-size: small;
}


div.picture_R{
float: right;
border: 1px solid #333;
padding: 7px;
width: auto;  /* Ширина */
margin-left: 10px;  /* Высота отступа*/
}

div.picture_Ri{
float: right;
border: 1px solid #333;
padding: 7px;
width: auto;
margin-left: 10px;
}

div.picture_L{
float: left;
border: 1px solid #333;
padding: 7px;
width: auto;
margin-right: 10px;
}

div.picture_Li{
float: left;
border: 1px solid #333;
padding: 7px;
width: auto;
margin-right: 10px;
}

div.picture_Le{
float: left;
border: 1px solid #333;
padding: 7px;
width: auto;
margin-right: 10px;
}

div.b-color{
background-color: #FF7E6C;
font-size: +2;
}

div.v-color{
background-color: #FFFF99;
font-size: 16px;
}

div.color{
color: #FF7E6C;
}

div.green{
color: #106C00;
font-size: +1;
}


.table5 {
width:80%;
border:1px solid #FF7A04;
padding: 1%;
float:left; }  /* Отступ содержимого от бордюра блока */

TABLE{
background: #D2DAEA;
}