@charset "utf-8";
@font-face
{
	font-family: Pekan;
	src: url('/icd_DEV/fonts/PekanBold.ttf'), url('/icd_DEV/fonts/PekanBold.eot');

}
.blue_content{
background:#afd9ef;
border:#aabec8 1px solid;
width:767px;
height: auto;
min-height: 650px;
position:relative;
margin-top: -25px;
margin-right: -14px;
float: right;
}
.banner{
background:url(../images/banner.jpg) no-repeat;
width:717px;
height:107px;
position:absolute;
z-index:3;
top:5px;
left:10px;
}
.open .banner{background:url(../images/banner1.jpg) no-repeat;left: 15px;}
.signature{width:200px; height:30px; position:absolute; z-index:10; bottom:8px; left:20px; opacity:0.5;background:#fff;}
span.name{font-size:28px; color:#580606;z-index:100;position:absolute;bottom:13px; left:150px;font-weight:bold;}
input.your_name, div.your_name{width: 120px;
height: 20px;
background: transparent;
position: absolute;
z-index: 100;
left: 20px;
bottom: 10px;
font-size: 16px;
line-height:20px;
border:0;
border-bottom:1px dotted #580606; overflow:hidden;font-weight:bold;color:#580606;}
.hlp_btn{background:url(../images/hlp_btn.png) no-repeat;width:47px; height:47px; border:0;cursor:pointer;position:absolute;z-index:100;top:-1px;}
.yellow_box{
width:737px;
min-height:620px;
height:auto;
position:absolute;
z-index:2;
top:15px;
left:15px;
background:#ffeb66;
-moz-box-shadow: 3px 3px 1px #c5b9b4;
-webkit-box-shadow: 3px 3px 1px #c5b9b4;
box-shadow: 3px 3px 1px #c5b9b4;}
.finish .yellow_box{height:740px;}
.finish{height:770px;}
.main_kriha{
background:url(../images/intro.jpg) no-repeat;
width:708px;
height:471px;
z-index:4;
position:absolute;
top:125px;
left:11px;
}
button.goNext{
background:url(../images/hetz_long.png) no-repeat transparent;
height:40px;
width:216px;
border:0;
cursor:pointer;
position:absolute;
top:405px;
right:40px;
opacity:0.9;
font-family: Pekan;
font-weight: bold;
}
.goNext.small{
width: 170px;
float: right;
right: 8px;
position: absolute;
top: 380px;}
.goNext.small.inpage{
width: 170px;
float: right;
margin-right: 520px;
position: absolute;
top: 180px;
display:none;}
.goNext .hetz{
background:url(../images/orange_hetz.png) no-repeat;
width:38px;
height:27px;
float:left;
margin-left:5px;
}
.goNext span{
color:#580606;
font-family: Pekan;
font-weight:bold;
font-size: 22px;
float:right;
margin-right:5px;
}

.goNext.small span{margin-right:25px;
float:right;}
.descrip_text{
width:515px;
height:34px;
position:relative;
z-index:5;
top:0px;
right:0px;
background:#fff;
padding-right:5px;
line-height:17px;
font-size:16px;
border: 2px #dab520 solid;
border-left:none;
font-family: Pekan;
font-weight: bold;
}
.descrip_text b{font-size: 20px;}
.choose_area{display:none;
width:738px;
height:471px;
z-index:4;
position:absolute;
top:125px;
left:-10px;

}
.descrip_text:after{left: -40px;
border-left-width: 1px;
box-shadow: 0px 1px px 1px rgba(0,0,0,0.2);
background-color: #fff;
-webkit-transform: skewX(-65deg);
-moz-transform: skewX(-65deg);
-ms-transform: skewX(-65deg);
-o-transform: skewX(-65deg);
transform: skewX(-65deg);
position: absolute;
top: 0px;
width: 75px;
height: 34px;
border-left: 2px #dab520 solid;
border-bottom: 2px #dab520 solid;
content: "";
z-index:5;
}
.descrip_text span{z-index:100;position:absolute;width:560px;}
.orange_box{
background:#f6741e;
position:relative;
width:234px;
height:436px;
float:right;
margin-top:10px;
margin-left:8px;
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
.orange_box .title{
background:#fff;
width:219px;
height:20px;
text-align:center;
float:right;
margin-top:8px;
margin-right:8px;
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
font-family:Pekan;
font-size:22px;
}
.orange_box .item{
width:219px;
height:391px;
float:right;
margin-top:8px;
margin-right:8px;
}
.item.home{background:url(../images/home.jpg) no-repeat;}
.item.school{background:url(../images/schooln.jpg) no-repeat;}
.item.street{background:url(../images/street.jpg) no-repeat;}
.dilema{display:none;
width:738px;
height:471px;
z-index:4;
position:absolute;
top:125px;
left:-10px;}
.boit_box{
width: 694px;
height: 170px;
background: #f6741e;
float: right;
margin-top: 20px;
margin-right:8px;
padding-right: 10px;
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
.boit{width:220px;
height:125px;
float:right;
margin-top:8px;
margin-left:8px;
}
.boit.on{background:url(../images/boit1n.png) no-repeat;
cursor:pointer;
}

.boit.off{background:url(../images/boit2n.png) no-repeat;cursor:inherit;}
.boit.finish{background:url(../images/boit2n.png) no-repeat;cursor:inherit;}
.boit_box .descrip_text{width:280px ! important;margin-top:5px ! important;height:20px ! important;line-height:20px ! important; right:0px ! important; font-size:16px;}
.boit_box .descrip_text:after{height: 20px ! important; left: -25px ! important;width: 45px ! important;}
.dilema .descrip_text{width:698px;height:35px;right: 5px;line-height:18px;top:0px;border-left: 2px #dab520 solid;}
.dilema .descrip_text span{width:690px;}
.descrip_text.short{width:100px;position:absolute; top:2px; left:2px;height:25px;border:none;}
.short.descrip_text:after{height: 0px;left: 0px;width: 0px;z-index:0;border:0;}
.short span{width: 95px ! important;font-size:18px;color:#580606;text-align:center;line-height:25px;}
.dilema .long.descrip_text:after{height: 0px;left: 0px;width: 0px;z-index:0;border:0;}
.box{width:703px;height:227px; float:right;margin-top: 10px;margin-right: 5px;border:#dab520 solid 2px;position:relative;}
.street >.box{
background:url(../images/bckall/bk4.jpg) bottom no-repeat;}
.school > .box{background:url(../images/bckall/bk5.jpg) bottom no-repeat;}
.home > .box{background:url(../images/bckall/bk6.jpg)  bottom no-repeat;}

.school .ans{background:url(../images/c2.png) no-repeat;width:153px; height:218px; position:absolute; right:50px;top: 11px;}
.school .ans.right{background:url(../images/c1.png) no-repeat;width:174px; height:227px; position:absolute; right:150px;top: 11px;}
.school .advise{background:url(../images/g1.png) no-repeat;width:188px; height:220px; position:absolute; left: 25px;top:9px;}
.home .ans{background:url(../images/d1.png) no-repeat;width:130px; height:227px; position:absolute; right:40px;top: 1px;}
.home .ans.right{background:url(../images/d2.png) no-repeat;width:300px; height:227px; position:absolute; right:80px;top: 1px;}
.home .advise{background:url(../images/d11.png) no-repeat;width:126px; height:182px; position:absolute; left:45px;top: 46px;}
.street .ans{background:url(../images/g1.png) no-repeat;width:188px; height:220px; position:absolute; left:25px;top: 9px;}
.street .ans.right{background:url(../images/g2.png) no-repeat;width:300px; height:227px; position:absolute; left:100px;top: 2px;}
.street .advise{background:url(../images/e1.png) no-repeat;width:140px; height:227px; position:absolute; right:50px;top: 1px;}
.boit span{font-size: 16px;
width: 180px;
margin-top: 33px;
float: right;
margin-right: 15px;
font-family:Pekan;
line-height:16px;
text-align:center;
}
.boit.adv{position: absolute;
left: 135px;
cursor:inherit;}
.boit.adv.view{display:block;cursor:inherit;}
.box .boit, .box .boit.on{cursor:inherit; background:url(../images/boit0n.png) no-repeat;}
.boit.answer{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); /* Safari and Chrome */
-moz-transform:rotateY(180deg);
position:absolute;
left:330px;
z-index: 10;
}
.street .boit.adv{display:block;
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); /* Safari and Chrome */
-moz-transform:rotateY(180deg);
position:absolute;
left:340px;
}
.street .boit.answer{position: absolute;
transform:rotateY(0deg);
-webkit-transform:rotateY(0deg); /* Safari and Chrome */
-moz-transform:rotateY(0deg);
left: 135px;
cursor:inherit;
}
.street .boit.answer.yes{left:300px;}
.street .boit.answer span{transform:rotateY(0deg);
-webkit-transform:rotateY(0deg); /* Safari and Chrome */
-moz-transform:rotateY(0deg);
width: 190px;
margin-right:12px;
margin-top: 15px;}
.street .boit.adv span{transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); /* Safari and Chrome */
-moz-transform:rotateY(180deg);
width: 190px;
margin-right: 12px;
margin-top: 30px;
}
.boit.answer span{transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); /* Safari and Chrome */
-moz-transform:rotateY(180deg);
width: 190px;
margin-right: 12px;
margin-top: 15px;
}
.answer.yes{left:80px;background:url(../images/true_ans.png) no-repeat ! important; width:309px; height:154px;}
.answer.yes span{margin-right:45px ! important; margin-top:20px ! important; width:238px ! important;}
.box_title{background:url(../images/pencil.png) no-repeat; width:704px; height:239px; position:absolute;top:-2px;left:0px;z-index:20;}
.box_title span{margin-top: 120px;
float: right;
margin-right: 260px;
font-family: Pekan;
font-size: 40px;
color:#8c2826;}