html {
			height: 100%;
		}
		body {
			text-align: center;
			background-color:#ededed;
			
			height: 100%;
			width: 100%;

			position: absolute;
			top: 0; left: 0;
			
			overflow: auto;
			margin: 0;
			padding: 0;
			border: none;
		}
		div.lead {
			text-align: center;
			background-color:#FFF;
						
			height: 100%;
			width: 100%;
			max-width: 1024px; 

			position: absolute;
			top: 0px; left: 0px; bottom: 0; right: 0;
			
			margin: 0 auto;
		}
		div.wapka {
			text-align: center;
			background-color:#FFF;
			
			height: auto;
			width: auto;

			position: relative;
			top: 0px; left: 0px;
			
			margin: 0 auto;
		}
		
/*------------------------------------------------*/

		div.menu {
			background-color:#FFF;
			text-align: center;
			font-size: 1em;
				
			display: block;
	
			overflow: hidden;
			text-overflow:ellipsis;
	
			width: 80%;
			height: 22px;
			
			margin: 0 auto;
		}   
		div.partmenu {
			background-color:#f1f4f8;
			text-align: center;
			font-size: 1em;
						
			overflow: hidden;
			text-overflow:ellipsis;
			
			width:  calc(25% - 3px);
			height: 20px;
			
			border: 1px solid #333;           
			border-radius: 2px;               
			
			float: left;
		}	
		div.cap {
			background-color:#FFF;
			height: 20px;
			width: 1px;
			float: left;
		}
		h1 {
			font-size: 24px;
			color: #777;
			text-align:center;
			overflow: hidden;
			text-overflow:ellipsis;			
		}
		h2 {
			font-size: 18px;
			color: #777;
			text-align:center;
			overflow: hidden;
			text-overflow:ellipsis;
		}
		h3 {
			font-size: 14px;
			color: #377;
			margin: 0;
			padding: 0;
			text-indent: 20px
		}
		h4 {
			font-size: 14px;
			color: #777;
			text-align:center;
			overflow: hidden;
			text-overflow:ellipsis;
		}
		#blue {
			background-color:#f1f4f8;
			text-align: left;
			font-size: 1em;
			
			overflow: hidden;
			text-overflow: ellipsis;
			
			width: 60%;
			height: auto;
			
			border: 1px solid #000;
			border-radius: 5px;
			
			margin: 3px auto;
			padding: 3px;
			padding-left: 50px;
		}
		#blue1 {
			background-color:#f1f4f8;
			text-align: center;
			font-size: 1em;
			
			overflow: hidden;
			text-overflow: ellipsis;
			
			width: 60%;
			height: auto;
			
			border: 1px solid #000;
			border-radius: 5px;
			
			margin: 3px auto;
			padding: 3px;
		}
		.but {
			font-size: 0.9em;
			display: inline-block;
			text-align: center;
			border: 1px solid #aeaeae;
			padding: 5px 7px;
			color: #2d2d2d;
			font-family: serif;
			text-decoration: none;
			font-weight: 300;
			background-color: #f1f4f8;
		}
		.foot {
			font-size: 1em;
			text-align: center;
			color: grey;
		}

		
/*------------------------------------------------*/
			
		body.crash {
			background-color:#000;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			overflow: auto;
			margin: 0;
			padding: 0;
			border: none;
		}
		.quadrat {
			position: absolute; right: 20px; top: 20px;
			width: 100px;
			height: 150px;
			color: #ccc;
			border-radius: 5px;
		}
		div.topindent {
			top: 40px;
			width: 100px;
			vertical-align: middle;
		}		
		div.white {
			background-color:#ededed;
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 60%;
			height: auto;
			min-height: 400px;
			border-radius: 5px;
			border: 1px solid #000;
			margin: 3px auto;
			padding: 3px;
			padding-left: 13px;
		}
		div.boxes {
			background-color:#FFF;
			width: 60%;
			max-width: 1024px;
			text-align: right;
			height: auto;
			margin: 3px auto;
			padding: 3px;
		}
		div.blackcrash {
			background-color:#000;
			width: 80%;
			height: auto;
			float: top;
			margin: auto;
		}
		div.black {
			background-color:#000;
			text-align: center;
			width: 60%;
			height: auto;
			border: none;
			border-radius: 5px;
			margin: 3px auto;
		}
		img {
			border: 0;
			width: 100%;
		}
		a { 
			color: #777;
			outline: none;
			display: block;
			height: 100%;
			text-decoration: none;
			padding: 2px;
		}
		a.c1  {
			color: black; 
		}
		a:hover {
			text-decoration: underline;
			color: #377;
		}
		table td.rollover  {
			background: url(arrow-0011.png) center no-repeat;
		}
		table td.rollover:hover  {
			background: url(arrow-0022.png) center no-repeat;
		}
		#arrow {
			table-layout: fixed;
			background-color:#FFF;
			overflow: hidden;
			text-overflow:ellipsis;
			border: none;
			margin: 0 auto;
			padding: 0;
		}
		table {
			table-layout: fixed;
			background-color:#ededed;
			overflow: hidden;
			text-overflow:ellipsis;
			width: 60%;
			border: 1px solid #000;
			margin: 3px auto;
		}
		tr,td {
			overflow: hidden;
			text-overflow:ellipsis;
			border: 1px solid #000;
			border-top: none;
			border-left: none;
			text-align: center;
		}
		table.game-1 {
			table-layout: fixed;
			background: url(gif-animazia.gif);	
			overflow: hidden;
			text-overflow:ellipsis;
			width: 100%;
			border: 1px solid #000;
			margin: 3px auto;
		}
		td.gif  {
			background:#000;
		}	
		td.gif:hover {
			background: url(gif-animazia.gif);			
		}	
		hr {
			width: 50%;
			margin: 3px auto;
		}	
		.niz {
			background-color:#fff;
			border: none;
		}
		input[type=checkbox]:checked ~ .fon {
			color: white;
		}
		.fon {
			color: black;
		}	
/* crash-page */ 		
		div.rolliver  {
			background: #000;
			border: none;
			margin: 0;
			padding: 0;
   		}
		div.rolliver:hover  {
			background: #FFF;
   		}