@charset "utf-8";
/* CSS Document */

/*بداية الثوابت*/
* {
	margin:0;
	padding:0;
	outline:0; 
}
@font-face {
    font-family: 'hossam1';
    src: url('../fonts/zoinkfat-webfont/zoinkfat-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.woff') format('woff'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.ttf') format('truetype'),
         url('../fonts/zoinkfat-webfont/zoinkfat-webfont.svg#ZoinkFatRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.classname{ 
	font-family: "hossam";
}
body {
	direction:ltr;
	background-color:#f4efe0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: left;
	cursor: default;
}
a {
	text-decoration:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.text_bold {
	font-weight: bold;
}
.text_italec {
}
.txt_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
.text_justify {
	text-align: justify;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.text_underline {
	text-decoration: underline;
}
.defualt_mousepoint {
	cursor: default;
}
.dir_lang_ltr {
	direction: ltr;
}
.dir_lang_rtl {
	direction: rtl;
}
.text_none_textdicoration {
	text-decoration: none;
}
.text_captle {
	text-transform: capitalize;
}
.text_uppercas {
	text-transform: uppercase;
}
.text_lowercas {
	text-transform: lowercase;
}
.border_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.border_corner {
/*firefox*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
/*or*/
	-moz-border-radius: 15px 5px;
/*or 15lefttop+rightdowen-5righttop+leftdowen*/
/*or all*/
-moz-border-radius: 10px;
	/*opra*/	
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
	/*or all*/
		border-radius: 5px;
			/*WebKit*/
				-webkit-border-top-right-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-webkit-border-top-left-radius: 10px;
			/*or all*/	
				-webkit-border-radius: 5px;
}
.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);
}
.shadow {
	color: white;
    font: bold 52px Helvetica,Arial,Sans-Serif;
    text-shadow: 1px 1px #FE4902, 2px 2px #FE4902, 3px 3px #FE4902;
}
/*نهاية الثوابت*/

#outer {
	width: 1000px;
	margin: 0px auto;
}
#outer #left {
		background: url(../images/index_02.jpg) repeat-y;
	
	min-height: 700px;
	width: 112px;
	float: left;
    
}
#outer #right {
	float: right;
	width: 887px;
}
#outer #right #container {
	background-image: url(../images/bg_site.jpg);
	background-repeat: repeat-y;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000;
	width: 836px;
}
#outer #right #container #container_left {
	float: left;
	width: 280px;
}
#outer #right #container #container_right {
	float: right;
	width: 530px;
}
.index {
}
.index .welcome {
	background-image: url(../images/bg_about.jpg);
	background-repeat: no-repeat;
	height: 215px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.index .dwaween {
	background-image: url(../images/bg_dwaween.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.index .dwaween_path {
	background-image: url(../images/bg_path_dwaween.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 160px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}
.rwayat {
	margin-left: 100px;
}
.rwapic {
	text-align: center;
	width: 120px;
	padding-bottom: 50px;
}
.rwapic img{
	text-decoration: none;
	text-align: center;
	padding: 5px;
	/*firefox*/

-moz-border-radius: 10px;
	/*opra*/	
	
		border-radius: 10px;
			/*WebKit*/
				
				-webkit-border-radius: 10px;
}
.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);
}
.rwapic a{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
}
.rwapic a:hover{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
	text-align: center;
}
.t_rwaya {
	float: right;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C60;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.textsmall_rwaya {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding-right: 25px;
	line-height: 40px;
}

.tsmall_rwaya {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	float: right;
	margin-right: 200px;
}

.text_rwaya {
}



.index .dwaween_path a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.index .dwaween_path a:hover {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
}
.path {
	color: #333;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.index .word {
	background-image: url(../images/bg_toabout.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.index .wordabout {
	background-image: url(../images/bg_toaboutus.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.index .history {
	background-image: url(../images/bg_history.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}

.index .wordaboutword {
	background-image: url(../images/bg_toabout.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.sign {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #960;
	text-align: left;
}

.index .wordcontact {
	background-image: url(../images/bg_contact.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 400px;
	margin-top: 25px;
	margin-left: 75px;
}
.teword {
	width: 380px;
	padding-left: 75px;
	margin-top: 5px;
	margin-bottom: 25px;
}
.tewordabout {
	width: 380px;
	padding-left: 75px;
	margin-top: 5px;
	margin-bottom: 25px;
}
.tedwaween {
	width: 380px;
	padding-left: 90px;
	margin-top: 20px;
	margin-bottom: 25px;
    min-height: 350px;
    height: 400px;
    overflow: auto;
}
.tedwaween ul {
	direction: rtl;
	margin-top: 25px;
	margin-bottom: 25px;
}
.tedwaween ul li {
	text-align: right;
	padding: 3px;
	width: auto;
	list-style-type: none;
}
.tedwaween ul li .title_stor {
	text-align: right;
	padding: 30px 0 5px 0;
    font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #835227;
	text-decoration: none;
    
}
.tedwaween ul li a {
    background-image: url("../images/arow_menu.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    color: #333333;
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 30px;
    padding-right: 20px;
    text-decoration: none;
}
.tedwaween ul li a:hover {
    color: #CC6600;
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-right: 20px;
    text-decoration: none;
}

.tecontact {
	float: right;
	margin-right: 60px;
}
.teabout {
	float: right;
	margin-right: 60px;
	margin-left: 50px;
}
.tehistory {
	float: right;
	margin-right: 60px;
	margin-left: 50px;
}

.fieldset {
	margin: 10px;
}
.datacontact {
	float: right;
	margin-bottom: 25px;
}
.submit {
	background-image: url(../images/bg_send.gif);
	height: 35px;
	width: 87px;
}


.lable {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 5px;
}
.input {
	background-color: #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #360;
}



.cont {
	width: 250px;
	padding-top: 75px;
	padding-left: 25px;
}
.more {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.more2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
	text-align: left;
	margin-right: 350px;
}
.more2:hover {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C30;
	text-decoration: none;
	text-align: left;
	margin-right: 350px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.more:hover {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #A71D10;
	text-decoration: none;
}


.titlespe {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	text-align: right;
}
.titlespe2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	text-align: right;
	padding: 5px;
}
.table {
	padding: 10px;
}

.textspe {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: right;
	margin-bottom: 20px;
	line-height: 30px;
	list-style-type:none;
}
.textspe li {
    position: relative;
}
.textspe li::before {
    content: "";
    position: absolute;
    right: -4%;
    border: 3px solid #000;
    border-radius: 11px;
    margin-top: 12px;
  }


#outer #right #container #container_poth {
	clear: both;
}

#outer #right #container #container_left #logo {
}
#outer #right #container #container_left #menu {
}
#outer #right #container #container_left #menu ul {
	margin-top: 50px;
	margin-bottom: 100px;
	margin-left: 30px;

}
#outer #right #container #container_left #menu ul li {
	padding: 5px;
	list-style-type: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(../images/arow_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 200px;
	text-align: right;
}
#outer #right #container #container_left #menu ul li a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: right;
	padding-right: 20px;
}
#outer #right #container #container_left #menu ul li a:hover {
	color: #B12516;
}


#outer #right #up_footer {
	background-image: url(../images/bg_upfooter.jpg);
	background-repeat: repeat-y;
	width: 836px;
	height: 191px;
	clear: both;
}
#outer #right #footer {
	width: 836px;
	height: 60px;
	background-color: #000;
	clear: both;
}
#outer #right #footer .text{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 60px;
	padding-top: 25px;
}
#outer #right #footer .text a{
	color: #FFF;
}
#outer #right #footer .text a:hover{
	color: #7AB537;
}
#outer #right #up_footer #left_up_footer {
	float: left;
	height: 190px;
	width: 280px;
}
.suptitle {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	color: #7AB537;
	text-decoration: none;
	text-align: right;
	padding: 5px;
	font-weight: bold;
}
.suptext {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.suptext2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-align: right;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#outer #right #up_footer #right_up_footer {
	float: right;
	height: 190px;
	width: 530px;
}