/**

 * @version 1.1 Beta $Id: hxdmoomenu.css 2009-08-16 HxD $

 * @package    HXD MooMenu

 * @subpackage Modules

 * @link http://www.hexadesigners.com

 * @license	GNU/GPL, see LICENSE.php

 * HXD MooMenu is free software; you can redistribute it and/or

 * modify it under the terms of the GNU General Public License 2

 * as published by the Free Software Foundation.



 * HXD MooMenu is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

 * GNU General Public License for more details.



 * You should have received a copy of the GNU General Public License

 * along with HXD MooMenu; if not, write to the Free Software

 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

 */



/*** HINTS:

		1) If you want to have multiple HxD MooMenu, copy the code betweeen the comment lines  				

		   "Copy from here" and "Copy upto here" and paste in the end of file and override CSS(follow HINT 2,3)

		2) Change the DIV Tag ID '#hxdmoomenu' as you define in the moule parameter "Menu Holder Div ID".

		   Example: If your type "moomenu2" as "Menu Holder Div ID" module parameter, then change 

		   #hxdmoomenu to #moomenu2

	    3) Change the Parent UL Class name ".menuhxdmenu" as you define in the module parameter 

	       "Menu Class Suffix".

	       Example: If your type "hxdmenu2" as "Menu Class Suffix" module parameter, then change 

		   .menuhxdmenu to .menuhxdmenu2

	  

	For detailed document check the following link: 

	http://www.hexadesigners.com/docs/joomla/hxd-moomenu.html ***/



/*** Copy from here ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 

	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/

.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}

div#hxdmoomenu{

z-index:100;}

#hxdmoomenu li li{margin:0;}

.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}

.menuhxdmenu  ul{background:#fff;

padding:0;}

.menuhxdmenu  li{float:left;list-style:none;position:relative;}

div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}

.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}

.menuhxdmenu  li:hover ul,

.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}

.menuhxdmenu  li:hover li ul,

.menuhxdmenu  li.sfHover li ul,

.menuhxdmenu  li li:hover li ul,

.menuhxdmenu  li li.sfHover li ul,

.menuhxdmenu  li li li:hover li ul,

.menuhxdmenu  li li li.sfHover li ul{top:-999em;}

.menuhxdmenu  li li:hover ul,

.menuhxdmenu  li li.sfHover ul,

.menuhxdmenu  li li li:hover ul,

.menuhxdmenu  li li li.sfHover ul,

.menuhxdmenu  li li li li:hover ul,

.menuhxdmenu  li li li li.sfHover ul{left:170px;top:0px;}

.menuhxdmenu  li li{position:relative;float:none;width:100%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/



#hxdmoomenu{

	

}



#hxdmoomenu ul{

	margin: 0 10px 0 0;

	padding: 0 0 0 0;

/*	background:  url(../../../../templates/ladrilhos-felipec/images/headerMenuBG.gif) repeat-x fixed 0 20px;*/

}		



#hxdmoomenu ul li{

	margin:20px 10px 0 0;

	display:block;

	background: #adadad;

	font:bold 11px/11px Arial, Helvetica, sans-serif;

	letter-spacing:1px;

	color:#FFF;

	height:18px;

}



#hxdmoomenu ul li a{

	display:block;

	float: left;

	line-height: 18px;

	padding: 0 10px;

	color:#FFF;

	font-weight:normal;

}		



#hxdmoomenu ul li a:hover{

	display:block;

	color:#fff;

	background:#9d9d9d;

	border:none;

	text-decoration:none;

}		



#hxdmoomenu li.active a {

	display:block;



}





#hxdmenu .item18{

	margin-right:0;

}



#hxdmoomenu li ul {

	margin:0px;

	margin-top:-7px;

	padding:0;

	width:160px;

	background:#adadad;



}



#hxdmoomenu ul ul li{

	display:block;

	margin:0;

	padding:5px 0 0 10px;

	text-align:left;

	width:160px;

	border-top:#a4a4a4 solid 1px;

}



#hxdmoomenu ul ul li a{

	display:block;

	line-height:15px;

	font:normal normal 11px/11px Arial, Helvetica, sans-serif;

}





