html,body,div,form,fieldset,label,input,span,p,ul,li,img,a,strong,small {
	margin:0;
	padding:0;
}

body,input {
	font-family:'Mouse Memoirs';
	font-weight: 400;
	font-size:20px;
	color:#ffffff;
}

body {
	background: url(../images/bg_1920.jpg) no-repeat center center fixed #000000;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	text-align: center;
}

.grid { margin:0px; padding: 0px 0px 0px 0px; width:100%; min-width: 320px; min-height:100%; }
.g1440 { margin:0; max-width:1440px; width:100%; }
.row { width:100%; margin:0 auto; }
.c1 { width:8.ffffff33%; }
	.c2 { width:16.66666666%; }
	.c3 { width:25.0%; }
	.c4 { width:33.ffffff33%; }
	.c5 { width:41.66666666%; }
	.c6 { width:50.0%; }
	.c7 { width:58.ffffff33%; }
	.c8 { width:66.66666666%; }
	.c9 { width:75.0%; }
	.c10 { width:83.ffffff33%; }
	.c11 { width:91.66666666%; }
	.c12 { width:100%; min-height:1px; float:left; position:relative; }
	.c1-5 { width:20%; }
	.c1-8 { width:12.5%; }
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 { min-height:1px; float:left; padding-left:0px; padding-right:0px; position:relative; }
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first { padding-left: 0; position:relative; }
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last { padding-right: 0; position:relative; }
	.demo { background-color: aqua; }
	.centered { float: none; margin: auto; }

	a,a:link,a:active,a:visited,a:hover {
		color:#0000FF;
		text-decoration:none;
	}

	._tt img { width: 100%; height: auto; max-width:500px; }

	._inst { width: 100%; text-align: center; }
	._inst h1 { width: 100%; text-align: center; color:#ff3300; font-size: 32px; line-height: 32px; text-shadow: 1px 1px 6px #fafc56; }
	._inst p { width: 100%; text-align: center; font-size: 26px; line-height: 26px; color: #ffd800; text-shadow: 1px 1px 6px #fafc56; }
	._inst ul { margin:20px auto; width: 100%; text-align: center; }
	._inst li { display: inline-block; width: 150px; }
	._inst li div._btn { border:3px solid #ff3300;
		border-radius: 10px;
		margin:6px;

		box-shadow: 1px 1px 2px 1px rgba(255,153,0,0.1);


		/*
		-webkit-box-shadow: 1px 1px 2px 1px #d9d9d9;
		-moz-box-shadow: 1px 1px 2px 1px #d9d9d9;
		box-shadow: 1px 1px 2px 1px #d9d9d9;*/
		cursor:pointer;
		 background-color: #ff3300;/*rgba(255,242,225,0.7)*/;

	}
	._inst li div._btn:hover {
		margin:6px 4px 4px 6px;
		-webkit-box-shadow: 0px 0px 1px 0px #a9a9a9;
		-moz-box-shadow: 0px 0px 1px 0px #a9a9a9;
		box-shadow: 0px 0px 1px 0px rgba(0,43,107,0.1);
		background-color: #ff9900; /*rgba(255,242,225,0.3)*/;
	}

	._inst li div._btn img { width: 100%; height: auto; top:5px; border-radius:7px; }
	._inst li p { font-size: 22px; color:#dfdfdf; }





form#memory strong {
	margin:0 0 2em 0;
	display:block;
	font-size:2em;
	text-align:center;
}

form#memory {
	width:400px;
	text-align:left;
	line-height:1.4em;
}

form#memory fieldset {
	border:none;
}

form#memory label {
	display:block;
	float:left;
	margin:0 1em 0 0;
}

form#memory input[type=text] {
	border:none;
	background:transparent;
}

form#memory #iSlider {
	margin:10px 0;
}

form#memory .center {
	text-align:center;
}

form#memory inpe=submit] {
	background:#000000;
	border:1px solid #ff3300;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	margin:20px 0 20px 0;
	text-transform:uppercase;
	padding:4px 6px;
}

form#memory input[type=submit]:hover,
form#memory input[type=submit]:active,
form#memory input[type=submit]:focus {
	background:#fdf5ce;
	border-color:#fbcb09;
}

form#memory small {
	display:block;
}

div#memory {
	position:relative;
	margin:10px auto;
	padding:0px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	width: 100%;
	/*background-color: rgba(0,0,0,0.9);
	border-radius:10px;*/
}

div#memory ul {
	list-style-type:none;
	line-height:0;
	clear:both;
	margin:0px;
	padding:0px;
	
}

div#memory li {
	border:1px solid #ff3300;
	border-radius:6px;
	float:left;
	margin:5px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(255,164,0,0.5);
	-moz-box-shadow: 1px 1px 1px 1px rgba(255,164,0,0.5);
	box-shadow: 1px 1px 1px 1px rgba(255,164,0,0.5);
	cursor:pointer;
}

div#memory li.solved {
	cursor:default;
}

div#memory li:hover {
	margin:6px 4px 4px 6px;
	-webkit-box-shadow: 0px 0px 1px 0px #FFA400;
	-moz-box-shadow: 0px 0px 1px 0px #FFA400;
	box-shadow: 0px 0px 1px 0px #FFA400;
}

div#memory div {
	background: url(../images/card_bg.jpg) top center no-repeat;
	border:3px solid #ff6600;
	border-radius:6px;
	width: 150px;
	height: 150px;
}

div#memory img {
	display:none;
}

div#memory p {
	float:left;
	width:33%;
	margin:10px 0;
}

div#solved {
	position: absolute;
	padding: 0px 0 0 0;
}

div#solved strong {
	font-size:3em;
}
div#solved p {
	margin:1em 0;
	font-size: 28px;
}
div#solved p a { text-decoration: none; color: #ff3300; text-shadow: 1px 1px 6px #fafc56; }

br.clear {
	line-height:0;
	font-size:0;
	color: #ff3300;
	clear:both;
	text-shadow: 1px 1px 6px #000000;
}
p.clear { color: #ff3300; text-shadow: 1px 1px 6px #000000; }

		@media only screen and (max-width: 1440px) {
			body { background: url(../images/bg_1440.jpg) no-repeat center center fixed #000000; }
		}

		@media only screen and (max-width: 1024px) {
			body { background: url(../images/bg_1024.jpg) no-repeat center center fixed #000000; }
		}

		@media only screen and (max-width: 800px) and (orientation:portrait) {
			body { background: url(../images/bg_800_p.jpg) no-repeat center center fixed #000000; }
		}

		@media only screen and (max-width: 800px) and (orientation:landscape) {
			body { background: url(../images/bg_800_l.jpg) no-repeat center center fixed #000000; }
		}

		@media only screen and (max-width: 650px) {
			._inst { width: 90%; }
			._inst h1 { width: 100%; text-align: center; font-size: 26px; line-height: 26px; color: #ffffff; text-shadow: 1px 1px 6px #000000; }
			._inst p { width: 100%; text-align: center; font-size: 20px; line-height: 24px; color: #0000FF; text-shadow: 1px 1px 6px #000000;  }

			button { width: 90%; }

		}