html,body,table,
h1,h2,h3,h4,
p,form,
fieldset,legend,
ol,ul,li,dl,dt,dd{margin:0;padding:0;border:0;font-weight:normal;list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em}
td{font-size:1em;vertical-align:top}
a{cursor:pointer;text-decoration:underline}
a:hover{text-decoration:none}
img{vertical-align:middle}
input,select{vertical-align:baseline}
a img{border:0}
input,select,textarea{font:1em Arial,sans-serif}
ul{list-style-type:none}
table{border:0;border-collapse:collapse}
table td{padding:0}
body,html{position:relative;}
html{height:100%;width:100%}
body{width:100%;font: 12px Arial,sans-serif}

a { color: #000; }

/*.hidden { display: none !important; }*/
.hidden { visibility: hidden; position: absolute; left: -1000px; top: -2000px; }


html { background: #4c3b26 url(back.jpg) center 3px; overflow: auto; height: 100%; overflow-y: scroll; overflow-x: hidden; }

#top-menu { height: 33px; font-size: 18px; line-height: 31px; color: #fff; background-color: #3d3b39; background-color: rgba(0,0,0,0.69); }
#top-menu h1 { width: 990px; margin: 0 auto; }
#top-menu a,
#top-menu b { color: #fff000; font-weight: normal; }
#top-menu a { /*text-decoration: underline;*/ border-bottom: 1px solid; }
#top-menu a:hover { border-bottom: none; }
#top-menu a.about { position: absolute; top: 0; right: 0; height: 33px; width: 33px; overflow: hidden; margin: 0; background: #b4b1ac; color: #fff; text-decoration: none; text-shadow: #4b3b25 0px 1px 0; }


#content { width: 982px; margin: 0 auto; padding: 24px 0 10px; }

#footer { width: 962px; margin: 0 auto; padding: 0 10px 35px; text-align: right; }
#footer a { color: #fff; }


.cool-select { overflow: hidden; }
.cool-select .cell { float: left; }
.cool-select .cell .var { display: block; height: 38px; line-height: 38px; padding: 0 12px; white-space: nowrap; }
.cool-select .cell .var.selected,
.cool-select .cell .var:hover { background: #4b3b25 url(icons.png) repeat-x 0 -200px; color: #fff; }
.cool-select .cell .var .control { margin: 0 5px 0 1px; }
.cool-select .cell .var,
.cool-select .cell .var .control { cursor: pointer; }
.cool-select .cell .var.selected,
.cool-select .cell .var.selected .control { cursor: default; }



.box { position: relative; width: 970px; margin-bottom: 20px; border: #fff 6px solid; background: #e3e2dd; }
.box .head { position: relative; z-index: 2; height: 33px; padding: 0 0 0 10px; background: #4b3b25 url(icons.png) repeat-x 0 -200px; font-size: 18px; line-height: 32px; letter-spacing: 0.04em; color: #fff; }
.box.disabled .head { z-index: 0; }
.box .head a { color: #fff; text-decoration: none; }
.box .head .num { float: left; height: 33px; line-height: 34px; width: 33px; text-align: center; color: #3a2e1d; background: #ffc000 url(icons.png) repeat-x 0 -200px;; margin: 0 10px 0 -10px; text-indent: 2px; }
.box .body { width: 100%; }
.box .cover { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #e3e2dd; opacity: 0.8; }
.box .warning { position: absolute; z-index: 20; left: 0; top: 28px; width: 840px; padding: 25px; margin: 35px; background: #4b3b25; border: solid 5px #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; color: #fff; font-size: 38px; display: none; }
.box .bottom { position: absolute; left: 475px; bottom: -15px; width: 17px; height: 9px; background: url(icons.png) no-repeat -50px -150px; }
.box.first-disabled .warning { display: block; }
.box .status { position: relative; z-index: 20; height: 33px; padding: 0 0 0 10px; border-top: 1px solid #63a300; background: #63a300 url(icons.png) repeat-x 0 -200px; font-size: 18px; text-align: center; line-height: 32px; letter-spacing: 0.04em; color: #fff; }
.box .status a { color: #fff; display: block; }
.box .status.error { border-top-color: #b00; background-color: #b00; }
.box.disabled .status.error { border-top-color: #888; background-color: #888; }
.box.last-enabled .bottom,
.box.disabled .bottom { display: none; }
.box.disabled .status { z-index: 0; }


.block,
.question { margin: 30px 43px 30px; position: relative; z-index: 2; border-bottom: 1px solid #fff; }
.block .name,
.question .name { font-weight: bold; font-size: 16px; display: block; margin: 0 0 10px 0; }
.block .stuff,
.question .stuff { border-bottom: 1px solid #b3b1a5; padding-bottom: 30px; }
.block .stuff p,
.question .stuff p { margin-top: 1em; }

.block.last,
.question.last,
.block.last .stuff,
.question.last .stuff { border-bottom: none !important; }




.vacancy-promo { position: relative; }
.vacancy-promo .hot-overlay { display: none; position: absolute; right: -45px; top: 25px; z-index: 10; width: 96px; height: 66px; overflow: hidden; padding-top: 30px; background: url(icons.png) no-repeat -450px -50px; color: #fff; font-size: 14px; text-align: center; }
.vacancy-promo .viewport { position: relative; width: 970px; height: 350px; overflow: hidden; }
.vacancy-promo .viewport .surface { width: 30000px; }
.vacancy-promo .point { float: left; width: 970px; height: 350px; background: #ccc url(loading-gray.gif) no-repeat center; position: relative; }
.vacancy-promo .prev,
.vacancy-promo .next { display: block; position: absolute; top: 0px; width: 45%; height: 350px; overflow: hidden; font-size: 36px; text-decoration: none; color: #fff; }
.vacancy-promo .prev { left: 0; }
.vacancy-promo .next { right: 0; }

.vacancy-promo .prev .arrow,
.vacancy-promo .next .arrow { position: absolute; top: 160px; width: 17px; height: 26px; overflow: hidden; background: url(icons.png) no-repeat; text-indent: -200px; }
.vacancy-promo .prev .arrow { left: 20px; background-position: -450px 0; }
.vacancy-promo .next .arrow { right: 20px; background-position: -500px 0; }
.vacancy-promo .disabled { display: none !important; }

.vacancy-promo .phrases { width: 243px; position: absolute; right: 0; top: 7px; }
.vacancy-promo .phrase { margin: 15px 0; }
.vacancy-promo .phrase .text { font-size: 18px; font-weight: normal; line-height: 21px; padding: 2px 0; color: #fff; letter-spacing: 0px; /*font-style: italic;*/ }
.vacancy-promo .phrase .text { background-color: #aba7a1; }
.vacancy-promo .first .text { background-color: #695f55; }
.vacancy-promo .second .text { background-color: #8a8077; }



.we-need { padding: 18px 20px; background-color: #e7e7e2; font-size: 13px; }
.we-need .name { display: inline; color: #000; font-size: 14px; margin: 0 20px 0 0; }
.we-need .name .text { color: #4b3b25; border-bottom: 1px dashed; text-decoration: none; }
.we-need .name.main .text { font-weight: bold; }
.we-need .name.selected .text { color: #000; border: none; cursor: default; }
.we-need .section { padding: 12px 0 0 0; }
.we-need .section li { list-style: circle inside; }
.we-need .section p { margin: 0 0 0.7em 0; }
.we-need .border { margin: 8px 0; border-bottom: #fff 1px solid; border-top: #b3b1a5 1px solid; }




.map { background: #ccc url(loading-gray.gif) no-repeat scroll center center }
.map .point { z-index: 2; position: absolute; }
.map .point.hot { z-index: 3; }
.map .point.closed { z-index: 1; }
.map .point:hover { z-index: 5; width: 1px; height: 1px; }
.map .point .point-name { display: none; font-size: 15px; margin: 0 0 0.5em; }
.map .point .icon { position: absolute; left: -12px; top: -12px; width: 28px; height: 28px; background: #f00; background: url(icons.png) no-repeat -100px 0; cursor: pointer; }
.map .point .title { position: absolute; z-index: 10; left: -90px; top: 20px; width: 170px; padding: 10px; opacity: 0.85; color: #fff; background: #000; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.map .point:hover .title { display: block; }
.map .point.hot .icon { background-position: -100px -50px; }
.map .point.closed .icon,
.map .point.closed.selected .icon { background-position: -100px -100px; opacity: 0.85; cursor: default; }
.map .point.closed.selected .title,
.map .point.closed .title { background-color: #777; }
.map .point.hot .title { background-color: #c00; }
.map .point.hot .point-name,
.map .point.closed .point-name { display: block; }
/*.map .point.hot.selected .icon { background-position: -150px -50px; }*/
.map .point.inactive .icon { background-position: -100px -100px; cursor: default; }
.map .point.inactive .title { background-color: #6d6d6d; }
.map .point.selected { z-index: 4; }
.map .point.selected .icon { background-position: -150px 0px; }
.map .point.selected .title { background-color: #82be24; }

.map .position-control { position: absolute; left: 20px; top: 20px; width: 61px; height: 106px; background: #ccc; background: url(icons.png) no-repeat 0 0; }
.map .position-control .to-top,
.map .position-control .to-right,
.map .position-control .to-bottom,
.map .position-control .to-left,
.map .position-control .to-plus,
.map .position-control .to-minus { position: absolute; width: 15px; height: 15px; cursor: pointer; }
.map .position-control .to-top { left: 23px; top: 8px; }
.map .position-control .to-right { left: 32px; top: 26px; }
.map .position-control .to-bottom { left: 23px; top: 44px; }
.map .position-control .to-left { left: 14px; top: 26px; }
.map .position-control .to-plus { left: 23px; top: 62px; }
.map .position-control .to-minus { left: 23px; top: 80px; }



.box.loading-message { display: none; background-image: url(loading-gray.gif); background-repeat: no-repeat; background-position: 25px center; }
.box.loading-message .block { margin: 30px 44px 0px 70px; }
html.loading .box.loading-message { display: block; }