@font-face { font-family: 'dragon_is_comingregular'; src: url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.eot'); src: url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.eot?#iefix') format('embedded-opentype'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.woff') format('woff'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.ttf') format('truetype'), url('http://edentesting.b1.jcink.com/uploads/edentesting/dragon_is_coming_webfont.svg#dragon_is_comingregular') format('svg'); font-weight: normal; font-style: normal; }

.stereo /*áîëüøîå îêíî*/{  
    width: 655px;
    height: 400px;
    padding: 30px;
    /* background-image: url(http://funkyimg.com/i/28Udn.jpg); */
    /* border-right: 100px solid #7A5B49; */
    margin: 0 auto;
    margin-left: 5px;} 

 .stereotabs /*áîëüøîå îêíî âûñîòà*/{
   position: relative;  
   height: 400px; 
/*   width: 250px */ } 

   .stereotab { float: left;} 

   .stereotab label /*êíîïî÷êè*/ { 
     display: block; 
     width: 93px;
     background-color: #CFBC9A; 
 color: #ebece7;
 font-family: Georgia;
 font-size: 13px;
 letter-spacing; 5px;
 text-align: center;
 position: absolute;
 left: 678px; 
 top: -18px;
}

.stereotab input[type=radio] { display: none; } 

.stereocontent { 
position: absolute;
top: -20px;
bottom: -20px;
left: -20px;
right: -20px;
background: #DCD6CA;
padding: 10px;
border: 5px solid #CFBC9A;
overflow-y: auto;
}

.stereocontent b { color: #343d5c }
.stereotab input[type=radio]:checked ~ label { 
 background-color: #43210C; 
 color: #ebece7; 
 border-bottom:
 0px; z-index: 4; } 
.stereotab [type=radio]:checked ~ label ~ .stereocontent {z-index: 5; }


.ttyt1  /*ÌÅËÊÈÉ ÒÅÊÑÒ ÍÀ ÖÂÅÒÍÎÌ ÔÎÍÅ*/ { 
font-size: 10px; 
font-family: georgia; 
letter-spacing: 1px; 
background-color: #CFBC9A; 
color: #612D03; 
text-align: center; 
padding-bottom: 5px; 
line-height: 15px;
}

.ttyt2 /*ÁÎËÜØÎÉ ÒÅÊÑÒ ÍÀ ÖÂÅÒÍÎÌ ÔÎÍÅ*/ { 
font-size: 65px; 
font-family: dragon_is_comingregular;
letter-spacing: 2px; 
background-color: #CFBC9A; 
color: #612D03; 
text-align: center; 
padding-top: 15px; 
line-height: 15px;
/*font-weight: bold;*/
}

.ttyt3 /*ÏÎÄÏÓÍÊÒ*/ { 
font-size: 10px;
    letter-spacing: 1px;
    background-color: #CFBC9A;
    text-align: center;
    line-height: 15px;
}

.ttyt4 /*ÒÅÊÑÒ*/ { 
font-size: 11px; 
line-height: 100%; 
text-align: justify; 
padding-left: 0px; 
color: #222;
}

.sonnnn /*ÒÅÊÑÒ Â ÏËÅÉËÈÑÒÅ*/ { 
font-size: 16px; 
font-family: Calibri;
color: #612D03;
font-weight: bold;
}

.kinokol {
width:194px; 
height: 247px; 
background: url(http://funkyimg.com/i/2eX2Z.png); 
}

#bex {width: 194px; height: 247px; position: relative; overflow: hidden;}
#bex .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; 
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; 
O-TRANSITION: 0.8S ALL EASE-IN-OUT; 
position: absolute; left: 0px; bottom: 0px; width: 194px; height: 247px;}
#bex:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; 
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -200px;}
