.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	background-size: 25px 25px;
width: 30px;
height: 30px;
	bottom: 50px;
	opacity:0.7;
	left:15px;
	float:left;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
    -khtml-border-top-left-radius:10px;
	-khtml-border-top-right-radius:10px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	
	-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius:10px;
	-khtml-border-bottom-right-radius:10px;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
padding: 0.35em 0.625em 0.75em;
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
		background-size: 25px 25px;
width: 30px;
height: 30px;
	bottom: 50px;
	opacity:0.7;
	left:50px;
	float:left;
	
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	
	-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius:10px;
	-khtml-border-bottom-right-radius:10px;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
padding: 0.35em 0.625em 0.75em;
}




.nav_down:hover{
  box-shadow: 6px 6px 10px 2px #000000, inset 2px 2px 2px 1px #453E2E, inset -1px -2px 2px 1px #67786C;
		
		}
		
		
		.nav_up:hover{
  box-shadow: 6px 6px 10px 2px #000000, inset 2px 2px 2px 1px #453E2E, inset -1px -2px 2px 1px #67786C;
		
		}
		
		
		/* pdf button */

a.button{
		background: #ECECEC;
		border-radius: 15px;
		padding: 10px 20px;
		display: block;
		font-family: arial;
		font-weight: bold;
		color:#7f7f7f;
		text-decoration: none;
		text-shadow:0px 1px 0px #fff;
		border:1px solid #a7a7a7;
		width: 145px;
		margin:0px auto;
		/*margin-top:100px;*/
		box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
		-webkit-transition:box-shadow 0.5s;
	}
	a.button i{
		float: right;
		margin-top: 2px;
	}
	a.button:hover{
		box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
	}
	a.button:active{
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
		background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
	}
		
		
		
		
		
	.pdfff{
font-weight:700;
	color:red;
			text-shadow: 0 0 10px #F0F0F0, 0 0 20px #FFFFFF, 0 0 30px #E3F0E0, 0 0 40px #F0F5F6, 0 0 70px #F2F6F6, 0 0 80px #E6EFED, 0 0 100px #EEF6F4, 0 0 150px #E3F0F0;
		}
		
		
		
		.pdfff:hover {
		color:white;
		text-shadow: 0 0 10px #14FF07, 0 0 20px #7DFF84, 0 0 30px #43FF0E, 0 0 40px #00FF19, 0 0 70px #80FF3E, 0 0 80px #43FF00, 0 0 100px #81FF70, 0 0 150px #3AFF02;

		}
		
		
		
		
		
		
				
					
					
                                        /*daaaaah el makan 3nd images kolha by7ded elmesa7ah */
.thumbs{
	width: 892px;
margin: 20px 0px 0px 24px;
	text-align:center;
}

.thumbs a{
	width:200px;
	height:200px;
	display:inline-block;
	border:4px solid #143B09;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 15px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
	 text-transform: uppercase; -moz-box-shadow: 0 0 20px #143B09; -webkit-box-shadow: 0 0 #143B09;
box-shadow: 0 0 20px #143B09;
}

.thumbs a:hover{
zoom: 1;
	-webkit-filter: brightness(110%);
	box-shadow: 0 0 20px #62FF36;
border: 4px solid #18D914;
	
}