/*
schemes elements styles
*/

/*
##text
el-textvbbigbal
el-textmin
el-textvbigzal
el-textbalt
el-textgreen
el-textblue
el-textred
el-textTu
el-text
el-text2
el-textmid
el-textmidG
el-textbig
el-textvrbig
el-textvbbig
el-text3
el-text4
el-text5
el-text6
el-text7
el-text8
el-text9
el-text10
el-text11
el-textvbbig1

*/

.el-textvbbigbal{
z-index:1;
}
.el-textvbbigbal div{
padding:1px 5px;
font-size:36px !important;
color:#fff;
font-weight:bold;
}




.el-textmin{
z-index:1;
}
.el-textmin div{
padding:1px 5px;
font-size:9px !important;
color:#ooooo;
font-weight:bold;
}


.el-textvbigzal{
z-index:2;
}
.el-textvbigzal div{
padding:1px 5px;
font-size:38px !important;
color:#00FF00;
font-weight:bold;
}



.el-textbalt div{
z-index:2;
padding:1px 5px;
font-size:18px !important;
color:#fff;
font-weight:bold;
}



.el-textgreen div{
padding:1px 5px;
font-size:18px !important;
color:green;
font-weight:bold;
}



.el-textblue{
z-index:1;
}
.el-textblue div{
padding:1px 5px;
font-size:18px !important;
color:#0000FF;
font-weight:bold;
}

.el-textred{
z-index:2;
}
.el-textred div{
padding:1px 5px;
font-size:16px !important;
color:red;
font-weight:bold;
}


.el-textTu div{
padding:0px 3px;
font-weight:bold;
font-size:15px !important;
font-weight:bold;
border-radius:10px;
}


.el-text{
background:#FFFF90;
z-index:2;
border-radius:3px;
}
.el-text div{
padding:1px 5px;
}
.el-text2{
background:#ddffff;
}
.el-text2 div{
padding:1px 5px;
}
.el-textmid{
z-index:2;
border-radius:2px;
}
.el-textmid div{
padding:1px 5px;
font-size:15px !important;
font-weight:bold;
color:red;
border:1px;
}
.el-textmidG{
z-index:2;
background:#FFFF90;
border-radius:2px;
}
.el-textmidG div{
padding:1px 5px;
font-size:15px !important;
font-weight:bold;
color:brown;
border:1px;
}



.el-textbig{
z-index:1;
}
.el-textbig div{
padding:1px 5px;
font-size:18px !important;
font-weight:bold;
}


.el-textvrbig2{
z-index:1;
}
.el-textvrbig2 div{
padding:1px 5px;
font-size:60px !important;
color:red;
font-weight:bold;
}




.el-textvbbig{
z-index:2;
}
.el-textvbbig div{
padding:1px 5px;
font-size:60px !important;
color:blue;
font-weight:bold;
}


.el-textvbbig1{
z-index:1;
}
.el-textvbbig1 div{
padding:1px 5px;
font-size:36px !important;
color:blue;
font-weight:bold;
}



.el-tex3{
z-index:2;
}
.el-text3 div{
padding:1px 5px;

font-weight:bold;
color:#fff;

}
.el-text4{
background:#FFFAFA;
font-weight:bold;


z-index:2;
 border-radius:8px;
}
.el-text4 div{
padding:0px 6px;
font-weight:bold;

}
.el-text5{
background:#CAE1FF;
font-weight:bold;


z-index:2;
 border-radius:8px;
}
.el-text5 div{
padding:0px 6px;
font-weight:bold;

}
.el-text6{
background:#FFB6C1;
font-weight:bold;


z-index:2;
 border-radius:8px;
}
.el-text6 div{
padding:0px 6px;
font-weight:bold;

}
.el-tex7{
z-index:2;
}
.el-text7 div{
padding:1px 5px;

font-weight:bold;

}
.el-text8{
background:#FFFF90;
z-index:2;
}
.el-text8 div{
padding:1px 5px;
font-weight:bold;
}
.el-text9{
background:#ddffff;
}
.el-text9 div{
padding:1px 5px;
font-weight:bold;
}
.el-tex10{
z-index:2;
}
.el-text10 div{
padding:1px 5px;

font-weight:bold;
color:#fff;
// -webkit-transform: rotate(-90deg);

}
.el-text11{
background:#FFFFff;
z-index:2;
}
.el-text div{
padding:1px 5px;
}



/*
##temp
el-temp0
el-temp
el-temp2
el-temp3
el-temp4
el-temp5
el-temp6
el-temp7
el-temp8
*/









.el-temp0{
z-index:2;
border-radius:3px;
}
.el-temp0 .temp-val{
padding:2px 15px;
color:#00FF00;
font-weight:bold;
font-size:25px !important;


}
.el-temp0 .temp-bar{
font-size:1px;
border:#aaa 2px solid;
background:#fff;
}
.el-temp0 .temp-bar div{
height:20px;
font-size:2px;
width:25%;
background:#aaa;
}


















