.menu{ width: 100%; float: left; height: 154px; position: fixed; top: 0; z-index: 99; background: url(../img/menu/menu.jpg) no-repeat center top #fff; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.24);}
.logo{ width: 213px; float: left; height: 111px; margin: 24px 0 0 87px; background: url(../img/menu/logo.png) no-repeat center}
.conteudos-menu{ float: left; margin: 0 0 0 126px; width: 760px}
.infos-menu{ float: left; height: 69px}
.tel-menu{ float: left; padding: 2px 0 2px 30px; font: 14px titillium-semibold; color: #3d3d3d; margin: 24px 70px 0 0; background: url(../img/menu/tel-menu.png) no-repeat center left}
.wpp-menu{ float: left; padding: 2px 0 2px 30px; font: 14px titillium-semibold; color: #3d3d3d; margin: 24px 60px 0 0; background: url(../img/menu/wpp-menu.png) no-repeat center left}
.local-menu{ float: left; padding: 2px 0 2px 30px; font: 14px titillium-semibold; color: #3d3d3d; margin: 24px 0 0 0; background: url(../img/menu/local-menu.png) no-repeat center left}
.menu-links{ float: left; }
.menu-links a{ float: left; color: #434343; font: 14px titillium-semibold; padding: 25px 14px 22px 35px; margin: 0 70px 0 0;}
.menu-links a b{ font: 13px titilliumregular}
.menu-links a:hover{ color: #5aa69c; box-shadow: inset 0px 6px 0px 0px #65b1a7;}
.ativo{ color: #5aa69c !important; box-shadow: inset 0px 6px 0px 0px #65b1a7 !important;}
.icon1{ background: url(../img/menu/home-menu.png) no-repeat left top; background-position-y: 25px;}
.icon2{ background: url(../img/menu/institucional-menu.png) no-repeat left top; background-position-y: 25px;}
.icon3{ background: url(../img/menu/servicos-menu.png) no-repeat left top; background-position-y: 25px;}
.icon4{ background: url(../img/menu/fale-conosco-menu.png) no-repeat left top; background-position-y: 25px;}
@media(max-width: 1220px){
    .menu-links a{ margin: 0 34px 0 0;}
    .tel-menu { margin: 24px 30px 0 0;}
    .wpp-menu{ margin: 24px 30px 0 0;}
    .conteudos-menu { width: 615px;}
}
@media(max-width: 1110px){
    .conteudos-menu { margin: 0 0 0 48px;}
}
@media(max-width: 1024px){
    .logo { margin: 24px 0 0 50px;}
}
@media(max-width: 990px){
	.celular-home { width: 40px; height: 40px; margin: 25px 0px; float: right; background: url(../img/ligar.png) no-repeat center top; background-size: 40px;}
    .infos-menu{ display: none}
    .menu { height: 90px; background: #fff;}
    .logo { width: 110px; height: 60px; margin: 15px 0 15px 20px; background: url(../img/dobro/logo.png) no-repeat center; background-size: 106.5px;}
    .icon-menu{ float: right; width: 35px; height: 35px; margin: 27.5px 20px; background: url(../img/icon-menu.png) no-repeat center; background-size: 35px}
    .conteudos-menu { margin: 0 0 0 -2%; width: 104%;}
    .menu-links { display: none; width: 100%; float: left; background: #dedede; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.24);}
    .menu-links a { padding: 13px 0 13px 5%; margin: 0; width: 95%;}
    .menu-links a:hover{  color: #fff !important; box-shadow: inset 0px 0px 0px 0px #65b1a7 !important; background: #65b1a7 !important;}
    .menu-links a b {display: none}
    .icon1{ background: transparent}
    .icon2{ background: transparent}
    .icon3{ background: transparent}
    .icon4{ background: transparent}
    .ativo{ color: #fff !important; box-shadow: inset 0px 0px 0px 0px #65b1a7 !important; background: #65b1a7 !important;}
}