/**
 * IceMegaMenu Extension for Joomla 3.0 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2013 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 *
 
 Clean Theme
 added on 29 April 2013
 
 */
 
 
 
 /* OpenSans Font emmbed */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
 
 
 
/* clear some styles */
ul,li {
	/*
	list-style-type:none;
	padding:0;
	margin:0
	*/
} 
 
 .collapse {
  overflow: visible;}
  
  
/* begin mainmenu */ 
.icemegamenu > ul {
	position: relative;
	margin:0;
	padding:0;
	z-index: 999;
	clear: both;
	width: 100%;
	height:50px;
	background: #eee;}
	
	.icemegamenu > ul > li {
		position: relative;
		display: block;
		float: left;}
		
		.icemegamenu > ul > li  a.iceMenuTitle {
			font-family:OpenSansRegular, Arial, Helvetica, sans-serif;
			position: relative;
			z-index: 9999;
			display: block;
			padding: 0 18px;
			height:50px;
			line-height: 34px;
			font-size: 18px;
			margin:0 5px 0 0;
			color: #8D0015;
			text-decoration:none;
			-webkit-transition: all .25s ease-out;
			-moz-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			transition: all .25s ease-out;
			}
			
			.icemegamenu > ul > li:hover > a {
				/*background-color:#DEDEDE;*/
			}
			
			.iceCols > ul > li  a.iceMenuTitle {
				color:#CCC;
			}
			.icemegamenu ul, .icemegamenu ul li, .iceCols ul, .iceCols ul li {
				list-style:none !important;
				list-style-type:none !important;
			}
			
			.icemegamenu ul > li  a.iceMenuTitle:hover,
			.icemegamenu ul > li:hover > a.iceMenuTitle,
			.icemegamenu ul > ul > li:hover >  a.iceMenuTitle,
			ul.icesubMenu li.active a.iceMenuTitle  { 
				color:#000; 
			}
				
			div.icemegamenu ul#icemegamenu  li.active a.icemega_active > span.icemega_title { 
				color: #000; 
			}		
				
			/* subtitles */
			.icemegamenu > ul > li span.icemega_desc {
				display:block;
				font-size:12px;
				font-family:Verdana, Geneva, sans-serif;
				padding:0;
				line-height:1.25em;
				color:#999!important;
				margin-bottom: 7px;
				margin-top:-8px;
			}

 				/* when dont have subtitle */
				.icemegamenu > ul > li >  a.iceMenuTitle > span.icemega_nosubtitle {
					padding-top:7px;
					display:block;
				}
					
				/* when is current */	
				.icemegamenu > ul > li.active > a {
					/*background-color:#DEDEDE;*/
				}
					
					
			
						

 /* Submenu */
ul.icesubMenu {
    position: absolute;
    z-index: 600;

    padding: 0 0 10px;

	margin:0;

    top: 100px;

    left: 0;

    opacity: 0;

    visibility: hidden;

    background: #eee;

    border: 1px solid #DEDEDE;

	border-top:none;

    border-radius: 3px;

	-webkit-transition: all .25s ease-out;

	-moz-transition: all .25s ease-out;

	-ms-transition: all .25s ease-out;

	-o-transition: all .25s ease-out;

	transition: all .25s ease-out;}

	

			

		#icemegamenu > li:hover > ul.icesubMenu {

			opacity: 1;

			visibility: visible;

			top: 50px;}

			

			ul.icesubMenu ul > li {
				list-style:none;
				position:relative;
			}

				

				ul.icesubMenu > li a.iceMenuTitle {

					height:auto;

					display:block;

					font-size:14px;

					padding:0 0 0 25px;

					margin:0;

					border-bottom:1px dashed #ccc;

					border-radius:0;

					background:none;
				}

	 

	 

				/* when is parent */

				ul.icesubMenu li.parent {

					background: url(../images/arrow.png) no-repeat 93% 45%;}

					

				/* hover and active */

				ul.icesubMenu ul > li:hover > a,

				ul.icesubMenu ul > li.active > a  {

					background-color:#DEDEDE;}

					

				

				

				

				

				



 

/* Second Level Dropdown */

ul.sub_level_2,

ul.sub_level_3,

ul.sub_level_4,

ul.sub_level_5 {

	top: -1px;

	left: 300px;

	z-index:99999;

	box-shadow:none;

	border:1px solid #DEDEDE;

	margin: 0 0 0 20px;}

	

	

	ul.icesubMenu ul > li:hover > ul {

		opacity: 1;

		visibility: visible;

		left: 230px;}

	

 

 

 

 

 

/* Modules inside dropdown */

.icesubMenu .icemega_cover_module {

    padding: 10px 15px;

	color:#666;}



	.icesubMenu .icemega_cover_module span.iceModuleTile {

		color:#555;

		font-size:18px;

		text-shadow:1px 1px 1px #fff;

		margin-bottom:6px;

		display:block;}



	.icesubMenu .icemega_cover_module a {}







/* for the respponsive part 

there is antoher CSS file in the same folder */



.ice-megamenu-toggle {

	display:none}







/* fix when there is no space for the dropdown on the right

it will appear instead on the left */

.ice_righttoleft{

		left:auto!important;

		right:0;}