body, td, th { color: #585858; font-family: 'Arial', 'sans-serif'; font-size: 12px; }
body { margin: 0; padding: 0; background: #f8f8f8 url('../img/site/bg.png') top left repeat-x; }

#top, #middle, #bottom { width: 100%; }

.space { width: 977px; margin: 0 auto; }

#top {  }

#top .logo { margin: 17px 0 0 27px; outline: none; display: inline-block; }
#top .port { margin: 17px 0 0 23px; outline: none; display: inline-block; float: right; }

#top .langs { float: right; margin: 0; }
#top .langs .clr { margin-right: 80px; }
#top .langs a { width: 38px; height: 52px; text-align: center; display: inline-block; }
#top .langs a.active { background: #ededed; }
#top .langs a img { margin: 20px 0 0 0; }

#top .mapBg { margin: 22px 0 0 0; height: 254px; background: url('../img/site/map.png') top left no-repeat; }

#top .menu { margin: 0 0 0 7px; border-collapse: collapse; border-spacing: 0; }
#top .menu td { width: 91px; height: 42px; margin: 0; padding: 0 8px;
		text-align: center; vertical-align: middle;
		background: url('../img/site/menuEl.png') no-repeat top right; }
#top .menu td.blue { background: url('../img/site/menuElB.png') no-repeat; }
#top .menu td.darkBlue { background: url('../img/site/menuElDB.png') no-repeat; }
#top .menu td a { color: #fff; font-weight: bold;
		text-transform: uppercase; text-decoration: none; }

#top .box { width: 578px; height: 230px; float: right; margin: 37px 0 -55px 0; position: relative;
		background: url('../img/site/topBox.png') top left no-repeat; }
#top .box img { margin: 7px 0 0 21px; }


#middle { background: #fff; }

#middle .main { width: 465px; color: #000; margin: 0 0 15px 27px; }
#middle .main h1 { color: #585858; font-size: 26px; font-weight: bold; margin: 17px 0; }
#middle .main p { margin: 10px 0; }
/*#middle .main img { border: 4px solid #ededed; }*/
/*#middle .main .mainImg { text-align: center; margin: 40px 0; }
#middle .main .mainImg img { border: 4px solid #ededed; margin: 0 20px; }*/

#middle .news { width: 451px; margin: 55px 11px 2px 0; padding: 27px 0 57px; background: #f8f8f8; }
#middle .news h1 { color: #585858; font-size: 26px; font-weight: bold; margin: 0 18px; padding: 0; }
#middle .news .box { margin: 30px 18px 0; padding: 0; border-bottom: 1px solid #a8a8a8; }
#middle .news .box h1 { color: #78a30d; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
#middle .news .box h1 a { color: #78a30d; font-size: 12px; font-weight: bold; text-decoration: none; }
#middle .news .box p { color: #585858; text-align: justify; }
#middle .news .box p a { color: #585858; text-decoration: none; }
#middle .news .box a.more { margin: 0 14px; padding: 7px 0; display: inline-block;
		color: #5274aa; text-decoration: none; font-size: 11px; font-weight: bold;
		background: url('../img/site/moreArrow.png') bottom center no-repeat; }
#middle .news .paging { margin: 20px 0 0 0; text-align: center; }
#middle .news .paging a { color: #585858; text-decoration: underline; }


#middle .divBlue { background: #ededed; }

#middle .page { width: 713px; margin: 55px 0 0 0; padding: 27px 12px 57px 0;
		background: #fff; }
#middle .page h1 { color: #585858; font-size: 28px; font-weight: bold; margin: 0 27px; padding: 0; }
#middle .page h2 { color: #585858; font-size: 22px; font-weight: bold; margin: 0 27px; padding: 0; }
#middle .page h3 { color: #585858; font-size: 14px; font-weight: bold; margin: 4px 27px; padding: 0; }
#middle .page h4 { color: #585858; font-size: 13px; font-weight: bold; margin: 4px 27px; padding: 0; }
#middle .page h5 { color: #585858; font-size: 13px; font-weight: normal; margin: 4px 27px; padding: 0; }
#middle .page p { margin: 19px 27px; padding: 0; }
#middle .page a { color: #585858; font-size: 12px; text-decoration: underline; }
#middle .page table { margin: 10px 45px; }
#middle .page .form { margin: 10px 45px; }

#middle .page .form td.legend { vertical-align: top; text-align: right; padding: 2px 4px; }
#middle .page .form em { color: #cc0000; }

#middle .page ul.failed { list-style: none; margin: 0 45px; padding: 0; }
#middle .page ul.failed li { color: #cc0000; }

#middle .page .galleryPictures { margin: 0 45px; padding: 0; }
#middle .page .galleryPictures .picture { margin: 10px 8px; }

#middle .page .document { margin: 0 45px 10px; }
#middle .page .document h1, #middle .page .document h3 { font-size: 15px; display: inline; margin: 0 20px; }

