#topbox{

background: rgba(0, 0, 0, 0) url("../images/top-h.jpg") no-repeat scroll 4px 3px;

border-radius: 10px 11px 0 0;

float: left;

height: 329px;

margin: -88px 0 0 -175px;

width: 1328px;

z-index: 1001 !important;

}
#media-item-container.media-item-container div#media-item.media-item-full{
background-image: url("../images/tv.pg") !important;
background-repeat: no-repeat;
display: block;
height: 600 !important;
margin: 10px 0;
text-align: center;
width: 508px !important;
}
#hwd-container div#media-item-container.media-item-container{
background-image:  !important;
}

#top2{

background: rgba(0, 0, 0, 0) url("../images/top3.jpg") repeat-x scroll 0 0;

border-bottom: 4px solid #c6c4bc;

height: 318px;

position: absolute;

top: 0;

width: 100%;

z-index: 0;



}

#wrapper {

background: rgba(0, 0, 0, 0) url("../images/af") repeat-x scroll 0 0;

border-bottom: 1px solid #000;

height: auto;

margin: -340px auto;

position: relative;

width: 981px;}

#header{

	width:100%;

	height:329px;

	float:left;

	}	

	

#user{

	width:100%;

	height:30px;

	float:left;}

#user1{

	width:25%;

	height:30px;

	float:left;}

#user2 {

  float: inherit;

  height: 30px;

  margin: 1% -25%;

  width: 27%;

}

#logo {

background:rgba(0, 0, 0, 0) url("../images/afghanistanema.png") no-repeat scroll 99% 40% / auto 60%;

float: left;

height: 102px;

width: 100%;

}



#news1 {

  float: left;

  height: 35px;

  margin: 7px 5px;

  position: relative;

  width: 25%;

}

#news{widows:25%;

float:right;}

#main{

background-image: url("../images/back.jpg"), url("../images/back2.jpg");

background-repeat: repeat-x, repeat;

box-shadow: 0 0 10px -2px #000;

float: left;

height: auto;

margin: 100px 0 0;

width: 981px;

	}

#left{

	background-color:transparent;

float: left;

min-height: 400px;

width: 78%;

}	

#left-content{

background-color: transparent;

float: left;

min-height: 400px;

width: 76%;

margin: 0 10px 0 ;

	

	}

#search{
background: hsla(0, 0%, 0%, 0) url("../images/searh.jpg") no-repeat scroll 10px 0;
float: left;
height: 46px;
margin: 9px 0 0 103px;
padding: 7px 0;
width: 15.3%;
	}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  background-color: none !important;
  background-image: none;
  border-color: none !important;
  filter: none;
}
.gsc-control-cse div {
background: hsl(0, 0%, 100%) none repeat scroll 0 0;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  height: 13px;
  margin-top: 2px;
  min-width: 13px;
  padding: 6px 9px !important;
}
#marque{
float: left;
font-size: 17px;
height: 50px;
margin: -9px 0 0 2px;
padding: 12px 19px;
width: 53.7%;
	}

	#contact{

	color: black !important;

float: left;

height: 36px;

margin: 24px 0 0 -39px;

width: 17%;}

#slideshow{

background-color: #d2c093;

border: 1px solid #fff;

border-radius: 19px;

box-shadow: 0 0 5px 3px #a7ab55;

float: left;

height: 214px;

margin: 8px 50px 0;

overflow: hidden;

width: 664px;

}

#slide2{

float: left;
margin: 23px 0 0 43px;
min-height: 200px;
width: 675px;}

#slide3{

float: left;

margin: 8px 0 0 43px ;

min-height: 200px;

width: 675px;}

#slide4{

background-color: hsla(0, 0%, 0%, 0);
float: left;
margin: 8px 77px 0;
min-height: 200px;
width: 618px;
}

#slide5{
background: hsla(0, 0%, 0%, 0) url("../images/media.png") no-repeat scroll 50px 89px / 560px auto;
float: left;
margin: 8px 50px 0;
min-height: 400px;
width: 618px;
	}

#slide6 {

background: rgba(0, 0, 0, 0) url("../images/case.png") no-repeat scroll -8px 184px / 698px auto;

float: left;

margin: 8px 0 0 50px ;

min-height: 400px;

width: 691px;

}

	

#continer{

float: left;

height: auto;

margin: 20px 0;

width: 100.0%;}



#footer {

background: rgba(0, 0, 0, 0) url("../images/footerall.jpg") repeat-x scroll 0 -4px;

box-shadow: 0 0 2px 3px #695a33;

