@charset "utf-8";
/* CSS Document WEB*/

/* Info horizontal menu */

nav.info-menu{
 float:left;
 padding:0;
 width:49.16666666666667%;
 box-sizing: border-box;
 margin:0 1.667% 0 0;
}
nav.info-menu ul{ /* definuje vlastnosti pro ul vsech urovní */
 width:100%;
 padding:0;
 margin:0;
 font-size:1em;
 line-height:24px;
 float:left;
 list-style-type: none;
}
nav.info-menu > ul > li{
 padding:17px 0 0 0;
 border-top:3px solid #c6d8e6;
 margin:0;
 float:left;
 width:48.25%;
}
nav.info-menu > ul > li:nth-of-type(1),
nav.info-menu > ul > li:nth-of-type(n+4){
 display:none;
}
nav.info-menu > ul > li:nth-of-type(even){
 float:right;
}
nav.info-menu > ul > li > a{
 text-decoration:none;
 font-weight:bold;
 color:#546a7b;
 display:inline-block;
 margin-bottom:4px;
}
nav.info-menu > ul > li > a:hover{
 opacity:0.7;
}
nav.info-menu li li{
 padding:2px 0;
 margin:0;
}
nav.info-menu li li a{
 color:#546a7b;
 text-decoration:none;
}
nav.info-menu li li > a:hover{
 opacity:0.7;
}


/* Info horizontal menu end */

/* Complementary info menu */

nav.complementary-info-menu{
 float:left;
 padding:0;
 width:66.66%;
 font-size:1em;
 padding:1em 1em 1em 1em;
 box-sizing: border-box;
}
nav.complementary-info-menu ul{ /* definuje vlastnosti pro ul vsech urovní */
 width:100%;
 padding:0;
 margin:0;
 list-style-type: none;
 font-size: 100%;
 float: left;
}
nav.complementary-info-menu ul li{ /* definuje vlastnosti pro ul vsech urovní */
 padding:0;
 margin:0;
 float: left;
 width: 25%;
}
nav.complementary-info-menu ul li a{
 text-decoration:none;
 display:inline-block;
 float:left;
 height: 1.5em;
 overflow: hidden;
 padding:0.75em 0.75em 0em 0.75em;
}

/* Complementary info menu end */

/* Products categories horizontal */

nav#products-categories-horizontal {
 float:left;
 padding:0;
 width:100%;
 font-size:1em;
 box-sizing: border-box;
}
nav#products-categories-horizontal ul{ /* definuje vlastnosti pro ul vsech urovní */
 width:100%;
 padding:0;
 margin:0;
 list-style-type: none;
 font-size: 100%;
}
nav#products-categories-horizontal ul li{ /* definuje vlastnosti pro li vsech urovní */
 padding:0;
 margin:0;
}
nav#products-categories-horizontal ul li a{ /* definuje vlastnosti pro a vsech urovní */
 text-decoration:none;
}
/* 1.level */ /* specificke vlastnosti 1 urovne */

nav#products-categories-horizontal ul.ul-level-1{ /* definuje vodorovnou listu menu 1.urovne */
 float:left;
 background:#47a1c5;
 position:relative;
}
nav#products-categories-horizontal ul.ul-level-1>li{ /* styluje pouze li na 1.urovni */
 float: left;
}
nav#products-categories-horizontal a.link-level-1 { /* # položka 1.úrovně */ /*při dosazení width získáte pevnou šířku položky menu 1.úrovně */
 color:#fff;
 font-weight:bold;
 text-align:center;
 float:left;
 padding:0.5em 1.5em;

}
nav#products-categories-horizontal a.link-level-1:hover , /* položka 1.úrovně po najetí myši */
nav#products-categories-horizontal ul.ul-level-1 li:hover a.link-level-1 ,
nav#products-categories-horizontal ul.ul-level-1 li.hover a.link-level-1 { /* umožňuje zachovat zabarvení odkazu 1. úrovně i po najetí na odkaz úrovně 2 */
 color:#fff;
 background:#00658b;
}
nav#products-categories-horizontal ul.ul-level-1 li:hover ul , /* zpusobuje zviditelneni seznamu pri najeti mysi na nadrazenou polozku */
nav#products-categories-horizontal ul.ul-level-1 li.hover ul {
 visibility:visible;
}

/* 1.level end */

/* 2.level */

