* {padding: 0; margin: 0;}
html, body {height:100%;}
body {color: #000; font: normal 14px/20px Tahoma, Helvetica, sans-serif; background: #fff;text-align: center;}
.scroll { /*overflow: scroll !important;*/}

ul {list-style: none;}
a { color: #336699;outline:0;}
b {/*color: #336699;*/color: #333;}
p {margin: 4px 0;}
.clear {clear: both;height: 0; line-height:0; font-size:0;}
.fleft {float:left;}
.fright {float: right;}
.hide {display:none;}
.center {text-align: center;}
.no_pad {padding: 0 !important;}

.page_before {page-break-before:always;/**/}
.page_after {page-break-before:always;}

#container, #footer {width:885px;margin: 0 auto;}
 #container { text-align: left;/*overflow:hidden;*/}
.fix_foo #container {min-height:100%;position:relative;}
* html .fix_foo #container {height:100%;}
#main {padding-bottom: 10px;}
.fix_foo #main {padding-bottom: 57px;}
#footer {border-top: 1px solid #ccc;color: #666;height:47px;text-align: left; padding-top:5px; }
.fix_foo #footer {position:relative; margin-top: -53px;}
#footer a {color: #666;text-decoration: none;}
#footer a:hover {color: #39a2df;text-decoration: underline;}

#header {/*height: 65px20px*/;text-align: center;margin: 10px 0 20px;/*border-bottom: 1px solid #ccc;*/}
#header h1 {font: /*italic*/ normal 30px Geogria; padding: 15px 0; color: #999;}
#header h1 span {/*background: #c4d6f7;*/}

.nav {display:none;}
.nav li {display:none; }

.scheme, .playground  {position: relative;  border: 1px solid #ccc;margin-bottom: 20px;}
.back  {position: absolute; z-index: 5; background: url(img/shturval5.gif) no-repeat center center;}
.front {position: absolute; z-index: 10;}
.wrap {position: relative; /*padding: 10px;*/}

.scheme, .back , .front , .wrap  {height: 650px;width: 880px;}

.tim_name {height:30px;margin: 20px 0;font-size:20px;color: #39a2df;}
h4 {font-size: 18px; color: #39a2df;margin: 20px 0 5px 0;}
#select_tim {font-size:21px;}
/*--------------*/
.draw_tim {background: url(img/shturval6.gif) no-repeat center center;height: 500px;width: 600px;position: relative;z-index:10;}
.sklad {float:right; width:250px; list-style:none;margin-top:100px;position: relative;z-index:20;}
.sklad li {margin: 15px 0;}
.sklad img {float:left;cursor:move;width:20px; height:20px;}
.sklad h6 {margin-left: 10px; font-size:13px;float:left;}

.playground {height: 500px;width: 880px;background: #f9f9f9;}
.fun_box  em {overflow:hidden;display: block; position: absolute;top: 48%; left: 33%;height:35px; width: 35px;z-index:11;border: 2px solid #ceeafa;background: #ceeafa;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.playground .fun_img {margin-top: -600px;height: 600px;width: 600px;}

.drop_hover {opacity: 0.4;}
.drop_active {border-color: #39a2df !important;}
.fun_box  .done {background: #f9f9f9 !important;border-color: #f9f9f9 !important;}
.fun_box  .selected {background: #f9f9f9 !important;border-color: #ccc !important;}
.fun_box .white { background: white;}
.fun_box .black { background: #333;}
.hide_tim {display:none;}

.border_img .fun_box  em {height:39px; width:39px;background: #ceeafa url(img/boxes.gif) 0 0 no-repeat;border: none !important;}
.border_img .fun_box  .done {background: #f9f9f9 !important;border-color: #f9f9f9 !important;}
.border_img .fun_box .drop_active {background: #39a2df url(img/boxes.gif) 0 25% no-repeat;}
.border_img .fun_box .black  {background: #ccc url(img/boxes.gif) 0 50% no-repeat;}
.border_img .fun_box .white  {background: #ccc url(img/boxes.gif) 0 75% no-repeat;}
.border_img .fun_box em.selected  {background: #ccc url(img/boxes.gif) 0 100% no-repeat !important;}


/*----------*/
.fun_names {}
.fun_names  b  {position: absolute;top: 50%; left: 50%;}
.fun_names  b , .tim_descr b {font-size: 19px;color: #39a2df;}

.fun_names .first {margin-left: 200px;margin-top: -10px;}
.fun_names .minus_first {margin-left: -220px;margin-top: -10px;}
.fun_names .second {margin-top: -220px;margin-left: -10px;}
.fun_names .minus_second {margin-top: 200px;margin-left: -20px;}
.fun_names .third {margin-left: -170px; margin-top: -162px;}
.fun_names .minus_third {margin-left: 143px; margin-top: 150px;}
.fun_names .fourth {margin-left: 153px; margin-top: -160px;}
.fun_names .minus_fourth {margin-left: -176px; margin-top: 150px;}

.shift {margin-top: -650px;}
.fun_descr {/*margin-top: -650px;*//*border: 1px solid red;*/}
.asp_des {/*border: 1px solid green;*//*top: 0px;*/}
.fun_descr  div {position: absolute;top: 50%; left: 50%;text-align: center;width: 188px;}
.fun_descr p {font-size: 12px;margin: 0;}
.fun_descr h5, .tim_descr h5 {font-size: 14px;text-transform:uppercase;}

.fun_descr .first {margin-left: 230px;margin-top: -20px;}
.fun_descr .minus_first {margin-left: -417px;margin-top: -20px;}
.fun_descr .second {margin-top: -296px;margin-left: -94px;}
.fun_descr .minus_second {margin-top: 238px;margin-left: -94px;}
.fun_descr .third {margin-left: -353px; margin-top: -230px;}
.fun_descr .minus_third {margin-left: 163px; margin-top: 175px;}
.fun_descr .fourth {margin-left: 166px; margin-top: -229px;}
.fun_descr .minus_fourth {margin-left: -338px; margin-top: 166px;}

.fun_img {/*opacity: 0;*/}
.fun_img  img {position: absolute;top: 50%; left: 50%;height:20px; width: 20px;z-index:11;cursor:pointer;}


.fun_img .first, .fun_box #first {margin-left: 129px;margin-top: -10px;}
.fun_img .minus_first, .fun_box #minus_first {margin-left: -146px;margin-top: -10px;}
.fun_img .second, .fun_box #second {margin-top: -150px;margin-left: -10px;}
.fun_img .minus_second, .fun_box #minus_second {margin-top: 129px;margin-left: -10px;}
.fun_img .third, .fun_box #third  {margin-left: -111px; margin-top: -111px;}
.fun_img .minus_third, .fun_box #minus_third {margin-left: 94px; margin-top: 94px;}
.fun_img .fourth, .fun_box #fourth {margin-left: 94px; margin-top: -111px;}
.fun_img .minus_fourth, .fun_box #minus_fourth {margin-left: -111px; margin-top: 94px;}

.asp_descr {width: 220px;position: absolute;top: 50%; left: 50%;z-index: 20;overflow:visible;}
.asp_descr p {font-size: 12px;line-height: 1.1;}
.asp_descr h6 {font-size: 12px;line-height: 1.1;}
.asp_bor {margin-top: 10px;border: 1px solid #39a2df;padding: 5px;text-align: center;background: #ceeafa;}

.asp_des .first {margin-left: 29px;margin-top: 10px;}
.asp_des .minus_first {margin-left: -246px;margin-top: 10px;}
.asp_des .second {margin-top: -130px;margin-left: -110px;}
.asp_des .minus_second {margin-top: 159px;margin-left: -110px;}
.asp_des .third {margin-left: -211px; margin-top: -91px;}
.asp_des .minus_third {margin-left: -6px; margin-top: 114px;}
.asp_des .fourth {margin-left: -6px; margin-top: -91px;}
.asp_des .minus_fourth {margin-left: -211px; margin-top: 114px;}

.tim_descr { margin-bottom:5px;min-height:150px;} * html .tim_descr {height:150px;}
.tim_descr b {float:left; width:40px; text-align: right; line-height:23px;}
.tim_descr h5 {margin: 0 10px;float:left;}
.title  p {font-size: 12px;margin: 0;float:left;}
.up_link {display:none;}
.ar_link , .tim_descr a {color: #ccc; text-decoration:none;margin: 0 5px 0 /*49px*/0;}
.ar_link:hover, .tim_descr a:hover {color: #39a2df; text-decoration:none;}
.switch {margin: 5px 0;}

.all_descr/*, .fill*/ {margin-bottom:20px;}
.all_descr p, .fill p {margin: 0px 0 7px 52px; text-align: justify;}
.tim_descr .title {line-height: 27px;margin-top:15px;border-bottom: 1px solid #ccc; margin-bottom:5px;} 
.tim_descr blockquote p {border-left: 1px solid #ccc; padding-left: 10px;font-size:12px; font-style: italic;}

.asp_note {}
.asp_note  h6{color: #39a2df;font-size:13px;text-transform: capitalize;}
.asp_note p {color: #666; font-style: italic; font-size: 12px;line-height: 1.2;}
.asp_note p, .tim_descr blockquote p {margin-right:2px;}

.asp_note .o_sens { background: url(img/o_sens.gif) no-repeat left center;}
.asp_note .s_sens { background: url(img/s_sens.gif) no-repeat left center;}
.asp_note .o_et { background: url(img/o_et.gif) no-repeat left center;}
.asp_note .s_et { background: url(img/s_et.gif) no-repeat left center;}
.asp_note .o_log { background: url(img/o_log.gif) no-repeat left center;}
.asp_note .s_log { background: url(img/s_log.gif) no-repeat left center;}
.asp_note .o_int { background: url(img/o_int.gif) no-repeat left center;}
.asp_note .s_int { background: url(img/s_int.gif) no-repeat left center;}

.tim_descr .first h6 {padding-left: 25px;margin-left: 25px;}
.tim_descr .minus_first h6 {padding-left: 26px;margin-left: 24px;}
.tim_descr .second h6 {padding-left: 28px;margin-left: 22px;}
.tim_descr .minus_second h6 {padding-left: 30px;margin-left: 20px;}
.tim_descr .third h6 {padding-left: 33px;margin-left: 17px;}
.tim_descr .minus_third h6 {padding-left: 33px;margin-left: 17px;}
.tim_descr .fourth h6 {padding-left: 30px;margin-left: 20px;}
.tim_descr .minus_fourth h6 {padding-left: 30px;margin-left: 20px;}

.simp {border: 2px solid #ccc;border-collapse:collapse;empty-cells: show; text-align:center;margin-bottom: 30px; }
.simp td, .simp tr {padding:3px;}
/*.simp,*/ .simp td {border-color: #ccc; border-width: 1px 2px; border-style: solid;}
.simp .bot_line {padding:3px; border-bottom: 1px solid #ccc; margin-bottom: 3px;}
.simp b {color:#39a2df ;}

.tab_fun_box {padding:3px;position:relative;width:90px; height:80px; margin: 0 auto 3px;background: url(img/arrows_01.gif) no-repeat 50% 50%;}
.tab_fun_box img {position:absolute; width:20px; height:20px;}
.tab_fun_box .first {bottom: 10px;right:10px;}
.tab_fun_box .second {top: 10px;left:10px;}
.tab_fun_box .third {bottom: 10px;left:10px;}
.tab_fun_box .fourth {top: 10px;right:10px;}