/* ------------- menu top ---------------------
m1 orange, m2 turkus                           */
#menuTop {
	height:40px;
}
#menuTop a {
	font:normal 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#444;
	padding:0 13px;
	position:relative;
	top:7px;
}

#menuTop .m1 { 
	height:40px;
	background: #fff;
	float:left;
	display: inline;
	border-right:1px #ecebe7 solid;
}
#menuTop .m1:hover {
	background:#f5f4f0;
	color:#FFF;
}
#menuTop .m2 {
	height:40px;
	background: #089fa5;
	float:left;
	display: inline;
	border-right:1px #fde7cf solid;
}
#menuTop .m2:hover {
	background:#10b4bb;
}
#menuTop .m2 a {
	color:#FFF;
}


/* ------------- menu category --------------------- */

#menuCat {
	height:40px;
	width:100%;
}
#menu1 {
	height:40px;
	color:#FFF;
	background:#fff;
	width:980px;
	margin-bottom:10px;
	box-shadow:0 2px 4px #999999;
}

#menuCat a {
	font:normal 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	padding:0 12px; 
	position:relative;
	top:8px;
	
}
#menuCat .mHome { 
	height:34px;
	width:35px;
	margin-right:6px;
	background:url(../gfx/b_home.png) no-repeat 0  0;
	float:left;
	display: block;
	-webkit-transition: .4s; -moz-transition: .4s; transition: .4s;
	border-bottom:1px #f4f3f1 solid;

}
#menuCat .mHome:hover { 
	height:34px; width:35px;
	background:url(../gfx/b_home.png) no-repeat 0  -35px;
	float:left;
	display: block;
	border-bottom:1px #FFF solid;
}





#menuCat .mFringe { 
	height:40px;
	background: #d71e1e;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
}
#menuCat .mFringe:hover {
	background:#eb2b2b;
	color:#FFF;
}





#menuCat .mProd { 
	height:40px;
	background: #f3890f;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:1px #FFF solid;
}
#menuCat .mProd:hover {
	background:#ffa339;
	color:#FFF;
}



#menuCat .mAgency { 
	height:40px;
	background: #85b83b;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:1px #FFF solid;
}
#menuCat .mAgency:hover {
	background:#90c93e;
	color:#FFF;
}




#menuCat .mCons { 
	height:40px;
	background: #2c9ae8;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:1px #FFF solid;
}
#menuCat .mCons:hover {
	background:#52b4f9;
	color:#FFF;
}





/*  active tabs */
#menuCat .mFringeactive { 
	height:30px;
	color:#fff;
	padding:8px 12px 3px 12px; 
	position:relative;
	top:0px;
	background: #d71e1e;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:none;
	font:normal 18px Arial, Helvetica, sans-serif;
}
#menuCat .mProdactive { 
	height:30px;
	color:#fff;
	padding:8px 12px 3px 12px; 
	position:relative;
	top:0px;
	background: #f3890f;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:none;
	font:normal 18px Arial, Helvetica, sans-serif;
}
#menuCat .mAgencyactive { 
	height:30px;
	color:#fff;
	padding:8px 12px 3px 12px; 
	position:relative;
	top:0px;
	background: #85b83b;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:none;
	font:normal 18px Arial, Helvetica, sans-serif;
}
#menuCat .mConsactive { 
	height:30px;
	color:#fff;
	padding:8px 12px 3px 12px; 
	position:relative;
	top:0px;
	background: #2c9ae8;
	float:left;
	display: inline;
	border-right:1px #fff solid;
	border-bottom:none;
	font:normal 18px Arial, Helvetica, sans-serif;
}

/*  ----------------- */

/* -------------- submenu Prod ------------ */
#subFringe {
	background:#d71e1e;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0px;
	border-top:1px solid #fff;
}
#subFringe a {font-size:16px; color:#fff; text-decoration:none; outline:none; padding:4px;}
#subFringe a:hover { text-decoration:none; background:#FFF; color:#d71e1e; border-radius:1px; }
#subFringe li { display:inline; margin: 0; padding: 0;}
#subFringe li:first-child {padding-left: 10px;}
#subFringe li + li:before{
    content: " | ";
    padding: 0 10px;
}

#subProd {
	background:#f3890f;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0px;
	border-top:1px solid #fff;
}
#subProd a {font-size:16px; color:#fff; text-decoration:none; outline:none; padding:4px; }
#subProd a:hover { text-decoration:none; background:#FFF; color:#e97d01; border-radius:1px; }
#subProd li { display:inline; margin: 0; padding: 0;}
#subProd li:first-child {padding-left: 10px;}
#subProd li + li:before{
    content: " | ";
    padding: 0 10px;
}


#subAgency {
	background:#85b83b;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0px;
	border-top:1px solid #fff;
}
#subAgency a {font-size:16px; color:#fff; text-decoration:none; outline:none; padding:4px;}
#subAgency a:hover { text-decoration:none; background:#FFF; color:#77a92f; border-radius:1px; }
#subAgency li { display:inline; margin: 0; padding: 0;}
#subAgency li:first-child {padding-left: 10px;}
#subAgency li + li:before{
    content: " | ";
    padding: 0 10px;
}


#subCons {
	background:#2c9ae8;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0px;
	border-top:1px solid #fff;
}
#subCons a {font-size:16px; color:#fff; text-decoration:none; outline:none; padding:4px; }
#subCons a:hover { text-decoration:none; background:#FFF; color:#1883ce; border-radius:1px; }
#subCons li { display:inline; margin: 0; padding: 0;}
#subCons li:first-child {padding-left: 10px;}
#subCons li + li:before{
    content: " | ";
    padding: 0 10px;
}