@charset "utf-8";
/* CSS design by mahsa momenkhani */


* { padding:0px; margin:0px;}
p { line-height:18px; text-align:justify }
a { outline:none; color:#2c2e3b; text-decoration:none }
table, td, div, img {border: 0 none;}
.clear { clear:both}
.tablecenter { margin:auto}
ul
{
    list-style:none;
}
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#ffffff;  background: url("../images/Body1.jpg") repeat-x top #f5fafe; line-height:18px; }

h1 { color:#d61b1b; font-size:18px; font-family:Arial; line-height:38px;}

.vspacer10{ padding-top:5px; padding-bottom:5px;}
.vspacer20{ padding-top:10px; padding-bottom:10px;}
.vspacer30{ padding-top:15px; padding-bottom:15px;}


#Template {  direction:rtl;  margin:auto; width:960px; } /*imp for ltr version*/


#logotop { /*background:url(../images/logo.png) no-repeat*/; float:right; width:278px;margin-top:5px;}

.flag { float:left; width:150px; margin-top:120px;}
.flag img { float:left; margin-right:10px;} 
.flag img a { border:none}

#menuR{ background:url(../images/menuright.png) no-repeat; float:right; width:6px; height:47px;}
#menuL{ background:url(../images/menuleft.png) no-repeat;float:right;width:6px; height:47px;}
#menu { width:948px;  overflow:hidden; background:url(../images/menucenter.png) repeat-x;height:47px; float:right}
#menu ul { list-style:none; text-decoration:none; color:#000; height:32px; margin-top:8px}
#menu li { list-style:none; display:inline; text-align:center; float:right;width:100px; height:32px; margin:0 3px 0 3px}
#menu li a{color:#000; width:100px; height:32px; float:right; line-height:32px; font-size:12px; }
#menu li a:hover{ background:url(../images/menuOver.png) no-repeat;  width:100px; height:32px; color:#FFF ;font-size:14px; }


.js { background:url(../images/BgJs_01.png) no-repeat; width:959px; height:130px; padding-top:25px; margin-bottom:8px; }
.slideshow { height: 108px; width: 888px; margin: auto }
.slideshow img {height: 117px; width: 886px;  }

.Container {  margin:auto; width:935px; color:#000}

.TR { background:url(../images/boardTr.gif) no-repeat; width:16px; height:14px; float:right; margin-right:-7px;}
.TC {background:url(../images/boardTc.gif) repeat-x; width:923px; height:14px;}
.TL {background:url(../images/boardTl.gif) no-repeat; width:16px; height:14px;float:left;margin-top:-15px;}
.BR { background:url(../images/boardBr.gif) no-repeat; width:16px; height:14px; float:right; margin-bottom:20px;}
.BC {background:url(../images/boardBc.gif) repeat-x; width:903px; height:14px;float:right;margin-bottom:20px;}
.BL {background:url(../images/boardBl.gif) no-repeat; width:16px; height:14px;float:right;margin-bottom:20px;}

.Center {background:url(../images/boardC.gif) repeat-y; width:914px; min-height:600px; padding:10px; }


.column400 { float:right; margin-left:10px; width:500px; margin-bottom:50px; border:1px solid #CCC; padding:10px;}
.column400 p{ text-align:justify}
.column4002 { float:right; margin-left:10px; width:660px; margin-bottom:50px; border:1px solid #CCC; padding:10px;}

.column580 { float:right; margin-left:10px; width:900px}
.column580 p{ text-align:justify}

.column250 { float:right; margin-left:10px; width:250px}
.column250 p{ text-align:justify}

.title { color:#11548b; font:14px Tahoma, Geneva, sans-serif; line-height:36px; font-weight:bold}

.column308 {  float:right; width:500px }
.column3082 { width:690px; float:left; }

.column308 img { float:right; margin:5px 0 5px 0 }
.column308 p{ text-align:justify}

.column308 .grd { background:url(../images/BgGrd.jpg) repeat-x; height:180px;
 margin:10px 0 10px 5px; padding:15px;}

#menuRight { float:right; width:200px; background:#eff7fd; margin:5px 0 10px 10px; padding:5px; color:#000; min-height:330px}
#menuRight .title { color:#27666b;  line-height:34px;  font-weight:bold}
#menuRight ul {list-style:none outside none; margin: 0px; padding:0px; }
#menuRight li{ display:block;  line-height:29px; position:relative;  width:100%  ; border-bottom:#666 1px dotted;}
#menuRight li a{ color:#000; display:block ;padding-right:5px; text-decoration:none;}
#menuRight li a:hover{ background:url(../images/box300Bg.gif) repeat-x; color:#fff; text-decoration:none}








.florL{ background:url(../images/florall.jpg) no-repeat; float:left; width:112px; height:97px;}
.florR{ background:url(../images/floralR.jpg) no-repeat; float:right; width:112px; height:97px; margin-top:220px;}


#nav { z-index: 50; position: absolute; bottom: 0px; left:10px ; /*top:240px; width:200px; margin-top:170px;*/ bottom:10px; background:#000}
#nav a { margin: 0 5px; padding: 3px 5px;  background: #000; text-decoration: none; color:#FFF  }
#nav a.activeSlide { background: #c10025 }
#nav a:focus { outline: none; }





.column850 { width:850px; float:right; overflow:hidden}
.column850 img { float:right; margin:0px 0 5px 10px;}
.column850 p { text-align:justify}

.column850JS { width:860px; float:right; overflow:hidden; direction:ltr}
.column850JS span { direction:rtl}

.column250 { width:288px; float:right; overflow:hidden; margin:10px 0px 10px 10px;}
.column250 img { float:right; margin:5px 0 5px 10px;}
.column250 p { text-align:justify}

.column250Grd { width:260px; float:right; overflow:hidden; margin:10px 0px 10px 10px; background:url(../images/menuBg.jpg) repeat-x; min-height:300px; padding:10px;}
.column250Grd img { float:right; margin:5px 0 5px 10px;}
.column250Grd p { text-align:justify}

.box130 { width:130px; float:right; margin:10px 5px 5px 8px}
.box130 img{ float:right; margin:0px;}
.box130 p{ text-align:center}
.box130 a{ color:#FFF}
.box130 a:hover { color:#C00; text-decoration:underline}

.logoBtm{ background:url(../images/logoBtm.jpg) no-repeat; float:right; width:126px; height:108px; margin:10px;}

.menuBtm{ float:right; width:400px; margin:20px ; margin-right:100px;}
.menuBtm ul { list-style:none; }
.menuBtm li { list-style:none; display:inline; line-height:30px }
.menuBtm li a {color:#FFF;padding:3px}
.menuBtm li a:hover { /*color:#f78a2c;*/  background:#f78a2c; color:#000000; padding:3px}

.logoBtmL{ width:200px; float:left; margin-right:10px; margin:20px; color:#f78a2c}
.logoBtmL img { margin:8px; float:right;}


.footerR {background:url(../images/footerR.png) no-repeat; width:13px; height:182px; float:right; margin-right:15px}
.footerL {background:url(../images/footerL.png) no-repeat; width:13px; height:182px; float:right;margin-left:15px}
.footerC {background:url(../images/footerC.gif) repeat-x; width:900px; height:182px; float:right;}

.logoBtm{ background:url(../images/logobtn.gif) no-repeat; float:right; width:130px; height:61px; margin:10px; margin-top:60px; margin:60px 40px 10px 40px;}

.separator {background:url(../images/ceparator.jpg) no-repeat; float:right; width:1px; height:143px; margin:25px 10px 10px 10px; }

.menuBtm{ float:right; width:360px;  color:#000; margin:50px 10px 10px 10px}
.menuBtm ul { list-style:none; }
.menuBtm li { list-style:none; display:inline; line-height:30px }
.menuBtm li a {color:#000;padding:3px}
.menuBtm li a:hover { /*color:#f78a2c;*/  background:#37d3fa; color:#000000; padding:3px}

.adrsL{ width:200px; float:right; color:#000; margin:50px 10px 0 0}
.adrsL img { margin:6px; float:left;}


/*-----------jcarousel horizontal-------------*/
#wrap2 {color:#404040; margin:0px ;font-size:11px;}
.jcarousel-skin-tango2 .jcarousel-container {/*background:#f2f2f2;border:1px solid #b6b5b5;*/}
.jcarousel-skin-tango2 .jcarousel-container-horizontal {width: 890px;padding: 5px 20px;}
.jcarousel-skin-tango2 .jcarousel-clip {overflow: hidden; margin-bottom:10px}
.jcarousel-skin-tango2 .jcarousel-item {width: 271px;height:93px;text-align:center; line-height:30px; margin:10px 0 10px 0;padding:7px; border:1px solid #d18ea8}
.jcarousel-skin-tango2 .jcarousel-item img {width: 271px;height:93px;}
.jcarousel-skin-tango2 .jcarousel-item a{ text-align:center; clear:both; line-height:20px; }
.jcarousel-skin-tango2 .jcarousel-item-horizontal {margin-left: 0; margin-right: 12px;}
.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango2 .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango2 .jcarousel-next-horizontal {position: absolute;bottom: 0px;right: 0px;
width: 22px;height: 19px;cursor: pointer;background: transparent url(../images/arrow1n.gif) no-repeat 0 0; float:right; }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal {position: absolute; bottom:0px; right: 22px;width: 22px;height: 19px;cursor: pointer;background-image: url(../images/arrow1p.gif); float:right }


/*-----------jcarousel vertical-------------*/
.jcarousel-skin-tango .jcarousel-container { /*border:1px solid #346F97;*/}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 150px;height: 550px;padding:20px 15px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:150px;height: 525px; overflow:hidden; border-bottom:1px solid #ffaee6; border-top:1px solid #ffaee6; margin:7px 0; padding-top:15px}
.jcarousel-skin-tango .jcarousel-item { width: 148px;height: 170px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom:0px; }
.jcarousel-skin-tango .jcarousel-item-placeholder {}
.jcarousel-skin-tango .jcarousel-next-vertical {position: absolute;bottom:4px;left:80px; width: 19px; height: 18px;cursor: pointer;background: transparent url(../Images/arrow1pV.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute;top:10px;left:80px; width:19px;height:18px;cursor: pointer;
background: transparent url(../images/arrow1nV.gif) no-repeat 0 0;}


.m_over
{
	background:url(../images/menuOver.png) no-repeat; 
}
.m_over a {color:#fff !important;}



a.addCat {
    color: #21759B;
    line-height: 28px;
    margin: 0 5px;
}

#TopPupUp {width:948px;  overflow:hidden; margin-top:20px;background:url(../images/menucenter.png) repeat-x; float:right}

#TopPupUpL{ background:url(../images/menuright.png) no-repeat; float:left; width:6px; height:47px;margin-top:20px;}
#TopPupUpR{ background:url(../images/menuleft.png) no-repeat;float:left;width:6px; height:47px;margin-top:20px;}


#backTop{
    background-color: #01AAC7;
    bottom: 0;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    padding: 5px 9px;
    position: fixed;
    right: 0;
}

#backTop a {color:#fff}

.separator {clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;}
    
    .stButton {margin-left:10px !important;}