/*CSS Reset*/

* {
	margin: 0;
	padding: 0;
}

/*Color Classes*/

.dot1 {
	background-color: #df9886;
}

.dot2 {
	background-color: #9d1d18;
	margin: 0 0 0 14px;
}

.dot3 {
	background-color: #b74133;
	margin: 0 0 0 14px;	
}

.dot4 {
	background-color: #7db091;
	margin: 0 0 0 15px;	
}

.dot5 {
	background-color: #292e39;
	margin: 0 0 0 15px;	
}

.dot5:hover {
	background-color: lightgrey;
	margin: 0 0 0 15px;	
}

.dot6 {
	background-color: #992726;
	margin: 0 0 0 15px;	
}

.dot6:hover {
	background-color: lightgrey;
	margin: 0 0 0 15px;	
}

.dot7 {
	background-color: #3c2725;
	margin: 0 0 0 15px;	
}

.dot7:hover {
	background-color: lightgrey;
	margin: 0 0 0 15px;	
}

.dot8 {
	background-color: #385b97;
	margin: 0 0 0 15px;	
}

.dot9{
	background-color: #a5221a;
	margin: 0 0 0 14px;	
}

.dot9:hover{
	background-color:lightgrey;
	margin: 0 0 0 14px;	
}

.dot10{
	background-color: #f47773;
	margin: 0 0 0 14px;	
}

.dot10:hover{
	background-color:lightgrey;
	margin: 0 0 0 14px;	
}

.dot11{
	background-color: #4b94d1;
	margin: 0 0 0 15px;	
}

.dot12{
	background-color: #e0edf5;
	margin: 0 0 0 15px;	
}

.dot13{
	background-color: #f4a699;
	margin: 0 0 0 15px;	
}

.dot14{
	background-color: #5cb2ad;
	margin: 0 0 0 15px;	
}

.dot15{
	background-color: #fad495;
	margin: 0 0 0 15px;	
}

.dot16{
	background-color: #352c30;
	margin: 0 0 0 14px;	
}


/*------------------*/


 .dott0 {
 	background-color:#0a3964; 
 	margin: 15px 0 0 0px;
 }

.dott1 {
	background-color: #0e2a53;
	margin: 15px 0 0 14.7px;
}

.dott2 {
	background-color: #ec6f69;
	margin: 15px 0 0 14.7px;
}

.dott3 {
	background-color: #163d4c;
	margin: 15px 0 0 14.7px;
} 

.dott4 {
	background-color: #9dbdd2;
	margin: 15px 0 0 14.7px;
}

.dott5 {
	background-color: #a91d1c;
	margin: 15px 0 0 14.7px;
}

.dott5:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott6 {
	background-color: #9fb6c3;
	margin: 15px 0 0 14.7px;
}

.dott7 {
	background-color: #e9585b;
	margin: 15px 0 0 14.7px;
}

.dott8 {
	background-color: #361d1b;
	margin: 15px 0 0 14.7px;
}

.dott9 {
	background-color: #1a3f74;
	margin: 15px 0 0 14.7px;
}

.dott9:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott10 {
	background-color: #8c84b3;
	margin: 15px 0 0 14.7px;
}

.dott11 {
	background-color: #edcfb7;
	margin: 15px 0 0 14.7px;
}

.dott12 {
	background-color: #64b8d0;
	margin: 15px 0 0 14.7px;
}

.dott13 {
	background-color: #cbd3e6;
	margin: 15px 0 0 14.7px;
}

.dott14 {
	background-color: #e2e7d0;
	margin: 15px 0 0 14.7px;
}

.dott15 {
	background-color: #53736b;
	margin: 15px 0 0 14.7px;
}
/*-----------*/

 .dott16 {
 	background-color:#b31e18; 
 	margin: 15px 0 0 0px;
 }

.dott17 {
	background-color:#f1b01b ;
	margin: 15px 0 0 14.7px;
}

.dott18 {
	background-color: #25525c;
	margin: 15px 0 0 14.7px;
}

.dott19 {
	background-color: #f8b432;
	margin: 15px 0 0 14.7px;
} 

