﻿@font-face {
    font-family: 'hacen_saudi_arabiaregular';
    src: url('../fonts/hacen_saudi_arabia.eot');
    src: url('../fonts/hacen_saudi_arabia.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hacen_saudi_arabia.woff') format('woff'),
         url('../fonts/hacen_saudi_arabia.ttf') format('truetype'),
         url('../fonts/hacen_saudi_arabia.svg#hacen_saudi_arabiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	padding:0;margin:0
}
body {
	background: transparent url('../images/bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	direction: rtl;
}
.change{
	width:40px;text-align:center;float:right;height:40px;display:block;margin-top:10px;font-weight:bold
}
.colors{
	position:absolute;right:0;top:200px;width:50px; height:220px;background:#FFFFFF;padding:0px 8px 0 2px
}
.bage_color{
	
	width:42px;height:42px;background:#B0A37E;display:block;margin-top:10px;float:right}
.selver_color{
	width:42px;height:42px;background:#999999;display:block;margin-top:10px;float:right
}
.blue_color{
	width:42px;height:42px;background:#0099FF;display:block;margin-top:10px;float:right
}

.container {
	width: 960px;
	margin: 0 auto;
	background: transparent url('../images/cont_bg.jpg') no-repeat scroll center top;
	text-align: center;
	display: table;
}

.container_home {
	width:700px;
}


/*.container img {
	margin: 70px 0 100px 0;
}*/
/*.img {
	margin: 30px 0px 10px 0px !important;
}*/
.data {
	background: #f5f3ec;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	width: 940px;
	float: right;padding:10px
}
.data .r_data {
	width: 185px;
	float: right;
}
.data .r_data ul {
	float: right;width:185px;margin-bottom:20px
}
.data .r_data ul li{
	float: right;list-style-type:none;margin:0;padding:0;width:185px;margin:3px 0
	
}
.data .r_data ul li a{
	background:transparent url('../images/btn.jpg') repeat-x ;height:34px;line-height:34px;width:180px;display:block;float:right;text-decoration:none;	font-family: 'hacen_saudi_arabiaregular';color:#000;
	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;margin:0;font-size:90%;text-align:right;text-indent:3px
}
.data .r_data ul li a:hover{
	color:#800000
}

.data .r_data ul li a .btn1{
	background:transparent url('../images/btn1.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn1{
		background:transparent url('../images/btn1.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn2{
	background:transparent url('../images/btn2.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn2{
		background:transparent url('../images/btn2.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn3{
	background:transparent url('../images/btn3.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn3{
		background:transparent url('../images/btn3.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn4{
	background:transparent url('../images/btn4.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn4{
		background:transparent url('../images/btn4.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn5{
	background:transparent url('../images/btn5.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn5{
		background:transparent url('../images/btn5.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn6{
	background:transparent url('../images/btn6.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn6{
		background:transparent url('../images/btn6.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn7{
	background:transparent url('../images/btn7.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn7{
		background:transparent url('../images/btn7.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn8{
	background:transparent url('../images/btn8.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn8{
		background:transparent url('../images/btn8.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn9{
	background:transparent url('../images/btn9.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn9{
		background:transparent url('../images/btn9.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn10{
	background:transparent url('../images/btn10.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn10{
		background:transparent url('../images/btn10.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn11{
	background:transparent url('../images/btn11.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn11{
		background:transparent url('../images/btn11.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn12{
	background:transparent url('../images/btn12.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn12{
		background:transparent url('../images/btn12.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a .btn13{
	background:transparent url('../images/btn13.png') no-repeat scroll right top;width:41px;height:34px;float:right;display:block
}
.data .r_data ul li a:hover .btn13{
		background:transparent url('../images/btn13.png') no-repeat scroll left top;width:41px;height:34px;float:right;display:block
}

.data .r_data h1 {
	width: 170px;
	float: right;
	background: transparent url('../images/h1.jpg') repeat-x;
	height: 33px;
	font-size: 100%;
	color: #FFB901;
	text-align: right;
	line-height: 33px;
	padding-right: 10px;
	font-family: 'hacen_saudi_arabiaregular';
	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;margin:0 0 5px 0
}
.data .l_data {
	width: 740px;
	float: right;background:#fff;	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;margin-right:10px
}
.data .l_data p {
	text-align:right;line-height:160%
}

.container #search {
	width: 400px;
	height: 40px;
	background: #fff;
	border: 2px #CEC8B7 solid;
	border-radius: 25px;
	margin: 0 auto;
	line-height: 40px;
	padding: 5px;
}
.input_search {
	float: right;
	margin: 0 10px;
	width: 320px;
	border-radius: 15px;
	height: 40px;
	border: 0;
	color: #4B1807;
	font-size: 110%;
	font-family: 'hacen_saudi_arabiaregular';
}
.s_btn {
	width: 35px;
	height: 40px;
	background: transparent url('../images/s.png') no-repeat scroll center top;
	border: 0;
}
.login {
	width: 400px;
	margin: 0 auto;
	background: transparent url('../images/login_bg.png') repeat;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	display: table;
	margin-bottom: 100px;
}
.log_img {
	margin: 20px 0 10px 0 !important;
}
.login .txt {
	float: right;
	margin: 0 20px;
	font-family: 'hacen_saudi_arabiaregular';
	font-size: 100%;
	color: #4b1807;
}
.login input {
	float: right;
	margin: 0 10px;
	width: 220px;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	height: 25px;
	border: 0 #BFBAAE solid;
}
.login .button {
	text-align: center;
	margin: 0px 160px 15px;
	width: 70px;
	height: 30px;
	background: #878477;
	color: #fff;
	font-size: 120%;
	font-family: 'hacen_saudi_arabiaregular';
}
.footer {
	width: 960px;
	background: transparent url('../images/footer.jpg') repeat-x;
	height: 37px;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	font-family: 'hacen_saudi_arabiaregular';
	text-align: center;
	line-height: 37px;
	color: #4b1807;
	margin: 0 auto;
	clear: both;
}
.footer img {
	float: left !important;
	margin: 5px;
}
.sections {
	width: 700px;
	display: table;
	margin: 10px 0;
	alignment-adjust:central;
}
.sections .b1 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b1.png') no-repeat scroll center top;
	float: right;
	margin-left:10px;
}
.sections .b1:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b1.png') no-repeat scroll center bottom;
	float: right;
	margin-left:10px;
}
.sections .b2 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b2.png') no-repeat scroll center top;
	float: right;
	margin: 0 10px;
}
.sections .b2:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b2.png') no-repeat scroll center bottom;
	float: right;
	margin-left: 10px;
}
.sections .b3 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b3.png') no-repeat scroll center top;
	float: right;
	margin: 0 10px;
}
.sections .b3:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b3.png') no-repeat scroll center bottom;
	float: right;
	margin-left: 10px;
}
.sections .b4 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b4.png') no-repeat scroll center top;
	float: right;
	margin: 0 10px;
}
.sections .b4:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b4.png') no-repeat scroll center bottom;
	float: right;
	margin-left: 10px;
}
.sections .b5 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b5.png') no-repeat scroll center top;
	float:right;
	margin: 0 10px;
}
.sections .b5:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b5.png') no-repeat scroll center bottom;
	float: right;
	margin-left: 10px;
}
.sections .b6 {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b6.png') no-repeat scroll center top;
	float: right;
	margin: 0 10px 0;
}
.sections .b6:hover {
	width: 131px;
	display: block;
	height: 131px;
	background: transparent url('../images/b6.png') no-repeat scroll center bottom;
	float: right;
	margin-left: 10px;
}
.h_txt {
	float: right;
	display: block;
	margin: 135px 0px 20px;
	font-size: 100%;
	width: 131px;
	font-family: 'hacen_saudi_arabiaregular';
	color: #4b1807;
}
.h_txt a {
	color: #4b1807;
}
.h_txt a:hover {
	color: #CC3300;
}
.blocks {
	width:720px;
	float: right;
	margin-top: 20px;
}
.blocks .block1 {
	width: 220px;
	background: #FFF;
	float: right;
	margin: 0 0 10px;
	padding: 0;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	margin-left: 20px;
}
.blocks .block1 .h1 {
	width: 220px;
	height: 37px;
	background: transparent url('../images/h.jpg') repeat-x;
	border-radius: 15px;
	moz-border-radius: 15px;
	webkit-border-radius: 15px;
	line-height: 37px;
	font-family: 'hacen_saudi_arabiaregular';
}
.blocks .block1 .h1 img {
	margin: 0;
	padding: 0;
	float: right;
}
.mnu {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
}
.mnu ul {
	float: right;
	width: 200px;
	margin: 0;margin-right:16px
}
.mnu ul li {
	float: right;
	width: 170px;
	padding: 2;
	margin: 2;
	list-style-type: none;
	text-align: right;
	border-bottom: 1px #CBC5AD solid;
	height: 35px;
	line-height: 35px;
}
.mnu ul li a {
	color: #663300;
	font-size: 100%;
	font-family: 'hacen_saudi_arabiaregular';
	text-decoration: none;
}
.mnu ul li a:hover {
	color: #996600;
}


	a.header:link{font-family:"Times New Roman", Times, serif;font-size: 14px;color:#ffffff;text-decoration:none;font-weight:bold;}
	a.header:visited{font-family:"Times New Roman", Times, serif;font-size: 14px;color:#ffffff;text-decoration:none;font-weight:bold;}	
	a.header:hover{font-family:"Times New Roman", Times, serif;font-size:14px;color:#000000;font-weight: bold;text-decoration:none;}
	a.footer:link{font-family:"Times New Roman", Times, serif;font-size: 10px;color:#666666;text-decoration:none;font-weight:bold;}
	a.footer:visited{font-family:"Times New Roman", Times, serif;font-size: 10px;color:#666666;text-decoration:none;font-weight:bold;}	
	a.footer:hover{font-family:"Times New Roman", Times, serif;font-size:10px;color:#999999;font-weight: bold;text-decoration:none;}
	
	
	
	a.Main:link{font-size: 15px;color: #900;text-decoration:none;font-weight:bold;}
	a.Main:visited{font-size: 15px;color:#900;text-decoration:none;font-weight:bold;}	
	a.Main:hover{font-size:15px;color: #333;font-weight: bold;text-decoration:none;}
	
	
select{
    font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	background-color: #eaeaea;
}
textarea
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color: #000000;
}

input{
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	color: #000000;
	border-style:solid;
	border-color:#999999;
	border-width:1px;
}

.table {
border-width:1px;
border-style: solid;
border-color:#333;
}


/*

.table1 {
border-width:1px;
border-style:ridge;
border-color:#ffffff;
}*/


.contentimg {
padding:1px;
display:inline;
background:#eaeaea;
border:1px solid #cccccc;
text-align:center;
}
.contentimg2 {
padding:0px;
display:inline;
background:#ffffff;
border:1px solid #BCBCBC;
text-align:center;
}
.red
{
	color:#F00;
}



.button
{
border-color: #ffffff;
background-color:#4b1807;
font-family: "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color: #ffffff;
border-style:solid;
cursor:pointer;
padding:5px;
}
.header_table
{
	background-color:#96693e;
	color:#FFF;
}
.table2 {
border-width:1px;
border-style:ridge;
border-color:#999999;
padding:10px;
background-color:#ebe6d7;
}

.row_ori_color
{
	background-color:#ebe6d7;
}
.row_sec_color
{
	background-color:#d8ceaf;
}