#hxdmoomenu li.active li a {



}



#hxdmoomenu ul ul li a:hover,

#hxdmoomenu ul li.active.parent ul a:hover {

	display:block;

	background:#a4a4a4;

}



#hxdmoomenu ul ul li:hover{

	background:#a4a4a4;	

}



#hxdmoomenu ul ul ul {

	margin-top:10px;

	margin-left:0px;

	border-left:#ccc solid 1px;

}



/*** Copy upto here ***/













/*** Copy from here ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 

	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/

.menuhxdmenuFooter,.menuhxdmenuFooter  *{margin:0;padding:0;}

div#hxdmoomenuFooter{

z-index:100;}

#hxdmoomenuFooter li li{margin:0;}

.menuhxdmenuFooter {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}

.menuhxdmenuFooter  ul{background:#fff;

padding:0;}

.menuhxdmenuFooter  li{float:left;list-style:none;position:relative;}

div#hxdmoomenuFooter li li a, div#hxdmoomenuFooter li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}

.menuhxdmenuFooter  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}

.menuhxdmenuFooter  li:hover ul,

.menuhxdmenuFooter  li.sfHover ul{left:0px;top:25px;}

.menuhxdmenuFooter  li:hover li ul,

.menuhxdmenuFooter  li.sfHover li ul,

.menuhxdmenuFooter  li li:hover li ul,

.menuhxdmenuFooter  li li.sfHover li ul,

.menuhxdmenuFooter  li li li:hover li ul,

.menuhxdmenuFooter  li li li.sfHover li ul{top:-999em;}

.menuhxdmenuFooter  li li:hover ul,

.menuhxdmenuFooter  li li.sfHover ul,

.menuhxdmenuFooter  li li li:hover ul,

.menuhxdmenuFooter  li li li.sfHover ul,

.menuhxdmenuFooter  li li li li:hover ul,

.menuhxdmenuFooter  li li li li.sfHover ul{left:170px;top:0px;}

.menuhxdmenuFooter  li li{position:relative;float:none;width:100%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/



#hxdmoomenuFooter{

	

}



#hxdmoomenuFooter ul{

	margin: 0 25px 0 0;

	padding: 0 0 0 0;

/*	background:  url(../../../../templates/ladrilhos-felipec/images/footerMenuBG.gif) repeat-x ;*/

}		



#hxdmoomenuFooter ul li{

	margin:0 10px 0 0;

	display:block;

	background: #4d4d4d;

	font:normal 11px/11px Arial, Helvetica, sans-serif;

	letter-spacing:0;

	color:#FFF;

	height:20px;

}



#hxdmoomenuFooter ul li a{

	display:block;

	float: left;

	line-height: 19px;

	padding: 0 10px;

	color:#FFF;

	font-weight:normal;

}		



#hxdmoomenuFooter ul li a:hover{

	display:block;

	color:#fff;

	background:#9d9d9d;

}		



#hxdmoomenuFooter li.active a {

	display:block;



}





#hxdmoomenuFooter .item18, #hxdmoomenuFooter .item26{

	margin-right:0;

}



#hxdmoomenuFooter li ul {

	margin:0px;

	margin-top:-5px;

	padding:0;

	width:160px;

	background:#4d4d4d;



}



#hxdmoomenuFooter ul ul li{

	display:block;

	margin:0;

	padding:5px 0 0 10px;

	text-align:left;

	width:160px;

	border-top:#464646 solid 1px;

}



#hxdmoomenuFooter ul ul li a{

	display:block;

	line-height:12px;

	font:normal normal 11px/11px Arial, Helvetica, sans-serif;

}





#hxdmoomenuFooter li.active li a {



}



#hxdmoomenuFooter ul ul li a:hover,

#hxdmoomenuFooter ul li.active.parent ul a:hover {

	display:block;

	background:#434343;

}



#hxdmoomenuFooter ul ul li:hover{

	background:#434343;	

}



#hxdmoomenuFooter ul ul ul {

	margin-top:10px;

	margin-left:0px;

	border-left:#ccc solid 1px;

}



