@charset "utf-8";
/* CSS Document */
body { background-color:#CCFFFF;}
#b {
	background-color:#666; top:-5%;left:5%; width: 90%; height:20%; position:absolute; border-bottom-left-radius:15px;border-bottom-right-radius:15px;
}
#c11 {
	 top:-5%; width: 100%; height:65%; position:absolute; 
}
#c22{
	 width: 100%; 	top:8%; position:absolute; border-radius:38%;height: 40%; overflow:hidden;
}
#m1 { left :10%; top:0.5%;position:absolute; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:bold;color:white; border-right:1px  groove #FFF;  padding-bottom:0.2%; padding-top:0.2%;text-align:center; width:8%;}
#m2 { left :18%; top:0.5%;position:absolute; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:bold;color:white; border-right:1px  groove #FFF; padding-bottom:0.2%; padding-top:0.2%;text-align:center;width:8%;}
#m3 { left :26%;top:0.5%; position:absolute;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:bold;color:white; border-right:1px  groove #FFF; padding-bottom:0.2%; padding-top:0.2%;text-align:center;width:8%;}
#m4 { left :34%; top:0.5%;position:absolute;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:bold;color:white; border-right:1px  groove #FFF;  padding-bottom:0.2%; padding-top:0.2%;text-align:center;width:8%;}
#m5 { left :42%; top:0.5%;position:absolute;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight:bold;color:white; padding-bottom:0.2%; padding-top:0.2%;text-align:center;width:8%;}


#b1 {
	background-color:#339999; top:20%;left:5%; width: 17.8%; height:60%; position:absolute; border-radius:15px; opacity:0.6;
}
#b2 {
	background-color:#339999; top:20%;left:23%; width: 17.8%; height:60%; position:absolute; border-radius:15px; opacity:0.6;
}
#b3 {
	background-color:#339999; top:20%;left:41%; width: 17.8%; height:60%; position:absolute; border-radius:15px; opacity:0.6;
}
#b4 {
	background-color:#339999; top:20%;left:59%; width: 17.8%; height:60%; position:absolute; border-radius:15px; opacity:0.6;
}
#b5 {
	background-color:#339999; top:20%;left:77%; width: 17.8%; height:60%; position:absolute; border-radius:15px; opacity:0.6;
}

#mg1 {
	 top:49%;left:10%; width: 7.8%; height:12%; position:absolute; 
}
#mg2 {
	 top:49%;left:28%; width: 7.8%; height:12%; position:absolute; 
}
#mg3 {
	 top:49%;left:46%; width: 7.8%; height:12%; position:absolute; 
}
#mg4 {
	 top:49%;left:64%; width: 7.8%; height:12%; position:absolute; 
}
#mg5 {
	 top:49%;left:82%; width: 7.8%; height:12%; position:absolute; 
}


#b11 {
	background-color:#0066ff; top:77.5%;left:10%; width: 7.8%; position:absolute; 
	border-radius:10px; text-align:center;padding-bottom:0.5%; padding-top:0.5%;
	color:#fff;cursor:pointer;font-weight:bold;
}
#b22 {
	background-color:#0066ff; top:77.5%;left:28%; width: 7.8%;	position:absolute; 
	border-radius:10px; text-align:center;padding-bottom:0.5%; padding-top:0.5%;
	color:#fff;cursor:pointer;font-weight:bold;
}
#b33 {
	background-color:#0066ff; top:77.5%;left:46%; width: 7.8%; position:absolute;
	border-radius:10px; text-align:center;padding-bottom:0.5%; padding-top:0.5%;
	color:#fff;cursor:pointer;font-weight:bold;
}
#b44 {
	background-color:#0066ff; top:77.5%;left:64%; width: 7.8%; position:absolute; 
	border-radius:10px; text-align:center;padding-bottom:0.5%; padding-top:0.5%;
	color:#fff;cursor:pointer;font-weight:bold;
}
#b55 {
	background-color:#0066ff; top:77.5%;left:82%; width: 7.8%;position:absolute;
	border-radius:10px; text-align:center;padding-bottom:0.5%; padding-top:0.5%;
	color:#fff;cursor:pointer;font-weight:bold;
}
.pd1{
top : 61.50%; left : 7.4%; width:13%;position:absolute;text-align:center;font-family:Myriad Pro Light;font-weight:bold;text-shadow: 5px 0px 10px red;}
.pd2{
top : 61.50%; left : 25.4%; width:13%;position:absolute;text-align:center;font-family:Myriad Pro Light;font-weight:bold;text-shadow: 5px 0px 10px red;}
.pd3{
top : 61.50%; left : 43.4%; width:13%;position:absolute;text-align:center;font-family:Myriad Pro Light;font-weight:bold;text-shadow: 5px 0px 10px red;}
.pd4{
top : 61.50%; left : 61.4%; width:13%;position:absolute;text-align:center;font-family:Myriad Pro Light;font-weight:bold;text-shadow: 5px 0px 10px red;}
.pd5{
top : 61.50%; left : 79.4%; width:13%;position:absolute;text-align:center;font-family:Myriad Pro Light;font-weight:bold;text-shadow: 5px 0px 10px red;}

#prod1 , #prod2 , #prod3 , #prod4 , #prod5
{
position:fixed;  top:20%;left:15%; width: 70%;border-radius:10px; text-align:justify;padding:1.5%; 
font-family:Myriad Pro Light;color:blue; background-color:cyan; height:70%; opacity:.8;visibility:hidden;
box-shadow: 0px 0px 50px red; 
}

#pb1 ,#pb2,#pb3 ,#pb4,#pb5 
{
position:absolute; top:0%; left:100%; 
}
button:hover
{
border-radius:50%; overflow:hidden;background-color:red;cursor:pointer;font-weight:bold;
font-size:120%;
}

#pbm1 ,#pbm2,#pbm3 ,#pbm4,#pbm5 
{
position:fixed;  top:20%;left:15%; width: 70%;border-radius:10px; text-align:justify;padding:1.5%; 
font-family:Myriad Pro Light;color:brown; height:70%; opacity:1;visibility:hidden;font-size:1.3vw;
overflow:auto;
}