.el-temp{
background:#FFFF90;
z-index:2;
border-radius:3px;
}
.el-temp .temp-val{
padding:1px 5px;
}
.el-temp .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp .temp-bar div{
height:6px;
font-size:1px;
width:25%;
background:#aaa;
}
/* #temp2 */
.el-temp2{
background:#ddffff;
z-index:2;
border-radius:3px;
}
.el-temp2 .temp-val{
padding:1px 5px;
}
.el-temp2 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp2 .temp-bar div{
height:6px;
font-size:1px;
width:25%;
background:#aaa;
}
/* #temp3 */
.el-temp3{
background:#FFB6C1;
z-index:1;
border-radius:1px;
}
.el-temp3 .temp-val{
font-weight:bold;
padding:1px 1px;
}
.el-temp3 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp3 .temp-bar div{
height:6px;
font-size:1px;
width:25%;
background:#aaa;
}
/* #temp4 */
.el-temp4{
background:#CAE1FF;
z-index:2;
border-radius:1px;
}
.el-temp4 .temp-val{
font-weight:bold;
padding:1px 1px;
}
.el-temp4 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp4 .temp-bar div{
height:6px;
font-size:1px;
width:25%;
background:#aaa;
}
/* #temp5 */
.el-temp5{
z-index:2;
border-radius:1px;
}
.el-temp5 .temp-val{
font-weight:bold;
padding:1px 1px;
}
.el-temp5 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp5 .temp-bar div{
height:6px;
font-size:1px;
width:25%;
background:#aaa;
}
.el-temp6{
z-index:2;
border-radius:3px;
}
.el-temp6 .temp-val{
padding:1px 20px;
color:#fff;
}
.el-temp6 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp6 .temp-bar div{
height:3px;
font-size:1px;
width:25%;
background:#aaa;
}
.el-temp7{
z-index:2;
border-radius:3px;
}
.el-temp7 .temp-val{
padding:1px 20px;
color:#fff;
}
.el-temp7 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp7 .temp-bar div{
height:7px;
font-size:1px;
width:25%;
background:#aaa;
}
.el-temp8{
z-index:2;
border-radius:3px;
}
.el-temp8 .temp-val{
padding:1px 20px;
color:#fff;
}
.el-temp8 .temp-bar{
font-size:1px;
border:#aaa 1px solid;
background:#fff;
}
.el-temp8 .temp-bar div{
height:12px;
font-size:1px;
width:25%;
background:#aaa;
}


.el-temp.temp-attn .attn-el,
.el-temp2.temp-attn .attn-el
.el-temp3.temp-attn .attn-el
.el-temp4.temp-attn .attn-el
.el-temp5.temp-attn .attn-el
.el-temp6.temp-attn .attn-el
.el-temp7.temp-attn .attn-el
.el-temp8.temp-attn .attn-el{
width:36px;
height:36px;
background:url(images/attention.gif);
position:absolute;
right:-26px;
top:-26px;
display:block;
}

/*
##output
el-output
el-output-real
el-output-manual
el-output1
*/

.el-output{
background:#fff;
z-index:2;
border-radius:3px;
border:#000 0px solid;
min-height:6px;
min-width:6px;
}
.el-output.on{
background:#F00;
}
.el-output.manual-on{
border-color:#ff0;
}
.el-output.manual-off{
border-color:#00F;
}

.el-output-manual{
background:#fdd;
z-index:2;
border-radius:6px;
min-height:10px;
min-width:10px;
}
.el-output-manual.manual-on{
background:#f00;
}
.el-output-manual.manual-off{
background:#00f;
}
.el-output-real{
background:#000;
z-index:2;
border-radius:3px;
min-height:6px;
min-width:6px;
}
.el-output-real.on{
background:#f00;
}
.el-output1{
background:#fff;
z-index:2;
border-radius:3px;
border:#000 0px solid;
min-height:6px;
min-width:6px;
}
.el-output1.on{
background:#F00;
}
.el-output1.manual-on{
border-color:#ff0;
}
.el-output1.manual-off{
border-color:#fff;
}

.el-output *,
.el-output-real *,
.el-output-manual *
.el-output1 *{
color:#fff;
}

.el-output span,
.el-output-real span,
.el-output-manual span
.el-output1 span {
display:block;
padding:1px 5px;
color:#fff;
font-size:10px;
}

/*
##arrow
el-arrow-hot-t
el-arrow-hot-r
el-arrow-hot-b
el-arrow-hot-l
el-arrow-cold-t
el-arrow-cold-r
el-arrow-cold-b
el-arrow-cold-l
*/
.el-arrow-hot-t,
.el-arrow-hot-t.off,
.el-arrow-hot-r,
.el-arrow-hot-r.off,
.el-arrow-hot-b,
.el-arrow-hot-b.off,
.el-arrow-hot-l,
.el-arrow-hot-l.off,
.el-arrow-cold-t,
.el-arrow-cold-t.off,
.el-arrow-cold-r,
.el-arrow-cold-r.off,
.el-arrow-cold-b,
.el-arrow-cold-b.off,
.el-arrow-cold-l,
.el-arrow-cold-l.off{
background:transparent url(images/arrow.gif) no-repeat 20px 20px;
width:20px;
height:20px;
}
.el-arrow-hot-t{
background-position:0 -20px;
}
.el-arrow-hot-r{
background-position:0 0;
}
.el-arrow-hot-b{
background-position:-19px -40px;
}
.el-arrow-hot-l{
background-position:-22px 0;
}
.el-arrow-cold-t{
background-position:0 -45px;
}
.el-arrow-cold-r{
background-position:-20px -20px; 
}
.el-arrow-cold-b{
background-position:-21px -58px;
}
.el-arrow-cold-l{
background-position:0px -62px;
}