/*** Copy upto here ***/

















/*** Copy from here ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 

	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/

.menuhxdmenuSec,.menuhxdmenuSec  *{margin:0;padding:0;}

div#hxdmoomenuSec{

z-index:100;}

#hxdmoomenuSec li li{margin:0;}

.menuhxdmenuSec {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}

.menuhxdmenuSec  ul{background:#fff;

padding:0;}

.menuhxdmenuSec  li{float:left;list-style:none;position:relative;}

div#hxdmoomenuSec li li a, div#hxdmoomenuSec li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}

.menuhxdmenuSec  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}

.menuhxdmenuSec  li:hover ul,

.menuhxdmenuSec  li.sfHover ul{left:0px;top:25px;}

.menuhxdmenuSec  li:hover li ul,

.menuhxdmenuSec  li.sfHover li ul,

.menuhxdmenuSec  li li:hover li ul,

.menuhxdmenuSec  li li.sfHover li ul,

.menuhxdmenuSec  li li li:hover li ul,

.menuhxdmenuSec  li li li.sfHover li ul{top:-999em;}

.menuhxdmenuSec  li li:hover ul,

.menuhxdmenuSec  li li.sfHover ul,

.menuhxdmenuSec  li li li:hover ul,

.menuhxdmenuSec  li li li.sfHover ul,

.menuhxdmenuSec  li li li li:hover ul,

.menuhxdmenuSec  li li li li.sfHover ul{left:170px;top:0px;}

.menuhxdmenuSec  li li{position:relative;float:none;width:100%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/



#hxdmoomenuSec{

	

}



#hxdmoomenuSec ul{

	margin: 0;

	padding: 0 0 0 0;

}		



#hxdmoomenuSec ul li{

	margin:0;

	display:block;

	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	letter-spacing:0;

	color:#0066FF;

}



#hxdmoomenuSec ul li a{

	margin:0;

	padding:17px 6px 9px 6px; 

	display:block;

	float: left;

	line-height: 23px;

	color:#0066FF;

}		



#hxdmoomenuSec ul li a:hover{

	display:block;

	background:#0066FF;

	color:#FFF;

}		



#hxdmoomenuSec li.active a {

	display:block;





}



#hxdmenuSec .item22, #hxdmenuSec .item22 a{

	color:#FF3300;

}



#hxdmenuSec .item22 a:hover{

	background:#FF3300;

	color:#FFF;

}



#hxdmenuSec .item23, #hxdmenuSec .item23 a{

	color:#009999;

}



#hxdmenuSec .item23 a:hover {

	background:#009999;

	color:#FFF;

}



#hxdmenuSec .item24, #hxdmenuSec .item24 a{

	color:#FFB300;

}



#hxdmenuSec .item24 a:hover {

	background:#FFB300;

	color:#FFF;

}



#hxdmenuSec .item25, #hxdmenuSec .item25 a{

	color:#5B29AF;

}



#hxdmenuSec .item25 a:hover {

	background:#5B29AF;

	color:#FFF;

}



#hxdmenuSec .item26, #hxdmenuSec .item26 a{

	color:#006600;

}



#hxdmenuSec .item26 a:hover {

	background:#006600;

	color:#FFF;

}



#hxdmoomenuSec li ul {

	margin:0px;

	margin-top:-5px;

	padding:0;

	width:160px;

	background:#4d4d4d;



}



#hxdmoomenuSec ul ul li{

	display:block;

	margin:0;

	padding:5px 0 0 10px;

	text-align:left;

	width:160px;

	border-top:#464646 solid 1px;

}



#hxdmoomenuSec ul ul li a{

	display:block;

	line-height:12px;

	font:normal normal 11px/11px Arial, Helvetica, sans-serif;

}





#hxdmoomenuSec li.active li a {



}



#hxdmoomenuSec ul ul li a:hover,

#hxdmoomenuSec ul li.active.parent ul a:hover {

	display:block;



}







#hxdmoomenuSec ul ul ul {

	margin-top:10px;

	margin-left:0px;

	border-left:#ccc solid 1px;

}



/*** Copy upto here ***/













