@font-face{
	font-family:i-Shop;
	src: url('../css/GOTHIC.TTF');
}
@font-face{
    font-family:i-Shop;
    src: url('../css/GOTHICB.TTF');
    font-weight:bold;
}
body{
			background:#D8D5D3;
			font-size:1.1em;
			font-family:i-Shop;
		}
		.logo_blue{color:#4f2d91;letter-spacing: -1px;}
		.logo_orange{color:#f45525;letter-spacing: -1px;}
		#main_oroi{
			position:fixed;
			top:0;
			right:0;
			left:0;
			bottom:0;
			background:rgba(50,50,50,0.6);
			display:none;
		}
		#main_oroi_in{
			margin:20px auto;
			width:600px;
			max-height:600px;
			border:solid 1px grey;
			background:#fff;
			position:relative;
		}
		#ok_kripsto{
			position:absolute;
			top:0;
			right:0;
			margin:10px;
			cursor:pointer;
		}
		#main_oroi_in #parag{
			max-height:400px;
			overflow-y:auto;
			padding:10px;
			font-size:0.8em
		}
		.min_tit{
			font-weight:bold;
			font-size:1em;
			margin:12px;
		}	
		#main{
			margin:0 auto;
			width:600px;
			border:solid 1px grey;
			background:#fff;
			padding:0 40px 40px 40px;
			zoom:100%;
		}
		#line{
			width:100%
		}
		#inline{
			width:50%;
			float:left;
		}
		.error{
			border:solid 1px red!important;
		}
		.valid,.error{
			background:#eee;
			border:solid 1px lightgrey;
			padding:6px;
			float:left;
			font-size:1em;
			font-family:"Century Gothic";
			outline:none;
		}
		.red{
			color:red;
		}
		h1 {
			font-size:30px;
			margin:10px;
			color: #666;
			font-weight:normal;
		}
		.gradient-logo{
			font-size:45px;
			text-decoration:none;
			color:#666;
		}
		#img-option{
			width:15px;
			height:20px;
			margin:6px 0 0 0;
		}
		#option{
			width:20px;
			height:20px;
			margin:3px 0 0 3px;
			float:left;
		}
		#help{
			width:200px;
			background-color:#FFF;
			border:solid 3px #FFCC99;
			border-radius:3px;
			padding:3px;
			position:absolute;
			margin:-96px 0 0 -5px;
			display:none;
		}
		#option:hover #help{display:block;}
		#helpr{
			width:300px;
			background-color:#FFF;
			border:solid 3px #FFCC99;
			border-radius:3px;
			padding:3px;
			position:absolute;
			margin:-96px 0 0 -5px;
			display:none;
		}
		#option:hover #helpr{display:block;}
		#arrow{
			width:20px;
			position:absolute;
			margin:-1px 0 0 -2px;
		}
		#sub{
			font-weight:700;
			text-decoration:none;
		}
		.sub{
			background:#666;
			padding:7px 40px;
			font-size:1.3em;
			border:solid 0px;
			color:#fff;
			cursor:pointer;
			font-family:"Century Gothic";
		}
		.sub:hover{
			background:#555;
		}
		.sub:active{
			background:#222;
		}
		h4{
			margin:5px 0 0 0;
			padding:0;
			color:#404040;
		}
		h3{
			margin:7px 0 0 0;
			padding:0;
			color:#404040;
		}
		#stet{
			width:100%;
			border-bottom:solid 1px grey;
			margin-top:350px;
			margin-bottom:20px;
			padding-bottom:5px;
		}
		.oroi{
			font-size:68%;
			font-weight:900;
		}
		.edw{
			color:red;
			cursor:pointer;
		}
		.country{
			width: 210px;
			padding: 5px;
			font-size: 16px;
		}
		#oloklhrothike{
			color:green;
			font-size:90%;
			text-align:center;
			margin-left:80px;
		}
		.passbutton{
			top:20px;
			left:60px;
			text-decoration:none;
			background:#666;
			color:#fff;
			padding:10px 20px;
			position:relative;
		}
		.passbutton:hover{
			background:#555;
		}
		.passbutton:active{
			background:#333;
		}
		#foto{
			width:100%;
			margin:80px 0 10px 0;
			padding: 10px 0;
			border-top:solid 1px grey;
			border-bottom:solid 1px grey;
		}
		#avat{
			margin:0 auto;
			text-align:center;
		}
		#avat img{
			max-width:160px;
			max-height:160px;
		}
		.area{
			width:560px;
			height:80px;
		}