body
{
 
  background: #000000 ;
  
}

div
{
font-style: normal;
color: black;
}

a
{
color: black;
text-decoration: none;
}

a:hover
{
color: black;
text-decoration: none;
}

.ak
{
font-size: 14pt;
font-family: Courier ; 
font-weight: 400;
font-style: italic;

}



.txt
{
font-size: 12px;
font-family: Courier ; 
font-weight: 400;

text-align: center;

}

#p1
{
top: 0px;
left: 100px;
height: 590px;
width: 40px;
position: absolute;
color: white;
background-color: #FFFFFF;

}

#p2
{
top: 0px;
left: 857px;
height: 590px;
width: 40px;
position: absolute;
color: white;
background-color: #FFFFFF;

}


#p11
{
top: 0px;
left: 100px;
height: 841px;
width: 40px;
position: absolute;
color: white;
background-color: #FFFFFF;

}

#p22
{
top: 0px;
left: 857px;
height: 841px;
width: 40px;
position: absolute;
color: white;
background-color: #FFFFFF;

}


#p3
{
top: 490px;
left: 140px;
height: 80px;
width: 60px;
position: absolute;
color: white;
background-color: #FFFFFF;

}



#p4
{
top: 0px;
left: 140px;
height: 10px;
width: 720px;
position: absolute;
color: white;
background-color: white;

}

#p5
{
top: 10px;
left: 905px;
height: 80px;
width: 80px;
position: absolute;
color: white;
background-color: black;

}


#menua
{
top: 165px;
left: 150px;
height: 29px;
width: 690px;
position: absolute;
font-size: 16 px;
font-weight: 800;
background: url('graf/menua.jpg') no-repeat;
color: white;
text-align: right;

padding-top: 5px;
}


#menua a
{
font-size: 10pt;
font-weight: 900;
font-style: italic;
color:white;

background-color: black;

}



#menua a:hover
{
font-size: 10 pt;
font-weight: 900;
font-style: italic;
color: #000000;

background-color: white;
}



#boxa
{
top: 10px;
left: 140px;
height: 49px;
width: 393px;
position: absolute;
text-align: center;
background-color: #ffffcc;
font-size: 16px;
font-family: Courier New ; 
font-weight: 400;
padding-top: 15px;


background-image: url('pro/a.jpg');

}


#boxa a:hover
{
font-size: 16px;
font-family: Courier New ; 
font-weight: 400;
background-image: url('pro/a.jpg');

}






#boxb 
{
top: 10px;
left: 533px;
height: 413px;
width: 324px;
position: absolute;
text-align: center;
background-image: url('pro/b.jpg');
background-position: bottom;
background-repeat: no-repeat;



}


#boxc
{
top: 59px;
left: 140px;
height: 363px;
width: 393px;
position: absolute;

background-color: #ffffcc;

background-image: url('pro/ca.jpg');


}


#frame
{ 
vertical-align: middle;
text-align: center;
background-color: #ffffcc;
}


#boxd
{
top: 422px;
left: 140px;
height: 168px;
width: 717px;
position: absolute;
text-align: center;

background-color: #ffffcc;
padding-top: 5px;

}

#boxs
{
top: 422px;
left: 140px;
height: 168px;
width: 717px;
position: absolute;
text-align: center;

background-color: #ffffcc;
padding-top: 5px;

}




#boxbok
{
top: 422px;
left: 140px;
height: 55px;
width: 719px;
position: absolute;
text-align: center;

background-image: url('pro/d.jpg');
padding-top: 10px;
}


#boxstart
{
top: 170px;
left: 858px;
height: 252px;
width: 30px;
position: absolute;

}

#boxreal
{
top: 520px;
left: 600px;
height: 45px;
width: 200px;
position: absolute;

}


#boxd1
{
top: 422px;
left: 140px;
height: 60px;
width: 717px;
position: absolute;
text-align: center;
background-color: #ffffcc;
padding-top: 5px;
}

#boxd2
{
top: 482px;
left: 140px;
height: 355px;
width: 717px;
position: absolute;
text-align: center;
background-color: #ffffcc;

padding-top: 5px;


}