/* 
    Document   : com_showmenu
    Created on : Jan 10, 2015, 12:19:43 PM
    Author     : blg@isomedia.hu
*/

/* Fejlec menu*/

.portlet-content.box.part-showmenu.menu-head {
	right: 50px;
	top: 35px;
	position: relative;
	float: right;
}

.portlet-content.box.part-showmenu.menu-head li {
  font-family: 'Open Sans', sans-serif;
  list-style-type: none;
  float: left;
  margin-right: 25px;
}
.portlet-content.box.part-showmenu.menu-head li:last-child { margin-right: 0; }

.portlet-content.box.part-showmenu.menu-head li a { 
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  color: #BD0825;
  text-transform: uppercase;
}
.portlet-content.box.part-showmenu.menu-head li a:hover,
.portlet-content.box.part-showmenu.menu-head li a.active { color: #646472; }

/* Felhasznaloi menu */

div#user-menu {
  height: auto;
  background: #BD0825;
}

div#user-menu-in {
  width: 960px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.portlet-content.box.part-showmenu.user-menu li {
  float: left;
  list-style-type: none;
  margin: 18px 50px 0 0;
  padding-bottom: 12px;
}
.portlet-content.box.part-showmenu.user-menu li:last-child { margin: 18px 0 0 0; }

.portlet-content.box.part-showmenu.user-menu li a {
   font-family: 'Open Sans', sans-serif;
   font-size: 17px;
   color: #FFF;
}
.portlet-content.box.part-showmenu.user-menu li a:hover { color: #BFC0C2; }

.portlet-content.box.part-showmenu.user-menu {
  height: auto;
  display: inline-block;
}

/* Fomenu */

div#main-menu {
  border-top: 1px solid #FFF;
  height: auto;
  background: #BD0825;
  display: none;
}

div#main-menu-in {
  width: 960px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  background: url('../gfx/logo-gala1-feher.png') center left 0 no-repeat;
}

.portlet-content.box.part-showmenu.fomenu li {
  float: left;
  list-style-type: none;
  margin: 18px 50px 0 0;
  padding-bottom: 12px;
}
.portlet-content.box.part-showmenu.fomenu li:last-child { margin: 18px 0 0 0; }

.portlet-content.box.part-showmenu.fomenu li a {
   font-family: 'Open Sans', sans-serif;
   font-size: 17px;
   color: #FFBFBF;
}
.portlet-content.box.part-showmenu.fomenu li.activeli a {
   font-family: 'Open Sans', sans-serif;
   font-size: 17px;
   color: #FFF;
}
.portlet-content.box.part-showmenu.fomenu li a:hover { color: #FFF; }

.portlet-content.box.part-showmenu.fomenu {
  height: auto;
  display: inline-block;
}



/* --------------------------- fooooooooooooooooooooooooooooo ter --------------------------- */

div#footer div#footer-in div.part-showmenu ul.nav li.parent > a {
  font-family: 'opensans-regular', Arial !important;
  font-size: 15px !important;
  color: #fff !important;
  border: none !important;
}

div#footer div#footer-in div.part-showmenu ul.nav li.parent ul li a {
  font-family: 'opensans-light', Arial !important;
  font-size: 13px !important;
  color: #ddd !important;
  border: none !important;
}

div#footer div#footer-in div.part-showmenu ul.nav li.parent ul li a:hover {
  color: #992421 !important;
}

/* HEADER BOTTOM MENU */

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li {
  float: left;
  list-style: none;
  margin: 0 0px 0 0px;
  padding: 10px 5px 0px 5px;
}

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li a  {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #696969;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 8px;
  font-family: 'opensans-regular', Arial, Verdana;
  text-shadow: 1px 1px #fff;
  line-height: 1.9;
}

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li a span {
  color: #696969;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 8px;
  font-family: 'opensans-regular', Arial, Verdana;
  text-shadow: 1px 1px #fff;
  float: right;
  cursor: pointer;
  padding-top: 5px;
}

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li a span:hover {
  background: none;
  color: #992421;
}

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li a:hover {
  background: none;
  color: #992421;
}

div#content div#content-submenu div.part-showmenu div.component-body ul.nav li.sochi {
  
}





/* -------- Footer menu -------- */

div#footer-in div.part-showmenu div.com-content p {
  padding: 0 0 15px;
  color: #fff;
  line-height: 22px;
}

div#footer-in ul li {
  list-style:  none;
}

div#footer-in div.part-showmenu div.com-content a {
  color: #fff;
}

div#footer-in div.part-showmenu div.com-content a:hover {
  color: #992421;
}

div#footer-in div.part-showmenu ul.nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}

div#footer-in div.part-showmenu ul.nav > li {
  margin: 0 0 5px;
}

div#footer-in div.part-showmenu ul.nav > li > a {
  color: #fff;
  font-size: 12px;
}

div#footer-in div.part-showmenu ul.nav > li.noimg {
  width: 150px;
  float: left;
}

div#footer-in div.part-showmenu ul.nav > li.noimg > a {

}

div#footer-in div.part-showmenu ul.nav > li > a:hover,
div#footer-in div.part-showmenu ul.nav > li.activeli > a {
  color: #992421;
}

div#footer-in div.part-showmenu ul.nav > li > a > img {
  vertical-align: middle;
}

div#footer-in div.part-showmenu ul.nav > li > a > span {
  display: inline-block;
  padding: 0 0 0 10px;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}

div#footer-in div.part-showmenu ul.nav > li.activeli > a,
div#footer-in div.part-showmenu ul.nav > li > a:hover > span {
  color: #992421;
}

/*----- Mooving menu -----*/
.part-submenu-moving div.part-showmenu {
    margin: 0 0 20px;
}
.part-submenu-moving div.part-showmenu h2.component-heading {
  width: 275px;
  background: #fff url('../../../gfx/li-grey-300px.html') no-repeat 0 -2px;
  padding: 8px 0 10px 0px;
  height: auto;
  padding-left: 25px;
  color: #fff;
  font-family: 'opensans-bold', Arial;
  font-size: 17px;
  display: block;
  margin-bottom: 10px;
}

div#content .part-submenu-moving div.part-showmenu ul.nav {
      list-style: none;
}
div#content .part-submenu-moving div.part-showmenu ul.nav li a{
    border-bottom: 1px solid #DDD;
    padding: 5px 10px;
    display: block;
}
div#content .part-submenu-moving div.part-showmenu ul.nav li:last-of-type a{
    border-bottom: none;
}


/* -------- Media Queries -------- */

@media only screen and (min-width: 1654px) {
  /* Felhasznaloi menu */
  div#user-menu-in {  width: 1560px; }
  /* Fomenu menu */
  div#main-menu-in {  width: 1560px; }

  div#header-in div.part-showmenu ul.nav > li > a > br {
    display: none;
  }
  div#footer-in div.part-showmenu ul.nav > li.noimg {
    width: 250px;
  }
  div.subMenu > ul,
  div.subMenu > form {
    width: 1560px;
  }
  div.subMenu > ul > li {
    width: 380px;
  }
  div.subMenu > ul > li {
    border: none;
    background: transparent;
    padding-top: 5px;
  }
  div#footer div#footer-in div.part-showmenu ul.nav li.parent > a {
    font-size: 18px;
  }
  div#footer div#footer-in div.part-showmenu ul.nav li.parent ul li a {
    font-size: 15px !important;
    line-height: 1.6;
  }
  div#footer-bottom-in > div#copyright {
    font-size: 15px !important;
  }
  div#footer-bottom-in div#footer-made span {
    font-size: 15px !important;
  }
  div#footer-bottom-in a#infoartnet {
    top: 4px;
  }
  div#content .part-submenu-moving div.part-showmenu h2.component-heading {
    width: 475px !important;
    background: #fff url('../../../gfx/li-grey-500px.html') no-repeat 0 -2px;
  }
  div#header-in div.part-showmenu ul.nav > li.parent {
        background: url('../gfx/parentli-bg.html') no-repeat 50% 90%;
    }
    div#header-in div.part-showmenu ul.nav > li.parent:hover,
    div#header-in div.part-showmenu ul.nav > li.parent.activeli{
        background: url('../gfx/parentli-bg-hover.html') no-repeat 50% 90%;
    }
    div#header nav.menubar {
        display: block !important;
    }
    div#header-in div.part-showmenu ul.nav > li.parent.activeli > ul{
        top: 71px;
        left: 15%;
        right: 15%;
    }
    
}

@media only screen and (min-width: 1324px) and (max-width: 1653px) {
  /* Felhasznaloi menu */
  div#user-menu-in {  width: 1260px; }
  /* Fomenu */
  div#main-menu-in {  width: 1260px; }


  div#header-in div.part-showmenu ul.nav > li > a > br {
    /*display: none;*/
  }
  div#footer-in div.part-showmenu ul.nav > li.noimg {
    width: 200px;
  }
  div.subMenu > ul,
  div.subMenu > form {
    width: 1260px;
  }
  div.subMenu > ul > li {
    border: none;
    background: transparent;
    padding-top: 5px;
  }
  div#content .part-submenu-moving div.part-showmenu h2.component-heading {
    width: 375px !important;
    background: #fff url('../../../gfx/li-grey-400px.html') no-repeat 0 -2px;
  }
  div#header-in div.part-showmenu ul.nav > li.parent {
    background: url('../gfx/parentli-bg.html') no-repeat 50% 90%;
    }
    div#header-in div.part-showmenu ul.nav > li.parent:hover,
    div#header-in div.part-showmenu ul.nav > li.parent.activeli{
        background: url('../gfx/parentli-bg-hover.html') no-repeat 50% 90%;
    }
    div#header nav.menubar {
        display: block !important;
    }
    div#header-in div.part-showmenu ul.nav > li.parent.activeli > ul{
        top: 71px;
        left: 10%;
        right: 10%;
    }
}

