/* CSS Document */
@import url(decor.css);
@import url(menu.css);
@import url(form.css);
html {height: 100%;}
body {
	height: 100%; margin: 0; padding: 0; width: 100%; position: relative;
	font: 12px Tahoma; color: #33444e; text-align: center; background: url(../images/body-bg.jpg) top repeat-x;
}
a, a img {outline: none; border: none;}
:focus {outline: none;}
a {color: #0e7e92; text-decoration: underline;}
a:visited {color: #0e7e92; text-decoration: underline;}
a:hover {color: #0e7e92; text-decoration: none;}
div.pere {clear: both;}
div.pre {height: 103px;}
div.main {
   margin: 0 auto -103px auto; width: 1000px; text-align: left; background: url(../images/main-bg.jpg) top repeat-y; min-height: 100%;
   position: relative;
}
div.header {}
div.head-up {background: url(../images/head-up.jpg) top no-repeat; height: 233px;}
div.headin-up {background: url(../images/headin.jpg) top no-repeat; height: 100px;}
a.logo {position: absolute; top: 0; left: 382px; z-index: 3;}
a.logoin {position: absolute; top: 0; left: 335px; z-index: 3;}
div.ttleft1 {position: absolute; top: 38px; left: 27px; z-index: 1; color: #000;}
div.ttleft2 {position: absolute; top: 39px; left: 28px; z-index: 2; color: #fff;}
div.tel-head {position: absolute; top: 39px; right: 39px; color: #fff; text-align: right; z-index: 4;}
div.tel-head strong {font-size: 14px;}
div.tel-head p {margin: 0.2em 0 0 0; padding: 0; color: #000;}
div.tel-head span.icq {background: url(../images/icq-top.gif) top left no-repeat; padding-left: 16px; color: #fff; margin-right: 9px;}
div.tel-head span.mail {background: url(../images/mail.gif) left no-repeat; padding-left: 18px; color: #00dfff; margin-left: 9px;}
span.mail a {color: #00dfff; text-decoration: underline; font-weight: bold;}
span.mail a:visited {color: #00dfff; text-decoration: underline;}
span.mail a:hover {color: #00dfff; text-decoration: none;}
div.head-down {background: url(../images/head-down.jpg) top no-repeat; height: 84px;}
div.headin-down {height: 49px;}
div.menu {background: url(../images/menubg.jpg) top left no-repeat; height: 50px;}
div.menuin {background: url(../images/menuinbg.jpg) top left no-repeat; height: 49px;}

div.year {background: url(../images/year.jpg) no-repeat; width: 168px; height: 164px; position: absolute; top: 218px; right: 45px;}
a.zakhead {background: url(../images/zakhead.jpg) no-repeat; width: 257px; height: 104px; position: absolute; top: 221px; right: 0; display: block;}
div.slider {background: #c1dbde; height: 200px;}

div.content {padding: 43px 0 30px 0;}
div.contentin {padding: 10px 0 30px 0; position: relative;}
div.page {width: 663px; float: right;}
div.otst-page {padding: 0 40px 0 35px;}
div.pagein {padding: 0 40px 0 35px;}

div.gen-block {padding-right: 35px;}
div.gen-box {float: right; width: 280px; margin-left: 30px; margin-bottom: 20px;}
div.gen-box i {display: block; text-align: center; font-style: normal;}

div.port-block {padding-left: 35px;}
div.port-box {float: left; width: 280px; margin-right: 30px; margin-bottom: 40px;}
div.port-box-name1 {background: url(../images/port-block-name1.gif) top left no-repeat; height: 23px;} 
div.port-box-name2 {background: url(../images/port-block-name2.gif) top left no-repeat; height: 23px;}
div.port-box-bg {background:url(../images/port-gen.jpg) top left no-repeat; height: 146px; margin-bottom: 4px;}
div.port-box-bg img {margin: 7px 0 0 7px;}
div.port-box i {display: block; text-align: center; font-style: normal;}
div.templ-box-bg {background:url(../images/templ-bg.jpg) top left no-repeat; width: 142px; float: left; height: 142px; margin-right: 30px; margin-bottom: 30px;}
div.templ-box-bg img {margin: 5px 0 0 6px; width: 130px; height: 132px;}
div.predlog {position: relative;}
div.raz20 {background: url(../images/raz20.gif) top left no-repeat; height: 88px;}
div.raz20 img {top: 26px; left: 39px; position: absolute; z-index: 2;}
div.spec {position: absolute; background: url(../images/spec.gif) no-repeat; width: 230px; height: 145px; top: 6px; right: 17px; z-index: 1;}
div.spec a {display: block; width: 100px; height: 100px; margin-left: 66px; cursor: pointer;}
div.pr-out {padding: 39px 38px 0 0;}
div.pr-left, div.pr-right, div.pr-center {background: url(../images/pr.jpg) top repeat-y; width: 202px;}
div.pr-left {float: left;}
div.pr-right {float: right;}
div.pr-center {margin: 0 auto 0 auto;}
div.pr-bot-left {background: url(../images/pr-bot-left.jpg) bottom no-repeat;}
div.pr-bot-right {background: url(../images/pr-bot-right.jpg) bottom no-repeat;}
div.pr-bot-center {background: url(../images/pr-bot-center.jpg) bottom left no-repeat;}
div.pr-top {background: url(../images/pr-top.jpg) top no-repeat; padding: 30px 20px 35px 30px; min-height: 250px;}
div.name-serv {font: 14px "Arial Narrow"; margin-bottom: 4px; text-transform: uppercase;}
div.pr-top em {font: oblique 11px "Arial Narrow"; color: #5e5e5e; margin-bottom: 4px; display: block; text-transform: uppercase; text-align: right;}
div.pr-top em strong {font-size: 18px; color: #ed2029;}
div.pr-top ol {margin: 0; padding: 0;}
div.pr-top ol li {margin: 0 0 15px 0; padding: 0; list-style: none;}

div.site-group {width: 504px; float: left;}
div.site-group img {margin-bottom: 30px; padding: 1px; border: 1px solid #c1dbde;}
div.site-text {margin-left: 504px; padding-left: 35px;}

div.list {text-align: center; clear: left;}
div.list span {margin: 0 auto; border-top: 1px solid #919ea6; display: block;}
div.list span a {display: block; float: left; text-align: center; width: 25px; text-decoration: none; background: #e4e3e8; margin-right: 2px; color: #0e7e92; padding: 4px 0 4px 0;}
div.list span a:visited {color: #0e7e92; text-decoration: none;}
div.list span a:hover {color: #fff; text-decoration: none; background: #919ea6;}
div.list span a.act {text-decoration: none; background: #919ea6; color: #fff;}
div.list span a.act:visited {color: #fff; text-decoration: none; background: #919ea6;}
div.list span a.act:hover {color: #fff; text-decoration: none; background: #919ea6;}

div.timenav { margin: 0 0 35px 0; font-size: 11px}	
	div.years {line-height: normal;padding-left: 5px;}
		div.timenav div.years a { padding: 10px 15px 0 0; display: block; float: left; font-size: 12px; color: #0e7e92; text-decoration: none; font-family: arial, helvetica, sans-serif;}
		div.timenav div.years span { display: block; float: left; font-size: 22px; color: #61727e; letter-spacing: 5px; display: none; padding: 0 18px 0 0; }
	div.timenav div.months { border-top: 1px solid #919ea6; float: none; clear: both; padding: 0; height: 100%; overflow: hidden; }
		div.timenav div.months a, div.timenav div.months span { display: block; float: left; padding: 5px 8px 5px 8px; margin: 0; font-family: "trebuchet ms",arial,helvetica,sans-serif;}
		div.timenav div.months a { text-decoration: none; color: #0e7e92; }
		div.timenav div.months span { color: #aaa; }
		div.timenav div.months a.current { background-color: #919ea6; color: #fff; }
		div.timenav div.months a.first { padding-left: 8px; padding-right: 9px; }


div.about {background: url(../images/about-bg.jpg) top right repeat-y; border-bottom: #fff 1px solid; margin-bottom: 40px;}
div.about-bottom {background: url(../images/about-bottom.jpg) right bottom no-repeat;}
div.about-top {background: url(../images/about-top.jpg) top right no-repeat; padding: 60px 35px 60px 55px; color: #fff;}
div.left {width: 296px; float: left;}
div.leftin {padding-left: 40px;}
div.lost {padding-top: 30px;}
div.newblock {margin-bottom: 40px; border-bottom: #fff solid 1px;}
div.newsname {background: url(../images/newsname.gif) top left no-repeat; height: 13px; margin-bottom: 30px;}
div.newblock p {display: block; background: url(../images/news-bot.gif) bottom right no-repeat; margin-bottom: 10px; padding-bottom: 10px;}
div.newblock em {font: normal 11px Tahoma; color: #0e7e92; display: block; width: 112px; float: right; text-align: right;}
div.newblock em img {float: left;}
div.newblock p span {font: 10px Tahoma; display: block;}
div.art-name {background: url(../images/article.gif) top left no-repeat; height: 16px; margin-bottom: 30px;}
div.articleblock {margin-bottom: 40px; clear: right;}
div.articleblock ul {margin: 0; padding: 0;}
div.articleblock ul li {list-style: none; background: url(../images/arr.gif) top left no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0;}
div.foot {background:url(../images/foot.jpg) no-repeat; width: 1000px; height: 103px; margin: 0 auto; position: relative;}
div.foot-left {float: left; padding-left: 40px;}
div.foot ul {margin: 23px 0 0 0; padding: 0;}
div.foot ul li {list-style: none; float: left; color: #fff; margin: 0; padding: 0 10px 0 0;}
div.foot ul li a {font-weight: bold; color: #00dfff; text-decoration: underline;}
div.foot ul li a:visited {color: #00dfff; text-decoration: underline;}
div.foot ul li a:hover {color: #00dfff; text-decoration: none;}
div.copy {font-size: 10px; color: #fff; text-align: left; position: absolute; top: 50px; left: 40px;}
div.stat {position: absolute; top: 65px; right: 39px;}
div.foot-right {position: absolute; top: 23px; right: 39px; color: #fff; text-align: right; z-index: 4;}
div.foot-right div {line-height: 1.2em;}
div.foot-right strong {font-size: 14px;}
div.foot-right p {margin: 0; padding: 0; color: #fff;}
div.foot-right span.icq {background: url(../images/icq-top.gif) top left no-repeat; padding-left: 16px; color: #fff; margin-right: 9px;}
div.foot-right span.mail {background: url(../images/mail.gif) left no-repeat; padding-left: 18px; color: #00dfff; margin-left: 9px;}
div.foot-right span.mail a {text-decoration: underline; font-weight: bold;}
div.foot-right span.mail a:visited {text-decoration: underline;}
div.foot-right span.mail a:hover {color: #00dfff; text-decoration: none;}

div.allnews {margin-bottom: 35px;}
div.allnews div {margin-bottom: 15px; background: #fff; padding: 15px 10px 15px 0; margin-right: 30px; position: relative;}
div.allnews div span {background: url(../images/date.gif) no-repeat; width: 106px; height: 15px; position: absolute; top: 5px; right: 5px; color: #fff; font: bold 11px "Times New Roman", Times, serif; text-align: center;}
div.allnews div strong {display: block; margin-bottom: 5px;}
div.allnews div p {margin: 0;}
div.allnews div a {display: block; text-align: right; background: url(../images/news-bot.gif) bottom right no-repeat; padding-right: 40px;}
div.allnews div strong a {color: #61727e; text-decoration: underline; bachkround: none; text-align: left;}
div.allnews div strong a:visited {color: #61727e; text-decoration: underline; bachkround: none; text-align: left;}
div.allnews div strong a:hover {color: #61727e; text-decoration: none; bachkround: none; text-align: left;}
div.checkbox {cursor: pointer; padding-left: 15px; background: url(../images/chek.gif) no-repeat left center}
div.checkbox.selected {cursor: pointer;background: url(../images/chek-act.gif) no-repeat left center}