/*------------------------------------------------------------------------
# JA Nickel for Joomla 1.5.x - Version 1.0 - Licence Owner jSharing.com
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://jsharing.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-additionalcssmenu {
	margin: 0; /* all lists */
	padding:0;
	margin-top: -5px;
	margin-left: 0px;
}


#ja-additionalcssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-additionalcssmenu li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	background: none;
}

#ja-additionalcssmenu li ul {
	width: 17.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 15.9em;
	margin-top: -6px;	
}

#ja-additionalcssmenu li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#ja-additionalcssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-additionalcssmenu ul a {
	width: 14.8em;
	width: 10.8em;
}

#ja-additionalcssmenu li:hover ul ul, #ja-additionalcssmenu li:hover ul ul ul,
#ja-additionalcssmenu li.sfhover ul ul, #ja-additionalcssmenu li.havechildsfhover ul ul, #ja-additionalcssmenu li.havechild-activesfhover ul ul, #ja-additionalcssmenu li.activesfhover ul ul,
#ja-additionalcssmenu li.sfhover ul ul ul, #ja-additionalcssmenu li.havechildsfhover ul ul ul, #ja-additionalcssmenu li.havechild-activesfhover ul ul ul, #ja-additionalcssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-additionalcssmenu li:hover ul, #ja-additionalcssmenu li li:hover ul, #ja-additionalcssmenu li li li:hover ul,
#ja-additionalcssmenu li.sfhover ul, #ja-additionalcssmenu li.havechildsfhover ul, #ja-additionalcssmenu li.havechild-activesfhover ul, #ja-additionalcssmenu li.activesfhover ul,
#ja-additionalcssmenu li li.sfhover ul, #ja-additionalcssmenu li li.havesubchildsfhover ul, #ja-additionalcssmenu li li.havesubchild-activesfhover ul, #ja-additionalcssmenu li li.activesfhover ul,
#ja-additionalcssmenu li li li.sfhover ul, #ja-additionalcssmenu li li li.havesubchildsfhover ul, #ja-additionalcssmenu li li li.havesubchild-activesfhover ul, #ja-additionalcssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
/*#ja-mainmenu {
	background:url(../images/main-menu.png) no-repeat;
	width: 192px;
	height: 20px;
	margin-top: 20px;
}*/
#ja-additionalcssmenu li a {
	/*border-right: 1px solid #666666;*/ 
	display: block;
	text-decoration: none;
	font-size: 100%;
	color: #c0c0c0;
	/*padding: 10px -2px 5px 10px;
	margin: 5px 10px 5px 20px;*/
	/*padding: 3px 45px;*/
    /*width:62px;*/
    /*left: 45px;*/ 
    position:relative ; 
    margin:0px !important ;
	text-transform: uppercase;
}

#otzivi {
	/*padding: 10px -2px 5px 10px;*/
	background:url(../images/hor-addit-out-otzivi.png) no-repeat;
	padding: 3px 45px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	/*background: url(../images/ver-arrow-out.png) no-repeat 130px*/;
	}
	
#otzivi a:hover, #otzivi a:active, #otzivi a:focus {
	color:#fff;
	background:url(../images/hor-addit-over-otzivi.png) no-repeat;
}

#inter {
	background:url(../images/hor-addit-out-inter.png) no-repeat;
	padding: 3px 45px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	}
	
#inter a:hover, #inter a:active, #inter a:focus {
	color:#fff;
	background:url(../images/hor-addit-over-inter.png) no-repeat;
	/*width: 192px;
	height: 25px;*/
	/*margin-top: 20px;*/}

#rem {
	background:url(../images/hor-addit-out-rem.png) no-repeat;
	padding: 3px 15px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	/*background: url(../images/ver-arrow-out.png) left no-repeat;*/}

#rem a:hover, #rem a:active, #rem a:focus {
	color:#fff;
	background:url(../images/hor-addit-over-rem.png) no-repeat;
	/*width: 192px;
	height: 25px;
	margin-top: 20px;*/}

#js {
	background:url(../images/hor-addit-out-js.png) no-repeat;
	padding: 3px 25px;
	width: 192px;
	height: 25px;
	margin-top: 20px;}
	
#js a:hover, #js a:active, #js a:focus {
	color:#fff;
	background:url(../images/hor-addit-over-js.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;
}

#rab {
	background:url(../images/hor-addit-out-rab.png) no-repeat;
	padding: 3px 45px;
	width: 162px;
	height: 25px;
	margin-top: 20px;}

/*#rab  a:hover, #rab a:active, #rab a:focus
 {
	color:#fff;
	background:url(../images/contact-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}*/