/*
##fire
el-fire
el-fire1
el-fire2
*/
.el-fire,
.el-fire{
background:#000 url(images/fire_best.gif) no-repeat center -92px;
width:40px;
height:20px;
border-radius:0 0 10px 10px;
}
.el-fire1,
.el-fire1{
background:#000 url(images/fire_best.gif) no-repeat center -10px;
width:40px;
height:20px;
border-radius:10px 10px 0 0;
}
.el-fire2{
background:#000 url(images/fire_best.gif) no-repeat center -1px;
width:40px;
height:20px;
}
.el-fire2 div,
.el-fire div{
color:#fff;
}

/*
##pump
el-propellerV
el-propellerH
el-pump
el-pump2
el-pump3
el-pump4
*/

.el-propellerV{
background:transparent url(images/propeller.gif) no-repeat center center;
width:24px;
height:114px;
}
.el-propellerV.run{
background:transparent url(images/propeller_run.gif) no-repeat center center;
width:24px;
height:114px;
}
.el-propellerH{
background:transparent url(images/propellerH.gif) no-repeat center center;
width:114px;
height:24px;
}
.el-propellerH.run{
background:transparent url(images/propellerH_run.gif) no-repeat center center;
width:114px;
height:24px;
}
.el-pump{
background:transparent url(images/pump.gif) no-repeat center center;
width:16px;
height:16px;
}
.el-pump.run{
background:transparent url(images/pump-run.gif) no-repeat center center;
width:16px;
height:16px;
}
.el-pump2{
background:transparent url(images/pump2.gif) no-repeat center center;
width:21px;
height:21px;
}
.el-pump2.run{
background:transparent url(images/pump2-run.gif) no-repeat center center;
width:21px;
height:21px;

}
.el-pump3{
background:transparent url(images/pump3.gif) no-repeat center center;
width:29px;
height:60px;
opacity:20;

}
.el-pump3.run{
background:transparent url(images/pump2-run.gif) no-repeat center center;
width:21px;
height:21px;

}
.el-pump4{
background:transparent url(images/pump3.gif) no-repeat center center;
width:10px;
height:18px;
opacity:20;

}
.el-pump4.run{
background:transparent url(images/pumpZ-run.gif) no-repeat center center;
width:10px;
height:18px;
opacity:20;
z-index:100;

}

/*
##valve-2way
el-valve-v-2way
el-valve-vr-2way
el-valve-h-2way
el-valve-grin-2way

*/
.el-valve-h-2way{
width:22px;
height:31px;
background:transparent url(images/valve-2way.gif) no-repeat -22px 0;
}
.el-valve-h-2way.on{
background-position:0 0;
}
.el-valve-v-2way{
width:31px;
height:22px;
background:transparent url(images/valve-2way.gif) no-repeat 0 -31px;
}
.el-valve-v-2way.on{
background-position:0 -53px;
}
.el-valve-vr-2way{
width:31px;
height:22px;
background:transparent url(images/valve-2way.gif) no-repeat 0 -75px;
}
.el-valve-vr-2way.on{
background-position:0 -97px;
}
.el-valve-grin-2way{
width:22px;
height:31px;
background:transparent url(images/grind.gif) no-repeat -22px 0;
}
.el-valve-grin-2way.on{
background-position:0 0;
}

/*
##valve-3way
el-valve-hb-3way
el-valve-vr-3way
el-valve-vl-3way
el-valve-ht-3way
el-valve-abc-3way
*/
/*
hb- horizontalus bottom
vl- vertikalus left
vr- vertikalus right
ht- horizontalus top
abc- demuske

busenos (numeracija pagal laikr. rodykl.)
abc
ab
ac
bc
*/
.el-valve-hb-3way,
.el-valve-hb-3way.abc{
width:22px;
height:34px;
background:transparent url(images/valve-3way.gif) no-repeat -66px 0;
}
.el-valve-hb-3way.ab{
background-position:0 0;
}
.el-valve-hb-3way.ac{
background-position:-44px 0;
}
.el-valve-hb-3way.bc{
background-position:-22px 0;
}

.el-valve-vr-3way,
.el-valve-vr-3way{
width:34px;
height:22px;
background:transparent url(images/valve-3way.gif) no-repeat -102px -34px;
}
.el-valve-vr-3way.ab{
background-position:0 -34px;
}
.el-valve-vr-3way.ac{
background-position:-68px -34px;
}
.el-valve-vr-3way.bc{
background-position:-34px -34px;
}

.el-valve-vl-3way,
.el-valve-vl-3way{
width:34px;
height:22px;
background:transparent url(images/valve-3way.gif) no-repeat -102px -56px;
}
.el-valve-vl-3way.ab{
background-position:0 -56px;
}
.el-valve-vl-3way.ac{
background-position:-68px -56px;
}
.el-valve-vl-3way.bc{
background-position:-34px -56px;
}