#middle .list { width: 250px; border: 1px solid #fff; background: #f8f8f8; }
#middle .list ul { list-style: none; margin: 0; padding: 21px 16px; }
#middle .list li { padding: 5px 0; background: url('../img/site/listSep.png') bottom left repeat-x; }
#middle .list li a { line-height: 20px; padding: 0 0 0 20px; display: block;
		color: #4d4d4d; text-decoration: none;
		background: url('../img/site/listArrow.png') left center no-repeat; }

#middle .branches { width: 251px; overflow: hidden; border-left: 1px solid #fff; }
#middle .branches h1 { color: #585858; font-size: 20px; font-weight: bold;
		margin: 23px 0 0 29px; padding: 0; }
#middle .branches ul { list-style: none; margin: 0; padding: 21px 16px; }
#middle .branches li { padding: 5px 0; background: url('../img/site/branchesSep.png') bottom left repeat-x; }
#middle .branches li a { height: 20px; line-height: 20px; padding: 0 0 0 20px; display: block;
		color: #4d4d4d; text-decoration: none;
		background: url('../img/site/branchesArrow.png') left center no-repeat; }
#middle h1.smaller { font-size: 14px; }
#middle a.orgdoc, #middle a.orgdocActive { margin: 15px 27px 15px; font-size: 14px; width: 178px; text-align: center;
		display: inline-block; text-decoration: none; border: 1px solid #585858; padding: 10px 0; }
#middle a.orgdocActive { background: #D8D8D8; }

#middle span.button1 { height: 32px; line-height: 32px; display: block; float: left;
			background: url('../img/site/button1.png') top left no-repeat; width: 215px; margin: 7px 10px;}
#middle span.button1 a { font-size: 12px; text-decoration: none; line-height: 32px;  
			background: url('../img/site/button1End.png') top right no-repeat; 
			color: #000; padding: 0 5px; display: block; text-align: center; }

#middle span.button1Active { height: 32px; line-height: 32px; display: block; float: left;
			background: url('../img/site/button1.png') bottom left no-repeat; width: 215px; margin: 7px 10px;}
#middle span.button1Active a { font-size: 12px; text-decoration: none; line-height: 32px;  
			background: url('../img/site/button1End.png') bottom right no-repeat; 
			color: #6e6e6e; padding: 0 5px; display: block; text-align: center; }


#middle .page ul { overflow: hidden; padding: 0; margin: 0 27px; }
#middle .page ul li { list-style: none; margin: 0; padding: 3px 0 3px 10px; background: url('../img/site/pageArrow.gif') 0px 5px no-repeat; }


#bottom .bgWhite { width: 100%; background: #fff; }

#bottom .signs { height: 103px; border-top: 2px solid #ededed; border-bottom: 2px solid #ededed; }
#bottom .signs a { height: 103px; margin-left: 0px; display: inline-block; /* display: block; */
		background: url('../img/site/signs.png') 0px -103px no-repeat; }
#bottom .signs a:hover { background-position: 0px 0px; }

#bottom .signs .sign0 { width: 106px; margin-left: 0px; background-position: -20px -103px; }
#bottom .signs .sign0:hover { background-position: -20px 0px; }
#bottom .signs .sign1 { width: 82px; margin-left: 30px; background-position: -194px -103px; }
#bottom .signs .sign1:hover { background-position: -194px 0px; }
#bottom .signs .sign2 { width: 41px; margin-left: 30px; background-position: -337px -103px; }
#bottom .signs .sign2:hover { background-position: -337px 0px; }
#bottom .signs .sign3 { width: 155px; margin-left: 30px; background-position: -444px -103px; }
#bottom .signs .sign3:hover { background-position: -444px 0px; }
#bottom .signs .sign4 { width: 91px; margin-left: 30px; background-position: -644px -103px; }
#bottom .signs .sign4:hover { background-position: -644px 0px; }
#bottom .signs .sign5 { width: 172px; margin-left: 30px; background-position: -786px -103px; }
#bottom .signs .sign5:hover { background-position: -786px 0px; }
#bottom .signs .sign6 { width: 116px; margin-left: 30px; background-position: -960px -103px; }
#bottom .signs .sign6:hover { background-position: -960px 0px; }

#bottom .menu { list-style: none; margin: 0; padding: 30px 0 27px 18px; }
#bottom .menu li { display: inline; padding: 0 14px 0 17px; border-left: 1px solid #a2a2a2; }
#bottom .menu li.first { border: none; }
#bottom .menu li a { color: #a2a2a2; text-decoration: none; }

#bottom .bottom { text-align: center; color: #bdbdbd; overflow: hidden; padding: 16px 0 26px; }
#bottom .bottom a { color: #bdbdbd; font-size: 12px; text-decoration: none; }
#bottom .bottom a, #bottom .bottom span { margin: 0 30px; }