nav#products-categories-horizontal ul.ul-level-2 { /* definuje pozici seznamu polozek 2. urovne */
 top:2.5em;
 width: 100%;
 left:0;
 background: #fff;
 box-shadow: 0 4px 4px rgba(0,0,0,0.25);
 border-top:4px solid #00658b;
}
nav#products-categories-horizontal a.link-level-2 { /* položka 2.úrovně */
 color:#00658b;
 font-weight: bold;
}
nav#products-categories-horizontal a.link-level-2:hover{ /* položka 2.úrovně po najetí myši */
 color:#47a1c5;
}
nav#products-categories-horizontal ul.ul-level-2 { /* zpusobuje defaultni zneviditelni vnorenych polozek 2. urovne */
 position:absolute;
 visibility:hidden;
 z-index: 100; /* z-index je nastaven kvůli možnému překrývání vysouvacího menu obrázkem produktu, který má rovněž nastaven "position:relative;" */
}
nav#products-categories-horizontal ul.ul-level-2>li { /* styluje pouze li na 2.urovni */
 float:left;
 padding:0 1.5em 0 7em;
 margin:1.5em 0 1.5em 0;
 box-sizing: border-box;
 width:33.33%;
 height:4.3em;
 position:relative;
 overflow: hidden;
}
nav#products-categories-horizontal ul.ul-level-2 li a.image{
 position:absolute;
 left:1.5em;
 height: 100%;
}
nav#products-categories-horizontal ul.ul-level-2 li a.image img{
 width:4.5em;
 height: auto;

}
/* 2.level end*/

/* 3.level */

nav#products-categories-horizontal ul.ul-level-3 { /* definuje pozici seznamu polozek 2. urovne */
 width: 100%;
}
nav#products-categories-horizontal ul.ul-level-3>li{ /* styluje pouze li na 3.urovni */
 display: inline-block;
 margin-right:0.5em;
 font-size: 0.875em;
}

/* 3 level end */

/* Products categories horizontal end */

/***************** Product categories vertical *****************/

div#multilevel-vertical-menu{
 background:#e9f1f7;
 float:left;
 width:100%;
 margin-bottom:14.03508771929825%;
}
div#multilevel-vertical-menu ul{
 margin:0;
 padding:0;
 font-size:1em;
 list-style:none;
 line-height:normal;
}

/* první úroveň  */

div#multilevel-vertical-menu ul.menu-ul-level-1 > li{
 margin:0;
 padding:0 7.017543859649123% 0 7.017543859649123%;
 border-bottom:1px solid #bdc8d0;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li:last-of-type{
 border-bottom-width:0;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a{
 color:#2286c6;
 font-weight:bold;
 display:block;
 font-size:1.125em;
 padding:21px 22px 21px 0;
 text-decoration:none;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a.submenu-none{
 background:url(../images/style/vertical-menu-none.svg) no-repeat right 25px;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a.submenu-closed{
 background:url(../images/style/vertical-menu-closed.svg) no-repeat right 25px;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a.submenu-opened{
 background:url(../images/style/vertical-menu-opened.svg) no-repeat right 29px;
}
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a:hover,
div#multilevel-vertical-menu ul.menu-ul-level-1 > li > a.active{
 color:#212121;
}

/* první úroveň  konec */

/* druhá a nižší úroveň */

div#multilevel-vertical-menu ul.menu-ul-level-2  {
 padding-bottom:23px;
 margin-top:-7px;
}
div#multilevel-vertical-menu ul.menu-ul-level-2 li{
 margin:0;
 padding:0 0 0 10px;
}
div#multilevel-vertical-menu ul.menu-ul-level-2 > li{
 padding-left:0px;
}
div#multilevel-vertical-menu ul.menu-ul-level-2 a {
 padding:5px 0 5px 0;
 font-size:1em;
 display:inline-block;
 color:#212121;
 text-decoration:none;
}
div#multilevel-vertical-menu ul.menu-ul-level-2 a:hover,
div#multilevel-vertical-menu ul.menu-ul-level-2 a.active {
 color:#2286c6;
}

/***************** druhá a nižší úroveň konec *****************/

/***************** Product categories vertical *****************/

/* mobile menu */ /* uschovani mobilniho menu pri velke velikosti displeje */

nav#mobile-menu             {display:none;}
a.close-mobile-menu-icon    {display:none;}
li#mobile-menu-opener       {display:none;}

/* mobile menu end */