.el-valve-ht-3way,
.el-valve-ht-3way.abc{
width:22px;
height:34px;
background:transparent url(images/valve-3way.gif) no-repeat -66px -78px;
}
.el-valve-ht-3way.ab{
background-position:-22px -78px;
}
.el-valve-ht-3way.ac{
background-position:-44px -78px;
}
.el-valve-ht-3way.bc{
background-position:0 -78px;
}

.el-valve-abc-3way,
.el-valve-abc-3way.abc{
width:39px;
height:41px;
background:transparent url(images/valve-3way.gif) no-repeat -93px -80px;
}

/*
##pid-3way
el-pid-hb-3way
el-pid-vr-3way
el-pid-vl-3way
el-pid-ht-3way
*/
/*
ht- horizontalus top
vl- vertikalus left
hb- horizontalus bottom
vr- vertikalus right

busenos:

opening
closing
*/
.el-pid-hb-3way{
width:22px;
height:34px;
background:transparent url(images/pid-3way.gif) no-repeat 0 0;
}
.el-pid-hb-3way.opening{
background-position:-22px 0;
}
.el-pid-hb-3way.closing{
background-position:-44px 0;
}

.el-pid-vr-3way{
width:34px;
height:22px;
background:transparent url(images/pid-3way.gif) no-repeat 0 -34px;
}
.el-pid-vr-3way.opening{
background-position:-34px -34px;
}
.el-pid-vr-3way.closing{
background-position:-68px -34px;
}

.el-pid-vl-3way{
width:34px;
height:22px;
background:transparent url(images/pid-3way.gif) no-repeat 0 -56px;
}
.el-pid-vl-3way.opening{
background-position:-34px -56px;
}
.el-pid-vl-3way.closing{
background-position:-68px -56px;
}

.el-pid-ht-3way{
width:22px;
height:34px;
background:transparent url(images/pid-3way.gif) no-repeat -44px -78px;
}
.el-pid-ht-3way.opening{
background-position:-22px -78px;
}
.el-pid-ht-3way.closing{
background-position:0 -78px;
}

/*
##alarm
el-alarmok
el-alarm
el-alarm2
el-alarm3
*/

.el-alarmok{
width:63px;
height:50px;
background:transparent url(images/warning23.png) no-repeat 4px 0;
}
.el-alarmok.on{
background:transparent url(images/warning23.png) no-repeat -63px 0;
}
.el-alarmok.disabled{
width:33px;
height:30px;
background:transparent url(images/warning23.png) no-repeat 0 -30px;
}
.el-alarmok.on.disabled{
background:transparent url(images/warning23.png) no-repeat -32px -30px;
}
.el-arrow-red-h{
background:transparent url(images/line-arrow-red-run.gif) repeat-x 0 0;
width:58px;
height:14px;
}






.el-alarm{
width:33px;
height:30px;
background:transparent url(images/warning23.png) no-repeat 0 0;
}
.el-alarm.on{
background:transparent url(images/warning23.png) no-repeat -32px 0;
}
.el-alarm.disabled{
width:33px;
height:30px;
background:transparent url(images/warning2.png) no-repeat 0 -30px;
}
.el-alarm.on.disabled{
background:transparent url(images/warning2.png) no-repeat -32px -30px;
}
.el-arrow-red-h{
background:transparent url(images/line-arrow-red-run.gif) repeat-x 0 0;
width:58px;
height:14px;
}

.el-alarm2{
width:90px;
height:20px;
background:transparent url(images/is_tinklu.png) no-repeat 0 -1px;

}
.el-alarm2.on{
background:transparent url(images/is_tinklu.png) no-repeat 0 -21px;
}

.el-alarm2.disabled{
width:33px;
height:200px;
background:transparent url(images/warning2.png) no-repeat 0 -30px;
}
.el-alarm2.on.disabled{
background:transparent url(images/warning2.png) no-repeat -32px -30px;
}
.el-arrow-red-h{
background:transparent url(images/line-arrow-red-run.gif) repeat-x 0 0;
width:58px;
height:14px;
}

.el-alarm3{
width:50px;
height:50px;
background:transparent url(images/zieVas.png) no-repeat 0 -50px;

}
.el-alarm3.on{
background:transparent url(images/zieVas.png) no-repeat 0 0px;
}





/*
##color-gauge
el-color-gauge
*/

.el-color-gauge{
width:20px;
height:133px;
background:#fff;
border:2px solid #aaa;
border-color:brown;
border-top:0;
}
.el-color-gauge .gauge-bar{
display:block;
height:50%;
width:100%;
position:absolute;
bottom:0;
}
el-color-gauge .gauge-bg{
}

/*

##gauge
el-boiler
el-accumulator
el-verticalbar
el-accumulator1
el-accumulator2
el-accumulator3
el-accumulator4
el-accumulator5

*/

.el-boiler{
width:70px;
height:133px;
background:#bbf;
}
.el-boiler .gauge-bar{
display:block;
height:50%;
background:#fdd;
width:70px;
position:absolute;
top:0;
}
.el-boiler .gauge-bg{
background:transparent url(images/boiler.png) no-repeat 0 0;
position:absolute;
width:70px;
height:133px;
}
.el-accumulator{
width:71px;
height:160px;
background:#55f;
}
.el-accumulator .gauge-bar{
display:block;
height:50%;
background:#f55;
width:71px;
position:absolute;
top:0;
}
.el-accumulator .gauge-bg{
position:absolute;
display:none;
width:71px;
height:160px;
}

.el-accumulator1{
width:54px;
height:190px;
background:transparent;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-style: 3px;
border-color:brown;
}
.el-accumulator1 .gauge-bar{
display:block;
height:50%;
background:#F4DBAA;
width:54px;
position:absolute;
bottom:0;
}
.el-accumulator1 .gauge-bg{
position:absolute;
display:none;
width:54px;
height:190px;
}

.el-accumulator2{
width:62px;
height:165px;
background:transparent;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-style: 3px;
border-color:brown;
}
.el-accumulator2 .gauge-bar{
display:block;
height:50%;
background:#f55;
width:62px;
position:absolute;
bottom:0;
}
.el-accumulator2 .gauge-bg{
position:absolute;
display:none;
width:62px;
height:165px;
}
.el-accumulator3{
 -webkit-transform: rotate(-180deg);
border:1px solid #fff;
width:18px;
height:170px;
background:#808080;
}
.el-accumulator3 .gauge-bar{
display:block;
height:50%;
background:#FFDAB9;
width:18px;
position:absolute;
top:0;
}
.el-accumulator3 .gauge-bg{
position:absolute;
display:none;
width:18px;
height:170px;
}
.el-accumulator4{
width:95px;
height:205px;
background:#55f;
}
.el-accumulator4 .gauge-bar{
display:block;
height:50%;
background:#f55;
width:95px;
position:absolute;
top:0;
}
.el-accumulator4 .gauge-bg{
position:absolute;
display:none;
width:95px;
height:205px;
}
.el-accumulator5{
 -webkit-transform: rotate(-180deg);
border:1px solid #fff;
width:18px;
height:215px;
background:#808080;
}
.el-accumulator5 .gauge-bar{
display:block;
height:50%;
background:#FFDAB9;
width:18px;
position:absolute;
top:0;
}
.el-accumulator5 .gauge-bg{
position:absolute;
display:none;
width:18px;
height:170px;
}

.el-verticalbar{
width:12px;
height:450px;
background:transparent;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-style: 3px;
border-color:brown;
}
.el-verticalbar .gauge-bar{
display:block;
height:50%;
background:#f55;
width:12px;
position:absolute;
bottom:0;
}
.el-verticalbar .gauge-bg{
position:absolute;
display:none;
width:12px;
height:450px;
}


/*
##button
el-button
el-garage
el-gate
el-button1
el-button2
el-button3
el-button4
el-garage1
el-garage2
el-garage3
el-garage4
el-garage5
el-garage6
el-gate7

*/
.el-button{
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#f0f0eb;
color:#312c2a;
border:2px solid #aaa;
border-color: rgba(0,0,0,0.6);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
padding:5px 15px;
}

.el-button.on{
background-color:#FFABAB;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}

.el-button:focus,
.el-button:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}

/* vartai */
.el-garage,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage{
width:120px;
height:102px;
background:url(images/garage.png) no-repeat 5px 4px;

background-color:#f0f0eb;
color:#312c2a;
border:8px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage.on{
background-position:-128px 3px;
}
.el-gate{
width:120px;
height:96px;
background:url(images/gate.png) no-repeat 0 0;

background-color:#f0f0eb;
color:#312c2a;
border:8px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;



}
.el-gate.on{
background-position:-152px 0;
}


.el-garage1,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage1{
width:120px;
height:102px;
background:url(images/garage1.png) no-repeat 0 0;

background-color:#f0f0eb;
color:#312c2a;
border:8px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage1.on{
background-position:-150px 0;
}



.el-button-garden{
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#f0f0eb;
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
padding:5px 15px;
}




.el-button-garden:focus,
.el-button-garden:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}




.el-button1{
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#fff;
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom1-color: #fff;
border-bottom1-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 0px 0 rgba(255,255,255,0.8);
padding:1px 3px;
font-weight:bold;
color:#FFFFFF;
}
.el-button1.on{
background-color:#FFABAB;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}
.el-button1:focus,
.el-button1:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}


.el-button2{
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#fff;
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom2-color: #fff;
border-bottom2-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 0px 0 rgba(255,255,255,0.8);
padding:1px 20px;
font-weight:bold;
color:#FFFFFF;
}
.el-button2.on{
background-color:#FFABAB;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}
.el-button2:focus,
.el-button2:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}










.el-button3{
z-index:2;
}
.el-button3 div{
margin:-6px;
padding:50px;
padding:0px 5px;
font-size:50px !important;
color:red;
font-weight:bold;
}
.el-button3{
height:50px;
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;

white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#ccc;  // FONAS
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom2-color: #fff;
border-bottom2-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 0px 0 rgba(255,255,255,0.8);
padding:1px 4px;
font-weight:bold;
color:#FFFFFF;
}

.el-button3:focus,
.el-button3:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}