/*** Copy from here ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 

	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/

.menuhxdmenuCol,.menuhxdmenuCol  *{margin:0;padding:0;}

div#hxdmoomenuCol{

z-index:100;}

#hxdmoomenuCol li li{margin:0;}

.menuhxdmenuCol {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}

.menuhxdmenuCol  ul{background:#fff;

padding:0;}

.menuhxdmenuCol  li{float:left;list-style:none;position:relative;}

div#hxdmoomenuCol li li a, div#hxdmoomenuCol li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}

.menuhxdmenuCol  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}

.menuhxdmenuCol  li:hover ul,

.menuhxdmenuCol  li.sfHover ul{left:0px;top:25px;}

.menuhxdmenuCol  li:hover li ul,

.menuhxdmenuCol  li.sfHover li ul,

.menuhxdmenuCol  li li:hover li ul,

.menuhxdmenuCol  li li.sfHover li ul,

.menuhxdmenuCol  li li li:hover li ul,

.menuhxdmenuCol  li li li.sfHover li ul{top:-999em;}

.menuhxdmenuCol  li li:hover ul,

.menuhxdmenuCol  li li.sfHover ul,

.menuhxdmenuCol  li li li:hover ul,

.menuhxdmenuCol  li li li.sfHover ul,

.menuhxdmenuCol  li li li li:hover ul,

.menuhxdmenuCol  li li li li.sfHover ul{left:170px;top:0px;}

.menuhxdmenuCol  li li{position:relative;float:none;width:100%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/



#hxdmoomenuCol{

	

}



#hxdmoomenuCol ul{

	margin: 0;

	padding: 0 0 0 0;

	width:220px;

	font-weight: normal;

}		



#hxdmoomenuCol ul li{

	margin:0;

	display:block;

	text-indent:-1000px;

	color:#fff;

	width:110px;

	height:120px;

	border-bottom:#383838 solid 1px;

}



#hxdmoomenuCol ul li a{

	margin:0;

	padding:80px 10px 0 10px;

	width:90px;

	height:40px;

	display:block;

	float: left;

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG04.jpg) no-repeat;

	color:#fff;

	font-weight: normal;

}		



#hxdmoomenuCol ul li a:hover{

	display:block;

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG04.jpg) no-repeat 0 -120px;

	color:#FFF;

	font-weight: normal;

}		



#hxdmoomenuCol li.active a {

	display:block;





}



#hxdmoomenuCol .item28 , #hxdmoomenuCol .item28 a {

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG02.jpg) no-repeat;

}



#hxdmoomenuCol .item28 a:hover{

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG02.jpg) no-repeat 0 -120px;

}



#hxdmoomenuCol .item29 , #hxdmoomenuCol .item29 a {

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG03.jpg) no-repeat;

}



#hxdmoomenuCol .item29 a:hover{

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG03.jpg) no-repeat 0 -120px;

}



#hxdmoomenuCol .item30 , #hxdmoomenuCol .item30 a {

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG01.jpg) no-repeat;

}



#hxdmoomenuCol .item30 a:hover{

	background:#666 url(../../../../templates/ladrilhos-felipec/images/columnsBG01.jpg) no-repeat 0 -120px;

}



#hxdmoomenuCol li ul {

	margin:0px;

	margin-top:-5px;

	padding:0;

	width:160px;

	background:#4d4d4d;



}



#hxdmoomenuCol ul ul li{

	display:block;

	margin:0;

	padding:5px 0 0 10px;

	text-align:left;

	width:160px;

	border-top:#464646 solid 1px;

}



#hxdmoomenuCol ul ul li a{

	display:block;

	line-height:12px;

	font:normal normal 11px/11px Arial, Helvetica, sans-serif;

}





#hxdmoomenuCol li.active li a {



}



#hxdmoomenuCol ul ul li a:hover,

#hxdmoomenuCol ul li.active.parent ul a:hover {

	display:block;



}







#hxdmoomenuCol ul ul ul {

	margin-top:10px;

	margin-left:0px;

	border-left:#ccc solid 1px;

}



/*** Copy upto here ***/