﻿body {
color:#000000; 
background:  #ffffff;
margin : 0;
margin-left : 0;
margin-right : 0;
}

.logo {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 110px;
	padding: 0;
	float: left;
	vertical-align: top;
} 
	
.top {	
	height : 80px;
	margin : 0;
	background:  #4682B4;
	vertical-align: top; 
}

td.leftmenu {
	background-color: #FFEDB7;
	width: 16%;
	vertical-align: top;
}
td.leftmenu1 {background-color : #F3F3F3; width: 14%; vertical-align: top; }
.leftmenu h4 {
	color: #003300
}
.leftmenu ul{
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 1.5em;
	color: #800000;
}
.leftmenu li {
	margin: 0px;
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}
.leftmenu li ul li {
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	margin: 0;
	list-style-type: circle;
	padding: 4px 0 4px 0;
}
.leftmenu li ul {
	border-width: 0px;
	background-color: #FEE4AF
}

.leftmenu a { color: #800000; text-decoration: none; }
.leftmenu a:hover {color: blue; background-color:  #ffffff}

.rigthmenu ul{
	list-style-image: none;
	margin: 14px 3px 0px 5px;
	padding: 0px 0 0 0.5em;
}
.rigthmenu li {
	color: #000000;
	font-family: Calibri;
	font-size: 10pt;
	text-align: left;
	margin-top: 5pt;
	margin-left: 6pt;
	margin-bottom: 0;
}
.rigthmenu p {
	margin: 3px 4px 3px 7pt;
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
	color: #800000;
}
td.rigthmenu {background-color : #F3F3F3; width: 14%; vertical-align: top;  }
.rigthmenu a { text-decoration : none; }
.rigthmenu a:hover {color : #ff0000; }

.att{
	background-color:  #FFFFCC;
	border: thin maroon solid ;
	margin: 15px 100px;
	padding: 5px 10px 5px 10px
}
.red{
	color:red
}
.yellow{
	color: yellow
}
.liter {
	text-align: left;
	margin-top: 1pt;
    margin-left: 40pt;
	margin-bottom: 9pt;
	}
.news {
	margin: 3pt 3px 3pt 7pt;
	vertical-align: top;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	text-align: left;
}
.main {
	vertical-align: top;
	background-color: #F8F8F8;
}
.tabl p{
font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	text-align: left;
	margin-top: 3pt;
    margin-left: 5pt;
    margin-bottom: 3pt;	
}
h1 {
	color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-align: center;
	margin-top: 15pt;
}

h2 { 
	color: #800000; 
	font-family: Arial;
	font-size: 14pt;
	text-align: center;
	text-decoration: none;
	margin-top: 10pt;
}
h3 { 
	color: #800000; 
	font-family: Arial;
	font-size: 12pt;
	text-align: center;
	text-decoration: none;
}
h4 {
	margin-left: 0pt;
	font-family: Times New Roman;
	font-size: 12pt;
	text-align: center;
	text-decoration: none;
	margin-right: 4px;
	margin-bottom: 4px;
}
h5 {
	margin-left: 0pt;
	margin: 12px 3px 5px 3px;
	font-family: Times New Roman;
	font-size: 11pt;
	text-align: center;
	text-decoration: none;
}
h6 {
	font : 16px verdana, arial, helvetica, sans-serif;
	color : #666699;
	margin-top :6px; 
	margin-bottom : 8px;
	font-weight : normal; 
	text-align: center;
}
	 
.standart {
	margin: 8pt 10pt 5pt 10pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10pt;
	text-indent: 0;
	line-height: normal;
	text-align: justify;
}
.citata { 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10pt; 
	text-indent: 0; 
	color : #0c8443;
	font-style: italic; 
    text-align: justify; 
    margin-top: 5pt;
    margin-left: 10pt;
    margin-right: 10pt;
    margin-bottom: 5pt;
}
.footer {
	margin-top: 3px; 
	margin-bottom: 3px;
	font-weight: 400; 
	color : #000080; 
	font-size:10px; 
	font-family:Arial; 
	text-align:center; 
}
.attention {
	padding: 5px 10px 5px 10px;
	background: #CCFFCC;
	border: maroon thin solid;
	margin: 4em 2em 1em 15em;
}
.border {
	border-bottom-style: ridge;
	border-bottom-width: 3px;
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left: 6px;
}

.pquote {
	float: left;
	width: 30%;
	background: #009933;
	padding: 7px;
	margin: 7px 11px 7px 11px;
}

/* меню горизонт  #27408B  #0C0A54  */
.nav {
	width: 100%;
	background: #000066; 
	list-style: none;
	height: 29px;
margin: 0;
	padding: 0;
	
}
#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  background:   #000066 ;
  float: left;
  width: 100%;
	padding-left: 0%;
text-align: center;
}
#nav li {
	float: left;
	position: relative;
	font-size: 12px;
	font-weight : bold;
	font-family: Verdana;
	text-align: left;
	margin-right: 30px;
	margin-left: 30px; 
}
#nav a {color: #ffffff; text-decoration: none; display: block; }
#nav a:hover {color:  orange; background-color:  #000066;}

/* Кнопка */
.button {
	padding-left: 5px; 
	padding-right: 5px;
    margin: 5px;
    text-decoration: none;
    font: 1em Arial, Helvetica; /* Изменяйте em для масштабирования кнопки */
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border: 1px solid #9c9c9c; /* Запасной стиль */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 .5em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 .5em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .5em rgba(0,0,0,0.4);
}

.button, .button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.15em 0.1em;
    
    /* Фоновый паттерн */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Настройки паттерна */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active  {
    /* Опускаем на 1px при нажатии */
    position: relative;
    top: 1px;
}

.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active  {
    background: #4477a1;
}
/*green*/
.button-green {
    background: #008b45;
    background: -webkit-gradient(linear, left top, left bottom, from(#4eee94), to(#008b45) );
    background: -moz-linear-gradient(-90deg, #4eee94, #008b45);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4eee94', endColorstr='#008b45');
}

.button-green:hover {
    background:#4eee94;
    background: -webkit-gradient(linear, left top, left bottom, from(#008b45), to(#4eee94) );
    background: -moz-linear-gradient(-90deg, #008b45, #4eee94);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008b45', endColorstr='#4eee94');            
}

.button-green:active  {
    background: #008b45;
}
/*подсказка*/
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ 
a.tooltip {border-bottom: #00cc66 1px dashed; text-decoration:none; color:#008000;}
a.tooltip span {display:none; font-family: Calibri;	font-size: 10pt; padding:2px 3px; margin-left:8px; width:180px;} 
a.tooltip:hover span{display:inline; position:absolute; background:#fcfc79; border:1px solid #cccccc; color:#000000;}
/* картинка*/
a img {
border:none;
}

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 30px;
}


.thumbnail1{
position: relative;
z-index: 0;
}
.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail1 span{
position: absolute;
background-color: #ffffff;
padding: 5px;
right: 100px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail1 span img{
border-width: 0;
padding: 2px;
}
.thumbnail1:hover span{
visibility: visible;
 bottom: 30px;
right: 30px;
}
.st_li {
	margin: 4px 5px 2px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	text-indent: 0;
	line-height: normal;
	text-align: justify;
}
.att2 {
	background-color: #CCFFCC;
	border: thin maroon solid;
	margin: 15px 40px 15px 40px;
	padding: 5px 10px 5px 10px;
}
.st_ul {
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	text-indent: 0;
	line-height: normal;
	text-align: justify;
}

.style26 {
	text-align: right;
	margin-right:25px
}
.leftmenu li {
	margin: 0px;
	color: #800000;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 11pt;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
}
.down
{
	font-size: xx-small;
	font-family: Calibri;
}
.down a {
	color: #006699;
	text-decoration: none;
}


