.menuHome{
display: inline-block;
box-sizing:border-box;
padding: 30px 18px 30px 28px;
background-color: #FFFFFF;
position: fixed;
top:50%;
text-align: center;
box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
left: -10px;
border-radius:3px;
z-index: 100;
transform:translateY(-50%);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

.menuHome:before{
position:absolute;
right:-43px;
background-color:transparent;
content:"";
opacity:0;
top:50%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background-image:url('../images/menuH_mobile.jpg');
background-position:50% 50%;
background-repeat:no-repeat;
width:43px;
height:45px;
box-shadow:0px 0px 29px 0px rgba(0,0,0,0.14);
margin-top:-22px;
}

.menuHome ul{
list-style: none;
}
.menuHome ul li{
display: block;
position: relative;
padding: 10px 0px;
/*border-top: 1px dashed #CCCCCC;*/
}
.menuHome ul li a{
position: relative;
z-index: 1;
display: block;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.menuHome ul li.sel a{
color: #FFFFFF;

}

.menuHome .selSpanVis{
display: none;
}


.menuHome .selSpan{
position: absolute;
width: 100%;
height: 100%;
background-color: #fcba36;
z-index: 0;
top:0px;
left: 0px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

a#services, a#home, a#news, a#contact{
display:block;
}


@media screen and (max-width:1315px){
.menuHome{padding: 30px 8px 30px 18px;}
}
@media screen and (max-width:1200px){
/*.menuHome{display:none;}*/
.menuHome{left:-63px;}
.menuHome:before{opacity:1;
}
.menuHome:hover, .menuHome:active{left:-10px;}
.menuHome:hover:before, .menuHome:active:before{opacity:0;}	
}