@media only screen and (min-width: 994px) and (max-width: 1323px) {

  div.subMenu > ul > li {
    border: none;
    background: transparent;
    padding-top: 5px;
  }
  div#header-in div.part-showmenu ul.nav > li.parent {
    background: url('../gfx/parentli-bg.html') no-repeat 50% 90%;
    }
    div#header-in div.part-showmenu ul.nav > li.parent:hover,
    div#header-in div.part-showmenu ul.nav > li.parent.activeli{
        background: url('../gfx/parentli-bg-hover.html') no-repeat 50% 90%;
    }
    div#header nav.menubar {
        display: block !important;
    }
    div#header-in div.part-showmenu ul.nav > li.parent.activeli > ul{
        top: 141px;
        left: 0%;
        right: 0%;
    }
}

@media only screen and (min-width: 640px) and (max-width: 993px) {
  .portlet-content.box.part-showmenu.menu-head {
     right: 0px;
     top: 65px;
   }
   .portlet-content.box.part-showmenu.menu-head li { margin-right: 12px; }
   .portlet-content.box.part-showmenu.menu-head li a { font-size: 16px; }
   /* Felhasznaloi menu */
   div#user-menu-in {  width: 620px; }
   .portlet-content.box.part-showmenu.user-menu li { margin: 18px 25px 0 0; }
   /* Fomenu */
   div#main-menu-in {  width: 620px; }
   .portlet-content.box.part-showmenu.fomenu li { margin: 18px 14px 0 0; }
   .portlet-content.box.part-showmenu.fomenu li a { font-size: 16px; }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  /* Fejlec menu*/
  .portlet-content.box.part-showmenu.menu-head { 
    top: 43px;
    right: 0;
    float: left;
  }
  /* Felhasznaloi menu */
  div#user-menu {  
    height: auto;
  }
  div#user-menu-in {
    width: 460px;
    height: auto;
    text-align: left;
    position: relative;
  }
  .portlet-content.box.part-showmenu.user-menu li {
    width: 460px;
    float: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #BFC0C2;
  }
  .portlet-content.box.part-showmenu.user-menu li:last-child { 
    margin: 0;
    border-bottom: 0;
  }
  .portlet-content.box.part-showmenu.user-menu { height: auto; }

  /* Fomenu */
  div#main-menu {  
    height: auto;
  }
  div#main-menu-in {
    width: 460px;
    height: auto;
    text-align: left;
    position: relative;
    background-position: 0 12px;
    padding-top: 63px;
  }
  .portlet-content.box.part-showmenu.fomenu li {
    width: 460px;
    float: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #FFBFBF;
  }
  .portlet-content.box.part-showmenu.fomenu li:last-child { 
    margin: 0;
    border-bottom: 0;
  }
  .portlet-content.box.part-showmenu.fomenu { height: auto; }


  div#content div#content-submenu div.part-showmenu div.component-body ul.nav li {
    width: 460px;
  }
  div.fomenuAlso div.component-body ul.nav li {
    min-height: 45px;
  } 
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Fejlec menu*/
  .portlet-content.box.part-showmenu.menu-head { 
    top: 42px;
    right: 0;
    float: left;
  }

  /* Felhasznaloi menu */
  div#user-menu {  
    height: auto;
  }
  div#user-menu-in {
    width: 300px;
    height: auto;
    text-align: left;
    position: relative;

  }
  .portlet-content.box.part-showmenu.user-menu li {
    width: 300px;
    float: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #BFC0C2;
  }
  .portlet-content.box.part-showmenu.user-menu li:last-child { 
    margin: 0;
    border-bottom: 0;
  }
  .portlet-content.box.part-showmenu.user-menu { height: auto; }

  /* Fomenu */
  div#main-menu {  
    height: auto;
  }
  div#main-menu-in {
    width: 300px;
    height: auto;
    text-align: left;
    position: relative;
    background-position: 0 12px;
    padding-top: 63px;
  }
  .portlet-content.box.part-showmenu.fomenu li {
    width: 300px;
    float: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #FFBFBF;
  }
  .portlet-content.box.part-showmenu.fomenu li:last-child { 
    margin: 0;
    border-bottom: 0;
  }
  .portlet-content.box.part-showmenu.fomenu { height: auto; }

  div#content div#content-submenu div.part-showmenu div.component-body ul.nav li {
    width: 300px;
  }
  div#content div#content-submenu div.part-showmenu div.component-body ul.nav li {
    background: #eee;
    margin-left: 0px;
    margin-bottom: 1px; 
    min-height: 43px;
  }
}