/* CSS Document */

html,body{
	width:auto;
	height:auto;
	}
html{

height:100%;	
	}
body{
	background: rgb(104,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(104,0,0,1) 0%, rgba(104,0,0,1) 44%, rgba(201,0,0,1) 55%, rgba(104,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,0,0,1)), color-stop(44%,rgba(104,0,0,1)), color-stop(55%,rgba(201,0,0,1)), color-stop(100%,rgba(104,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(104,0,0,1) 0%,rgba(104,0,0,1) 44%,rgba(201,0,0,1) 55%,rgba(104,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(104,0,0,1) 0%,rgba(104,0,0,1) 44%,rgba(201,0,0,1) 55%,rgba(104,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(104,0,0,1) 0%,rgba(104,0,0,1) 44%,rgba(201,0,0,1) 55%,rgba(104,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(104,0,0,1) 0%,rgba(104,0,0,1) 44%,rgba(201,0,0,1) 55%,rgba(104,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680000', endColorstr='#680000',GradientType=0 ); /* IE6-9 */
background-repeat: repeat-y;
	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
a{
	text-decoration:none;
	color:#fff;
	font-size:18px;
	}
.cont{
	width:1041px;
	height:771px;
	background:url("../image/background1.png");
	background-size:  contain;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;	
	box-shadow:0px 0px 50px;
	/*margin-top:50px;*/
	overflow: auto;
	}
.navmenu{
	font-family: 'Alegreya Sans', sans-serif;\
	font-weight:bolder;
	font-size: 30px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	overflow:visible;
	}
.navmenu #btn{
	width:100px;
	padding:10px;
	float:right;
	color:#fff;
	text-align:center;
	font-weight:bolder;
	/*margin-top:10px;*/
	background: rgb(122,2,14); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(122,2,14,1) 0%, rgba(193,3,7,1) 66%, rgba(109,0,25,1) 68%, rgba(109,0,25,1) 98%, rgba(255,5,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,2,14,1)), color-stop(66%,rgba(193,3,7,1)), color-stop(68%,rgba(109,0,25,1)), color-stop(98%,rgba(109,0,25,1)), color-stop(100%,rgba(255,5,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(122,2,14,1) 0%,rgba(193,3,7,1) 66%,rgba(109,0,25,1) 68%,rgba(109,0,25,1) 98%,rgba(255,5,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,2,14,1) 0%,rgba(193,3,7,1) 66%,rgba(109,0,25,1) 68%,rgba(109,0,25,1) 98%,rgba(255,5,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(122,2,14,1) 0%,rgba(193,3,7,1) 66%,rgba(109,0,25,1) 68%,rgba(109,0,25,1) 98%,rgba(255,5,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(122,2,14,1) 0%,rgba(193,3,7,1) 66%,rgba(109,0,25,1) 68%,rgba(109,0,25,1) 98%,rgba(255,5,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a020e', endColorstr='#ff0509',GradientType=0 ); /* IE6-9 */
	text-shadow:-1px -1px 0px #000;
	}
.navmenu #log{
	width:200px;
	padding:10px;
	float:left;
	text-align:center;
	}
.navmenu #btn:hover{
	color:#FC0;
	text-shadow: 3px 3px 5px #000;
	font-weight:bolder;
	background: rgb(99,1,6); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(99,1,6,1) 1%, rgba(147,2,5,1) 66%, rgba(109,0,25,1) 67%, rgba(96,0,1,1) 98%, rgba(255,5,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(99,1,6,1)), color-stop(66%,rgba(147,2,5,1)), color-stop(67%,rgba(109,0,25,1)), color-stop(98%,rgba(96,0,1,1)), color-stop(100%,rgba(255,5,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(99,1,6,1) 1%,rgba(147,2,5,1) 66%,rgba(109,0,25,1) 67%,rgba(96,0,1,1) 98%,rgba(255,5,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(99,1,6,1) 1%,rgba(147,2,5,1) 66%,rgba(109,0,25,1) 67%,rgba(96,0,1,1) 98%,rgba(255,5,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(99,1,6,1) 1%,rgba(147,2,5,1) 66%,rgba(109,0,25,1) 67%,rgba(96,0,1,1) 98%,rgba(255,5,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(99,1,6,1) 1%,rgba(147,2,5,1) 66%,rgba(109,0,25,1) 67%,rgba(96,0,1,1) 98%,rgba(255,5,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630106', endColorstr='#ff0509',GradientType=0 ); /* IE6-9 */

	}
.navmenu img{
	width:100%;
	}
.bdy{
	float:none;
	width:1024px;
	margin-top:35px;	
	height:600px;
	/*background:#500;*/
	overflow:auto;
	border-radius:10px 10px;
	color:#fff;
	}
.bdy h1{
	/*font-family: 'Courgette', cursive;*/
	font-family: 'Alegreya Sans', sans-serif;
	}
.bdy #btn{
	width:100px;
	/*font-family: 'Alegreya Sans', sans-serif;
	font-size:16px;*/
	border-radius:10px 10px;
	background:#060;
	text-align:center;
	padding:5px;
	background: rgb(191,210,85); /* Old browsers */
background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
border-left:1px solid #0F0;
border-top:1px solid #0F0;
border-right:1px solid #060;
border-bottom:1px solid #060;
	text-shadow:-1px -1px 0px #000;
	}

.bdy #background{
	height:500px;
	background:#500;
	opacity:.5;
	overflow:visible;
	z-index:1;
	border-radius:10px 10px;
	}
.bdy #content{
	float:left;
	}
#ofont{
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	}
#ofont img{
	margin-right:15px;
	margin-bottom:15px;
	}
.footer{
	width:auto;
	/*margin-left:150px;*/
	margin-right:20px;
	margin-top:45px;
	text-align:right;
	color:#fff;
	}
.black_overlay{	display: none;	position: fixed;	top: 0%;	left: 0%;	width: 100%;	height: 100%;	background-color: black;	z-index:1001;	-moz-opacity: 0.5;	opacity:.50;	filter: alpha(opacity=50);	overflow:hidden;}
 
.white_content {color:#666;	display: none;	position: absolute;	top: 25%;	left: 25%;	width: 50%;	height: auto;	padding: 10px;	border: 1px solid #09F;	background-color:#E8E8E8;	z-index:1002; /*overflow: auto;*/ }
#result { border: 1px solid green; width: 300px; margin: 0 0 35px 0; padding: 10px 20px; font-weight: bold; }
#change-image { font-size: 0.8em; }