@charset "utf-8";
/* CSS Document */

*{
	font-size:11px;
}
/*****/

A{
	font:normal 11px tahoma;
	color:#FFF;
	text-decoration:none;
}

A:link , A:active{
	color: #FFF;
}

A:focus , A:hover{
	 color:red;
}
/*****/

body{
	background:url(../../Images/fa/BgBody.jpg) top right repeat;
}
/*****/
/*****/

.IndexHeader{
	margin-top:30px;
	height:127px;
	background:url(../../Images/fa/FiratPageHeader.jpg) top center no-repeat;
}

.HomeHeader{
	height:126px;
	background:url(../../Images/fa/SecondPageHeader.jpg) top center no-repeat;
}
.IndexMain{
	background:url(../../Images/fa/BgMainFiratPageItems.jpg) top center repeat-y;
}

.HomeMain{
	background:url(../../Images/fa/BgHomePage.jpg) top center repeat-y;
}

.DivItems{
	height:26px;
	width:650px;
	background:url(../../Images/fa/FiratPageBgItems.jpg) top center repeat;
}
.DivFooter{
	height:26px;
	width:778px;
	background:url(../../Images/fa/FiratPageBgItems.jpg) top center repeat;
}


.DivIndexItems{
	width:624px;
	float:right;
}
.DivIndexItemsFooter{
	width:624px;
	float:right;
	height:27px;
	background:url(../../Images/fa/bg.jpg) top center repeat;
}



A.Items{
	font:normal 11px tahoma;
	text-decoration:none;
	color:#fff;
}

A.Items:link {
	color: #fff;
}

A.Items:hover {
	 color:#333;
}

A.Items:active {
	 color:#333;
}

A.Items:focus {
	 color:#333;
}

/*A.Items1:hover {
	 color:#9195F5;
}
A.Items2:hover {
	 color:#66D7C0;
}
A.Items3:hover {
	 color:#5DA3EC;
}
A.Items4:hover {
	 color:#17CB1A;
}
A.Items5:hover {
	 color:#FFE50D;
}
A.Items6:hover {
	 color:#FBA90C;
}
A.Items7:hover {
	 color:#FC3A14;
}*/

.SecondMainBox{
	margin-top:15px;
	margin-bottom:45px;
}
.MiddelSecondMainBox{
	margin:0px;
	background:url(../../Images/fa/BgSecondMain.jpg) top repeat;
}


.RightCorner{
	float:right;
	width:13px;
}

.LeftCorner{
	float:Left;
	width:13px;
}
.IndexBody{
	height:345px;
	background:url(../../Images/fa/IndexBodyBg.jpg) top center no-repeat;
}

.IndexSlogan{
	padding-top:308px;
	font:bold 11px tahoma;
	color:#7B6F5C;
}

.CopyRight{
	color:#D5CDC2;
	padding-top:5px;
	font:normal 11px tahoma;
}


/************************************/
/*************menu*******************/
/************************************/
#dropmenudiv{
	position:absolute;
	font:Bold 12px Tahoma;
	color:#FFFFFF;
	z-index:100;
	text-align:right;
	background-color:#666666;
	border:1px solid #ffffff;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=80, Style=1, StartX=100,  FinishX=0, StartY=100, FinishY=0);
}

/**----*/
A.HrefHeaderItemsRollOver {
	cursor:hand;
	font:normal 11px tahoma; 	
	color:  #fff;
	text-decoration: none;
	display:block;
	padding:3px ;
	
	/*background-color:#B29F72;*/	
}
A.HrefHeaderItemsRollOver:link {
	color: #fff;
}
A.HrefHeaderItemsRollOver:hover {
	 color:#fff;
	 background-color:#DED2BD;
}
A.HrefHeaderItemsRollOver:active {
	 color:#fff;
}
A.HrefHeaderItemsRollOver:focus {
	 color:#fff;
}

.FontTitle
{
font: bold 12px Tahoma;
	color:#302B27;
}

/*********************/
/*********************/
/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) 4 levels
  by Micox - elmicoxcodes.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; margin: 0; padding: 0; vertical-align: top }
 .menu-hv li li,   .menu-vv li li{ position: relative; line-height: 1.2em; margin: 0;border-bottom:1px solid #fff;background-color:#B29F72; padding: 0; vertical-align: top }
 .menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em; }
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden;  }
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
 
 .menu-hv li li li:hover ul ul,  .menu-vv li li li:hover ul ul,
 .menu-hv li li li.hover ul ul,  .menu-vv li li li.hover ul ul { visibility: hidden }
 .menu-hv li li li li:hover ul,  .menu-vv li li li li:hover ul,
 .menu-hv li li li li.hover ul,  .menu-vv li li li li.hover ul { visibility: visible }
 /* horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv li { float: right; }  
 .menu-hv li ul li { float: none; }
 .menu-hv li ul li ul { position: absolute; right: 100%; top: 0; }
 /* ****************************************
   Define width, color, bg, etc ABOVE or clear this line if will define in other place
 */
 .menu-hv li {width: 100%;    }
 .menu-hv li a:hover { /*background-color: cyan*/ }

 
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }