@font-face {
	font-family:optima;
	src:url("fonts/optima.ttf") format("truetype"),
		url("fonts/optima.ttc?") format("ttc"),
		url('fonts/optima.eot') format('embedded-opentype'),
        url('fonts/optima.woff') format('woff'),
		url('fonts/optima.svg#OptimaRegular') format('svg');
		font-weight:normal;font-style:normal;}
html{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
body{
	cursor:default;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	color:#60574e;
	font-family:optima;
	font-size:11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgb(152,142,130);
background: -moz-linear-gradient(top, rgba(152,142,130,1) 0%, rgba(211,207,198,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,142,130,1)), color-stop(100%,rgba(211,207,198,1)));
background: -webkit-linear-gradient(top, rgba(152,142,130,1) 0%,rgba(211,207,198,1) 100%);
background: -o-linear-gradient(top, rgba(152,142,130,1) 0%,rgba(211,207,198,1) 100%);
background: -ms-linear-gradient(top, rgba(152,142,130,1) 0%,rgba(211,207,198,1) 100%);
background: linear-gradient(to bottom, rgba(152,142,130,1) 0%,rgba(211,207,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#988e82', endColorstr='#d3cfc6',GradientType=0 );
}
a{
	text-decoration:none !important;
	color:#60574e;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
a:hover{
	color:#000000;
}
.btmenu{
	width:60%;
}
.btmenu td{
cursor:pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.btmenu td a{
color:#ffffff;
}
.btmenu td a:hover{
color:#cccccc;
}
.cosmos{
	display:none;
	width:90%;
	max-width:1024px;
	height:80%;
	background: rgb(254,250,249);
background: -moz-linear-gradient(left, rgba(254,250,249,1) 0%, rgba(226,223,214,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,250,249,1)), color-stop(100%,rgba(226,223,214,1)));
background: -webkit-linear-gradient(left, rgba(254,250,249,1) 0%,rgba(226,223,214,1) 100%);
background: -o-linear-gradient(left, rgba(254,250,249,1) 0%,rgba(226,223,214,1) 100%);
background: -ms-linear-gradient(left, rgba(254,250,249,1) 0%,rgba(226,223,214,1) 100%);
background: linear-gradient(to right, rgba(254,250,249,1) 0%,rgba(226,223,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefaf9', endColorstr='#e2dfd6',GradientType=1 );
}

.header{
	text-align:center;
	height:120px;
	text-shadow:1px 1px 3px #000000;
}

.footer{
height:80px;
color:#404040;
text-shadow: 0px 1px 1px #ffffff;
}
#mlbox{
	background:rgba(0,0,0,0.9);
	position:fixed;
	z-index:999999;
	width:100%;
	height:100%;
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000'); 
}
.mlbox-text{
	padding:7px;
	margin:7px;
	color:#ffffff;
	background:#000000;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.mlbox-textw{
	padding:7px;
	margin:7px;
	color:#8C8775;
	background:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mlbox-textw a{
	color:#8C8775;
}
#mlbox img{
	cursor:default;
	border:solid 5px #ffffff;
	box-shadow:1px 1px 5px #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content0 img{
	cursor:pointer;
	width:100%;
	border:solid 5px #ffffff;
	box-shadow:1px 1px 5px #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
}
#mmenu td{
	cursor:pointer;
	color:#E5E5E5;
	text-shadow:1px 1px 3px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=130, Color='#232323');
	border:solid 1px rgba(0,0,0,0);
	text-align:center;
	margin:5px;
	padding:5px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-radius: 5px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#mmenu td:hover{
	<!--[if IE]>
border:solid 0px #000000;
<![endif]-->
	border:solid 1px #ffffff;
	color:#ffffff;
	box-shadow:inset 0px 0px 10px #ffffff;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(50%,rgba(241,241,241,0.5)), color-stop(51%,rgba(225,225,225,0.5)), color-stop(100%,rgba(246,246,246,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-radius: 5px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#mmenu ul{
	list-style-type: none;
	display:none;
	position:absolute;
	z-index:11;
	width:250px;
	font-size:16px;
	box-shadow:2px 2px 10px #000000;
	padding:0px;
	margin:0px;
	margin-top:10px;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#mmenu li{
	padding:5px;
	color:#294560;
	text-shadow:0px 0px 2px #ffffff, 0px 0px 4px #ffffff, 0px 0px 6px #ffffff;
	text-align:left;
	border:solid 0px #ffffff;
	box-shadow:inset 0px 0px 10px #ffffff;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#mmenu li:hover{
	color:#000000;
}


#content {
	width: 100%;
	height:100%;
}
.com{
text-shadow:1px 1px 3px #89A3C1;
margin:2px;
padding:2px;
text-align:center;
}
.who{
font-weight:bold;
margin:2px;
padding:2px;
text-align:right;
}
#exo{
	float:right;
	cursor:pointer;
	width:25px;
	height:25px;
	font-family:"Arial Black";
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	background-color:#750000;
	border:solid 3px #ffffff;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 2px 2px 5px #3C3C3C; 
	-webkit-box-shadow: 2px 2px 5px #3C3C3C; 
	box-shadow: 2px 2px 5px #3C3C3C; 
}
#exo:hover{
	background-color:#D50000;
}
.footc{
	margin-left: 15px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.footc:hover{
	color:#000000;
}
