<style type="text/css">
.containerLG {
background-image: url("/templates_alt/icons3/main_bg.jpg");
background-color: rgba(0, 0, 0, 0.3);
border-radius: 15px;
border: 1px solid #444;
text-align: center;
max-width: 270px;
}
.containerRost {
background-image: url("/templates_alt/icons3/main_bg.jpg");
background-color: rgba(0, 0, 0, 0.3);
border-radius: 15px;
text-align: center;
max-width: 280px;
}
.containerTCL {
background-image: url("/templates_alt/icons3/main_bg.jpg");
background-color: rgba(0, 0, 0, 0.3);
border-radius: 15px;
text-align: center;
max-width: 280px;
}
.logo {
position: relative;
display: inline-block;
width: 155px;
height: 21px;
}
.background1 {
position: relative;
display: inline-block;
background-image: url("/templates_alt/icons2/ok_control_bg3.png");
background-position:center;
width: 230px;
height: 194px;
}
.background2 {
position: relative;
display: inline-block;
background-image: url("/templates_alt/icons3/circle2.png");
background-position:center;
width: 230px;
height: 194px;
}
.sams {
display: inline-block;
}
.sams2 {
display: inline-block;
background-image: url("/templates_alt/icons/samsung_bloc_big.png");
background-position:center;
}
.ch1 {
position: relative;
width: 250px;
margin: 0 auto;
height: 210px;
}
.ch2 {
position: relative;
width: 250px;
margin: 0 auto;
height: 170px;
}
.menu {
position: relative;
width: 250px;
margin: 0 auto;
height: 45px;
}
.animate {
position:absolute;
}
.animate img {
position:absolute;
}
.animate img.second:hover {
opacity:0;
filter:alpha(opacity=0);
}
.animate img.second:active {
opacity:1;
filter:alpha(opacity=100);
}
.button1 {
position: relative;
display: inline-block;
}
.button2 {
width: 70px;
}
.button1:before {
content: "";
background-color: aliceblue;
border-radius: 50%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
}
.button1:focus {
outline: 0;
color: #fff;
}
.button1:focus:before {
-webkit-animation: effect_dylan 0.8s ease-out;
animation: effect_dylan 0.8s ease-out;
}
@-webkit-keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0;
}
99% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 1;
}
}
@keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0;
}
99% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 1;
}
}
</style>
<div class="containerLG">
<div style='display:%TV_LG.RemoteVisible|"none;block"%'>
<div class="button1" tabindex="1" onClick='callMethod("TV_LG.turn_On_Off");'>
<img src="/templates_alt/icons/samsung_power.png"/>
</div>
<div class="logo">
<img src="/templates_alt/icons/lg_logo2.png" style="margin-bottom:10px;margin-left 0px;"/>
</div>
<div class="button1" tabindex="1" onClick='callMethod("TV_LG.TV_1");'>
<img src="/templates_alt/icons/samsung_1.png"/>
</div>
<div class="button1" tabindex="2" onClick='callMethod("TV_LG.TV_2");'>
<img src="/templates_alt/icons/samsung_2.png"/>
</div>
<div class="button1" tabindex="3" onClick='callMethod("TV_LG.TV_3");'>
<img src="/templates_alt/icons/samsung_3.png"/>
</div>
<div class="button1" tabindex="4" onClick='callMethod("TV_LG.TV_4");'>
<img src="/templates_alt/icons/samsung_4.png"/>
</div>
<div class="button1" tabindex="5" onClick='callMethod("TV_LG.TV_5");'>
<img src="/templates_alt/icons/samsung_5.png"/>
</div>
<div class="button1" tabindex="6" onClick='callMethod("TV_LG.TV_6");'>
<img src="/templates_alt/icons/samsung_6.png"/>
</div>
<div class="button1" tabindex="7" onClick='callMethod("TV_LG.TV_7");'>
<img src="/templates_alt/icons/samsung_7.png"/>
</div>
<div class="button1" tabindex="8" onClick='callMethod("TV_LG.TV_8");'>
<img src="/templates_alt/icons/samsung_8.png"/>
</div>
<div class="button1" tabindex="9" onClick='callMethod("TV_LG.TV_9");'>
<img src="/templates_alt/icons/samsung_9.png"/>
</div>
<div class="sams2">
<div class="button1" tabindex="1" onClick='callMethod("TV_LG.Sound_+");'>
<img src="/templates_alt/icons/samsung_volplus.png" style="height: 50px;"/>
</div>
<div class="button2">
<img src="/templates_alt/icons/samsung_vol.png" style="height: 50px;"/>
</div>
<div class="button1" tabindex="3" onClick='callMethod("TV_LG.Sound_-");'>
<img src="/templates_alt/icons/samsung_volmoins.png" style="height: 50px;"/>
</div>
</div>
<div class="sams">
<div class="button1" tabindex="2" style='display:block;' onClick='callMethod("TV_LG.TV_0");'>
<img src="/templates_alt/icons/samsung_0.png"/>
</div>
<div class="button1" tabindex="3" style='display:block;' onClick='callMethod("TV_LG.TV_Mute");'>
<img src="/templates_alt/icons/samsung_mute.png"/>
</div>
<div class="button1" tabindex="4" style='display:block;' onClick='callMethod("TV_LG.TV_source");'>
<img src="/templates_alt/icons/samsung_source.png"/>
</div>
</div>
<div class="sams2">
<div class="button1" tabindex="2" onClick='callMethod("TV_LG.Channel_Up");'>
<img src="/templates_alt/icons/samsung_pplus.png" style="height: 50px;"/>
</div>
<div class="button2">
<img src="/templates_alt/icons/samsung_prog.png" style="height: 50px;"/>
</div>
<div class="button1" tabindex="3" onClick='callMethod("TV_LG.Channel_Down");'>
<img src="/templates_alt/icons/samsung_pmoins.png" style="height: 50px;"/>
</div>
</div>
<div class="button1" tabindex="1" onClick='callMethod("TV_LG.TV_TCL");'>
<img src="/templates_alt/icons/samsung_TCL.png"/>
</div>
<div class="button1" tabindex="2" onClick='callMethod("TV_LG.Rostel_Hall");'>
<img src="/templates_alt/icons/samsung_hall.png"/>
</div>
<div class="button1" tabindex="3" onClick='callMethod("TV_LG.Rostel_Bed");'>
<img src="/templates_alt/icons/samsung_bed.png"/>
</div>
</div>
<div class="containerRost">
<div style='display:%Rostel_Bed.RemoteVisible|"none;block"%'>
СПАЛЬНЯ
<div class="menu">
<div class="animate" onClick='callMethod("Rostel_Bed.turn_On_Off");' style="position:absolute; top: 2px; left: 70px;">
<img class="first" src="/templates_alt/icons2/power2_p.png"/>
<img class="second" src="/templates_alt/icons2/power2.png"/>
</div>
</div>
<div class="background1" style="top: -15px; left: 1px;">
<div class="animate" onClick='callMethod("Rostel_Bed.back");' style="position:absolute; top: -4px; left: 5px;">
<img class="first" src="/templates_alt/icons2/back_p.png"/>
<img class="second" src="/templates_alt/icons2/back.png"/>
</div>
<div class="animate" onClick='callMethod("TV_LG.turn_On_Off");' style="position:absolute; top: -4px; left: 175px;">
<img class="first" src="/templates_alt/icons2/tv_p.png"/>
<img class="second" src="/templates_alt/icons2/tv.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.up");' style="position:absolute; top: 27px; left: 74px;">
<img class="second" src="/templates_alt/icons2/up.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.OK");' style="position:absolute; top: 69px; left: 87px;">
<img class="second" src="/templates_alt/icons2/select.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.left");' style="position:absolute; top: 56px; left: 45px;">
<img class="second" src="/templates_alt/icons2/left.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.right");' style="position:absolute; top: 56px; left: 155px;">
<img class="second" src="/templates_alt/icons2/right.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.down");' style="position:absolute; top: 136px; left: 74px;">
<img class="second" src="/templates_alt/icons2/down.png"/>
</div>
</div>
<div class="menu" style="top: 0px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Bed.Sound_+");' style="top: -60px; left: 16px;">
<img class="first" src="/templates_alt/icons2/vol_plus_p.png"/>
<img class="second" src="/templates_alt/icons2/vol_plus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.Sound_-");' style="top: -8px; left: 34px;">
<img class="first" src="/templates_alt/icons2/vol_minus_p.png"/>
<img class="second" src="/templates_alt/icons2/vol_minus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_Mute");' style="top: -17px; left: 101px;">
<img class="first" src="/templates_alt/icons2/mute_p.png"/>
<img class="second" src="/templates_alt/icons2/mute.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.Channel_Up");' style="top: -60px; left: 186px;">
<img class="first" src="/templates_alt/icons2/ch_plus_p.png"/>
<img class="second" src="/templates_alt/icons2/ch_plus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.Channel_Down");' style="top: -8px; left: 168px;">
<img class="first" src="/templates_alt/icons2/ch_minus_p.png"/>
<img class="second" src="/templates_alt/icons2/ch_minus.png"/>
</div>
</div>
<div class="ch1" style="top: 5px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Bed.TV_1");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons2/1HD_p.png"/>
<img class="second" src="/templates_alt/icons2/1HD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_2");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons2/rossiyaHD_p.png"/>
<img class="second" src="/templates_alt/icons2/rossiyaHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_3");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons2/rossiya24_p.png"/>
<img class="second" src="/templates_alt/icons2/rossiya24.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_4");' style="top: 48px; left: 9px;">
<img class="first" src="/templates_alt/icons2/nickHD_p.png"/>
<img class="second" src="/templates_alt/icons2/nickHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_5");' style="top: 48px; left: 88px;">
<img class="first" src="/templates_alt/icons2/tlumHD_p.png"/>
<img class="second" src="/templates_alt/icons2/tlumHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_6");' style="top: 48px; left: 167px;">
<img class="first" src="/templates_alt/icons2/disney_p.png"/>
<img class="second" src="/templates_alt/icons2/disney.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_7");' style="top: 96px; left: 9px;">
<img class="first" src="/templates_alt/icons2/nick_p.png"/>
<img class="second" src="/templates_alt/icons2/nick.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_8");' style="top: 96px; left: 88px;">
<img class="first" src="/templates_alt/icons2/mult_p.png"/>
<img class="second" src="/templates_alt/icons2/mult.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_9");' style="top: 96px; left: 167px;">
<img class="first" src="/templates_alt/icons2/detskiy_p.png"/>
<img class="second" src="/templates_alt/icons2/detskiy.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_10");' style="top: 144px; left: 9px;">
<img class="first" src="/templates_alt/icons2/o_p.png"/>
<img class="second" src="/templates_alt/icons2/o.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_0");' style="top: 144px; left: 88px;">
<img class="first" src="/templates_alt/icons2/nauka_p.png"/>
<img class="second" src="/templates_alt/icons2/nauka.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_11");' style="top: 144px; left: 167px;">
<img class="first" src="/templates_alt/icons2/detskiy_mir_p.png"/>
<img class="second" src="/templates_alt/icons2/detskiy_mir.png"/>
</div>
</div>
<div class="menu" style="top: -7px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Bed.TV_TCL");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons2/TCL_p.png"/>
<img class="second" src="/templates_alt/icons2/TCL.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.Rostel_Hall");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons2/hall_rost_p.png"/>
<img class="second" src="/templates_alt/icons2/hall_rost.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Bed.TV_LG");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons2/LG_p.png"/>
<img class="second" src="/templates_alt/icons2/LG.png"/>
</div>
</div>
</div>
<div class="containerRost">
<div style='display:%Rostel_Hall.RemoteVisible|"none;block"%'>
ЗАЛ
<div class="menu">
<div class="animate" onClick='callMethod("Rostel_Hall.turn_On_Off");' style="position:absolute; top: 2px; left: 70px;">
<img class="first" src="/templates_alt/icons2/power2_p.png"/>
<img class="second" src="/templates_alt/icons2/power2.png"/>
</div>
</div>
<div class="background1" style="top: -15px; left: 1px;">
<div class="animate" onClick='callMethod("Rostel_Hall.back");' style="position:absolute; top: -4px; left: 5px;">
<img class="first" src="/templates_alt/icons2/back_p.png"/>
<img class="second" src="/templates_alt/icons2/back.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.turn_On_Off");' style="position:absolute; top: -4px; left: 175px;">
<img class="first" src="/templates_alt/icons2/tv_p.png"/>
<img class="second" src="/templates_alt/icons2/tv.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.up");' style="position:absolute; top: 27px; left: 74px;">
<img class="second" src="/templates_alt/icons2/up.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.OK");' style="position:absolute; top: 69px; left: 87px;">
<img class="second" src="/templates_alt/icons2/select.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.left");' style="position:absolute; top: 56px; left: 45px;">
<img class="second" src="/templates_alt/icons2/left.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.right");' style="position:absolute; top: 56px; left: 155px;">
<img class="second" src="/templates_alt/icons2/right.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.down");' style="position:absolute; top: 136px; left: 74px;">
<img class="second" src="/templates_alt/icons2/down.png"/>
</div>
</div>
<div class="menu" style="top: 0px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Hall.Sound_+");' style="top: -60px; left: 16px;">
<img class="first" src="/templates_alt/icons2/vol_plus_p.png"/>
<img class="second" src="/templates_alt/icons2/vol_plus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.Sound_-");' style="top: -8px; left: 34px;">
<img class="first" src="/templates_alt/icons2/vol_minus_p.png"/>
<img class="second" src="/templates_alt/icons2/vol_minus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_Mute");' style="top: -17px; left: 101px;">
<img class="first" src="/templates_alt/icons2/mute_p.png"/>
<img class="second" src="/templates_alt/icons2/mute.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.Channel_Up");' style="top: -60px; left: 186px;">
<img class="first" src="/templates_alt/icons2/ch_plus_p.png"/>
<img class="second" src="/templates_alt/icons2/ch_plus.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.Channel_Down");' style="top: -8px; left: 168px;">
<img class="first" src="/templates_alt/icons2/ch_minus_p.png"/>
<img class="second" src="/templates_alt/icons2/ch_minus.png"/>
</div>
</div>
<div class="ch1" style="top: 5px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Hall.TV_1");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons2/1HD_p.png"/>
<img class="second" src="/templates_alt/icons2/1HD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_2");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons2/rossiyaHD_p.png"/>
<img class="second" src="/templates_alt/icons2/rossiyaHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_3");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons2/rossiya24_p.png"/>
<img class="second" src="/templates_alt/icons2/rossiya24.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_4");' style="top: 48px; left: 9px;">
<img class="first" src="/templates_alt/icons2/nickHD_p.png"/>
<img class="second" src="/templates_alt/icons2/nickHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_5");' style="top: 48px; left: 88px;">
<img class="first" src="/templates_alt/icons2/tlumHD_p.png"/>
<img class="second" src="/templates_alt/icons2/tlumHD.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_6");' style="top: 48px; left: 167px;">
<img class="first" src="/templates_alt/icons2/disney_p.png"/>
<img class="second" src="/templates_alt/icons2/disney.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_7");' style="top: 96px; left: 9px;">
<img class="first" src="/templates_alt/icons2/nick_p.png"/>
<img class="second" src="/templates_alt/icons2/nick.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_8");' style="top: 96px; left: 88px;">
<img class="first" src="/templates_alt/icons2/mult_p.png"/>
<img class="second" src="/templates_alt/icons2/mult.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_9");' style="top: 96px; left: 167px;">
<img class="first" src="/templates_alt/icons2/detskiy_p.png"/>
<img class="second" src="/templates_alt/icons2/detskiy.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_10");' style="top: 144px; left: 9px;">
<img class="first" src="/templates_alt/icons2/o_p.png"/>
<img class="second" src="/templates_alt/icons2/o.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_0");' style="top: 144px; left: 88px;">
<img class="first" src="/templates_alt/icons2/nauka_p.png"/>
<img class="second" src="/templates_alt/icons2/nauka.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_11");' style="top: 144px; left: 167px;">
<img class="first" src="/templates_alt/icons2/detskiy_mir_p.png"/>
<img class="second" src="/templates_alt/icons2/detskiy_mir.png"/>
</div>
</div>
<div class="menu" style="top: -7px; left: 0px;">
<div class="animate" onClick='callMethod("Rostel_Hall.TV_TCL");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons2/TCL_p.png"/>
<img class="second" src="/templates_alt/icons2/TCL.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.Rostel_Bed");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons2/bed_rost_p.png"/>
<img class="second" src="/templates_alt/icons2/bed_rost.png"/>
</div>
<div class="animate" onClick='callMethod("Rostel_Hall.TV_LG");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons2/LG_p.png"/>
<img class="second" src="/templates_alt/icons2/LG.png"/>
</div>
</div>
</div>
<div class="containerTCL">
<div style='display:%TV_TCL.RemoteVisible|"none;block"%'>
<div class="menu">
<div class="animate" onClick='callMethod("TV_TCL.turn_On_Off");' style="position:absolute; top: 5px; left: 39px;">
<img class="first" src="/templates_alt/icons3/power.png"/>
<img class="second" src="/templates_alt/icons3/power_p.png"/>
</div>
<div class="animate" style="position:absolute; top: 13px; left: 128px;">
<img src="/templates_alt/icons3/tcl_logo.png">
</div>
</div>
<div class="background2" style="top: 6px; left: 0px;">
<div class="animate" onClick='callMethod("TV_TCL.Sound_+");' style="position:absolute; top: 0px; left: 0px;">
<img class="second" src="/templates_alt/icons3/vol_plus_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.Channel_Up");' style="position:absolute; top: 0px; left: 152px;">
<img class="second" src="/templates_alt/icons3/ch_plus_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.Sound_-");' style="position:absolute; top: 108px; left: 0px;">
<img class="second" src="/templates_alt/icons3/vol_minus_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.Channel_Down");' style="position:absolute; top: 108px; left: 152px;">
<img class="second" src="/templates_alt/icons3/ch_minus_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.up");' style="position:absolute; top: 23px; left: 58px;">
<img class="second" src="/templates_alt/icons3/up.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.left");' style="position:absolute; top: 50px; left: 42px;">
<img class="second" src="/templates_alt/icons3/left.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.right");' style="position:absolute; top: 48px; left: 136px;">
<img class="second" src="/templates_alt/icons3/right.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.down");' style="position:absolute; top: 113px; left: 58px;">
<img class="second" src="/templates_alt/icons3/down.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.OK");' style="position:absolute; top: 72px; left: 90px;">
<img class="second" src="/templates_alt/icons3/ok.png"/>
<img class="second" src="/templates_alt/icons3/ok_p.png"/>
</div>
</div>
<div class="menu" style="top: 24px; left: 0px;">
<div class="animate" onClick='callMethod("TV_TCL.TV_source");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons3/yout.png"/>
<img class="second" src="/templates_alt/icons3/yout_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_Mute");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons3/mute.png"/>
<img class="second" src="/templates_alt/icons3/mute_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.back");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons3/exit.png"/>
<img class="second" src="/templates_alt/icons3/exit_p.png"/>
</div>
</div>
<div class="ch2" style="top: 25px; left: 0px;">
<div class="animate" onClick='callMethod("TV_TCL.TV_1");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons3/num_1.png"/>
<img class="second" src="/templates_alt/icons3/num_1p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_2");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons3/num_2.png"/>
<img class="second" src="/templates_alt/icons3/num_2p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_3");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons3/num_3.png"/>
<img class="second" src="/templates_alt/icons3/num_3p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_4");' style="top: 35px; left: 9px;">
<img class="first" src="/templates_alt/icons3/num_4.png"/>
<img class="second" src="/templates_alt/icons3/num_4p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_5");' style="top: 35px; left: 88px;">
<img class="first" src="/templates_alt/icons3/num_5.png"/>
<img class="second" src="/templates_alt/icons3/num_5p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_6");' style="top: 35px; left: 167px;">
<img class="first" src="/templates_alt/icons3/num_6.png"/>
<img class="second" src="/templates_alt/icons3/num_6p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_7");' style="top: 70px; left: 9px;">
<img class="first" src="/templates_alt/icons3/num_7.png"/>
<img class="second" src="/templates_alt/icons3/num_7p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_8");' style="top: 70px; left: 88px;">
<img class="first" src="/templates_alt/icons3/num_8.png"/>
<img class="second" src="/templates_alt/icons3/num_8p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_9");' style="top: 70px; left: 167px;">
<img class="first" src="/templates_alt/icons3/num_9.png"/>
<img class="second" src="/templates_alt/icons3/num_9p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_0");' style="top: 105px; left: 88px;">
<img class="first" src="/templates_alt/icons3/num_0.png"/>
<img class="second" src="/templates_alt/icons3/num_0p.png"/>
</div>
</div>
<div class="menu" style="top: 3px; left: 0px;">
<div class="animate" onClick='callMethod("TV_TCL.Rostel_Hall");' style="top: 0px; left: 9px;">
<img class="first" src="/templates_alt/icons3/hall_rost.png"/>
<img class="second" src="/templates_alt/icons3/hall_rost_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.Rostel_Bed");' style="top: 0px; left: 88px;">
<img class="first" src="/templates_alt/icons3/bed_rost.png"/>
<img class="second" src="/templates_alt/icons3/bed_rost_p.png"/>
</div>
<div class="animate" onClick='callMethod("TV_TCL.TV_LG");' style="top: 0px; left: 167px;">
<img class="first" src="/templates_alt/icons3/LG_2.png"/>
<img class="second" src="/templates_alt/icons3/LG_2p.png"/>
</div>
</div>
</div>
</div>