﻿* {
    direction:rtl;
}
div {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
body { margin:0px;
}
#dvTop {
	background-color: rgba(0,0,0,0.70);
	width: 100%;
	height:35px;
	position: fixed;
	top: 0px;
	z-index:1000;

	-webkit-box-shadow: 0px 4px 5px 0px rgba(153, 153, 153, 0.75);
	-moz-box-shadow:    0px 4px 5px 0px rgba(153, 153, 153, 0.75);
	box-shadow:         0px 4px 5px 0px rgba(153, 153, 153, 0.75);
    float:right;
}
#dvTop div a ,a:link, a:visited{
	color:white;
	text-decoration:none;	
}
#dvTop div {
	padding:8px 30px 0px 30px;
	color:white;
	text-shadow: 1px 1px 2px rgba(106, 111, 160, 1);
	float:right;
}
#dvTop #left :hover{
	opacity:0.6;
}
#center {
	margin-right:40% !important;

}
#left {
	float:left !important;
}
#dvBack{	background-image:url(../images/BackArrow.png); background-size:90% 90%; cursor:pointer; }
#dvHome{	background-image:url(../images/Home.png); background-size:100% 80%; cursor:pointer; }
.HomeBack {
	float:left !important;
	width:34px; height:34px;

	background-repeat:no-repeat;
	padding:0px !important;
	margin:0px 3px !important;
    background-position-y:center;
}


#wrap {
/*    background-color:gray;*/
    width:100%;
    height:600px;
    position:relative;
	padding-top:0px;
    margin-top:0px;
}
#dvTitle {
    width:1000px;
    text-align:right;
    margin:0px auto 0px auto;
    margin-top:20px;
    font-size:50px;
    color:#00710d;
}
#dvTitle img {
    height:150px;
    float :right;
}
#dvTitle span {
    float:right;
    display:inline-block;
    padding-top:30px;
    padding-right:30px;
}
#rects {
	/*margin-right:auto;margin-left:auto;*/
	margin:0px auto 0px auto;
	background-color:WHITE;
	width:1100px;
	/*height:600px;*/
/*	border:thin solid #030;*/
	/*background-image:url(../images/settings.png);*/
	background-repeat:no-repeat;
	background-size:100% 100%;

	text-align: center;
	padding:0px 30px 0 30px;
	
    clear:both;
    direction:rtl;
}
#rects div {
	height:135px;
	color:white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	background-color:#045b33; /*#1c5a9b; /*1F4E79*/
	width:140px;
/*	border:thin solid #000;*/
	padding:42px 0 30px 0;

	/*float:right;*/
	margin-right:20px;
	margin-top:20px;
    font-size:1.5em;
	opacity:0.95;
    display:inline-block;
    vertical-align:middle;
    border-radius:10px
}
#rects div:hover {
	color: #045b33;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);*/
	background-color:rgb(188,155,106)/*;#2A3F55; /*1F4E79*/
}

@font-face {
    font-family: 'GESS two light';
    src: url('../css/fonts/GESS two light/ge_ss_two_light.eot');
    src: url('../css/fonts/GESS two light/ge_ss_two_light.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/GESS two light/ge_ss_two_light.woff') format('woff'),
         url('../css/fonts/GESS two light/ge_ss_two_light.ttf') format('truetype'),
         url('../css/fonts/GESS two light/ge_ss_two_light.svg#ge_ss_two_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../css/fonts/DroidKufi-Regular/DroidKufi-Regular.eot');
    src: url('../css/fonts/DroidKufi-Regular/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/DroidKufi-Regular/DroidKufi-Regular.woff') format('woff'),
         url('../css/fonts/DroidKufi-Regular/DroidKufi-Regular.ttf') format('truetype'),
         url('../css/fonts/DroidKufi-Regular/DroidKufi-Regular.svg#DroidKufi-Regular') format('svg');
}