/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../../../warp/css/menus.css);





/* Mega Drop-Down Menu

----------------------------------------------------------------------------------------------------*/
/*.level1 span > span:before {
    content: " | ";
    padding: 0 10px;
}*/


/* Level 1 */

.menu-dropdown li.level1 { margin-right: -1px;   }



.menu-dropdown a.level1,

.menu-dropdown span.level1 {

  padding-bottom: 1px;
  border-width: 0 1px 0 1px;
  border-right-color: #E0E0E0;
  border-left-color: transparent;
  font-size: 15px;
  color: rgb(40,0,0);

}



/*.menu-dropdown:first-child .level1:first-child .level1 { */
.menu-dropdown .level1 .level1:first-child  {
	border-left-color: #E0E0E0;
	height: 103px;
	display: table-cell;
	vertical-align: bottom;
	padding-top: 25px;
 }



.menu-dropdown a.level1 > span
{ 

  /*height: 72px;*/ /*margin-top: 37px;*/ margin-top: 55px;

  /*padding: 0 20px;*/ padding: 0 15px;

  /*line-height: 72px;*/ /*line-height: 125px;*/
  vertical-align: text-bottom;
  cursor: pointer;
  transition:  background-color 0.3s;
  -webkit-transition:  background-color 0.3s;
	text-shadow: -1px 1px rgba(255, 255, 255, 0.2);
}

.menu-dropdown li.level1:hover  span:first-child  > span

{
	/*background-color: #9D4801;*/
	color: rgb(124,58,0);
	/*text-shadow: -1px 1px rgba(255, 255, 255, 0.0);*/
}

.menu-dropdown a.level1:hover > span{
	color: rgb(124,58,0);
	/*text-shadow:none;*/
}

.menu-dropdown span.level1 > span { 

  /*height: 72px;*/ /*margin-top: 37px;*/ margin-top: 55px;

  /*padding: 0 20px;*/ padding: 0 13px;

  /*line-height: 72px;*/ /*line-height: 125px;*/
  vertical-align: text-bottom;
  cursor: default;
  
  transition:  background-color 0.3s;
  -webkit-transition:  background-color 0.3s;
  text-shadow: -1px 1px rgba(255, 255, 255, 0.2);
}
/*.menu-dropdown span.level1:hover  > span{
	background-color: #9D4801;
	color: #FFF;
}*/


/* Set Active */

.menu-dropdown li.active .level1 { 

  border-left-color: #E0E0E0;

  /*background-color:#FBFBFB;*/
  /*background-color: rgba(144, 183, 62, 0.1);*/
  /*background-color:#FBFBFB;*/
}



.menu-dropdown li.active .level1:before {

  content: "";

  display: block;

  position: absolute;  

  bottom: 0;

  left: 0;

  right: 0;

  height: 2px;

  z-index: 3;

}



/* Set Hover */

#menu .menu-dropdown li.level1:hover .level1,

#menu .menu-dropdown li.remain .level1 {

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);

}



/* Drop-Down */

.menu-dropdown .dropdown { 
/*kostas*/

  /*top: 71px;*/ 
  top: 129px;

  left: 70px;
  /*background-color: rgba(112, 112, 112, 0.7);*/
/*  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid rgb(224, 224, 224);
  border-left: 1px solid rgb(224, 224, 224);
  border-right: 1px solid rgb(224, 224, 224);*/
}
.menu-dropdown .dropdown .dropdown-bg{
	background: url(../images/noise_bg3.png) rgba(124, 58, 0, 0.79);
	border-radius: 1em 1em 0em 0em;
	
	/*background-color: rgba(255, 255, 255, 0.98);*/
	/*border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;*/
	/*box-shadow: -1px -2px 1px 1px #F0F0F0 inset;*/
}



.menu-dropdown .dropdown-bg > div {

  padding: 5px 10px; 

  color: #FFF;

}



/* Level 2 */

.menu-dropdown li.level2 {

  margin: 0 10px;

  border-top: 1px solid rgba(255, 255, 255, 0.1); 

}



.menu-dropdown li.level2:first-child { border: none; }



.menu-dropdown a.level2,

.menu-dropdown span.level2 { 

  /*color: #FFF;*/ 
  color: #FFF;
  /*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
   /*text-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);*/
   /*text-shadow:0 0px 5px rgba(255, 255, 255, 1);*/
}



.menu-dropdown a.level2 > span, 

.menu-dropdown span.level2 > span { 

  padding: 8px 0;

  line-height: 25px; 

}



.menu-dropdown a.level2:hover,

.menu-dropdown a.current.level2 { text-shadow: 0 -1px 0 rgba(255,255,255,0.3);  color: #FFF;


}



/* Level 3 */

