/*
.div_menu2{
box-sizing:border-box;
max-width: 100%;
position: absolute;
bottom: 0px;
height: 50px;
background-color: red;
width: 100%;
left:0px;
right: 0px;
}
.div_menu2.fixDivMenu{
position: fixed;
z-index: 40;
top:86px;
}
*/

body {
padding-top: 74px;
}

.div_menu2{
box-sizing:border-box;
max-width: 100%;
background-color: #FFFFFF;
}
.menu2a{
position: relative;
margin-top: -20px !important;
display: inline-block;
width: 100%;
vertical-align: top;
}
.menu2b{
background-color: #FFFFFF;
}
.menu2a:after{
content: "";
width: 100%;
height: 109%;
background: url('../images/bg_menu2.jpg') 50% 100% no-repeat;
left: -44px;
bottom: -53px;
position: absolute;
background-size:100% auto;
z-index: -1;
}

.menu2a .menuD{
display: inline-block;
box-sizing:border-box;
width: 20%;
vertical-align: top;
position: relative;
}
.menu2a .menuD>a{
display: block;
position:relative;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
z-index: 1;
padding-bottom: 30px;
}

.menu2a .menuD>a.aCennik{
display: block;
text-align: center;
box-sizing: border-box;
position: relative;
padding: 0px 27px 27px 27px;
}

.menu2a .menuD>a.aCennik:after{
content: attr(data-title);
color: #4d4d4d ;
box-sizing: border-box;
display: block;
transition: all 0.5s ease-out 0s;
padding: 14px;
font-size: 14px;
white-space: nowrap;
margin: 0px auto;
left: 50%;
text-transform: uppercase;
background: linear-gradient(to bottom, #fffeff 0%,#d9d9d9 50%,#fffeff 100%);
border-radius: 5px;
line-height: 1;
font-weight: 600;
text-shadow: 1px 1px 1px #FFFFFF;
box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.3);
background-size: 200% 200%;
}

.menu2a .menuD>a.aCennik:hover:after{
background-position: 100% -100%;
}

.menu2a .menuD:before,.menu2a .menuD:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.menu2a .menuD:before{
background:#3ca7df;
background: -moz-linear-gradient(-45deg,  #3ca7df 0%, #0c7db6 100%);
background: -webkit-linear-gradient(-45deg,  #3ca7df 0%,#0a7ab3 100%);
background: linear-gradient(135deg,  #3ca7df 0%,#0a7ab3 100%);
opacity:1;
}
.menu2a .menu2b .menuD:after{
background:#e8d15f;
background: -moz-linear-gradient(-45deg,  #e8d15f 0%, #d1a935 100%);
background: -webkit-linear-gradient(-45deg,  #e8d15f 0%,#d1a935 100%);
background: linear-gradient(135deg,  #e8d15f 0%,#d1a935 100%);
opacity:0;
}
.menu2a .menu2b .menuD:hover:before{
opacity:0;
}
.menu2a .menuD:hover:after{
opacity:1;
}
.menu2a .menuD > a .icoM{
display: block;
width: 184px;
height: 160px;
margin: 0px auto;
position: relative;
}
.menu2a .menuD > a .icoM>span{
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
background-image: url('/images/default_ico.png');
background-repeat:no-repeat;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.menu2a .menuD > a .icoM>span.icoM1{
background-position: 0px 0px;
opacity:1;
}
.menu2a .menuD > a .icoM>span.icoM2{
background-position: 0px -160px;
opacity:0;
}
.menu2a .menuD:hover > a .icoM>span.icoM1{
opacity:0;
}
.menu2a .menuD:hover > a .icoM>span.icoM2{
opacity:1;
}
.menu2a .menuD > a .titleM{
display: table;
font-size: 17px;
color: #FFFFFF;
text-align: center;
overflow: hidden;
box-sizing:border-box;
width: 100%;
padding : 20px 0px 20px 0px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
text-transform: uppercase;
font-weight: 700;
}
.menu2a .menuD > a .titleM>span{
display: table-cell;
height: 45px;
vertical-align: middle;
padding: 0px 35px;
text-align: center;
}
.menu2a .menuD .zajawkaM{
display: block;
text-align: center;
height: 60px;
overflow: hidden;
font-size: 16px;
color: #0d567b;
padding: 0px 30px;
box-sizing:border-box;
text-shadow: 1px 1px 1px #329fd8;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.divMenuAFix{
position: fixed;
z-index: 40;
top:74px;
width: 1400px;
max-width: 100%;
box-sizing:border-box;
left:0px;
right: 0px;
margin: auto;
}
.divMenuAFix>a{
display: inline-block;
box-sizing:border-box;
width: 20%;
vertical-align: top;
position: relative;
text-align: center;
}

.divMenuAFix>a .titleM{
display: table;
font-size: 17px;
color: #FFFFFF;
text-align: center;
overflow: hidden;
box-sizing:border-box;
width: 100%;
padding : 20px 0px 10px 0px;
z-index: 1;
position: relative;
}
.divMenuAFix>a .titleM>span{
display: table-cell;
height: 45px;
vertical-align: middle;
padding: 0px 35px;
text-align: center;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.menu2a .divMenuAFix .menuD:hover:before{
height: 110%;
}