@charset "utf-8";
/* CSS Document */

body {
  font-family: Arial, Verdana,  sans-serif;
  font-size: 11pt;
  /*background-color: #bed0e1;*/ /*серый свилый*/
  background-color: LightCyan; /*#00682f; темный зеленый*/
  color: #0; /*#ffffcc желтый */ /*#333; основной текст темно серый*/
/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

H1 {
	text-align: center;
	color: #000080;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36pt;
	line-height: 0.1em;
	text-shadow: 0 0 5px #C0DCC0;
}

H2 {
	text-align: center;
	color: #FFFFFF;
	background: #000080;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 1.1em;
	text-shadow: 1px 1px 2px black, 0 0 1em red;
}

h3 {
	text-align: center;
	color: #4169e1; 
	font-size: 18pt;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
}

.tittle {
  background: #0165A0;
	padding: 40px 10px 40px 100px;
	margin-bottom: 10px;
	text-align: left;
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18pt;

/* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

/* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}


#content {
	margin-left: 16em;
	margin-right: 10em;
	margin-bottom: 15px
}
#content P {
	font-size: 120%;
	text-align: justify;
	padding: 10px;
	margin: 0
	padding-left: 10px;
	padding-bottom: 10px;
	background: #f0fff0; /*#f0f0f0; цвет фона основного текста*/
}

#content P:first-letter {
  color: #4169e1; /*#a52a2a*/
  font-size: 14pt; /* */
}

table {
	background: #f0f0f0;
}

.nav li {
	font-size: 10pt; /*  */
	float: left;
  position: relative;
  top: -45px;
	left: 50px;
  width: 12em;
  display: inline-block; /*  */
  background: #0165A0; /* */
  margin-right: 3px; /*  */
	border: 2px solid white;
  -webkit-transform: skewX(-30deg); /* Safari  Chrome */
  -moz-transform: skewX(-30deg); /* Firefox */
  -o-transform: skewX(-30deg); /*  Opera */
  -ms-transform: skewX(-30deg); /* IE */
  transform: skewX(-30deg); /* CSS3 */

}

.nav a {
    color: #fff; /*  */
    display: block; /*  */
    padding: 5px 15px; /*  */
    text-decoration: none; /*  */
    -webkit-transform: skewX(30deg); /*  Safari Chrome */
    -moz-transform: skewX(30deg); /* Firefox */
    -o-transform: skewX(30deg); /* Opera */
    -ms-transform: skewX(30deg); /* IE */
    transform: skewX(30deg); /* CSS3 */
}

.nav   li:hover {
    background: #004168; /*  */
}

/* pull-down mainmenu css */
.mainmenu{
	position: fixed; /* */
	width: 15em;
	padding: 0;
	float: left;
}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#000080;
	background: #C0DCC0;

	padding: 0;
	border: solid #000080;
	border-width: 1px 1px;
	margin: 0 0 0 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
	color: #000080;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
}


.mainmenu li  {
	float: left;
	position: absolute;
	width:100%;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	left: -999em;
	height: auto;
	width:15em;
	background: #C0C0C0;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.mainmenu li li {
	width: 100% ;
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #808080;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#000000;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#000080;
}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
{
	background: #808080;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a /*чего-то не хватает?*/
{
	color: #000000;
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000080;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #000000;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000080;
}

/* end of mainmenu css */