.dott20 {
	background-color: #1e1c22;
	margin: 15px 0 0 14.7px;
}

.dott20:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott21 {
	background-color: #332b2d;
	margin: 15px 0 0 14.7px;
}
.dott21:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott22 {
	background-color: #feda40;
	margin: 15px 0 0 14.7px;
}

.dott23 {
	background-color: #3d2b2c;
	margin: 15px 0 0 14.7px;
}

.dott24 {
	background-color: #bfd35e;
	margin: 15px 0 0 14.7px;
}

.dott24:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott25 {
	background-color: #202328;
	margin: 15px 0 0 14.7px;
}

.dott25:hover {
	background-color: lightgrey;
	margin: 15px 0 0 14.7px;
}

.dott26 {
	background-color: #a02822;
	margin: 15px 0 0 14.7px;
}

.dott27{
	background-color: #b5201e;
	margin: 15px 0 0 14.7px;
}

.dott28 {
	background-color: #a9211b;
	margin: 15px 0 0 14.7px;
}

.dott29 {
	background-color: #22222c;
	margin: 15px 0 0 14.7px;
}

.dott30 {
	background-color: #015948;
	margin: 15px 0 0 14.7px;
}

.dott31 {
	background-color: #d3b7c0;
	margin: 15px 0 0 14.7px;
}
/*----------*/

 .dott32 {
 	background-color:#4c4048; 
	margin: 15px 0 0 0px;
 }

 .dott33 {
 	background-color:#aa1518; 
	margin: 15px 0 0 14.7px;
 }

  .dott34 {
 	background-color:#ea9ba2; 
	margin: 15px 0 0 14.7px;
 }

  .dott35 {
 	background-color:#87231e; 
	margin: 15px 0 0 14.7px;
 }

  .dott36 {
 	background-color:#1d2125; 
	margin: 15px 0 0 14.7px;
 }

   .dott36:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott37 {
 	background-color:#fcab29; 
	margin: 15px 0 0 14.7px;
 }

   .dott37:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott38 {
 	background-color:#082e5c; 
	margin: 15px 0 0 14.7px;
 }

  .dott38:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott39 {
 	background-color:#96aac4; 
	margin: 15px 0 0 14.7px;
 }

  .dott40 {
 	background-color:#091c45; 
	margin: 15px 0 0 14.7px;
 }

   .dott40:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott41 {
 	background-color:#b21d22; 
	margin: 15px 0 0 14.7px;
 }

  .dott42 {
 	background-color:#327752; 
	margin: 15px 0 0 14.7px;
 }

  .dott43 {
 	background-color:#b0cd5d; 
	margin: 15px 0 0 14.7px;
 }

  .dott44 {
 	background-color:#fdd650; 
	margin: 15px 0 0 14.7px;
 }

  .dott45 {
 	background-color:#97b7d1; 
	margin: 15px 0 0 14.7px;
 }

  .dott46 {
 	background-color:#245978; 
	margin: 15px 0 0 14.7px;
 }

  .dott47 {
 	background-color:#221f28; 
	margin: 15px 0 0 14.7px;
 }

 /*--------*/

  .dott48 {
 	background-color:#ccba8c; 
	margin: 15px 0 0 0px;
 }

 .dott49 {
 	background-color:#e88374; 
	margin: 15px 0 0 14.7px;
 }

  .dott50 {
 	background-color:#363442; 
	margin: 15px 0 0 14.7px;
 }

  .dott51 {
 	background-color:#bad376; 
	margin: 15px 0 0 14.7px;
 }

  .dott52 {
 	background-color:#1b7ec0; 
	margin: 15px 0 0 14.7px;
 }

  .dott53 {
 	background-color:#ea9083; 
	margin: 15px 0 0 14.7px;
 }

  .dott53:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott54 {
 	background-color:#87bba2; 
	margin: 15px 0 0 14.7px;
 }

  .dott55 {
 	background-color:#f8bf9d; 
	margin: 15px 0 0 14.7px;
 }

  .dott55:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott56 {
 	background-color:#1f1f2d; 
	margin: 15px 0 0 14.7px;
 }

  .dott57 {
 	background-color:#abc3e9; 
	margin: 15px 0 0 14.7px;
 }

  .dott58 {
 	background-color:#9cb9dd; 
	margin: 15px 0 0 14.7px;
 }

  .dott59 {
 	background-color:#7db69e; 
	margin: 15px 0 0 14.7px;
 }

  .dott60 {
 	background-color:#b51f20; 
	margin: 15px 0 0 14.7px;
 }

  .dott61 {
 	background-color:#7bc0ad; 
	margin: 15px 0 0 14.7px;
 }

  .dott62 {
 	background-color:#362f2f; 
	margin: 15px 0 0 14.7px;
 }

  .dott63 {
 	background-color:#f7c88c; 
	margin: 15px 0 0 14.7px;
 }

 /*----------------*/

  .dott64 {
 	background-color:#94565f; 
	margin: 15px 0 0 0px;
 }

 .dott65 {
 	background-color:#a5b1d8; 
	margin: 15px 0 0 14.7px;
 }

  .dott66 {
 	background-color:#fce359; 
	margin: 15px 0 0 14.7px;
 }

  .dott67 {
 	background-color:#b01b1d; 
	margin: 15px 0 0 14.7px;
 }

  .dott68 {
 	background-color:#c4d4ed; 
	margin: 15px 0 0 14.7px;
 }

   .dott68:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott69 {
 	background-color:#bcc0da; 
	margin: 15px 0 0 14.7px;
 }

   .dott69:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott70 {
 	background-color:#ed747b; 
	margin: 15px 0 0 14.7px;
 }

   .dott70:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott71 {
 	background-color:#d1848a; 
	margin: 15px 0 0 14.7px;
 }

  .dott72 {
 	background-color:#63aae3; 
	margin: 15px 0 0 14.7px;
 }

   .dott72:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott73 {
 	background-color:#fde0a7; 
	margin: 15px 0 0 14.7px;
 }

   .dott73:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott74 {
 	background-color:#6b88c4; 
	margin: 15px 0 0 14.7px;
 }

  .dott75 {
 	background-color:#e86d6d; 
	margin: 15px 0 0 14.7px;
 }

  .dott76 {
 	background-color:#7bbfa3; 
	margin: 15px 0 0 14.7px;
 }

  .dott77 {
 	background-color:#1497d5; 
	margin: 15px 0 0 14.7px;
 }

  .dott78 {
 	background-color:#37a7da; 
	margin: 15px 0 0 14.7px;
 }

  .dott79 {
 	background-color:#c13c30; 
	margin: 15px 0 0 14.7px;
 }
