/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  To help understand the CSS, the HTML looks like this, where
    x is a number;
    TYPE is down/left/right;
    PATH is the menu path such as node/343;
    MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
  use its id (e.g. ul#nice-menu-2).

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

/* főmenü tömb és almenü tömb pozicionálás, (csík a tetejére: ezt az alelemek felülbírálják) */

ul.nice-menu,
ul.nice-menu ul {

  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #aaa;
}

/* főmenü elem csík a széleire és az aljára, háttér szín, lebegtetés */

 ul.nice-menu li {
  border-top: 0;
  float: left;
  background-image: url(img/menu_bg.png) repeat-x;
}

/* főmenü csík elemeinek paddingja */

ul.nice-menu a {
  padding: 3px 5px 2px 5px;

}

/* almenü elemeinek szélessége */

ul.nice-menu ul li {

  width: 10.5em;
}


/******************************
 HORIZONTAL (down) menus
******************************/

/* teljes főmenü sáv elemeinek két szélét paddingolja */

ul.nice-menu-down {

  float: left;
  border: 0;
  padding-left: 10px;
  padding-right: 10px;

}

/* lenyíló menü teteje */
/* teljes főmenü sáv elemeinek két szélét paddingolja */

ul.nice-menu-down li {

  border-top: 0px solid #000;
  padding-left: 12px;
  padding-right: 15px;
  padding-top : 3px;
  padding-bottom : 2px;


}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
     border-bottom: 3px solid #fff;  
     border-left: 3px solid #fff;  
     border-right: 3px solid #fff;  
    -moz-border-radius-bottomleft:20px; 
    -moz-border-radius-bottomright:20px; 
    -webkit-border-bottom-right-radius: 20px; 
    -webkit-border-bottom-left-radius: 20px; 
    background-color:#0072bc;
    padding-bottom:12px;
    left: 0;
}

ul.nice-menu-down ul li:hover {
    background-color:#33cae7;
}

ul.nice-menu-down ul li {
  clear: both;
  border-top: 1px solid #FFF;
  border-left: 0px solid #FFF;
  border-right: 0px solid #FFF;
  
}

ul.nice-menu-down li ul li ul {
  
left: 12.5em;
  top: -1px;
}

/* annak a főmenünek jobb oldalát paddingolja, aminek van almenüje */

ul.nice-menu-down .menuparent a {

  padding-right: 15px;
 
}

ul.nice-menu-down li.menuparent {
  background-image: url(img/menu_bg.png) repeat-x;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over {

  background-color: #0072bc;
}

ul.nice-menu-down li li.menuparent {

  background: #ccc url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

#nice-menu-0 li a {
 color:white;
 text-decoration:none;
 font-size:12px;
 letter-spacing:2px;
}