body {
 margin: 0;
 padding: 0;
 font: 62.5%/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D5E8F9;
}
img {
 margin: 0;
 padding: 0;
 border: 0;
}
#container {
 width: 1024px;
}

#pagehead {
 position: relative;
 width: 1024px;
 height: 154px;
 background: #3E7291 url(../images/title.jpg) no-repeat;
 border: 0px solid red;
}

#headNews {
 position: absolute;
 top: 120px;
 left: 50px;
}

#headMenu {
 position: absolute;
 top: 120px;
 right: 60px;
}

#headNews, #headMenu {
 z-index: 1;
 color: #fff;
 font-size: 1.6em;
 font-weight: bold;
}

/* 3 column */
#wrapperContent {
 background: url(../images/content_bg.jpg) repeat-y center;
}

#news {
 float: left;
 margin: 0 15px 0 0;
 padding: 0;
 width: 191px;
 border: 0px solid green;
}
#news hr {
	margin-top: 30px;
	border: none; /* Убираем границу для браузера Firefox */
	color: #F5F5F5; /* Цвет линии для браузера Internet Explorer */
	background-color: #F5F5F5; /* Цвет линии для браузера Firefox и Opera */
	height: 2px; /* Толщина линии */
	width: 80%;
}
.s4et4ik {
	margin-top: 10%;
	text-align: center;
}
#content {
 font-size: 1.2em;
 float: left;
 margin: 0 20px 0 15px;
 padding: 0px;
 width: 602px;
 border: 0px solid navy;
}
#content ul, ol {text-align: justify; padding-left: 20px; border: 0px solid red;}
#content h1 {
	margin: 0;
	padding: 0;
	width: auto;
	color: #2B7CA5;
	border: 0px solid red;
}
#content h2 {color: #064; text-align: center;}

#menu {
 float: left;
 margin: 0;
 padding: 0;
 width: 181px;
 border: 0px solid black;
}

#newsList {
 margin: 0;
 padding: 0 20px;
 width: 159px;
 color: #fff;
 font-size: 1.2em;
 border: 0px solid black;
}
ul#newsList li {
 margin-bottom: 10px;
}
ul#newsList li a {
 color: #fff;
 display: block;
}
ul#newsList li a:hover {
 color: #f0f;
}

ul#menuNav {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul#menuNav li {
 margin: 0;
 padding: 0 0 10px 0;
 list-style: none;
}

#menuNav li ul, #menuNav li ul li a {
 margin: 0;
 padding: 0 0 0 10px;
 list-style: none;
}
#menuNav li ul li a {
 display: block;
 color: white;
}
#menuNav li ul li a:hover {
 color: navy;
}



#footerWrapper {
 position: relative;
 width: 1024px;
 height: 76px;
 background: url(../images/content_bg.jpg) repeat-y center; 
}
#footerLeft {
 float: left;
 margin: 0 0 0 208px;
 width: 816px;
 height: 76px;
 background: #3E7291 url(../images/footer.jpg) no-repeat; 
}
#footerWrapper h3 {
 position: absolute;
 bottom: 20px;
 left: 250px;
 color: #fff;
}

p {
 text-align: justify;
 text-indent: 26px;
}

/*
*/
.sprytat ul{display:none;}
.pokazat ul{display:block;} 

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */