body {
	font-family: 'Open Sans', sans-serif;

    background-attachment: fixed;
    border:0;
    padding:0;
    margin: 0;
}
.u {
	vertical-align: middle;
	width: 10%;
}
.title {
	color: rgb(0, 117, 191);
	font-weight: bold;
	background: rgba(255,255,255,.5);
	padding: 1%;
	text-align: center;	
}
.message {
	position: absolute;
	width: 80%;
	left:10%;
	top:77%;
	text-align: left;
}

#p01 {
	background: url('../img/background.png') top center;	
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	opacity:1;
	margin:auto;
	overflow: hidden;

}
.menu {
	font-weight: bold;
	margin-left: 0%;
	overflow: hidden;
}

.menu-btn {
    background-repeat: no-repeat;
    background-size: contain;
    height: 10%;
    width:18%;
    float:right;
    overflow: hidden;
    margin-left: -2%;
    padding-top: 1.5%;
    text-align: center;    
    color:rgb(91, 21, 56);
    cursor:pointer;
}


.l1 {
    padding-top: 3.3%;
}
.l2 {
    padding-top: 2.3%;
}
.l3 {
    padding-top: 1.5%;
}

.menu-krotkie {
	background-image: url('../img/menu_krotkie.png');
}

.menu-dlugie {
	background-image: url('../img/menu_dlugie.png');
	width:21%;
}

.sub-menu-left {
	position: absolute;
	left:-3%;
	top:26%;
	height: 70%;
	width:25%;
	font-weight: bold;
	
}

.sub-menu-left .sub-menu-btn {
	background-image: url('../img/lewy.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 12%;
    overflow: hidden;
    padding-top: 6.5%;
    text-align: center;    
    color:rgb(91, 21, 56);
    cursor:pointer;
}

.sub-menu-right {
	position: absolute;
	right:-3%;
	top:26%;
	height: 70%;
	width:25%;
	font-weight: bold;
	
}

.sub-menu-right .sub-menu-btn {
	background-image: url('../img/prawy.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 12%;
    overflow: hidden;
    padding-top: 6.5%;
    text-align: center;    
    color:rgb(91, 21, 56);
    cursor:pointer;
}

.next {
	color:rgb(191,117,0);
}
.active {
	color:rgb(0, 117, 191);
}
.menu .active {
	text-transform: uppercase;
}

.sub-menu-right .active {
	margin-left:-10%;
}

.sub-menu-left .active {
	margin-left:0%;
}

.done {
	color:rgb(107, 107, 107) !important;
}	



#scale {
	/*border:1px solid black;*/
	width: 50%;
	height: 40%;
	left:50%;
	bottom: 24%;
	margin-left: -25%;	
	margin-top: -10%;
	position: absolute;;
}
#scale #balance {
	position: absolute;
	/*border:1px solid red;*/
	bottom: 0;
	height: 100%;
	width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
	background-image: url('../img/waga_rownowaga.png');
	background-position: center bottom;

}
.scale_eq #balance {
	background-image: url('../img/waga_rownowaga.png') !important;
}

.scale_gt #balance {
	background-image: url('../img/waga_prawy_dol.png') !important;
}
.scale_lt #balance {
	background-image: url('../img/waga_lewy_dol.png') !important;
}


.alert-box {
	position: absolute;
	width: 56%;
	left:22%;
	top:56%;
	background: rgba(0,0,0,.1);
	text-align: center;
	border-radius: 5px;
}
.alert {
	padding: 3%;
	margin:1.5%;
	background: rgba(255,255,255,.7);
	color: rgb(0, 117, 191);
	font-weight: bold;
	border-radius: 5px;	
}

.calc {
	position: absolute;
	width: 80%;
	left:10%;
	top:85%;
	text-align: center;
	font-weight: bold;
}

.calc .calc-elem {
	display: inline-block;
	background: rgba(255,255,255,.3);
	padding: 3%;
	border-radius: 5px;

}

.calc .calc-left {
	width: 30%;	
	text-align: right;
}

.calc .calc-right {
	width: 30%;
	text-align: left;	
}
.calc .calc-center {
	width:10%;
	margin-left:2%;
	margin-right:2%;
}


#objects-left {
   	/*  	border: 1px solid #000;*/
    height: 50%;
    left: 0;
    position: absolute;
    bottom: 60%;
    width: 40%;
}

#objects-right {
   	/*border: 1px solid #000;*/
    height: 50%;
    right: 0;
    position: absolute;
    bottom: 60%;
    width: 40%;
}

.scale_gt #objects-left { bottom:62%; }
.scale_gt #objects-right { bottom:59%; }
.scale_lt #objects-left { bottom:59%; }
.scale_lt #objects-right { bottom:62%; }

.scale_eq #objects-left { bottom:60%; }
.scale_eq #objects-right { bottom:60%; }

.object {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% bottom
}

#scale .elem2>div:nth-child(1) {left: 15%;} 
#scale .elem2>div:nth-child(2) {left: -15%;} 

#scale .elem3>div:nth-child(1) {left: -15%;} 
#scale .elem3>div:nth-child(2) {left: 0%;} 
#scale .elem3>div:nth-child(3) {left: 15%;} 


#scale .elem4>div:nth-child(1) {left: -15%;} 
#scale .elem4>div:nth-child(2) {left: -5%;} 
#scale .elem4>div:nth-child(3) {left: 5%;} 
#scale .elem4>div:nth-child(4) {left: 15%;} 


#scale .elem5>div:nth-child(1) {left: -15%;} 
#scale .elem5>div:nth-child(2) {left: -7.5%;} 
#scale .elem5>div:nth-child(3) {left: 0%;} 
#scale .elem5>div:nth-child(4) {left: 7.5%;} 
#scale .elem5>div:nth-child(5) {left: 15%;} 


#scale .elem6>div:nth-child(1) {left: -15%;} 
#scale .elem6>div:nth-child(2) {left: -9%;} 
#scale .elem6>div:nth-child(3) {left: -3%;} 
#scale .elem6>div:nth-child(4) {left: 3%;} 
#scale .elem6>div:nth-child(5) {left: 9%;} 
#scale .elem6>div:nth-child(6) {left: 15%;} 


#scale .elem7>div:nth-child(1) {left: -15%;} 
#scale .elem7>div:nth-child(2) {left: -10%;} 
#scale .elem7>div:nth-child(3) {left: -5%;} 
#scale .elem7>div:nth-child(4) {left: 0%;} 
#scale .elem7>div:nth-child(5) {left: 5%;} 
#scale .elem7>div:nth-child(6) {left: 10%;} 
#scale .elem7>div:nth-child(7) {left: 15%;} 

#scale .elem8>div:nth-child(1) {left: -17.5%;} 
#scale .elem8>div:nth-child(2) {left: -12.5%;} 
#scale .elem8>div:nth-child(3) {left: -7.5%;} 
#scale .elem8>div:nth-child(4) {left: -2.5%;} 
#scale .elem8>div:nth-child(5) {left: 2.5%;} 
#scale .elem8>div:nth-child(6) {left: 7.5%;} 
#scale .elem8>div:nth-child(7) {left: 12.5%;} 
#scale .elem8>div:nth-child(8) {left: 17.5%;} 

#scale .elem9>div:nth-child(1) {left: -14%;} 
#scale .elem9>div:nth-child(2) {left: -10%;} 
#scale .elem9>div:nth-child(3) {left: -6%;} 
#scale .elem9>div:nth-child(4) {left: -2%;} 
#scale .elem9>div:nth-child(5) {left: 2%;} 
#scale .elem9>div:nth-child(6) {left: 6%;} 
#scale .elem9>div:nth-child(7) {left: 10%;} 
#scale .elem9>div:nth-child(8) {left: 14%;} 
#scale .elem9>div:nth-child(9) {left: 18%;} 


#scale .elem10>div:nth-child(1) {left: -14%;} 
#scale .elem10>div:nth-child(2) {left: -10%;} 
#scale .elem10>div:nth-child(3) {left: -6%;} 
#scale .elem10>div:nth-child(4) {left: -2%;} 
#scale .elem10>div:nth-child(5) {left: 2%;} 
#scale .elem10>div:nth-child(6) {left: 6%;} 
#scale .elem10>div:nth-child(7) {left: 10%;} 
#scale .elem10>div:nth-child(8) {left: 14%;} 
#scale .elem10>div:nth-child(9) {left: 18%;} 
#scale .elem10>div:nth-child(10) {left: 22%;} 

#scale .elem11>div:nth-child(1) {left: -14%;} 
#scale .elem11>div:nth-child(2) {left: -10%;} 
#scale .elem11>div:nth-child(3) {left: -6%;} 
#scale .elem11>div:nth-child(4) {left: -2%;} 
#scale .elem11>div:nth-child(5) {left: 2%;} 
#scale .elem11>div:nth-child(6) {left: 6%;} 
#scale .elem11>div:nth-child(7) {left: 10%;} 
#scale .elem11>div:nth-child(8) {left: 14%;} 
#scale .elem11>div:nth-child(9) {left: 18%;} 
#scale .elem11>div:nth-child(10) {left: 22%;} 
#scale .elem11>div:nth-child(11) {left: 26%;} 


#scale .elem12>div:nth-child(1) {left: -18%;} 
#scale .elem12>div:nth-child(2) {left: -14%;} 
#scale .elem12>div:nth-child(3) {left: -10%;} 
#scale .elem12>div:nth-child(4) {left: -6%;} 
#scale .elem12>div:nth-child(5) {left: -2%;} 
#scale .elem12>div:nth-child(6) {left: 2%;} 
#scale .elem12>div:nth-child(7) {left: 6%;} 
#scale .elem12>div:nth-child(8) {left: 10%;} 
#scale .elem12>div:nth-child(9) {left: 14%;} 
#scale .elem12>div:nth-child(10) {left: 18%;} 
#scale .elem12>div:nth-child(11) {left: 22%;} 
#scale .elem12>div:nth-child(12) {left: 26%;} 

#scale .elem13>div:nth-child(1) {left: -18%;} 
#scale .elem13>div:nth-child(2) {left: -14%;} 
#scale .elem13>div:nth-child(3) {left: -10%;} 
#scale .elem13>div:nth-child(4) {left: -6%;} 
#scale .elem13>div:nth-child(5) {left: -2%;} 
#scale .elem13>div:nth-child(6) {left: 2%;} 
#scale .elem13>div:nth-child(7) {left: 6%;} 
#scale .elem13>div:nth-child(8) {left: 10%;} 
#scale .elem13>div:nth-child(9) {left: 14%;} 
#scale .elem13>div:nth-child(10) {left: 18%;} 
#scale .elem13>div:nth-child(11) {left: 22%;} 
#scale .elem13>div:nth-child(12) {left: 26%;} 
#scale .elem13>div:nth-child(13) {left: 30%;} 

#scale .elem14>div:nth-child(1) {left: -18%;} 
#scale .elem14>div:nth-child(2) {left: -14%;} 
#scale .elem14>div:nth-child(3) {left: -10%;} 
#scale .elem14>div:nth-child(4) {left: -6%;} 
#scale .elem14>div:nth-child(5) {left: -2%;} 
#scale .elem14>div:nth-child(6) {left: 2%;} 
#scale .elem14>div:nth-child(7) {left: 6%;} 
#scale .elem14>div:nth-child(8) {left: 10%;} 
#scale .elem14>div:nth-child(9) {left: 14%;} 
#scale .elem14>div:nth-child(10) {left: 18%;} 
#scale .elem14>div:nth-child(11) {left: 22%;} 
#scale .elem14>div:nth-child(12) {left: 26%;} 
#scale .elem14>div:nth-child(13) {left: 30%;} 
#scale .elem14>div:nth-child(14) {left: 34%;} 

#scale .elem15>div:nth-child(1) {left: -22%;} 
#scale .elem15>div:nth-child(2) {left: -18%;} 
#scale .elem15>div:nth-child(3) {left: -14%;} 
#scale .elem15>div:nth-child(4) {left: -10%;} 
#scale .elem15>div:nth-child(5) {left: -6%;} 
#scale .elem15>div:nth-child(6) {left: -2%;} 
#scale .elem15>div:nth-child(7) {left: 2%;} 
#scale .elem15>div:nth-child(8) {left: 6%;} 
#scale .elem15>div:nth-child(9) {left: 10%;} 
#scale .elem15>div:nth-child(10) {left: 14%;} 
#scale .elem15>div:nth-child(11) {left: 18%;} 
#scale .elem15>div:nth-child(12) {left: 22%;} 
#scale .elem15>div:nth-child(13) {left: 26%;} 
#scale .elem15>div:nth-child(14) {left: 30%;} 
#scale .elem15>div:nth-child(15) {left: 34%;} 

#scale .elem16>div:nth-child(1) {left: -22%;} 
#scale .elem16>div:nth-child(2) {left: -18%;} 
#scale .elem16>div:nth-child(3) {left: -14%;} 
#scale .elem16>div:nth-child(4) {left: -10%;} 
#scale .elem16>div:nth-child(5) {left: -6%;} 
#scale .elem16>div:nth-child(6) {left: -2%;} 
#scale .elem16>div:nth-child(7) {left: 2%;} 
#scale .elem16>div:nth-child(8) {left: 6%;} 
#scale .elem16>div:nth-child(9) {left: 10%;} 
#scale .elem16>div:nth-child(10) {left: 14%;} 
#scale .elem16>div:nth-child(11) {left: 18%;} 
#scale .elem16>div:nth-child(12) {left: 22%;} 
#scale .elem16>div:nth-child(13) {left: 26%;} 
#scale .elem16>div:nth-child(14) {left: 30%;} 
#scale .elem16>div:nth-child(15) {left: 34%;} 
#scale .elem16>div:nth-child(16) {left: 38%;} 

#scale .elem17>div:nth-child(1) {left: -26%;} 
#scale .elem17>div:nth-child(2) {left: -22%;} 
#scale .elem17>div:nth-child(3) {left: -18%;} 
#scale .elem17>div:nth-child(4) {left: -14%;} 
#scale .elem17>div:nth-child(5) {left: -10%;} 
#scale .elem17>div:nth-child(6) {left: -6%;} 
#scale .elem17>div:nth-child(7) {left: -2%;} 
#scale .elem17>div:nth-child(8) {left: 2%;} 
#scale .elem17>div:nth-child(9) {left: 6%;} 
#scale .elem17>div:nth-child(10) {left: 10%;} 
#scale .elem17>div:nth-child(11) {left: 14%;} 
#scale .elem17>div:nth-child(12) {left: 18%;} 
#scale .elem17>div:nth-child(13) {left: 22%;} 
#scale .elem17>div:nth-child(14) {left: 26%;} 
#scale .elem17>div:nth-child(15) {left: 30%;} 
#scale .elem17>div:nth-child(16) {left: 34%;} 
#scale .elem17>div:nth-child(17) {left: 38%;} 

#scale .elem18>div:nth-child(1) {left: -26%;} 
#scale .elem18>div:nth-child(2) {left: -22%;} 
#scale .elem18>div:nth-child(3) {left: -18%;} 
#scale .elem18>div:nth-child(4) {left: -14%;} 
#scale .elem18>div:nth-child(5) {left: -10%;} 
#scale .elem18>div:nth-child(6) {left: -6%;} 
#scale .elem18>div:nth-child(7) {left: -2%;} 
#scale .elem18>div:nth-child(8) {left: 2%;} 
#scale .elem18>div:nth-child(9) {left: 6%;} 
#scale .elem18>div:nth-child(10) {left: 10%;} 
#scale .elem18>div:nth-child(11) {left: 14%;} 
#scale .elem18>div:nth-child(12) {left: 18%;} 
#scale .elem18>div:nth-child(13) {left: 22%;} 
#scale .elem18>div:nth-child(14) {left: 26%;} 
#scale .elem18>div:nth-child(15) {left: 30%;} 
#scale .elem18>div:nth-child(16) {left: 34%;} 
#scale .elem18>div:nth-child(17) {left: 38%;} 
#scale .elem18>div:nth-child(18) {left: 42%;} 

#scale .elem19>div:nth-child(1) {left: -30%;} 
#scale .elem19>div:nth-child(2) {left: -26%;} 
#scale .elem19>div:nth-child(3) {left: -22%;} 
#scale .elem19>div:nth-child(4) {left: -18%;} 
#scale .elem19>div:nth-child(5) {left: -14%;} 
#scale .elem19>div:nth-child(6) {left: -10%;} 
#scale .elem19>div:nth-child(7) {left: -6%;} 
#scale .elem19>div:nth-child(8) {left: -2%;} 
#scale .elem19>div:nth-child(9) {left: 2%;} 
#scale .elem19>div:nth-child(10) {left: 6%;} 
#scale .elem19>div:nth-child(11) {left: 10%;} 
#scale .elem19>div:nth-child(12) {left: 14%;} 
#scale .elem19>div:nth-child(13) {left: 18%;} 
#scale .elem19>div:nth-child(14) {left: 22%;} 
#scale .elem19>div:nth-child(15) {left: 26%;} 
#scale .elem19>div:nth-child(16) {left: 30%;} 
#scale .elem19>div:nth-child(17) {left: 34%;} 
#scale .elem19>div:nth-child(18) {left: 38%;} 
#scale .elem19>div:nth-child(19) {left: 42%;} 

#scale .elem20>div:nth-child(1) {left: -30%;} 
#scale .elem20>div:nth-child(2) {left: -26%;} 
#scale .elem20>div:nth-child(3) {left: -22%;} 
#scale .elem20>div:nth-child(4) {left: -18%;} 
#scale .elem20>div:nth-child(5) {left: -14%;} 
#scale .elem20>div:nth-child(6) {left: -10%;} 
#scale .elem20>div:nth-child(7) {left: -6%;} 
#scale .elem20>div:nth-child(8) {left: -2%;} 
#scale .elem20>div:nth-child(9) {left: 2%;} 
#scale .elem20>div:nth-child(10) {left: 6%;} 
#scale .elem20>div:nth-child(11) {left: 10%;} 
#scale .elem20>div:nth-child(12) {left: 14%;} 
#scale .elem20>div:nth-child(13) {left: 18%;} 
#scale .elem20>div:nth-child(14) {left: 22%;} 
#scale .elem20>div:nth-child(15) {left: 26%;} 
#scale .elem20>div:nth-child(16) {left: 30%;} 
#scale .elem20>div:nth-child(17) {left: 34%;} 
#scale .elem20>div:nth-child(18) {left: 38%;} 
#scale .elem20>div:nth-child(19) {left: 42%;} 
#scale .elem20>div:nth-child(20) {left: 46%;} 

#scale .elem21>div:nth-child(1) {left: -30%;} 
#scale .elem21>div:nth-child(2) {left: -26%;} 
#scale .elem21>div:nth-child(3) {left: -22%;} 
#scale .elem21>div:nth-child(4) {left: -18%;} 
#scale .elem21>div:nth-child(5) {left: -14%;} 
#scale .elem21>div:nth-child(6) {left: -10%;} 
#scale .elem21>div:nth-child(7) {left: -6%;} 
#scale .elem21>div:nth-child(8) {left: -2%;} 
#scale .elem21>div:nth-child(9) {left: 2%;} 
#scale .elem21>div:nth-child(10) {left: 6%;} 
#scale .elem21>div:nth-child(11) {left: 10%;} 
#scale .elem21>div:nth-child(12) {left: 14%;} 
#scale .elem21>div:nth-child(13) {left: 18%;} 
#scale .elem21>div:nth-child(14) {left: 22%;} 
#scale .elem21>div:nth-child(15) {left: 26%;} 
#scale .elem21>div:nth-child(16) {left: 30%;} 
#scale .elem21>div:nth-child(17) {left: 34%;} 
#scale .elem21>div:nth-child(18) {left: 38%;} 
#scale .elem21>div:nth-child(19) {left: 42%;} 
#scale .elem21>div:nth-child(20) {left: 46%;} 
#scale .elem21>div:nth-child(21) {left: 50%;} 


/* arbuz */
.o_a 		{ background-image: url('../img/objects/a_.png'); }
.o_a_ 		{ background-image: url('../img/objects/a_.png'); }
.o_a_1_2 	{ background-image: url('../img/objects/a_1_2.png'); }

.o_a_1_3 	{ background-image: url('../img/objects/a_1_3.png'); }
.o_a_2_3 	{ background-image: url('../img/objects/a_2_3.png'); }

.o_a_1_4 	{ background-image: url('../img/objects/a_1_4.png'); }
.o_a_3_4 	{ background-image: url('../img/objects/a_3_4.png'); }

.o_a_1_5 	{ background-image: url('../img/objects/a_1_5.png'); }
.o_a_2_5 	{ background-image: url('../img/objects/a_2_5.png'); }
.o_a_3_5 	{ background-image: url('../img/objects/a_3_5.png'); }
.o_a_4_5 	{ background-image: url('../img/objects/a_4_5.png'); }

.o_a_1_6 	{ background-image: url('../img/objects/a_1_6.png'); }
.o_a_5_6 	{ background-image: url('../img/objects/a_5_6.png'); }


/* pizza */
.o_p 		{ background-image: url('../img/objects/p.png'); }
.o_p_ 		{ background-image: url('../img/objects/p_.png'); }
.o_p_1_2 	{ background-image: url('../img/objects/p_1_2.png'); }

.o_p_1_3 	{ background-image: url('../img/objects/p_1_3.png'); }
.o_p_2_3 	{ background-image: url('../img/objects/p_2_3.png'); }

.o_p_1_4 	{ background-image: url('../img/objects/p_1_4.png'); }
.o_p_3_4 	{ background-image: url('../img/objects/p_3_4.png'); }

.o_p_1_5 	{ background-image: url('../img/objects/p_1_5.png'); }
.o_p_2_5 	{ background-image: url('../img/objects/p_2_5.png'); }
.o_p_3_5 	{ background-image: url('../img/objects/p_3_5.png'); }
.o_p_4_5 	{ background-image: url('../img/objects/p_4_5.png'); }

.o_p_1_6 	{ background-image: url('../img/objects/p_1_6.png'); }
.o_p_5_6 	{ background-image: url('../img/objects/p_5_6.png'); }


/* tort */
.o_t 		{ background-image: url('../img/objects/t.png'); }
.o_t_ 		{ background-image: url('../img/objects/t_.png'); }
.o_t_1_2 	{ background-image: url('../img/objects/t_1_2.png'); }

.o_t_1_3 	{ background-image: url('../img/objects/t_1_3.png'); }
.o_t_2_3 	{ background-image: url('../img/objects/t_2_3.png'); }

.o_t_1_4 	{ background-image: url('../img/objects/t_1_4.png'); }
.o_t_3_4 	{ background-image: url('../img/objects/t_3_4.png'); }

.o_t_1_5 	{ background-image: url('../img/objects/t_1_5.png'); }
.o_t_2_5 	{ background-image: url('../img/objects/t_2_5.png'); }
.o_t_3_5 	{ background-image: url('../img/objects/t_3_5.png'); }
.o_t_4_5 	{ background-image: url('../img/objects/t_4_5.png'); }

.o_t_1_6 	{ background-image: url('../img/objects/t_1_6.png'); }
.o_t_5_6 	{ background-image: url('../img/objects/t_5_6.png'); }

/* kg */
.o_05kg 	{ background-image: url('../img/objects/05kg.png'); }
.o_1kg 		{ background-image: url('../img/objects/1kg.png'); }
.o_2kg 		{ background-image: url('../img/objects/2kg.png'); }