.menu-dropdown li.level3 { line-height: 18px; }



.menu-dropdown a.level3 { 

  padding-left: 17px;

  background-position: 5px 0;

  background-repeat: no-repeat;

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(20,20,20,0.4);

}



/* Set Hover + Current */

.menu-dropdown a.level3:hover { background-position: 5px -50px; }

.menu-dropdown a.current.level3 { background-position: 5px -100px; } 



/* Icons */

.menu-dropdown .level1 .level1 span.icon {

  height: 72px;

  margin: 0 5px 0 -10px;

}



/* Subtitle */

.menu-dropdown span.title { line-height: 20px; }

.menu-dropdown .level1 .level1 span.title { /*margin-top: 50px;*/ }



.menu-dropdown li.level2 .level2 span.subtitle { line-height: 15px;}



/* Menu + Module */

.menu-dropdown .module a { 

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(20,20,20,0.3); 

}



.menu-dropdown .module a:hover {  

  color: #FFF; 

  /*text-shadow: 0 1px 0 rgba(255,255,255,0.2);*/
  text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
}





/* Sidebar/Accordion Menu

----------------------------------------------------------------------------------------------------*/



/* Link */

.menu-sidebar a,

.menu-sidebar li > span { color: #9D9D9D; }



/* Hover */

.menu-sidebar a:hover,

.menu-sidebar li > span:hover { color: #707070; }



/* Current */

.menu-sidebar a.current:hover { color: #707070; }



/* Level 1 */

.menu-sidebar li.level1 { border-top: 1px solid #DBDBDB; }

.menu-sidebar li.level1:first-child { border-top: none; }



.menu-sidebar a.level1,

.menu-sidebar span.level1 { /*text-transform: uppercase;*/ }



.menu-sidebar a.level1 > span, 

.menu-sidebar span.level1 > span { padding: 8px 0; }



/* Parents Level 1 */

.menu-sidebar li.parent.active .level1:hover { color: #707070; }



.menu-sidebar li.parent .level1 > span { 

  background-position: 100% 0;

  background-repeat: no-repeat; 

}



.menu-sidebar li.parent .level1 > span:hover { background-position: 100% -40px; }



.menu-sidebar li.parent.active .level1 > span { background-position: 100% -80px; }

.menu-sidebar li.parent.active .level1 > span:hover { background-position: 100% -120px; }



/* Level 2 */

.menu-sidebar ul.level2 { padding-left: 5px; }



.menu-sidebar a.level2 {

  padding-left: 18px;

  background-position: 0 1px;

  background-repeat: no-repeat;

}



.menu-sidebar a.level2:hover { background-position: 0 -19px; }

.menu-sidebar a.level2.current { background-position: 0 -39px; }

.menu-sidebar a.level2.current:hover { background-position: 0 -19px; }



/* Level 3-4 */

.menu-sidebar ul.level3 { padding-left: 25px; }

.menu-sidebar ul.level3 ul { padding-left: 10px; }





/* Sidebar/Accordion Menu on modules default & grey

----------------------------------------------------------------------------------------------------*/



#page .mod-box-default .menu-sidebar a,

#page .mod-box-grey .menu-sidebar a { color: #9D9D9D; }



#page .mod-box-default .menu-sidebar :hover,

#page .mod-box-grey .menu-sidebar :hover { color: #707070; }





/* Sidebar/Accordion Menu on colored modules

----------------------------------------------------------------------------------------------------*/



/* Link */

.mod-box-colored .menu-sidebar a,

.mod-box-colored .menu-sidebar li > span, 

.mod-box-transparent a,

.mod-box-transparent li > span { 

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.25); 

}



/* Level 1 */

.mod-box-color1 .menu-sidebar li.level1 { border-top-color: rgba(255,255,255,0.15); }

.mod-box-color2 .menu-sidebar li.level1,

.mod-box-transparent .menu-sidebar li.level1 { border-top-color: rgba(255,255,255,0.25); }



/* Sidebar/Accordion Menu on line module

----------------------------------------------------------------------------------------------------*/



/* Link */

.bg-colored .mod-line .menu-sidebar a,  

.bg-colored .mod-line .menu-sidebar li > span { 

  color: #FFF;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 

}



/* Level 1 */

.bg-colored .mod-line .menu-sidebar li.level1 { border-top-color: rgba(255,255,255,0.5); }





/* Line Menu

----------------------------------------------------------------------------------------------------*/



.menu-line li {

  margin-left: 10px;

  padding-left: 11px;

  background-image: url(../images/menu_line_item.png);

  background-position: 0 50%;

  background-repeat: no-repeat;

}



.menu-line li:first-child {

  margin-left: 0;

  padding-left: 0;

  background: none;

}