@charset "UTF-8";
/* CSS Document */
html, body {
	background-color: #CCC;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	overflow: auto;
	padding: 0;
	text-align: center;
}
body{
	    background: url(../images/mybg.png) #fff!important;
}
h1{
	color:#F00;
	font-size:2.0em;
}
#logo {
	border: 0;
	height: 76px;
	margin: 10px auto;
	padding: 0 0 10px 0;
	width: 180px;
}
.img-color{
	border-radius: 10px;
	  max-height: 200px;
	   max-width: 200px;
   			 width: 32%;
}
.inline{
	display: inline;
}
.img-color-unselected{
	border:2px solid gray;
}
.img-color-selected{
	border:6px solid gray;
}
.img-rotate {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition:    all 300ms ease-in-out;
	-o-transition:      all 300ms ease-in-out;
	-ms-transition:     all 300ms ease-in-out;
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-o-transform:      rotate(180deg);
	-ms-transform:     rotate(180deg);
	}