/* الكومنت ب css*/
body {
	/*background-image:url("images/bb.jpg");*/

 background-color: #a69e94;
color: #34495e;
font-size:90%;
font-family: arial,'lucia sans unicode;
line-height:1.5;
text-align:left;
	
}
a {text-decoration:none;}
color:#34495e;
}

a:link, a:visited{color: #3498db;}
a:hover, a:active{color: #9b59b6s;}

.body{
	margin:10px auto;
	width:80%;
	clear:both;
		
}



.header {
  overflow: hidden;
  background-color: #798187;
  padding: 20px 10px 5px 0px;
  text-align:right;
  border-radius:10px;
  font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;
 
}
.menu1 {
 
width:210px;
height:150px;
float:right;
margin-top:-20px;
Padding-right:10px;
border-radius:10px;
text-align:right;
font-size:20px;
font-weight:bold;
line-height:30px;
}

.menu1 ul{
     list-style:none;
	 
}
	.menu1 ul{
     list-style:none;
	 
}






.header a {
  float: RIGHT;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 5px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 100px;
  font-weight: bold;
  Padding-left:100px;
  Padding-right:30px;

  font-size:15pt;
   font-weight:bold;
   font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;
   color:white;


}

.header #Label1{
      /*font-size: calc(20px + 0.4vw);*/
   /*font-size: calc(0.75em + 1vmin);*/
   float: RIGHT;
   font-size: 20px;
  font-weight: bold;
  Padding-left:100px;
  Padding-right:30px;
   font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;
   color:white;
  
   }
.header #Label2{
      /*font-size: calc(20px + 0.4vw);*/
   /*font-size: calc(0.75em + 1vmin);*/
   float: RIGHT;
   font-size: 20px;
  font-weight: bold;
  Padding-left:100px;
  Padding-right:30px;
   font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;
   color:white;
  
   }

.header img.imagelogo {
 
width:75px;
height:75px;
margin-top:-15px;

float:right;

border-radius:50px;
}

.header a:hover {
  background-color: green;
  width:10%;
  color: black;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
  
       
   
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: right;
  }
  .namesite {
 
width:100%;
}
  
  .header-right {
    float: none;
  }

}


#TextBox1,#textbox2 {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  
}





























/*-- Main header -------*/
.mainheader img{
	
width:100%;
	
}
.mainheader nav{
	
background-color: #34495e;
height:40px;
border-Radius:5px;
 font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;

/*-- للتأكد من ان كود الريديس يعمل في جميع المستعرضات -------*/

-webkit-border-Radius:5px;
-moz-border-Radius:5px;

}
.mainheader nav ul{
	text-align:center;
	List-style:none;
	margin:0 auto;
	
	
}
.mainheader nav ul li{
	display:inline;
	
	
}


.mainheader a:link, .mainheader a:visited{color: white;
padding: 10px 40px;
display:inline-block;


}
.mainheader a:hover, .mainheadera:active{background-color: #3498db;
color: white;
}

/* --Main content--*/

.main-content{
	width:76%;
	float:left;
    margin-top:-20px;
   
    
}

.main-content2{
	width:100%;
	float:right;
    
}



.top-content{
	background-color:#fff;
	padding:3%;
	Margin-top:2%;
   
	
	
	border-Radius:10px;
/*-- للتأكد من ان كود الريديس يعمل في جميع المستعرضات -------*/

-webkit-border-Radius:10px;
-moz-border-Radius:10px;
		
}

.post-info{
	font-size:90%;
	color: #999;
	font-style: italic;
	margin-top: -20px;
}

.post-content{
	
	display:inline;
	
	
}



/* --sidebar--*/

.thesidebar{
	width:20%;
	margin:1% 5px 0 2px;
	float:right;
	padding:2% 1.50% .1% .5% ;
	background-color:white;
	border-Radius:10px;
/*-- للتأكد من ان كود الريديس يعمل في جميع المستعرضات -------*/

-webkit-border-Radius:10px;
-moz-border-Radius:10px;
}

/* --footer--*/


.footer{
    /*clear: both;*/
    position: relative;
	width:100%;
	float:left;
	background-color: #34495e;
height:60px;
border-Radius:5px;
/*-- للتأكد من ان كود الريديس يعمل في جميع المستعرضات -------*/

-webkit-border-Radius:5px;
-moz-border-Radius:5px;
margin-top: 2%;
 padding-top:10px;
}

.footer p{
	text-align:center;
	color: white;
	width: 90%;
	font-family:'cairo', Arial, 'art-headline', Helvetica, Sans-Serif;
       
    font-size:20px;
	margin-top:-2px;
}
/*-- html5 -------*/
	.post-img
	{
		width:100%;
		
		
		
	}
	
	figure {
		margin: 25px 0;
		font-size: 80%;
		color: #999;
		text-align:center;
	}


/*-- Responsive mobile -------*/

@media screen and (max-width:747px)
{
	.body{
	
	width:90%;
	font-size:95%;
	
	
}
	/*-- Responsive mobile main header -------*/
	
.mainheader nav{
	
height:100%;
margin-bottom:6%;

}
.mainheader ul{
	width:100%;
	padding:0;
	
}



.mainheader a:link, .mainheader a:visited{
	
display:block;


}
.main-content{
	width:100%;
    margin-bottom:6%;
	}

.ul-vmenublockheader{
    width:100%;
    padding-bottom:10px;
    font-family:cairo;
   
}






.thesidebar{
	width:100%;
   height:100;
	
}

.ul-vmenublockheader
{
   background: #34495e;
   color: white;
   
 
   padding-right: 100px;
   text-align:right;
   margin-top:-15px;
   margin-right:-15px;
 font-family:cairo;
   
}
.table3
{
 display: block !important;
   position: relative !important;
   display: block !important;
   margin-right: -5px  !important;

   width: 70% !important;
   top: auto !important;
   /*right: 10% !important;*/
   bottom: auto !important;
   /*left: auto !important;*/
   font-family:cairo;
   font-size:20%;
   
   color:black;
   
}


 .header #Label1{
      /*font-size: calc(20px + 0.4vw);*/
   /*font-size: calc(0.75em + 1vmin);*/
   width:100%;
  margin-top:3%;
  margin-bottom:3%;
         float:center;
   }
    .header img.imagelogo {
       
        margin-top:3%;
         margin-bottom:3%;
       
    }
    .header a.logo {
     margin-top:20%;
         margin-bottom:3%;
     width:100%;
    }
    #DataList1 .imglist {
        width:100%;
    }
  .gridview1 .imggridview{
             
             width:100%;
            
         }
       .tableppgage
{
 max-width:100%;
  overflow-x: auto;
   
}
       .header img.imagelogo {
 
display:none;


}
       .header #Label1{
    text-align:center;
    width:100%;
  Padding-left:0px;
  Padding-right:0px;
   }
        .header #Label2{
    text-align:center;
   width:100%;
   Padding-left:0px;
  Padding-right:0px;
   }
}