clear: both;

height: auto;

margin: 0 auto;

width: 100%;

}

#footer1{

background-attachment: scroll;

background-clip: border-box;

background-color: rgba(0, 0, 0, 0);

background-image: url("../images/footer.jpg");

background-origin: padding-box;

background-position: 0 0;

background-repeat: repeat;

height: 369px;

margin: 0 auto;

position: relative;

text-align: center;

width: 1223px;

}

#copyright a:hover{color:#6FF}

#copyright a{color:#0FF}

#rasanehsoft{

float: left;

height: 35px;

width: 99.7%;

background: rgba(0, 0, 0, 0) linear-gradient(to right, #fdf7eb 0%, #dfcfa9 29%, #d1c093 62%, #d1c093 96%, #fdf7eb 100%) repeat scroll 0 0;

float: left;

height: 35px;

margin: 0 0 0 89px;

width: 87.7%;

}

#masir{

float: right;

height: 35px;

line-height: 2;

margin-right: 30px;

overflow: hidden;

width: 65%;}

#masir li{display:inline-block;}

#data{

	width:35%;

	height:35px;

	float:left;}



#topmenu{

float: left;
height: 79px;
margin: 251px 122px 0;
padding: 0;
position: relative;
width: 998px;
z-index: 3000;

}

#right{

background-color: #fbf5e7;

float: right;

min-height: 400px;

width: 204px;

margin: 0 7px 0 0;}

	

	

	

	

#rightmenu{

background-color: #fbf5e7;

float: left;

margin: 0 0 0 10px;

min-height: 100px;

width: 95%;}



#rightmenu .moduletableziarat h3{

 background: rgba(0, 0, 0, 0) url("../images/ziarat.png") no-repeat scroll 0px -3px;

display: block;

font-size: 0;

height: 70px;

text-align: center;

margin: 25px 0 0 0;}

#rightmenu div.moduletableziarat{

background-image: url("../images/li-back.png");

background-repeat: repeat-y;

background-position: -4px 4px;}

#right div#rightmenu div.moduletablenafakhat h3{

background: rgba(0, 0, 0, 0) url("../images/nafakhat.png") no-repeat scroll 0 0;

display: block;

font-size: 0;

height: 51px;

text-align: center;

}

#rightmenu .moduletablenafakhat{  

background-color:#f6efdc;



}

#rightmenu .moduletableziarat  a{

background: rgba(0, 0, 0, 0) url("../images/under-list.png") no-repeat scroll 33px 35px;

color: #177586;

display: block;

font-size: 14px;

height: 39px;

line-height: 40px;

margin: 2px 8px 0;

text-align: center;

width: 196px;

	

	}

#rightmenu .moduletableziarat  li{

background: rgba(0, 0, 0, 0) url("../images/list.png") no-repeat scroll 171px 8px;

color: #fff;

height: 39px;

line-height: 40px;

text-align: center;

width: 196px;

	

	}

#rightmenu div.moduletable_menu{margin: 0 0 0 -3px;}

#rightmenu div.moduletable{margin: 0 0 20px 0;}

#rightmenu ul li a{

background: rgba(0, 0, 0, 0) url("../images/menu2.png") no-repeat scroll 0 0;

border-radius: 9px;

color: #fff;

display: block;

height: 39px;

line-height: 40px;

margin: 2px 0 0 5px;

text-align: center;

width: 196px;

  font-size: 20px;

}



#rightmenu .moduletable_menu ul li a:hover{

background: rgba(0, 0, 0, 0) url("../images/menu-hover.png") no-repeat scroll 0 -1px;

color: #fff !important;

height: 39px;

display: block;

text-shadow: 0 1px 1px #fff;

width: 196px;

}

#rightmenu .moduletable_menu ul.menu li ul li a:hover{

background: rgba(0, 0, 0, 0) url("../images/m-hover-home.png") no-repeat scroll 0 -1px;

color: #fff !important;

height: 39px;

display: block;

text-shadow: 0 1px 1px #fff;

width: 196px;

	

	}

#rightmenu .moduletable_menu  ul li a.home{background: url("../images/menu.jpg") no-repeat scroll 0 0;}

#rightmenu .moduletable_menu ul li a.home:hover{background: rgba(0, 0, 0, 0) url("../images/menuhover.jpg") no-repeat scroll 1px -1px;}



#rightmenu .moduletable_menu  li ul {display: none;

	}

#rightmenu .moduletable_menu li:hover ul{

	z-index:300 !important;

display: block;

position: relative;

right: 197px;

