@charset "UTF-8";



/**

 * JYAML - Template Framework includes YAML for Joomla!

 *

 * All rights reserved. The JYAML project is a template to manage and

 * configure Joomla!-Templates with the YAML XHTML/CSS Framework

 * - http://www.yaml.de

 *

 * -----------------------------------------------------------------------------

 *

 * @version     Id: $Id$

 *

 * @package     JYAML

 * @subpackage  Stylesheet

 *

 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>

 * @copyright   Copyright (C) 2006 - 2014, HieblMedia (Reinhard Hiebl)

 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0

 * @link        http://www.jyaml.de

 */



@media all

{
	
	
	.jyaml-mobilenav .fa-home:before { font-size:30px;}
	.jyaml-mobilenav .item-101 .item-title { height:1px;} 

	.jyaml-mobilenav {


		color: #fff;
     	position:absolute;
		top:0px;
		left:0px;
		width:100%;
		z-index:10000;
		

	}
	.icon-list { float:right;}

	.jyaml-mobilenav .mobilenav-title {

		background: transparent;

		


		padding: 5px 8px;

	}

	.jyaml-mobilenav .mobilenav-title {

		font-size: 22px;

		cursor: pointer;



  	overflow: hidden;

		text-overflow: ellipsis;

  	white-space: nowrap;

  	font-weight: bold;
	width:35px;
	

	}
	.jyaml-mobilenav .mobilenav-title .icon-list { }
	.jyaml-mobilenav .mobilenav-active {

		font-weight: normal;

	}

	.jyaml-mobilenav .mobilenav-title .icon-list:before {

	  background:url(../images/navigation/icon-list.svg) 0 center no-repeat;

	  padding-left:1.6em;

	  text-align:center;

	  content:'';

	}
	
	

	.jyaml-mobilenav .mobilenav-menu ul,

	.jyaml-mobilenav .mobilenav-menu ul li,

	.jyaml-mobilenav .mobilenav-menu ul li a {

		display: block;

		overflow: hidden;

		background: #000;

		width: 100%;

		padding: 0;

		margin: 0;

		border: 0;

	}

	.jyaml-mobilenav .mobilenav-menu {

		

		border-bottom: 1px solid #a49f95;
		margin-top:-40px;

	}

	.jyaml-mobilenav div.menuitem-content {

		background: #f6f6f6;

		border-bottom: 1px solid #a49f95;

		padding: 5px;

		color: #333;

	}



	.jyaml-mobilenav .mobilenav-menu ul li a {

		border-bottom: 1px solid #a49f95;
		color: #fff;
		background: #000;
		background: -moz-linear-gradient(top,  #222 0%, #000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#000));
		background: -webkit-linear-gradient(top,  #222 0%,#000 100%);
		background: -o-linear-gradient(top,  #222 0%,#000 100%);
		background: -ms-linear-gradient(top,  #222 0%,#000 100%);
		background: linear-gradient(to bottom,  #222 0%,#000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#000',GradientType=0 );
		font-size:16px;

	}
	
	.jyaml-mobilenav .mobilenav-menu ul li ul li a { font-size:12px; text-align:right; }
	

	.jyaml-mobilenav .mobilenav-menu ul li a:hover,

	.jyaml-mobilenav .mobilenav-menu ul li a:focus,

	.jyaml-mobilenav .mobilenav-menu ul li a:active {

		background: #e7d3ab;

		background: -moz-linear-gradient(top,  #e7d3ab 0%, #dac097 100%);

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7d3ab), color-stop(100%,#dac097));

		background: -webkit-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: -o-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: -ms-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: linear-gradient(to bottom,  #e7d3ab 0%,#dac097 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d3ab', endColorstr='#dac097',GradientType=0 );



		color: #000;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a.current_link {

		background: #949494;

		background: -moz-linear-gradient(top,  #e7d3ab 0%, #dac097 100%);

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7d3ab), color-stop(100%,#dac097));

		background: -webkit-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: -o-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: -ms-linear-gradient(top,  #e7d3ab 0%,#dac097 100%);

		background: linear-gradient(to bottom,  #e7d3ab 0%,#dac097 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d3ab', endColorstr='#dac097',GradientType=0 );



		color: #fff;

	}

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:hover,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:focus,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:active {

		background: #f6f6f6 ;

		color: #000;

		border-bottom: 0;

		cursor: default;

	}





	.jyaml-mobilenav .mobilenav-menu ul li a span {

		display: block;

		width: auto;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.item-title {

		padding: 10px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle {

		color: #666;

		font-size: 11px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a:hover span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a:focus span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a:active span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a.current_link span.subtitle{

		color: #eee;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle-empty {

		display: none;

	}



	.jyaml-mobilenav .mobilenav-menu ul li li a span.item-title {

		padding-left: 20px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {

		padding-left: 40px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {

		padding-left: 60px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {

		padding-left: 80px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {

		padding-left: 100px;

	}



	/*

	 * Sometimes a menu has additional contents like title,

	 * but the mobilenav script cant hide it if its outer the ul container.

	 *

	 * For this you can use the class body.jyaml-mobilenav-active for further adjustments.

	 * For example:

	 */

  /*

	body.jyaml-mobilenav-active nav {

		dispay:none;

	}

	*/

}