#rab a:hover
 {
	color:#fff;
	background:url(../images/hor-addit-over-rab.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}
#rab a:active
 {
	/*color:#fff;
	font-weight: bold;*/
	background:url(../images/hor-addit-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}

/*#ja-projmenu li a {
	display: block;
	text-decoration: none;
	font-size: 100%;
	color: #49474B;
	padding: 3px 20px;
    width:160px;
    left: 45px; 
    position:relative ; 
    background: url(../images/ver-arrow-out.png) left no-repeat;
    
}*/

/*#ja-additionalcssmenu li a:hover,
#ja-additionalcssmenu li a:active,
#ja-additionalcssmenu li a:focus {
	color: #FF0000;
}*/

/*#ja-additionalcssmenu li:hover a,
#ja-additionalcssmenu li.sfhover a,
#ja-additionalcssmenu li.havechildsfhover a,
#ja-additionalcssmenu li.havechild-activesfhover a {
	color: #FFFFFF;
}*/

/*#ja-additionalcssmenu li.active {
	background: none;	
}

#ja-additionalcssmenu li.active a {
	background: none;	
	color: #49474B;
	font-weight:bold;
}*/

/*#ja-additionalcssmenu li a.active:hover,
#ja-additionalcssmenu li a.active:active,
#ja-additionalcssmenu li a.active:focus {
	color: #FFFFFF;
}*/

/* 2nd level and above */
/*#aboutmenu  {
	background:#c9c9c9;
	margin-left: 5px;
	width: 192px;
}*/
	
/*#aboutsubmenu a:hover, #aboutsubmenu a:active, #aboutsubmenu a:focus {
	color:#fff;
    background:#c9c9c9;
	margin-left: 5px;
	width: 192px;
}	*/

	/*background:url(../images/about-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}*/

/*#ja-additionalcssmenu li ul {
	background:#DFDFDF;
	margin-left: 5px;
	width: 192px;
}*/

#ja-additionalcssmenu li ul ul {
	/*border: 1px solid #202020;*/
}

#ja-additionalcssmenu li ul li {
	/*border-bottom: 1px solid #202020;*/
	margin-top: -5px;
	border-right: none;
	background: none;
}

#inter ul li a {
	border-right: none;
	/*padding: 5px 0px 5px 0px;*/
	/*background:#c9c9c9;*/
	background: #c9c9c9 url(../images/hor-arrow-out.png) no-repeat 50px;
	color: #49474b !important;
}

#rem ul li a {
	border-right: none;
	/*font-size:10px;*/
	margin: -5px -10px 5px auto;
	padding: 5px 12px 5px 30px;
	width: 150px;
	/*margin-left: 10px;*/
	background: #b6b6b6 url(../images/hor-arrow-out.png) no-repeat 15px;
	color: #49474b !important;
}

/*#ja-additionalcssmenu li ul a {
	border-right: none;
	padding: 5px 0px 5px 0px;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	font-size: 92%;
	white-space: nowrap;
	color: #918e8e !important;
}*/

#ja-additionalcssmenu li.havesubchild,
#ja-additionalcssmenu li.havesubchild-active {
	/*background: url(img/arrow-1.gif) no-repeat;*/
}

/*#ja-additionalcssmenu li ul a:hover,
#ja-additionalcssmenu li ul a:active,
#ja-additionalcssmenu li ul a:focus,
#ja-additionalcssmenu ul li:hover,
#ja-additionalcssmenu ul li.sfhover,
#ja-additionalcssmenu ul li.havesubchildsfhover,
#ja-additionalcssmenu ul li.havesubchild-activesfhover,
#ja-additionalcssmenu ul ul li:hover,
#ja-additionalcssmenu ul ul li.sfhover,
#ja-additionalcssmenu ul ul li.havesubchildsfhover,
#ja-additionalcssmenu ul ul li.havesubchild-activesfhover {
	background: #c9c9c9 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
	color: #ffffff !important;
}*/

#inter ul li a:hover,
#inter ul li a:active,
#inter ul li a:focus,
#inter ul li:hover,
#inter ul li.sfhover,
#inter ul li.havesubchildsfhover,
#inter ul li.havesubchild-activesfhover,
#inter ul ul li:hover,
#inter ul ul li.sfhover,
#inter ul ul li.havesubchildsfhover,
#inter ul ul li.havesubchild-activesfhover {
    background: #c9c9c9 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
    color: #ffffff !important;
}	

#rem ul li a:hover,
#rem ul li a:active,
#rem ul li a:focus,
#rem ul li:hover,
#rem ul li.sfhover,
#rem ul li.havesubchildsfhover,
#rem ul li.havesubchild-activesfhover,
#rem ul ul li:hover,
#rem ul ul li.sfhover,
#rem ul ul li.havesubchildsfhover,
#rem ul ul li.havesubchild-activesfhover {
/*    background: #b6b6b6 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
	color: #ffffff !important;*/
	/*border-right: none;*/
	/*margin: -5px -10px 5px auto;*/
	/*padding: 5px 45px 5px 15px;*/
	/*width: 123px;*/
	/*margin-left: 10px;*/
	background: #b6b6b6 url(../images/hor-arrow-over.png) no-repeat 15px;
	color: #ffffff !important;
}

/*#servmenu li ul a:hover,
#servmenu li ul a:active,
#servmenu li ul a:focus,
#servmenu ul li:hover,
#servmenu ul li.sfhover,
#servmenu ul li.havesubchildsfhover,
#servmenu ul li.havesubchild-activesfhover,
#servmenu ul ul li:hover,
#servmenu ul ul li.sfhover,
#servmenu ul ul li.havesubchildsfhover,
#servmenu ul ul li.havesubchild-activesfhover {
	background: #a9a9a9;
	width: 62px;
	color: #FF0000 !important;
}*/

#ja-additionalcssmenu ul li a.active {
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}

#ja-additionalcssmenu ul li a.active:hover,
#ja-additionalcssmenu ul li a.active:active,
#ja-additionalcssmenu ul li a.active:focus {
	color: #FFFFFF !important;
}