@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
* {
  margin: 0;

}

@font-face {
  font-family: "UthmanicHafs1-Ver09.otf";
  src: url("../font/UthmanicHafs1-Ver09.otf");  // Give relative path to your css file.
}
@font-face {
  font-family: "Al-QuranAlKareem-Bold.ttf";
  src: url("../font/Al-QuranAlKareem-Bold.ttf");  // Give relative path to your css file.
}
#Home{
	overflow-y: scroll;
	background:#faf3cf url("../img/bgt.gif")fixed;
	font-family: 'Amiri', serif;
	text-align: center;
	 position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}


.header {
	margin: 0px 0px 10px 0px;
	height: 45px;
	background-color: #f8b73c;
	position: relative;
	box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);
	border-bottom: 1px solid #02fefb;
	margin-bottom: 15px!important;
}
.header h1 {
	font: tahoma;
	font-size: 1.1em;
	text-align: center;
	margin: 0;
	padding: 10px;
	color: #000;
	line-height: 1.8em;
	font-family: 'Droid Arabic Kufi', serif;
}

strong {
	text-align:center;
	color: #000;
	margin-bottom: 5px;
	text-shadow: none;
	font-size: 1.5em;
}

.quran-img-tital {
	padding:5px;
	text-align:center;
	color: #000;
	margin-bottom: 5px;
	text-shadow: none;
	font-size: 1.5em;
	background-image: url("../img/quran-tital-img.png");
	background-repeat: no-repeat;
	background-position: center;
	 background-size: 300px 60px; 
}
.ketaba p{	border-style: double ;
	margin: 0 10px 0 10px;
	direction:rtl;
	text-align: justify;
	color: #000;
	font-size: 150%;
	padding:10px;
	font-family: 'UthmanicHafs1-Ver09.otf', Amiri;
	
}
.Qketaba p{	border-style: double ;
	margin: 0 10px 0 10px;
	direction:rtl;
	text-align: justify;
	color: #000;
	font-size: 150%;
	padding:10px;
	font-family: 'Al-QuranAlKareem-Bold.ttf', Amiri;
	
}
.mapy, .mapy a {
	display: block;
	line-height: 2em;
	color:white;
	text-align:right;
	padding: 10px;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin:5px 20px 5px 20px;
	background-color:#000;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #fff!important;
	text-decoration:none!important;
}
.map2{
	display: block;
	margin:20px auto;
	position:center;
	}
#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	padding-top: 0;
	border-top: 1px solid #888;
	background: #fff;
	margin-top: 10px;
	z-index: 1
}
#footer #nav2 {
	margin: 0;
	padding-top: 0;
	border-top: 1px solid #000;
}
#footer #nav2 ul {
	width: 300px;
	margin: 0 auto;
}
#footer #nav2 li {
	float: left;
}
#footer #nav2 li a {
	display: block;
	padding: 0px;
	padding-top: 36px;
	width: 60px;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 2em;
	position: relative;
	text-decoration: none;
	color: #000;
	border-right: 1px solid #CCC;
	border-right: 1px solid #666;
}
#footer #nav2 li:first-child a {
	border-left: none;
}
#footer #nav2 li:last-child a {
	border-right: none;
}
#footer #nav2 li#home a {
	background: url(../img/home.png) no-repeat center center;
}
#footer #nav2 li#about a {
	background: url(../img/about.png) no-repeat center center;
}
#footer #nav2 li#contact a {
	background: url(../img/contact.png) no-repeat center center;
}
#footer #nav2 li#map a {
	background: url(../img/map.png) no-repeat center center;
}