.box0
{
	width:220px;
	height:100px;
	float:right;
	margin-right:15px;
        margin-bottom:5px;

}
.box0-on
{
position:absolute;

       	width:220px;
	height:100px;
        border-radius:8px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

.box0-off
{
cursor:pointer;
color:#FFF;
border-radius:5px;
position:absolute;


       	width:220px;
	height:100px;
	-webkit-transition : all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
}
.box0-off:hover
{
	opacity:0;
        filter:alpha(opacity=0);
}




.box1
{
	width:200px;
	height:100px;
	float:right;
	margin-right:15px;

}
.box1-on
{
position:absolute;
	background:#026193;
       	width:200px;
	height:100px;
        border-radius:8px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

.box1-off
{
cursor:pointer;
color:#FFF;
border-radius:5px;
position:absolute;
	background:#0093E1;

       	width:200px;
	height:100px;
	-webkit-transition : all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
}
.box1-off:hover
{
	opacity:0;
        filter:alpha(opacity=0);
}

.box2
{
	width:200px;
	height:100px;
	float:right;
	margin-right:15px;

}
.box2-on
{
position:absolute;
	background:#910707;
       	width:200px;
	height:100px;
        border-radius:8px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

.box2-off
{
cursor:pointer;
color:#FFF;
border-radius:5px;
position:absolute;
	background:#c30f0f;

       	width:200px;
	height:100px;
	-webkit-transition : all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
}
.box2-off:hover
{
	opacity:0;
        filter:alpha(opacity=0);
}


.box3
{
	width:200px;
	height:100px;
	float:right;
	margin-right:15px;

}
.box3-on
{
position:absolute;
	background:#708016;
       	width:200px;
	height:100px;
        border-radius:8px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

.box3-off
{
cursor:pointer;
color:#FFF;
border-radius:5px;
position:absolute;
	background:#8fa31c;

       	width:200px;
	height:100px;
	-webkit-transition : all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
}
.box3-off:hover
{
	opacity:0;
        filter:alpha(opacity=0);
}


.box4
{
	width:200px;
	height:100px;
	float:right;
	margin-right:15px;

}
.box4-on
{
position:absolute;
	background:#d04806;
       	width:200px;
	height:100px;
        border-radius:8px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

.box4-off
{
cursor:pointer;
color:#FFF;
border-radius:5px;
position:absolute;
	background:#ff5400;

       	width:200px;
	height:100px;
	-webkit-transition : all 0.3s ease-in-out;
     -moz-transition : all 0.3s ease-in-out;
     -o-transition : all 0.3s ease-in-out;
}
.box4-off:hover
{
	opacity:0;
        filter:alpha(opacity=0);
}



.text-box
{
	width:180px;
	margin-right:auto;
	margin-left:auto;
	font-family:BKoodak;font-size:11pt;
	font-style:normal;
	text-align:justify;
	color:#FFF;
	margin-top:10px;
}
.bottom_css{
width:180px;
height:25px;

font-weight:normal;
padding-top:2px;
text-align:center;
border-radius:5px;
box-shadow: 2px 2px 2px #cccccc;
}

.bottom_css:hover{
cursor:pointer;
border-radius:10px;
color:#fff;
background:#0093E1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
box-shadow: 5px 5px 2px #d9d9d9;
}

.title-aboat{
width:160px;
height:30px;
color:#fff;
font-weight:normal;
padding-top:2px;
text-align:center;
border-radius:5px;
box-shadow: 2px 2px 2px #cccccc;
font-family:BKoodak;
font-size:11pt;
color:#fff;
}
.title-aboat a{
color:#fff;
}
.title-aboat a:hover{
color:#fff;
}
.title-aboat:hover{
cursor:pointer;
border-radius:10px;
color:#000;
background:#0093E1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
box-shadow: 5px 5px 2px #d9d9d9;
}
.bt-pardakht{
width:150px;
height:50px;
font-family:BKoodak;
font-size:11pt;
font-weight:normal;
padding-top:2px;
text-align:center;
border-radius:6px;
color:#fff;
background:#B02222;
}

.bt-pardakht:hover{
cursor:pointer;
border-radius:10px;
color:#fff;
background:#014ca1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
box-shadow: 5px 5px 2px #d9d9d9;
}