top: -41px;



	}

#rightmenu .moduletable_menu ul.menu li{height: 40px;}



#rightmenu .moduletable_menu ul.menu li ul li ul li:hover ul li{color:red !important;}



#rightmenu .moduletable_menu ul.menu li ul li ul li {

  color: black !important;

  display: none;

}

#rightmenu .moduletable_menu ul.menu li ul li:hover ul li {

  color: black !important;

  display: block !important;

}

#rightmenu .moduletable_menu ul.menu li ul li ul li ul{  display: none !important;}

#rightmenu .moduletable_menu ul.menu li ul li ul li:hover ul{  display:block !important;}

#rightmenu .moduletable_menu ul.menu li ul li ul li ul li ul li a {  display: none !important;}

#rightmenu .moduletable_menu ul.menu li ul li ul li ul li:hover ul a{  display:block !important;}













 **********************************************************************************

#___gcse_0{margin-top:-20px;}

.cse .gsc-control-cse,.gsc-control-cse {  padding: 0px !important;  width: auto;}

.cse .gsc-control-cse,.gsc-control-cse {

  background-color:transparent !important;

  border:none !important;}

 table.gsc-search-box td.gsc-input { padding-right: 2px !important;}

form.gsc-search-box { margin: 5px 0 0  !important;}

input.gsc-input {

  font-size: 16px;

  padding:0 0 0 0 !important;

  border: none !important;

  width: 99%;

  background-image:none !important;

  background-color:transparent !important;

  height:20px !important;

  margin-top:-3px !important;

  box-shadow:none !important;}

.gsc-input-box { height: 23px !important;}



 #sptab163 ul.tabs_container li.tab {

padding:0 !important;

}

.cwt-digi-counter {

  direction: rtl !important;

}.gn_header_1 {  background-color: #fff;

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-color: #efefef #efefef -moz-use-text-color;

border-image: none;

border-style: solid solid none;

border-width: 0px;

padding: 5px;}

.margin{

border-bottom: 1px dashed #dddddd;

border-top: 1px dashed #dddddd;

float: left;

height: 17px;

width: 84%;

margin: 0px 51px;

	

	}

#contact div.moduletable ul.menu li a{color:#8f9228; }



/*

@media only screen and (max-width: 360px) {

#wrapper{	width:100%;	}

#toparea {

  height:190px !important;}

#logo {

height: 81px !important;

background-position: 97% 37% !important;

background-size: 40% 58% !important ;}

#rightmenu {

  margin: 0 0 0 -5px !important;}	

 #rightmenu a.home ul{display:none;}

  

  

  

  

  

  

  

  

  

  

  

#header { min-height: 160px;}		

#left {

  clear: left;

  float: right !important;

  margin: 0 5px;

  width: 95% !important;

}	

#rightmenu {

  float: left !important;

 width: 99% !important;

 margin: 5px 0 0;

}

.moduletables .frontpage .big-item-wrap {

  margin: 0 4px;

  width: 96% !important;

}

.moduletables .frontpage .small-item-list {

  margin: 0 5px;

  width: 98% !important;

}		

#rasanehsoft-right {

  float: left !important;

  width:100% !important;}		

#rasanehsoft-left {

  float: right !important;

  clear:left;

  width: 100% !important;

}

#slideshow h3{background-position: 29% 100%, 92% 0 !important;}	

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {

  padding: 6px 10px !important;

  width: 0;}

  #search {

  margin-top: 150px;

  width: 186% !important;

}	

		

		}      <!--  end of @media(360px)		-->





@media only screen and (max-width: 820px) {

#wrapper{	width:100%;	}

#toparea {

  height:190px ;}



#rightmenu {

  float: right;

  background:#fcf8f0;

margin: 0 0 0 0 !important;

width: 100%;

}	

#header { height:145px;}		

#left {

  clear: left;

  float: right !important;

  margin: 0 5px;

  width: 95% !important;

}	

#rightmenu {

	margin: 5px 0 0;

  float: left !important;

 width: 99% !important;

}

.moduletables .frontpage .big-item-wrap {

  margin: 0 4px;

  width: 46% ;

}

.moduletables .frontpage .small-item-list {

 

}		

#rasanehsoft-right {

  float: left !important;

  width:100% !important;}		

#rasanehsoft-left {

  float: right !important;

  clear:left;

  width: 100% !important;

}

#slideshow h3{background-position: 29% 100%, 97% 0 ;}	

#left .moduletable li {

  background-position: 99% 14px;

}	

		

		}    <!--  end of @media(780px)		-->*/