/*--------------*/

  .dott80 {
 	background-color:#ffe93e; 
	margin: 15px 0 0 0px;
 }

   .dott80:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 0px;
 }

 .dott81 {
 	background-color:#f49492; 
	margin: 15px 0 0 14.7px;
 }

  .dott81:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott82 {
 	background-color:#183e3b; 
	margin: 15px 0 0 14.7px;
 }

  .dott83 {
 	background-color:#113f7b; 
	margin: 15px 0 0 14.7px;
 }

   .dott83:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott84 {
 	background-color:#f7bb62; 
	margin: 15px 0 0 14.7px;
 }

   .dott84:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott85 {
 	background-color:#ffefb4; 
	margin: 15px 0 0 14.7px;
 }

  .dott85:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott86 {
 	background-color:#21212d; 
	margin: 15px 0 0 14.7px;
 }

   .dott86:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott87 {
 	background-color:#cc3f24; 
	margin: 15px 0 0 14.7px;
 }

  .dott88 {
 	background-color:#57a7de; 
	margin: 15px 0 0 14.7px;
 }

   .dott88:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott89 {
 	background-color:#f0782c; 
	margin: 15px 0 0 14.7px;
 }

  .dott90 {
 	background-color:#84b9a5; 
	margin: 15px 0 0 14.7px;
 }

   .dott90:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott91 {
 	background-color:#06715a; 
	margin: 15px 0 0 14.7px;
 }

  .dott92 {
 	background-color:#ebc9c2; 
	margin: 15px 0 0 14.7px;
 }

  .dott92:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott93 {
 	background-color:#6e556b; 
	margin: 15px 0 0 14.7px;
 }

   .dott93:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott94 {
 	background-color:#006a42; 
	margin: 15px 0 0 14.7px;
 }

 .dott95 {
 	background-color: #006a42;
 	margin: 15px 0 0 14.7px;
 }

  .dott96 {
 	background-color:#f18388; 
	margin: 15px 0 0 14.7px;
 }

