/*

# ------------------------------------------------------------------------

# Extensions for Joomla 2.5 - Joomla 3.x

# ------------------------------------------------------------------------

# Copyright (C) 2011-2013 Ext-Joom.com. All Rights Reserved.

# @license - PHP files are GNU/GPL V2.

# Author: Ext-Joom.com

# Websites:  http://www.ext-joom.com 

# Date modified: 27/08/2013 - 13:00

# ------------------------------------------------------------------------

*/





/*** ESSENTIAL STYLES ***/







.ext-menu, .ext-menu * {

	margin: 0;

	padding: 0;

	list-style: none;



}

.ext-menu li {

	position: relative;

}

.ext-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

	padding-top:20px;

}

.ext-menu > li {

	float: left;

}

.ext-menu li:hover > ul,

.ext-menu li.sfHover > ul {

	display: block;

}



.ext-menu a {

	display: block;

	position: relative;

}

.ext-menu ul ul {

	top: 0;

	left: 100%;

}



.ext-menu li{

  margin: 0px 0px 0 15px;	

}



.ext-menu li a:hover{

  color: #908F8F;	

}

.ext-menu li a{



    color: #324049;

   

    font-weight: bold;

    padding-bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

    text-decoration: none;

}

.ext-menu li ul li{

background-color: #FFFFFF;

 opacity: 0.8;	
margin-left:0px;
}

span.separator{
 color: #324049;
    font-weight: bold;
}

span.separator:hover{
color: #908F8F;
}

li.active.deeper.parent span.separator{
color: #908F8F;
}





.ext-menu li ul li:hover{

    color: #908F8F;

    opacity: 1;

    text-decoration: none;

}



/*** DEMO SKIN ***/

.ext-menu {

	float: left;

	

}

.ext-menu ul {

	

	min-width: 135px; /* allow long menu items to determine submenu width */

	*width: 12em; /* no auto sub width for IE7, see white-space comment below */

	

}

.ext-menu a {

	text-decoration: none;

	zoom: 1; /* IE7 */

}



.ext-menu li {



	white-space: nowrap; /* no need for Supersubs plugin */

	*white-space: normal; /* ...unless you support IE7 (let it wrap) */

	-webkit-transition: background .2s;

	transition: background .2s;

}

.ext-menu ul li {

	background: #fff;

}

.ext-menu ul ul li {

	background: #fff;

}

.ext-menu li:hover,

.ext-menu li.sfHover {

	

	/* only transition out, not in */

	-webkit-transition: none;

	transition: none;

}



/*** arrows (for all except IE7) **/

.ext-arrows .ext-with-ul {

	padding-right: 2.5em;

	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */

}

/* styling for both css and generated arrows */

.ext-arrows .ext-with-ul:after {

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	margin-top: -3px;

	height: 0;

	width: 0;

	/* order of following 3 rules important for fallbacks to work */

	border: 5px solid transparent;

	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */

	border-top-color: rgba(255,255,255,.5);

}

.ext-arrows > li > .ext-with-ul:focus:after,

.ext-arrows > li:hover > .ext-with-ul:after,

.ext-arrows > .sfHover > .ext-with-ul:after {

	border-top-color: white; /* IE8 fallback colour */

}

/* styling for right-facing arrows */

.ext-arrows ul .ext-with-ul:after {

	margin-top: -5px;

	margin-right: -3px;

	border-color: transparent;

	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */

	border-left-color: rgba(255,255,255,.5);

}

.ext-arrows ul li > .ext-with-ul:focus:after,

.ext-arrows ul li:hover > .ext-with-ul:after,

.ext-arrows ul .sfHover > .ext-with-ul:after {

	border-left-color: white;

}