@charset "utf-8";
/* CSS Document */
html,body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background:#000;
}
*{
	box-sizing:border-box;
	font-family:Tahoma;
}
h1{
	font-size:18px;
}
h2{
	font-size:16px;
}
#main{
	width:1100px;
	margin:auto;
	overflow:hidden;
	background:rgb(0,125,0);
}
header{
	height:auto;
	padding:10px;
	background:#FAFAFA;
	border:solid rgb(0,125,0);
	border-width:10px;
	direction:rtl;
}
header #lang{
	margin-left:5px;
}
header #lang img{
	height:15px;
	width:auto;
	margin-right:5px;
}
header #lang ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
header #lang ul li{
	display:inline-block;
}
header #lang ul ul{
	display:none;
	position:absolute;
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-align:right;
	font-size:16px;
}
header #lang a{
	text-decoration:none;
	color:#000;
}
header #lang ul li:hover > ul{
	display:block;
}
header #logo{
	height:auto;
	padding-bottom:5px;
	text-align:center;
}
header #logo img{
	height:100px;
	width:auto;
}
header nav{
	width:750px;
	height:auto;
	margin:auto;
	border-radius:5px;
	background:rgb(0,125,0);
	font-size:16px;
}
header nav a{
	display:block;
	padding:10px;
	color:#FFF;
	background:rgb(0,125,0);
	text-decoration:none;
}
header nav a:hover{
	color:#000;
	text-decoration:underline;
}
header nav ul{
	padding:0px;
	margin:0px;
	text-align:center;
	z-index:1;
}
header nav ul li{
	display:inline-block;
}
header nav ul ul{
	display:none;
	position:absolute;
	padding:0px;
	margin:0px;
	text-align:right;
	background:rgb(0,125,0);
}
header nav ul li:hover > ul{
	display:block;
}
header nav ul ul li{
	display:block;
}
header nav ul li.mychild > a:after{
	content: "▼";
	font-size:10px;
}
header nav ul ul li.mychild > a:after{
	content: "◄";
	font-size:10px;
}
header nav ul ul.ul1, header nav ul ul.ul2, header nav ul ul.ul3, header nav ul ul.ul4, header nav ul ul.ul5, header nav ul ul.ul6, header nav ul ul.ul7, header nav ul ul.ul8, header nav ul ul.ul9, header nav ul ul.ul10{
	right:100%;
	width:140px;
}
header nav ul ul.ul1{
	top:0px;
}
header nav ul ul.ul2{
	top:40px;
}
header nav ul ul.ul3{
	top:79px;
}
header nav ul ul.ul4{
	top:118px;
}
header nav ul ul.ul5{
	top:157px;
}
header nav ul ul.ul6{
	top:197px;
}
header nav ul ul.ul7{
	top:236px;
}
header nav ul ul.ul8{
	top:275px;
}
header nav ul ul.ul9{
	top:315px;
}
header nav ul ul.ul10{
	top:354px;
}
.col-1{
	width:10%;
}
.col-2{
	width:20%;
}
.col-3{
	width:30%;
}
.col-4{
	width:40%;
}
.col-5{
	width:50%;
}
.col-6{
	width:60%;
}
.col-7{
	width:70%;
}
.col-8{
	width:80%;
}
.col-9{
	width:90;
}
.col-10{
	width:100;
}
[class*="col-"]{
	float:right;
}
section{
	font-size:16px;
}
section .content{
	background:#FAFAFA;
	padding:10px;
	margin:10px;
	text-align:justify;
	border-radius:5px;
	direction:rtl;
}
section .content img{
	max-width:100%;
	height:auto;
}
section .content a{
	text-decoration:none;
	color:rgb(0,125,0);
}
section .content a:hover{
	color:rgb(0,0,250);
}
#link{
	width:1100px;
	margin:auto;
	height:auto;
	text-align:center;
	background:rgb(0,125,0);
	font-size:16px;
	direction:rtl;
}
#link a{
	text-decoration:none;
	display:block;
	padding:10px;
	color:#000;
}
#link a:hover{
	color:#FFF;
}
#link ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#link ul li{
	display:inline-block;
}
footer{
	width:1100px;
	margin:auto;
	height:auto;
	text-align:center;
	padding:10px;
	background:rgb(0,125,0);
	font-size:16px;
	color:#FFF;
	direction:rtl;
}
footer a{
	color:#FFF;
	text-decoration:none;
}
footer a:hover{
	color:#000;
}
@media only screen and (max-width:1120px) and (min-width:800px){
	h1{
		font-size:17px;
	}
	h2{
		font-size:15px;
	}
	#main{
		width:800px;
	}
	header{
		padding:8px;
	}
	header #lang img{
	height:14px;
	}
	header #lang ul ul{
		font-size:15px;
	}
	header #logo{
		padding-bottom:4px;
	}
	header #logo img{
		height:80px;
	}
	section{
		font-size:15px;
	}
	#link, footer{
		width:800px;
		font-size:15px;
	}
	#link a, footer{
	padding:8px;
	}
}
@media only screen and (max-width:820px){
	h1{
		font-size:16px;
	}
	h2{
		font-size:14px;
	}
	#main{
		width:500px;
	}
	header{
		padding:6px;
	}
	header #lang img{
	height:13px;
	}
	header #lang ul ul{
		font-size:14px;
	}
	header #logo{
		padding-bottom:3px;
	}
	header #logo img{
		height:60px;
	}
	[class*="col-"]{
		width:100%;
	}
	header nav{
		width:auto;
		margin:auto;
		background:none;
	}
	header nav a{
		display:block;
		text-align:center;
	}
	header nav ul li{
		display:block;
		width:460px;
		margin:auto;
		background:rgb(0,125,0);
	}
	header nav ul ul li.mychild > a:after{
		content: "▼";
	}
	header nav ul ul.ul1, header nav ul ul.ul2, header nav ul ul.ul3, header nav ul ul.ul4, header nav ul ul.ul5, header nav ul ul.ul6, header nav ul ul.ul7, header nav ul ul.ul8, header nav ul ul.ul9, header nav ul ul.ul10{
		right:0px;
		top:0px;
		width:0%;
		position:relative;
	}
	section{
		font-size:14px;
	}
	#link, footer{
	width:500px;
	font-size:14px;
	}
	#link a, footer{
	padding:5px;
	}
}