/*---------------*/

  .dott97 {
 	background-color:#941f20; 
	margin: 15px 0 0 0px;
 }

   .dott97:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 0px;
 }

 .dott98 {
 	background-color:#9fa2c1; 
	margin: 15px 0 0 14.7px;
 }

 .dott99 {
 	background-color:#9d2726; 
	margin: 15px 0 0 14.7px;
 }

 .dott99:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott100 {
 	background-color:#e5aeaa; 
	margin: 15px 0 0 14.7px;
 }

  .dott101 {
 	background-color:#1d1f2c; 
	margin: 15px 0 0 14.7px;
 }

  .dott101:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott102 {
 	background-color:#ed6e68; 
	margin: 15px 0 0 14.7px;
 }

   .dott102:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott103 {
 	background-color:#025394; 
	margin: 15px 0 0 14.7px;
 }

  .dott104 {
 	background-color:#fcfdff; 
	margin: 15px 0 0 14.7px;
 }

  .dott105 {
 	background-color:#a69cb5; 
	margin: 15px 0 0 14.7px;
 }

   .dott105:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott106 {
 	background-color:#1e2d36; 
	margin: 15px 0 0 14.7px;
 }

   .dott106:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott107 {
 	background-color:#b22121; 
	margin: 15px 0 0 14.7px;
 }

  .dott108 {
 	background-color:#cd5142; 
	margin: 15px 0 0 14.7px;
 }

  .dott108:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott109 {
 	background-color:#9abcdf; 
	margin: 15px 0 0 14.7px;
 }

  .dott110 {
 	background-color:#024e8c; 
	margin: 15px 0 0 14.7px;
 }

   .dott110:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott111 {
 	background-color:#91ac8b; 
	margin: 15px 0 0 14.7px;
 }

  .dott112 {
 	background-color:#a5819f; 
	margin: 15px 0 0 14.7px;
 }

 /*----------------------*/


  .dott113 {
 	background-color:#fbdd43; 
	margin: 15px 0 0 0px;
 }

 .dott114 {
 	background-color:#f0a080; 
	margin: 15px 0 0 14.7px;
 }

  .dott115 {
 	background-color:#ef5f61; 
	margin: 15px 0 0 14.7px;
 }

  .dott116 {
 	background-color:#114442; 
	margin: 15px 0 0 14.7px;
 }

  .dott117 {
 	background-color:#363033; 
	margin: 15px 0 0 14.7px;
 }

  .dott118 {
 	background-color:#828ec4; 
	margin: 15px 0 0 14.7px;
 }

  .dott119 {
 	background-color:#708099; 
	margin: 15px 0 0 14.7px;
 }

   .dott119:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott120 {
 	background-color:#eac8cd; 
	margin: 15px 0 0 14.7px;
 }

   .dott120:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott121 {
 	background-color:#90c9b2; 
	margin: 15px 0 0 14.7px;
 }

   .dott121:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott122 {
 	background-color:#f5ac8d; 
	margin: 15px 0 0 14.7px;
 }

  .dott123 {
 	background-color:#7882b2; 
	margin: 15px 0 0 14.7px;
 }

  .dott124 {
 	background-color:#ad8097; 
	margin: 15px 0 0 14.7px;
 }

  .dott125 {
 	background-color:#e8676b; 
	margin: 15px 0 0 14.7px;
 }

  .dott126 {
 	background-color:#eddad2; 
	margin: 15px 0 0 14.7px;
 }

  .dott127 {
 	background-color:#abc6c0; 
	margin: 15px 0 0 14.7px;
 }

  .dott128 {
 	background-color:#be3d28; 
	margin: 15px 0 0 14.7px;
 }
