.brackcont {
position:relative;
width:  960px;
height:1060px;
background-color:#f8f6f2;
border:1px solid gray;
}

.brRnd1,.brRnd2,.brRnd3,.brRnd4,.brRnd5,.brRnd6  {
border:1px solid black;
width:150px;
border-left:none;
position:absolute;
}

.brRnd {display:none}

.brRnd1 {
height: 20px;width:150px;left: 20px;
background-color:#ffffcc;
}
.brRnd2 {
height: 64px;
left:170px;
background-color:#ddffdd;
background:linear-gradient(to right,#f8f6f2 5%,#ddffdd 40%);
}
.brRnd3 {
height:128px;
left:320px;
background-color:#ccffff;
background:linear-gradient(to right,#f8f6f2 5%,#ccffff 40%);
}
.brRnd4 {
height:256px;
left:470px;
background-color:#ffccff;
background:linear-gradient(to right,#f8f6f2 5%,#ffccff 40%);
}
.brRnd5 {
height:512px;
left:620px;
background-color:#ffffaa;;
background:linear-gradient(to right,#f8f6f2 5%,#ffffaa 40%);
}
.brRnd6 {
height: 0px;
left:770px;
background-color:red;
top:490px;
border-width:1px;}


/* rnd1 1 16 */
#brk1  {top:25px;}
#brk2  {top:90px;}
#brk3  {top:155px;}
#brk4  {top:220px;}
#brk5  {top:285px;}
#brk6  {top:350px;}
#brk7  {top:415px;}
#brk8  {top:480px;}
#brk9  {top:545px;}
#brk10 {top:610px;}
#brk11 {top:675px;}
#brk12 {top:740px;}
#brk13 {top:805px;}
#brk14 {top:870px;}
#brk15 {top:935px;}
#brk16 {top:1000px;}
/* rnd2 17 24 */
#brk17 {top:35px;}
#brk18 {top:165px;}
#brk19 {top:295px;}
#brk20 {top:425px;}
#brk21 {top:555px;}
#brk22 {top:685px;}
#brk23 {top:815px;}
#brk24 {top:945px;}
/* pre rnd3 25 29 */
#brk25 {top:65px;}
#brk26 {top:325px;}
#brk27 {top:585px;}
#brk28 {top:845px;}
/*  pre 29 i 29 */
#brk29 {top:126px;}
#brk30 {top:642px;}
#brk31 {top:244px;}

#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#g9,#g10,#g11,#g12,#g13,#g14,#g15,#g16 {
left:30px;
top:4px;
}
#g17,#g18,#g19,#g20,#g21,#g22,#g23,#g24 {
left:30px;
top:22px;
}
#g25,#g26,#g27,#g28 {
left:26px;
top:58px;
}
#g29,#g30 {
left:26px;
top:110px;
}
#g31 {
left:26px;
top:225px;
}

#G1_1,#G2_1,#G3_1,#G4_1,#G5_1,#G6_1,#G7_1,#G8_1,
#G9_1,#G10_1,#G11_1,#G12_1,#G13_1,#G14_1,#G15_1,#G16_1,
#G17_1,#G18_1,#G19_1,#G20_1,#G21_1,#G22_1,#G23_1,#G24_1,
#G25_1,#G26_1,#G27_1,#G28_1,#G29_1,#G30_1,#G31_1,
#G1_2,#G2_2,#G3_2,#G4_2,#G5_2,#G6_2,#G7_2,#G8_2,
#G9_2,#G10_2,#G11_2,#G12_2,#G13_2,#G14_2,#G15_2,#G16_2,
#G17_2,#G18_2,#G19_2,#G20_2,#G21_2,#G22_2,#G23_2,#G24_2,
#G25_2,#G26_2,#G27_2,#G28_2,#G29_2,#G30_2,#G31_2 {
right:-5px;
}

#G1_1,#G2_1,#G3_1,#G4_1,#G5_1,#G6_1,#G7_1,#G8_1,
#G9_1,#G10_1,#G11_1,#G12_1,#G13_1,#G14_1,#G15_1,#G16_1 {
top:-16px;
}
#G17_1,#G18_1,#G19_1,#G20_1,#G21_1,#G22_1,#G23_1,#G24_1 {
top:-16px;
}
#G25_1,#G26_1,#G27_1,#G28_1 {
top:-20px;
}
#G29_1,#G30_1 {
top:-20px;
}
#G31_1 {
top:-20px;
}

#G1_2,#G2_2,#G3_2,#G4_2,#G5_2,#G6_2,#G7_2,#G8_2,
#G9_2,#G10_2,#G11_2,#G12_2,#G13_2,#G14_2,#G15_2,#G16_2 {
bottom:-18px;
}
#G17_2,#G18_2,#G19_2,#G20_2,#G21_2,#G22_2,#G23_2,#G24_2 {
bottom:-20px;
}
#G25_2,#G26_2,#G27_2,#G28_2 {
bottom:-20px;
}
#G29_2,#G30_2 {
bottom:-20px;
}
#G31_2 {
bottom:-20px;
}

#G31W {
position:absolute;
left:10px;
bottom:10px;
}