/* global */
body {font-family: Arial, Helvetica, sans-serif; font-size: 76%; color: #000; padding: 0; margin: 0; background: #fff; min-width: 780px;}
img {border: 0;}
p {margin: 0; padding: 0;}
a:link {color: #05c;}
a:visited {color: #05c;}
a:hover {color: #c00; text-decoration: none;}
a:active {color: #05c;}
h1 {font-size: 1.9em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em; color:#666666;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em; color: #333; padding: 0; margin: 10px 0 0 0;}
h1,h2,h3,h4 {font-family: "Trebuchet MS";}
.left {display: inline-block; float: left;}
.right {display: inline-block; float: right;}
.clear {clear: both;}
.hide {position: absolute; margin-left: -3500px;}
.invis {display: none;}
.line {border-bottom: 1px solid #90bedf; padding: 30px 0 0;}
.linee {border-top: 1px solid #90bedf; margin-bottom: 30px;}
.kasyava {height: 1px; border-top: 1px solid #217ec0; clear: both;}
.kasyava-t {height: 1px; border-bottom: 1px solid #217ec0; clear: both;}
.grey {color: #888; font-style: italic;}


/* header */
#header {height: 80px; margin-bottom: 1px;}
#header img {position: absolute; top: 20px; left: 40px;}
#menu {margin: 56px 30px 0 0; padding: 0; list-style: none; line-height: 24px; font-size: 12px; float: right;}
#menu li {display: inline-block; width: 78px; margin: 0 2px; float: left;}
#menu a {float: left; display: block; text-decoration: none; width: 78px; text-align: center; color: #fff; background: url(../i/ttap.gif) top left no-repeat;}
#menu a:hover {float: left; display: block; text-decoration: none; background: url(../i/ttap.gif) top right no-repeat; color: #fff; width: 78px;}
/* slogan+map */
#stuff {height: 185px; background: #217ec0 url(../i/mapll.gif) top left no-repeat;}
#lands {background: url(../i/mapl.gif) top left no-repeat; position: absolute; top: 220px; width: 223px; height: 43px; margin: 0 0 0 88px;}
#lands p {padding: 25px 0 0 13px;}
#lands p img {padding-right: 2px;}
#spell {color: #fff; margin: 0 auto 0; width: 390px; padding: 55px 0 0 30px; background: url(../i/qt.gif) 0 85px no-repeat;}
#spell img {margin: 0 0 5px;}
#spell p {font-size: 11px; padding-left: 2px;}
#call {position: absolute; top: 81px; right: 0; padding: 10px 0 0 0; background: url(../i/callr.jpg) top right no-repeat; color: #fff; width: 316px; height: 185px;}
#call h4 {margin: 0 0 0 50px; padding: 5px 0 0; font-size: 24px; color: #fff;}
#call h5 {margin: -5px 0 0 100px; padding: 0; color: #fff; font-size: 13px;}
#call ul {list-style: none; padding: 0; margin: 0 0 0 100px;}
#call ul a {color: #fff;}

#ng {margin: 0 auto 0;  width: 390px;}

.mail fieldset {padding: 20px; margin: 0 0 20px;}
.mail legend {margin: 0 0 20px; padding: 0 5px; color: #000;}
.mail .mb {padding: 20px 0;}
.mail .in-fl {float: left; width: 100px; font-size: 12px; line-height: 24px;}
.mail .mb input {margin: 0 0 4px;}
.mail .wid {width: 100%;}

/* layout */
#content {width: 100%; margin: 30px 0 0 -316px; float: left;}
#content div.pad {margin-left: 316px; padding: 0 30px 0 40px;}
#sContent {float: right; width: 316px; margin: 30px 0 0;}

/* content */
.c-block {padding: 0 0 30px;}
.c-block h2 {padding: 0; margin: 0 0 10px 42px; line-height: 32px; color: #217ec0;}
.c-block p {padding: 5px 0;}
#prod-l {float: left; width: 50%; border-right: 1px solid #90bedf;}
#prod-r {margin-left: 50%; border-left: 1px solid #90bedf;}
.prod-w {padding: 0 0 5px;}
.prod-w h3 {padding: 5px 0 0; margin: 0; clear: right; color: #9c1a1c; font-size: 14px;}
.prod-w p {padding: 0; margin: 0;}
.prod-w a {line-height: 16px; background: url(../i/next.gif) right center no-repeat; padding: 0 20px 0 0;}
.prod-w a:hover {background: url(../i/next-over.gif) right center no-repeat;}

.cis-i {padding: 10px 0;}
.cis-i p {margin: 0 0 0 10px;}
.cis-i h4 {background: #f2f2f2; font-weight: bold; padding: 3px 0; border-left: 4px solid #ccc; margin: 0;}
.cis-i h4 img {padding: 0 5px;}
.cis-i a {line-height: 16px; background: url(../i/next.gif) right center no-repeat; padding: 0 20px 0 0; float: right;}
.cis-i a:hover {background: url(../i/next-over.gif) right center no-repeat;}

.grid {float: left; width: 100%; padding: 20px 0 20px;}
.grid .cell {float: left; margin: 0 40px 0 0;}
.grid .cell h4 {padding: 0; margin: 0;}

.news-block {margin: 20px 0 0;}
.news-block h4 {background: #f2f2f2; font-weight: bold; padding: 3px 0; border-left: 4px solid #ccc; margin: 0;}
.news-block h4 img {padding: 0 5px;}
.news-block h5 {padding-left: 5px;}

.news-block-m {margin: 10px 0 0;}
.news-block-m h4 {background: #f2f2f2; font-weight: bold; padding: 3px 0; border-left: 4px solid #ccc; margin: 0;}
.news-block-m h4 img {padding: 0 5px;}
.news-block-m h5 {padding-left: 9px;}
.news-block-m ul {margin-top: 0; padding-top: 0; margin-left: 9px; padding-left: 0; list-style-type: none;}

.tbl {width: 100%; border: 1px solid #90bedf; border-collapse: collapse;}
.tbl thead tr th {text-align: center; background: #217ec0; color: #fff; padding: 5px;}
.tbl tr th {text-align: left; padding: 5px;}
.tbl tr td {text-align: center; padding: 5px; font-size: 14px;}
.tbl .bg {background: #ECF4FA;}

.reg fieldset {margin: 10px 0; background: #fff url(../i/bb.gif) bottom repeat-x; padding: 0 0 10px;}
.reg legend {padding: 0 5px; color: #000;}
.reg .mb {margin: 0 0 0 10px;}
.reg .in-fl {float: left; width: 110px;}
.reg .mb p {height: 20px; line-height: 20px;} 
.reg .mb input {margin: 0 0 4px;}
.reg .reb {padding: 10px 0 0 120px;}

.opl dt {font-weight: bold; padding: 0 5px 0; margin: 0 0 5px 5px; border-left: 4px solid #ccc;}
.opl dd {padding: 0 10px; margin: 0;}

#sub {padding: 5px 15px 0 0; line-height: 20px; margin: 0 0 40px;}
#sub a {padding: 0 0 0 20px;}
#sub input {float: left; }

.cat {width: 100%; border: 1px solid #90bedf; margin: 20px 0 40px; background: #ECF4F9;}
.cat h4 {padding: 0; margin: 0;}
.cat td {padding: 20px; background: #ECF4F9; border: 1px solid #fff;}
.cat-l li {padding: 0 0 20px;}
.cat .numero {color: #999;}
.cat-clink {padding: 0 0 0 42px;}
.cat-clink a {padding: 0 22px 0 0; margin: 0 8px 0 0; background: url(../i/ar.gif) right center no-repeat;}

.r-block {padding: 10px; border: 1px solid #90bedf; margin: 0 30px 30px; background: #fff url(../i/bb.gif) bottom repeat-x;}
.r-block h3 {padding: 13px 0 0 0; margin: -13px 0 7px; line-height: 24px;}
.r-block p {padding: 3px 0;}
.links {margin: 0; padding: 5px 0 5px 15px;}
.r-block form {margin: 5px 0;}
.but {margin: 20px auto 0; width: 156px; text-align: center;}
.but a {color: #fff; line-height: 23px; height: 44px; text-decoration: none; display: block; background: url(../i/bbut.jpg) top left no-repeat;}
.but a:hover {background: url(../i/bbut.jpg) top right no-repeat;}
.r-block-n {padding: 10px 10px 0; border: 1px solid #90bedf; margin: 0 30px 30px; background: #fff url(../i/bb.gif) bottom left repeat-x;}
.r-block-n h3 {padding: 13px 0 0 0; margin: -13px 0 7px; line-height: 24px;}
.r-block-n p {padding: 3px 0; margin: 0 0 15px;}
.r-block-n span {color: #000; font-weight: bold;}
.r-block-n span b {color: #fff; padding: 1px 5px; background: #217ec0; margin-right: 5px;}

#footer {border-top: 1px solid #217ec0; padding: 0; height: 122px; clear: both;}
#f-menu {margin: 0 28px 0 0; padding: 0; list-style: none; line-height: 24px; font-size: 12px; float: right; zoom: 1;}
#f-menu li {float: left; display: inline-block; width: 78px; margin: 0 2px;}
#f-menu a {float: left; color: #fff; display: block; text-decoration: none; width: 78px; text-align: center; background: #fff url(../i/btap.gif) top left no-repeat;}
#f-menu a:hover {float: left; display: block; text-decoration: none; background: url(../i/btap.gif) top right no-repeat; color: #fff; width: 78px;}
#copy {font-size: 12px; margin: 0 0 0 40px; width: 700px; clear: both; padding-top: 10px;}
#copy a {color: #999999;}
#copy a:hover {color: #333;}

.spi-b {padding: 5px !important; border-left: 4px solid #4694cb; background: #f2f2f2; margin-top: 10px;}

.oglav {width: 250px; float: right; border: 1px solid #90bedf; margin: 0 0 10px 10px; padding:1px;}
.brd {background: #f2f2f2; padding: 4px;}
.oglav h4 {margin: 0; padding: 0;}
.oglav ul {margin: 0; padding: 0 0 2px;}
.oglav ul li {padding: 0 2px 2px 0;}
.oglav h4 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.oglav ul {font-size: 11px; margin: 0 0 0 13px;}
.oglav a:hover {background: #fff;}

.add-links {}
ul.sys-links {padding-left: 0; margin-left: 0; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px;}
.sys-links li {display: inline; padding: 0 20px 0 20px; list-style-type: none; line-height: 20px;}
.sys-links li.print {display: inline;  background: url(../i/print_16.gif) top left no-repeat;}
.sys-links li.mail {display: inline;  background: url(../i/mail_16.gif) top left no-repeat;}
.sys-links a {color: #333;}

 
table.pr-tbl {border:1px solid #999;margin-bottom:20px; margin-top: 10px;}
table.pr-tbl th{color:#fff; background: #217ec0;padding:2px;}
table.pr-tbl td{text-align:center;}
table.pr-tbl .bg {background: #ECF4FA;}

.note{color:#333;margin-left:20px; font-size: 11px;}

.c-block dl { margin-left: 45px; }
.c-block dt {font-weight: bold;}
.c-block dd {padding: 3px 5px 10px 20px; margin: 0px;}

.part { margin: 10px 0 0; border: 1px solid #90bedf; border-collapse: collapse; background: #fff url(../i/bb.gif) bottom repeat-x; }
.part .head { border-bottom: 1px solid #90bedf; color: #fff; background: #90bedf; font-weight: bold; padding: 10px; }
.part tr { border-bottom: 1px solid #90bedf; }
.part .p-l { border-right: 1px solid #90bedf; padding: 3px 0 3px 10px; }
.part .p-r { padding: 3px 0 3px 10px; }