/*----------------*/

  .dott129 {
 	background-color:#fbef96; 
	margin: 15px 0 0 0px;
 }

 .dott130 {
 	background-color:#afd4f1; 
	margin: 15px 0 0 14.7px;
 }

  .dott131 {
 	background-color:#d9a7ae; 
	margin: 15px 0 0 14.7px;
 }

  .dott132 {
 	background-color:#f6f1ef; 
	margin: 15px 0 0 14.7px;
 }

  .dott132:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott133 {
 	background-color:#fbbfa0; 
	margin: 15px 0 0 14.7px;
 }

  .dott134 {
 	background-color:#2a91d0; 
	margin: 15px 0 0 14.7px;
 }

   .dott134:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott135 {
 	background-color:#93c8ef; 
	margin: 15px 0 0 14.7px;
 }

  .dott136 {
 	background-color:#90c8ee; 
	margin: 15px 0 0 14.7px;
 }

  .dott137 {
 	background-color:#b6ddd8; 
	margin: 15px 0 0 14.7px;
 }

   .dott137:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott138 {
 	background-color:#b6aba3; 
	margin: 15px 0 0 14.7px;
 }

  .dott139 {
 	background-color:#e6f3ff; 
	margin: 15px 0 0 14.7px;
 }

   .dott139:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott140 {
 	background-color:#8c4b34; 
	margin: 15px 0 0 14.7px;
 }

  .dott141 {
 	background-color:#97afda; 
	margin: 15px 0 0 14.7px;
 }

  .dott142 {
 	background-color:#e8cdd9; 
	margin: 15px 0 0 14.7px;
 }

   .dott142:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott143 {
 	background-color:#0f264a; 
	margin: 15px 0 0 14.7px;
 }

  .dott144 {
 	background-color:#6ca6d9; 
	margin: 15px 0 0 14.7px;
 }
 /*---------------*/

  .dott145 {
 	background-color:#a79db6; 
	margin: 15px 0 0 0px;
 }

 .dott146 {
 	background-color:#67b2e3; 
	margin: 15px 0 0 14.7px;
 }

 .dott147 {
 	background-color:#e24f4d; 
	margin: 15px 0 0 14.7px;
 }

 .dott147:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott148 {
 	background-color:#efd4db; 
	margin: 15px 0 0 14.7px;
 }


 .dott149 {
 	background-color:#abceda; 
	margin: 15px 0 0 14.7px;
 }

  .dott149:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott150 {
 	background-color:#c2171e; 
	margin: 15px 0 0 14.7px;
 }

  .dott150:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott151 {
 	background-color:#3a3b35; 
	margin: 15px 0 0 14.7px;
 }


 .dott152 {
 	background-color:#a8cae5; 
	margin: 15px 0 0 14.7px;
 }


 .dott153 {
 	background-color:#0c325e; 
	margin: 15px 0 0 14.7px;
 }


 .dott154 {
 	background-color:#a8c7e2; 
	margin: 15px 0 0 14.7px;
 }

 .dott154:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott155 {
 	background-color:#0b7162; 
	margin: 15px 0 0 14.7px;
 }


 .dott156 {
 	background-color:#bc1c1e; 
	margin: 15px 0 0 14.7px;
 }


 .dott157 {
 	background-color:#f09696; 
	margin: 15px 0 0 14.7px;
 }

  .dott157:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott158 {
 	background-color:#fbab2d; 
	margin: 15px 0 0 14.7px;
 }

  .dott158:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott159 {
 	background-color:#234b41; 
	margin: 15px 0 0 14.7px;
 }

  .dott159:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


 .dott160 {
 	background-color:#212029; 
	margin: 15px 0 0 14.7px;
 }

  .dott160:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }
/*------------------*/

  .dott161 {
 	background-color:#a27584; 
	margin: 15px 0 0 0px;
 }

 .dott162 {
 	background-color:#9eb482; 
	margin: 15px 0 0 14.7px;
 }

 .dott163 {
 	background-color:#5e6c91; 
	margin: 15px 0 0 14.7px;
 }

 .dott164 {
 	background-color:#0f295d; 
	margin: 15px 0 0 14.7px;
 }

 .dott165 {
 	background-color:#fae1e5; 
	margin: 15px 0 0 14.7px;
 }

  .dott165:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott166 {
 	background-color:#df3a26; 
	margin: 15px 0 0 14.7px;
 }

 .dott167 {
 	background-color:#fbcdb6; 
	margin: 15px 0 0 14.7px;
 }

 .dott168 {
 	background-color:#ef6929; 
	margin: 15px 0 0 14.7px;
 }

 .dott169 {
 	background-color:#ba2923; 
	margin: 15px 0 0 14.7px;
 }

  .dott169:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott170 {
 	background-color:#30242b; 
	margin: 15px 0 0 14.7px;
 }

 .dott171 {
 	background-color:#0377ba; 
	margin: 15px 0 0 14.7px;
 }

  .dott171:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott172 {
 	background-color:#93a9d9; 
	margin: 15px 0 0 14.7px;
 }

  .dott172:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott173 {
 	background-color:#bb231f; 
	margin: 15px 0 0 14.7px;
 }

  .dott173:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott174 {
 	background-color:#b22124; 
	margin: 15px 0 0 14.7px;
 }

 .dott175 {
 	background-color:#ef7e87; 
	margin: 15px 0 0 14.7px;
 }

  .dott175:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

 .dott176 {
 	background-color:#20342a; 
	margin: 15px 0 0 14.7px;
 }
