/* Reset */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
html, body {
    height: 100%;
    width: 100%;
}
* {
    position: relative;
    outline: 0!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
margin:0;
padding:0;
background:#d9d9d9 url(../images/mid_bg.jpg) center top repeat-x;
font-family:"Droid Arabic Kufi",Tahoma,Helvetica, Arial;
font-size:15px;
}

.mr20{
margin-right: 20px;
}

.content{
padding-top: 55px;
text-align: center;
}

p{
font-size: 15px;
color: #656565;
line-height: 28px;
margin-bottom: 10px;
}

a{
color: #2a6888;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1{
color: #fff;
font-size: 36px;
margin-bottom: 15px;
}

h3{
font-family: Droid Arabic Kufi, helvetica, arial;
font-size: 17px;
color: #0080c9;
font-style: italic;
margin-bottom: 35px;
font-weight:bold;
}

h2{
font-size: 22px;
color: #cf0a0a;
margin-bottom: 8px;
}

.main{
 
padding-bottom: 30px;
margin: 0 auto;
background: url(../images/shadow.png) right bottom no-repeat;
}

.mcontent{
min-height: 153px;
background:#ebebeb url(../images/main.gif) right top repeat-x;
 
border-left: 1px solid #f7f7f7;
margin: 0 auto;
border-right: 1px solid #f7f7f7;
padding: 20px;
}

.box{
border: 1px solid #fff;
background: #ededed;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
 
text-align: center;
height: 180px;
padding: 20px;
 
}

.box2{
border: 1px solid #fff;
background: #ededed;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;

text-align: center;
height:180px;
padding: 20px;

}

.box2 a{
float: left;
margin-right: 10px;
}

a.get{
background: #3e7a9a;
color: #fff;
border: 1px solid #41728c;
padding: 3px 7px;
font-size: 16px;
}

a:hover.get{
background: #41728c;
border: 1px solid #3e7a9a;
text-decoration: none;
}
.center{
display:block;
width:100%;
margin: 0 auto;	
text-align:center;
}

@media only screen and (max-width: 600px) {
	*{
		line-height:35px;
	}
h1 {
	font-size:30px;
	line-height:35px;
}
h2 {
	 
	line-height:35px;
}
.center img{
height:220px;	
}
}