.el-button3.on .state{
border:1px solid #008000;
background:#00b300;
/*box-shadow: 0 0 2px 1px #008000 inset, 0 0 2px 1px #008000;*/
left:0px;
}











  .el-button4 div{
margin:-6px;
padding:50px;
padding:0px 5px;
font-size:50px !important;
color:#535353; // Raidziu spalvos
font-weight:bold;
}
.el-button4{
height:50px;
cursor:pointer;
display:block;
font-weight:bold
font-family:"Lucida Grande", Tahoma, sans-serif;
text-align: center;
text-decoration: none;

white-space:nowrap;
user-select:none;
border-radius:.5em;
background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));

background-color:#6EACCF;  // FONAS
color:#312c2a;
border:1px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom2-color: #fff;
border-bottom2-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 0 0px 0 rgba(255,255,255,0.8);
padding:1px 4px;
font-weight:bold;
color:#FFFFFF;
}

.el-button4:focus,
.el-button4:hover{
background-color:#FFFFFF;
background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
}

.el-button4.on .state{
border:1px solid #008000;
background:#00b300;
/*box-shadow: 0 0 2px 1px #008000 inset, 0 0 2px 1px #008000;*/
left:0px;
}








.el-garage2,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage2{
width:380px;
height:300px;
background:url(images/garage2.png) no-repeat 35px 39px;

background-color:#fff;
color:#312c2a;
border:12px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage2.on{
background-position:-345px 37px;
}


.el-garage3,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage3{
width:380px;
height:320px;
background:url(images/garage3.png) no-repeat 30px 39px;

background-color:#fff;
color:#312c2a;
border:12px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage3.on{
background-position:-385px 40px;
}

.el-garage4,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage4{
width:380px;
height:320px;
background:url(images/gate1.png) no-repeat 18px 39px;

background-color:#fff;
color:#312c2a;
border:12px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;

}
.el-garage4.on{
background-position:-428px 40px;


}


.el-garage5,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage5{
width:82px;
height:69px;
background:url(images/garage_min.png) no-repeat 4px 1px;

background-color:#fff;
color:#312c2a;
border:5px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage5.on{
background-position:-85px 2px;
}


.el-garage6,
.el-gate{
cursor:pointer;
display:block;
user-select:none;
}
.el-garage6{
width:82px;
height:69px;
background:url(images/garage_ru_maz.png) no-repeat 0.5px 0px;

background-color:#fff;
color:#312c2a;
border:5px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-garage6.on{
background-position:-100px 0px;
}


.el-gate7{
cursor:pointer;
display:block;
user-select:none;
}
.el-gate7{
width:82px;
height:69px;
background:url(images/gate_maz.png) no-repeat 0px 0px;

background-color:#fff;
color:#312c2a;
border:5px solid #aaa;
border-color: rgba(0,0,0,0.3);
border-bottom-color: #777;
border-bottom-color: rgba(0,0,0,0.5);
box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
text-shadow: 1px 0 rgba(255,255,255,0.8);
padding:0px 0px;
white-space:nowrap;
user-select:none;
border-radius:.9em;
}
.el-gate7.on{
background-position:-88px 0px;
}



/*
##image
el-imageauro
el-image0
el-image
el-image1
el-image2
el-image3
el-image4
el-image5
el-image6
el-icon1
el-icon2
el-icon3
el-icon4
el-icon5
el-icon6
el-icon7
el-icon8
el-icon9
el-icon10
el-icon12
el-icon13
el-icon13
el-icon14
el-icon15
el-icon16
el-icon17
el-icon18
el-icon19
el-icon20
el-icon21
el-icon22
el-icon23
el-icon24
el-icon25
el-icon26
el-icon27
el-icon28
el-icon29
el-icon30
el-icon31
el-icon32
el-icon33
el-icon34
el-icon35
el-icon36
el-icon37
el-icon38
el-icon39
el-icon40
el-icon41
el-icon42
*/

.el-imageauro{
	    float: left;
display:block;
font-weight: bold;

text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:8px;
padding:2px;
border:#777 5px solid;
border:4px solid #D2B48C;
    border-top: 21px solid #a9a9a9;
    border-right: 7px solid #a9a9a9;
    border-bottom: 7px solid #808080;
    border-left: 7px solid #a9a9a9;
    background-color: #333333;
}


.el-image0{
background:url(http://vingio3b.lt/saule/dayscada2.png) no-repeat -20px -10px;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:166px;
height:100px;
}


.el-image{
display:block;
font-weight: bold;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:3px;
padding:3px;
border:#777 1px solid;
}



.el-image1{
display:block;
font-weight: bold;
background:#99FFCC;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
border-radius:5px;
padding:1px;
border:#777 1px solid;
border:3px solid #D2B48C;
}

.el-image2{

background:transparent url(images/stairs.png) ;
width:44px;
height:44px;
}

.el-image3{
background:transparent url(images/radiator-tag.png) ;
width:120px;
height:43px;
}

.el-image4{
background:transparent url(images/temperature-tag.png)  ;
width:120px;
height:43px;
}

.el-image5{
background:transparent url(images/dregme-tag.png)  ;
width:120px;
height:43px;
}

.el-image6{
background:transparent url(images/grindinis-tag.png)  ;
width:120px;
height:43px;
}


.el-icon1{
background:url(images/check.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon2{
background:url(images/check-mark1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon3{
background:url(images/check-mark.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon4{
background:url(images/equalizer.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon5{
background:url(images/equalizer-console-with-three-switches-at-different-levels.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon6{
background:url(images/floor1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon7{
background:url(images/floor2.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon8{
background:url(images/grindys.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon9{
background:url(images/heat.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon10{
background:url(images/house.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon11{
background:url(images/kontkal.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon12{
background:url(images/laukas.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:76px;
height:65px;
}
.el-icon13{
background:url(images/laukasm.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:38px;
height:32px;
}
.el-icon14{
background:url(images/pin-in-diagonal-position.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon15{
background:url(images/pin-in-diagonal-position1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon16{
background:url(images/smartphone.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon17{
background:url(images/smartphone1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon18{
background:url(images/smartphone2.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon19{
background:url(images/smartphone3.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon20{
background:url(images/sort-arrows-couple-pointing-up-and-down.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon21{
background:url(images/sort-arrows-couple-pointing-up-and-down1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon22{
background:url(images/sun.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon23{
background:url(images/sun1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon24{
background:url(images/temperature-limitation.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon25{
background:url(images/temperature-limitation1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon26{
background:url(images/termrez.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon27{
background:url(images/tick-inside-circle.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon28{
background:url(images/uzd.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon29{
background:url(images/wall-clock.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon30{
background:url(images/wall-clock1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon31{
background:url(images/grindys.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:29px;
height:32px;
}
.el-icon32{
background:url(images/house.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon33{
background:url(images/kontkal.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon34{
background:url(images/termrez.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon35{
background:url(images/uzd.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:29px;
height:32px;
}
.el-icon36{
background:url(images/delta16.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:16px;
height:16px;
}
.el-icon37{
background:url(images/delta24.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon38{
background:url(images/delta64.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon39{
background:url(images/thermometer16.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:16px;
height:16px;
}
.el-icon40{
background:url(images/thermometer24.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}
.el-icon41{
background:url(images/thermometer64.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:64px;
height:64px;
}
.el-icon42{
background:url(images/sun2.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:52px;
height:52px;
}
 


/*
##switch3
el-switch3
el-switch4
el-switch5
*/
.el-switch3{
width:145px;
height:20px;
border-radius:10px;
background:gray;
border:5px solid #fff;
}







.el-switch3 .s3label{
left:0;
cursor: pointer;
width:36px;
height:20px;
position: absolute;
margin:0;
padding:0;
z-index:1;
display:inline-block;
text-align:center;
line-height:20px;
text-transform: uppercase;
font-family:'Lato', sans-serif;
font-size:21px;
font-weight:bold;
color: white;
-webkit-animation: 6s rot-label ease-in-out infinite;
-moz-animation: 6s rot-label ease-in-out infinite;
-o-animation: 6s rot-label ease-in-out infinite;
animation: 6s rot-label ease-in-out infinite;
}
.el-switch3 .s3label-auto{
left:33.33333%;
}
.el-switch3 .s3label-off{
left:66.66667%;
}
.el-switch3 .state{
width:45px;
height:20px;
position:absolute;
left:43px;
top:-0px;
border-radius:10px;
box-sizing:border-box;
border:10px solid #ff6c00;
background:#ff8933;
/*box-shadow: 0 0 2px 1px #ff6c00 inset, 0 0 2px 1px #ff6c00;*/
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.el-switch3.on .state{
border:1px solid #008000;
background:#00b300;
/*box-shadow: 0 0 2px 1px #008000 inset, 0 0 2px 1px #008000;*/
left:0px;
}
.el-switch3.off .state{
border:1px solid #ff0000;
background:#ff5555;
/*box-shadow: 0 0 2px 1px #ff0000 inset, 0 0 2px 1px #ff0000;*/
left:98px;
}




.el-switch4{
width:66px;
height:28px;
border-radius:8px;
background:gray;
border:3px solid #D2B48C;

}







.el-switch4 .s3label{
left:0;
cursor: pointer;
width:25px;
height:27px;
position: absolute;
margin:0;
padding:0;


font-size:9px !important;
 -webkit-transform: rotate(90deg);



z-index:1;
display:inline-block;
text-align:center;
line-height:29px;
text-transform: uppercase;
font-family:'Lato', sans-serif;
font-size:11px;
font-weight:bold;
color: white;
-webkit-animation: 6s rot-label ease-in-out infinite;
-moz-animation: 6s rot-label ease-in-out infinite;
-o-animation: 6s rot-label ease-in-out infinite;
animation: 6s rot-label ease-in-out infinite;

}
.el-switch4 .s3label-auto{
left:33.33333%;
}
.el-switch4 .s3label-off{
left:66.66667%;
}
.el-switch4 .state{
width:22px;
height:28px;
position:absolute;
left:23px;
top:-0px;
border-radius:5px;
box-sizing:border-box;
border:1px solid #ff6c00;
background:#ff8933;
/*box-shadow: 0 0 2px 1px #ff6c00 inset, 0 0 2px 1px #ff6c00;*/
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}
.el-switch4.on .state{
border:1px solid #008000;
background:#00b300;
/*box-shadow: 0 0 2px 1px #008000 inset, 0 0 2px 1px #008000;*/
left:0px;

}
.el-switch4.off .state{
border:10px solid #ff0000;
background:#ff5555;
/*box-shadow: 0 0 2px 1px #ff0000 inset, 0 0 2px 1px #ff0000;*/
left:44px;
}

       

.el-switch5{
width:490px;
height:120px;
border-radius:30px;
background:gray;
border:5px solid #fff;
}


.el-switch5 .s3label{
left:10px;
cursor: pointer;
width:0px;
height:0px;
position: absolute;
margin:px;
padding:25px;
font-size:55px !important;


z-index:1;
display:inline-block;
text-align:center;
line-height:70px;
text-transform: uppercase;
font-family:'Lato', sans-serif;
font-size:85px;
font-weight:bold;
color: white;
-webkit-animation: 6s rot-label ease-in-out infinite;
-moz-animation: 6s rot-label ease-in-out infinite;
-o-animation: 6s rot-label ease-in-out infinite;
animation: 6s rot-label ease-in-out infinite;
}
.el-switch5 .s3label-auto{
left:29.33333%;
}
.el-switch5 .s3label-off{
left:66.66667%;
}
.el-switch5 .state{
width:160px;
height:120px;
position:absolute;
left:166px;
top:-0px;
border-radius:25px;
box-sizing:border-box;
border:0px solid #ff6c00;
background:#ff8933;
/*box-shadow: 0 0 2px 1px #ff6c00 inset, 0 0 2px 1px #ff6c00;*/
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.el-switch5.on .state{
border:1px solid #008000;
background:#00b300;
/*box-shadow: 0 0 2px 1px #008000 inset, 0 0 2px 1px #008000;*/
left:0px;
}
.el-switch5.off .state{
border:1px solid #ff0000;
background:#ff5555;
/*box-shadow: 0 0 2px 1px #ff0000 inset, 0 0 2px 1px #ff0000;*/
left:330px;
}

/*
##light
el-bulbL
el-bulbR
*/
.el-bulbL{
background:transparent url(images/lempa_L_1.png) no-repeat left center;
width:95px;
height:123px;
}
.el-bulbL.run{
background:transparent url(images/lempa_L_2.png) no-repeat left center;
width:95px;
height:123px;
}
.el-bulbR{
background:transparent url(images/lempa_R_1.png) no-repeat right center;
width:95px;
height:123px;
}
.el-bulbR.run{
background:transparent url(images/lempa_R_2.png) no-repeat right center;
width:95px;
height:123px;
}

/*
##geer
el-geer1
el-geer2
el-geer3
el-geer4
el-geer5
el-geer6
el-geer7
el-geer8
el-geer9
el-geer10
el-geer11
el-geer12
el-geer13
el-geer14
*/
.el-geer1{
background:url(images/idea.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer2{
background:url(images/settings.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer3{
background:url(images/settings1.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer4{
background:url(images/settings2.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer5{
background:url(images/settings3.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer6{
background:url(images/settings4.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer7{
background:url(images/settings5.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer8{
background:url(images/settings6.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer9{
background:url(images/settings7.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer10{
background:url(images/settings8.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer11{
background:url(images/settings9.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer12{
background:url(images/settings10.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer13{
background:url(images/settings11.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}

.el-geer14{
background:url(images/settings12.png) no-repeat 0 0;
text-align: center;
text-decoration: none;
white-space:nowrap;
user-select:none;
width:32px;
height:32px;
}




##mano
el-mano-on
el-mano-off
el-mano1
*/


.el-mano-on{
background:White;
z-index:2;
border-radius:3px;
min-height:6px;
min-width:6px;
}
.el-mano-on div{
font-size:20px !important;
font-weight:bold;
}



.el-mano-on.on{
background:Green;
}

.el-mano-on.off{
background:White;
}

.el-mano-on.manual-on{
border-color:Yellow;
}
.el-mano-on.manual-off{
border-color:Blue;
}



.el-mano-off{
background:White;
z-index:2;
border-radius:3px;
min-height:6px;
min-width:6px;
}
.el-mano-off div{
font-size:20px !important;
font-weight:bold;
}



.el-mano-off.on{
background:#fff;
}

.el-mano-off.off{
background:Red;
}







.el-mano1{
background:#fff;
z-index:2;
border-radius:3px;
border:#000 0px solid;
min-height:6px;
min-width:6px;
}
.el-mano1.on{
background:#F00;
}
.el-mano1.manual-on{
border-color:#ff0;
}
.el-mano1.manual-off{
border-color:#fff;
}

.el-mano-on *,
.el-mano-off *,
.el-mano1 *{
color:#fff;
}

.el-mano-on span,
.el-mano-off span,
.el-mano1 span {
display:block;
padding:1px 5px;
color:#fff;
font-size:10px;
}