/*--------------------*/
  .dott177 {
 	background-color:#91b6e0; 
	margin: 15px 0 0 0px;
 }

   .dott177:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 0px;
 }

 .dott178 {
 	background-color:#9d8da7; 
	margin: 15px 0 0 14.7px;
 }

 .dott178:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott179 {
 	background-color:#fbc32e; 
	margin: 15px 0 0 14.7px;
 }

   .dott179:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott180 {
 	background-color:#b57585; 
	margin: 15px 0 0 14.7px;
 }

  .dott181 {
 	background-color:#0b82c9; 
	margin: 15px 0 0 14.7px;
 }

  .dott181:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott182 {
 	background-color:#f07f31; 
	margin: 15px 0 0 14.7px;
 }

   .dott182:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott183 {
 	background-color:#394036; 
	margin: 15px 0 0 14.7px;
 }

  .dott183:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


  .dott184 {
 	background-color:#1a1a22; 
	margin: 15px 0 0 14.7px;
 }

   .dott184:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott185 {
 	background-color:#af7a90; 
	margin: 15px 0 0 14.7px;
 }

   .dott185:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott186 {
 	background-color:#223c3d; 
	margin: 15px 0 0 14.7px;
 }

  .dott187 {
 	background-color:#172837; 
	margin: 15px 0 0 14.7px;
 }


  .dott187:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott188 {
 	background-color:#29344d; 
	margin: 15px 0 0 14.7px;
 }

  .dott189 {
 	background-color:#f38288; 
	margin: 15px 0 0 14.7px;
 }

  .dott190 {
 	background-color:#006e47; 
	margin: 15px 0 0 14.7px;
 }

   .dott190:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott191 {
 	background-color:#961c1e; 
	margin: 15px 0 0 14.7px;
 }

  .dott192 {
 	background-color:#c8aebf; 
	margin: 15px 0 0 14.7px;
 }

   .dott192:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }
 /*----------------------*/

   .dott193 {
 	background-color:#9d2623; 
	margin: 15px 0 0 0px;
 }

 .dott194 {
 	background-color:#025c7e; 
	margin: 15px 0 0 14.7px;
 }

  .dott195 {
 	background-color:#91a1d2; 
	margin: 15px 0 0 14.7px;
 }

  .dott196 {
 	background-color:#fdd44e; 
	margin: 15px 0 0 14.7px;
 }

   .dott196:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott197 {
 	background-color:#f59d2c; 
	margin: 15px 0 0 14.7px;
 }

  .dott198 {
 	background-color:#fa9f2c; 
	margin: 15px 0 0 14.7px;
 }

   .dott198:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott199 {
 	background-color:#242430; 
	margin: 15px 0 0 14.7px;
 }

   .dott199:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott200 {
 	background-color:#323531; 
	margin: 15px 0 0 14.7px;
 }

  .dott200:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }


  .dott201 {
 	background-color:#243b5a; 
	margin: 15px 0 0 14.7px;
 }

   .dott201:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott202 {
 	background-color:#203f37; 
	margin: 15px 0 0 14.7px;
 }

  .dott202:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott203 {
 	background-color:#86c4df; 
	margin: 15px 0 0 14.7px;
 }

  .dott204 {
 	background-color:#aa1b19; 
	margin: 15px 0 0 14.7px;
 }

  .dott205 {
 	background-color:#00466f; 
	margin: 15px 0 0 14.7px;
 }

   .dott205:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott206 {
 	background-color:#f28a8b; 
	margin: 15px 0 0 14.7px;
 }

  .dott206:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott207 {
 	background-color:#368e8b; 
	margin: 15px 0 0 14.7px;
 }

   .dott207:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott208 {
 	background-color:#6b95cf; 
	margin: 15px 0 0 14.7px;
 }
 /*------------------------*/

    .dott209 {
 	background-color:#8688b0; 
	margin: 15px 0 0 0px;
 }

 .dott210 {
 	background-color:#fddb49; 
	margin: 15px 0 0 14.7px;
 }

  .dott211 {
 	background-color:#8a4e43; 
	margin: 15px 0 0 14.7px;
 }

   .dott211:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott212 {
 	background-color:#24232b; 
	margin: 15px 0 0 14.7px;
 }

  .dott213 {
 	background-color:#7e6b87; 
	margin: 15px 0 0 14.7px;
 }

  .dott213:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott214 {
 	background-color:#f2968a; 
	margin: 15px 0 0 14.7px;
 }

  .dott215 {
 	background-color:#f3a1a7; 
	margin: 15px 0 0 14.7px;
 }

  .dott216 {
 	background-color:#9086b9; 
	margin: 15px 0 0 14.7px;
 }

  .dott217 {
 	background-color:#2e3235; 
	margin: 15px 0 0 14.7px;
 }

   .dott217:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott218 {
 	background-color:#fab52f; 
	margin: 15px 0 0 14.7px;
 }

  .dott219 {
 	background-color:#0b2456; 
	margin: 15px 0 0 14.7px;
 }

  .dott220 {
 	background-color:#bd452f; 
	margin: 15px 0 0 14.7px;
 }

  .dott221 {
 	background-color:#ddd462; 
	margin: 15px 0 0 14.7px;
 }

   .dott221:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott222 {
 	background-color:#2e2627; 
	margin: 15px 0 0 14.7px;
 }

  .dott223 {
 	background-color:#e3989c; 
	margin: 15px 0 0 14.7px;
 }

   .dott223:hover {
 	background-color:lightgrey; 
	margin: 15px 0 0 14.7px;
 }

  .dott224 {
 	background-color:#092443; 
	margin: 15px 0 0 14.7px;
 }
 /*-------------------------------------------end*/

/*CANVAS*/

main#canvas {
    width: 479px;
    height: 900px;
    padding: 150px;
    padding-left: 146px;
    padding-top: 140px;
    background-color:white;
}

/*HTML5 SEMANTIC TAGS*/

section {
	width: 16px;
	height:16px;
	float: left;
	border-radius: 50%;
}

section:hover {
	width: 16px;
	height:16px;
	float: left;
	border-radius: 50%;
	background-color: white;
}

a {
	font-size: 18px;
	display: block;
    margin: 500px 0 0 0;

}