.tar { text-align: right; }
#s-win { display: none; font-family: Tahoma; text-align: center; border: solid 3px #8d8d8d; background: #fff; position: fixed !important; top: 50%; left: 50%; width: 345px; margin-left: -172px; margin-top: -180px; z-index: 2000; //position: absolute; //top: expression((window.XMLHttpRequest) ? '50%' : document.getElementsByTagName("body")[0].clientHeight/2 + document.getElementsByTagName("body")[0].scrollTop + "px"); }
#s-win h4 { padding-left: 10px; background-color: #8d8d8d; height: 24px; font: bold 1.2em Tahoma; line-height: 1.7em; color: #fff; text-align: left; }
#s-win h4 a { font: bold 1.9em Tahoma; float: right; text-decoration: none; cursor: pointer; margin-right: 3px; margin-top: -5px; color: #fff; }
#s-win h4 a:hover { color: #f00; }
.bar { width: 100%; overflow: auto; margin: 20px 0; padding: 0; list-style: none; }
.bar li { float: left; color: #ccc; font-size: 1.1em; }
.bar li.act { color: #179506; font-weight: bold; }
#stage1, #stage1_ { margin-left: 13px; width: 159px; height: 32px; background: url('/img/sys_statys_bar.png') 0 bottom no-repeat; }
#stage2, #stage2_ { width: 160px; height: 32px; background: url('/img/sys_statys_bar.png') -159px bottom no-repeat; }
.act#stage2, .act#stage2_ { background-position: -319px bottom; }
#s-win .h5 { font: normal 1.7em Tahoma; color: #333; }
#s-win .quest { display: inline; font-size: .7em; text-align: left; position: relative; top: 5px; }
#s-win .title { display: none; position: absolute; top: 0; left: 13px; padding: 10px; background-color: #ffc; border: solid 1px #fc9; width: 240px; overflow: hidden; }
#s-win .title strong { font: normal 1.4em Tahoma; color: #333; }
#s-win .title p { font-size: .9em; margin-top: 5px; color: #666; }
#s-win .quest:hover .title { display: block; }
#s-win table { width: 320px; font-size: 1.2em; margin: 10px auto; text-align: right; } 
#s-win table label { margin: 0; padding: 0; margin-left: 5px; }
#s-win table td { vertical-align: middle; line-height: 20px; }
#s-win select { width: 190px; }
#s-win select option { padding: 0 5px; }
#but_next { margin: 15px 0 0 0; }
#but_get { float: right; }
#cont_stage2 { display: none; }
#sys_count { color: #060; font-weight: bold; }
#s-win #sys_table { text-align: left; }
#sys_table tfoot td { padding-top: 15px; }

.sys_card { width: 100%; margin: 20px auto; border: solid 1px #dfdfe0; background-color: #dfdfe0; font-size: .75em; }
#p-system h2 { margin-top: 30px; }
#p-system h3 { text-align: left; font: normal 17px Tahoma; margin-top: 20px; margin-bottom: 10px; }
.sys_card img { width: 350px; height: 240px; float: left; margin: auto; padding: 0; }
.sys_card h3 { color: #336; margin-top: 20px; }
.sys_card ul { margin: 0; padding: 0; }
.sys_card .good { padding: 0 20px 0 0; list-style: square; }
.poly { list-style: none; }
.poly li { position: relative; float: left; width: 37px; height: 23px; background: #ff9500 url('/img/poly.png') 0 0 no-repeat; margin: 0 10px 10px 0; text-indent: -9999px; }
li div.title { color: #333; display: none; position: absolute; top: 15px; left: 15px; border: solid 1px #fc9; background-color: #ffc; padding: 10px; text-indent: 0; z-index: 100; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); }
.poly li div.title { white-space: nowrap; }
.layers li div.title { top: 5px; left: 25px; width: 450px; font: normal .9em Tahoma; line-height: 120%; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); //left: 171px; //top: 0; }
li:hover div.title { display: block; }
.poly li.v2 { background-color: #65b914; background-position: -37px 0; }
.poly li.v3 { background-color: #4bc9f8; background-position: -74px 0; }
.poly li.v4 { background-color: #1459b7; background-position: -111px 0; }
.layers { list-style: none; margin-top: 10px; }
.layers li { position: static; cursor: default; color: #fff; width: 156px; font: bold 1.1em Tahoma; line-height: 26px; padding: 0 7px; margin: 0; }
.layers li:hover { position: relative; }
.layers li.last { height: 25px; line-height: 12px !important; padding-top: 13px !important; background: #fff url('/img/ground.png') 0 top no-repeat; border: solid 1px #9c9c9c; border-top: 0; color: #333; //line-height: 25px; //padding-top: 7px; }
.layers li.base { background-color: #515250; color: #fff; }
.layers li.purple { background-color: #8787df; }
.layers li.yellow { background-color: #cfc22f; }
.layers li.blue { background-color: #065293; }
.layers li.orange { background-color: #c86b2f; }
.layers li.green { background-color: #419b08; }
.layers li.red { background-color: #cc3831; }
.layers li.brown { background-color: #6d471c; }

.sys_card .left, .sys_card .right { width: 320px; float: left; text-align: left; margin-left: 10px; }
.sys_card .left { width: 200px; }
#p-system .s-t { table-layout: fixed; margin: 0; background-color: #dfdfe0; }
#p-system table td { vertical-align: top; padding: 0; margin: 0; border: 0; background-color: #dfdfe0; }
#p-system td.h1 { background-color: #2f4b88; font: bold 18px 'Arial Black'; color: #fff; text-align: left; padding: 0 0 5px 15px; }
#p-system td.h1 sup { font-size: 14px; }
#p-system td.pl15 { padding-left: 15px; }
#p-system table tr, #p-system table tr:hover { background-color: #dfdfe0; }
#p-system p { font: normal 12px Tahoma; text-align: left; margin-left: 0; line-height: 160%; }
br.clear { clear: both; }
.photo img { width: auto; height: auto; max-width: 40px; max-height: 35px; background-color: #fff; padding: 3px; margin: 0 5px 10px 0; }
.photo div { float: left; position: relative; }
.photo div a.big_photo { display: none; position: absolute; top: 0; left: 0; }
.photo div:hover a.big_photo { display: block; }
.photo div a.big_photo img { max-width: 360px; max-height: 315px; border: solid 2px #fff; } 

#system-info img { margin: 15px 20px 0 0; }