/* SFG ==== */
@import url('../fonts/droidkufi-bold/stylesheet.css');
@import url('../fonts/droidkufi-regular/stylesheet.css');
@import url('../fonts/droidnaskh-regular/stylesheet.css');
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	border: 0;
	direction: rtl;
	background-image: url(../../images/bg.jpg);
	font-family: 'droid_arabic_kufibold', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #000000;
}
/*--- Container Header and Footer ---*/
.main_container
{
	margin: 0 auto;/* margins to auto to horizontally center that element within its container----- first number for top and bottom And second number for right and left */
	max-width: 100%; /* in this situation will improve the browser's handling of small windows. This is important when making a site usable on mobile */
	min-height: 100%;
	position: relative;
	/*border: solid 2px #00FFFF;*/
}
header
{
	background: #ffffff;
	color: #ffffff;
	font-size: 14px;
}
header div.right_side
{
	padding: 2vh 4vw 0 0;
	font-size: 1vw;
	text-align:right;
}
header div.left_side
{
	padding: 2vh 0 0 4vw;
	font-size: 1vw;
	text-align:left;
}
footer
{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: 'droid_arabic_kufibold', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
}
footer p
{
	text-align:center;
	color: #000;
}
/*--- part above and Main Content and part below ---*/
.main_content
{
	padding-top: 50px;
	padding-bottom: 120px;
}
/*-- Nav Bar Style ---*/
.navTopHorizontal
{
	font-size: 1.3vh;
}
/*---------------------*/
/*--Form & body panel--*/
.main_form input, .main_form select, .main_form textarea
{
	font-family: 'droid_arabic_naskhregular', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 15px;
}
/*-----------------------*/
.colbox_home
{
	padding-right: 0;
	padding-left: 0;
	box-shadow: 0 0 10px #777;
	border-bottom: 5px solid #50555D;
	background-color: #f3f3f3;
}
.colbox_home_rightside
{
	font-size: 12px;
	background-color: #F36523;
}
.colbox_home_rightside input
{
	font-family: 'droid_arabic_kufibold', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.colbox_home_leftside
{
	padding-right: 0;
	padding-left: 0;
	background-color: #F3F3F3;
}
/*-----------------------*/
.redstar
{
	color: #FFF;font-size: 9px;
}
/*===================================================================*/
/*===================================================================*/
/*===================================================================*/
@media (min-width: 1200px){
.colbox_home
{
	margin-right: 13%;
}
}
@media (max-width: 1200px){
.colbox_home_leftside
{
	display: none;
}
.main_content
{
	padding-top: 25px;
	padding-bottom: 200px;
}
}
/*-----------------------*/