body {

font-family:Tahoma;
background:#EAE8E8;
padding:0px;
margin:0px;


}
	
*{transition:All .2s ease;}


.wrapper {
max-width:960px;
margin:0 auto;

}


.container {
width:100%;
 
direction: rtl;
background:#EAE8E8;
float:right;

}



.header-wrapper{
	background:#e1dede;
	width:100%;
	border-top:2px solid #6D2D71;
	border-bottom:6px solid #d7d3d3;
	margin-bottom:10px;
}
.header-container {
	max-width:960px;
	margin:0 auto;

}
.header {
 margin:2%;
width:96%;
color:#6d2d71;
 
font-weight:bold;
display: inline-block;
overflow: hidden;

}
.header .logo { 
float:left;
height:100px;
margin-bottom:6px;

}
.header .text { 
float:right;
text-align:center;

}

.header h1 {
margin:3px;
font-size:22px;
}

.footer {
 text-align:center;
 clear:both;
color:#006600;
font-weight:bold;
margin-bottom:30px;
}

.footer  a{
text-decoration:none;
color:006600;
}

.footer span {
	white-space: nowrap;
}
.content { 
width: 290px;
margin:15px;
color:#fff;
background:red;
float:right;
  
}



.content .img {
margin:20px auto;
font-weight:bold;
text-align:center;
 

}

.content .img img{ 
 height:60px;
 margin-bottom:10px;
 opacity:0.8;
}

.content .text {
 
background:url('img/content_pg.png');
padding:5px;
min-height:130px; 
overflow:none;
text-align:justify;
line-height: 160%;
 
}

.content-wide {

 float:right;
 color:#fff;

}

.content-wide:hover {
   	  box-shadow: 3px 3px 3px #676767;


}


.content-wide .box {

padding:10px;
font-weight: bold;

	
}
.content-wide .box a {
	 color:#fff;
	 text-decoration:none;
}

.a{

background:#006600;

 
}
.b{
background:#6FC1D2;
 
}

.c{
 background:#E65D5D;
  
}

.d{
background:#DD6BAE;
 
}


.e{
background:#D98E64;
 
}


.f{
background:#DFBC42;
 
}











@media   (max-width:600px) {
 
 
 .header {
 text-align:center;
 }
 
 .header .logo { 
float:none;
clear:both;

}
.header .text { 
clear:both;
float:none;
text-align:center;
 
}




  .content ,.content-wide { 
width: 96%;
margin:2%;

} 

.content:hover{
	    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari */
    transform: scale(1.03); /* Standard syntax */
   	  box-shadow: 2px 2px 2px #676767;

	
}
 

}



@media (min-width:600px) and (max-width:960px) {
  .content , .content-wide { 
width: 46%;
margin:2%;

}


.content:hover{
	    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05); /* Standard syntax */
   	  box-shadow: 3px 3px 3px #676767;

	
}
 
 }

@media (min-width:960px) {
.content ,.content-wide { 
width: 29.3%;
margin:2%;

}

 
.content:hover{
	    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1); /* Standard syntax */
	  box-shadow: 3px 3px 3px #676767;

}
}




.text-center{
	text-align:center !important;
}