body{
		background-image : 0 0 repeat;

	
}














/*
کدهای منوی عمودی صفحه 
 */
 
#menu *
{
	margin: 0;
	padding: 0;
}
#menu ul.menu
{
	float: right;
	position: relative;
	font-family: tahoma;
	font-size: 14px;
}

	#menu ul.menu li
	{
		position: relative;
		list-style-type: none;
	}
	
		#menu ul.menu li a
		{
			display: inline-block;
			width: 200px;
			line-height: 16px;
			padding: 12px 20px;
			text-decoration: none;
			cursor: pointer;
			z-index: 100;
			text-align: right;
			
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}
		
			

/** Colour Styles **/

#menu ul.menu li a
{
/** رنگ منوی عمودی  **/
	background:rgba(10,200,0,.80);
	color: #FFF;
}

#menu ul.menu > li > a
{
	border-top: 1px solid green;
	border-bottom: 1px solid green;
}

	#menu ul.menu > li:first-child > a
	{
		border-top: 0;
	}

	#menu ul.menu > li:last-child > a
	{
		border-bottom: 0;
	}

#menu ul.menu li:hover > a, #menu2 ul.menu li a:hover
{
	color: #000;
	background: #fff;
}

/** Arrow Styles **/




/*  فایل دکمه ها */

 
 .color-1 {
background: #0000FF;
position:relative;
height:100%;
width:100%;
 
}
.btna {
border: none;
font-family: inherit;
font-size: inherit;
color: inherit;
background:#FFCC00;
cursor: pointer;
padding: 5px 10px;
display: inline-block;
margin: 7px 20px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-shadow: 1px 1px 2px rgba(0,0,0,.80);
}
.btna2 {
border: none;
font-family: inherit;
font-size: inherit;
color: inherit;
background:rgba(100,255,100,.55);
	text-shadow: 1px 1px 2px rgba(0,0,0,.80);
cursor: pointer;
padding: 5px 10px;
display: inline-block;
margin: 7px 20px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*  رنگ دور دکمه 1 */
.btn-1 {
border: 3px solid #FFFFFF;
color: #fff;
z-index: 1;
}
 
.btna:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
 

 
/* Button 1d */
.btn-1d {
overflow: hidden;
}
 
.btn-1d:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: #fff;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
 
.btn-1d:hover,
.btn-1d:active {
color: #0e83cd;
}
 
.btn-1d:hover:after {
width: 90%;
opacity: 1;
}
 
.btn-1d:active:after {
width: 101%;
opacity: 1;
}
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 .btn-1 {
border: 3px solid #FFFFFF;
color: #fff;
z-index: 1;
}
 
.btna:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
 

 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 






















.backdrop
		{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:#000;
			opacity: .0;
			filter:alpha(opacity=0);
			z-index:50;
			display:none;
		}

		.box
		{
			position:absolute;
			top:40%;
			left:30%;
			width:500px;
			height:130px;
			background:#ffffff;
			z-index:51;
			padding:10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow:0px 0px 5px #444444;
			-webkit-box-shadow:0px 0px 5px #444444;
			box-shadow:0px 0px 5px #444444;
			display:none;
		}

		.close
		{
			float:right;
			margin-right:2px;
			cursor:pointer;
		}




		
		
		
		
		
		
		
		
		 .emphasize-dark {
background:rgba(100,20,150,.40);
  box-shadow: 0 0 10px 5px rgba(100,20,150,.80);
     border:blue;
 
  
}
 .emphasize-blue {
background:rgba(0,0,0,.40);
  box-shadow: 0 0 10px 5px rgba(0,0,0,.80);
  
  font-size:15px;font-style:oblique;font-stretch:ultra-condensed;color:white;
     border:black;
  }
  .emphasize-green {
background:rgba(200,200,50,.80);
  box-shadow: 0 0 10px 5px rgba(200,200,50,.80);

  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 
		/*تکس باکس ها*/	
.mac {
  display: block;
  border: none;
  border-radius: 30px;
  padding: 8px 20px;
  color: #333;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1);
}

.mac:focus { 
  outline: none;
  box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1),
    0 0 5px 1px #51CBEE;
}




a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-100px; margin-left:-400px;

    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}





a.tooltips {outline:none; }
a.tooltips strong {line-height:30px;}
a.tooltips:hover {text-decoration:none;} 
a.tooltips span {
    z-index:10;display:none; padding:10px 20px;
    margin-top:-110px; margin-left:-90px;
    width:300px; line-height:16px;
}
a.tooltips:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:rgba(200,200,50,.80);}
.callouts {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltips span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}



 

  .matn {
font-size:20px;font-style:oblique;font-stretch:ultra-condensed;color:red
}
  
  .pcpc {
  border-radius: 110px;
     box-shadow: 4px 2px 5px green;
}




textarea {
	width:400px;
	height:400px;
	 background-image: url('../pic/evenBG.gif');
	 color:#FFFFFF;
	border:1px solid #008800;
}