/* Reset */

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;}



body{
margin:0;
padding:0;
background:#000ade;
font-family:arial,Helvetica, Arial;
}

.mr20{
margin-right: 20px;
}
.header{
	background: #f7f7f7;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #ff0600;

}
.header img{
	width: 180px;
    height: 180px;
}

img{
	padding: 20px;
}
.box1 img{
	padding: 0;
	position: relative;
    display: inline-block;
    top: 5px;
}
p{
font-size: 14px;
color: #000ade;
line-height: 22px;
margin-bottom: 10px;
font-weight: bold;
}

a{
color: #000ade;
text-decoration: none;
}

a:hover{
text-decoration: underline;
color: #3c9539;
}

h1{
color: #3c9539;
font-size: 28px;
margin-bottom: 15px;
font-weight: bold;
}

h3{
font-family: arial, helvetica, arial;
font-size: 18px;
color: #000ade;
font-style: italic;
padding-bottom: 10px;
font-weight: bold;
}

h2{
font-size: 22px;
color: #3c9539;
margin-bottom: 8px;
font-weight: bold;
}

.profile img{
	padding: 0;
	margin-bottom: 20px;
	width: 80px;
    height: 80px;
}

.main{
width: 100%;
text-align: center;
padding: 30px 0;
margin: 0 auto;
background: url(../images/shadow.png) center bottom no-repeat;
}

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


.box1{
border: 1px solid #000ade;
/*background: #ededed;*/
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: right;
text-align: right;
min-height: 110px;
padding: 20px;
width: 180px;
margin-left: 20px;
display:block;
position: relative;
text-align: center;
direction: rtl;
}

.box1 p {
	margin: 0;
}

.box2 p {
	margin: 0;
}

.box2{
border: 1px solid #000ade;
/*background: #ededed;*/
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: right;
text-align: right;
min-height:110px;
padding: 20px;
width: 180px;
display:block;
position: relative;
text-align: center;
direction: rtl;
}

@media (max-width: 500px){

	.mcontent{
 	width: 80%;
 	display: block;
 	position: relative;
 	min-height: 150px;
 }

 .box1{
border: 1px solid #000ade;
/*background: #ededed;*/
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: right;
text-align: right;
min-height: 110px;
padding: 20px;
width: 85%;
margin-bottom: 20px;
display:block;
position: relative;
text-align: center;
direction: rtl;
}

.box2{
border: 1px solid #000ade;
/*background: #ededed;*/
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #C6C5C5;
float: right;
text-align: right;
min-height:110px;
padding: 20px;
width: 85%;
display:block;
position: relative;
text-align: center;
direction: rtl;
}
.box1 p {
	margin: 0;
}

.box2 p {
	margin: 0;
}

img{
	padding: 20px;
	width: 80%;
	height: auto;
}
.box1 img{
	padding: 0;
	width: 20px;
	height: 20px;
	position: relative;
    display: inline-block;
    top: 5px;
}
}