/*Header*/
.menu{display: inline-block;width:100%;}
.logo{display:none}
nav{position:relative;margin:0 auto;}
nav .enlace{
    position: absolute;
    padding: 5px 50px;
}
#cssmenu ul li{
    margin-left: 50px;
}
#cssmenu ul li ul li{
    margin-left: -25px;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
    border:0;list-style:none; line-height:0; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;}
#cssmenu ul.main{float: right; margin-top: 40px;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:23px 25px;font-size:16px; font-weight: bold; letter-spacing:1px; text-decoration:none; color:#000; margin: 3px;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{color:rgb(83,131,148);}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index: 100;}
#cssmenu ul ul li{height:40px;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#FFFFFF;transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:40px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{padding:19px; min-width:220px; float: left; height: 40px; font-size:16px;text-decoration:none;color:rgb(13,22,55);font-weight:bold;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:rgb(83,131,148)}
.button_menu{width:55px;height:46px; display: none;}

@media screen and (max-width:700px)
{
    .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
    .logo a{color:#fff;}
    .logo2{display:none}
    nav{width:100%;}
    nav .enlace{
        position: relative;
        padding: 5px 50px;
    }
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none; padding-left: 0;}
    #cssmenu ul.main{margin-top: 30px;}
    #cssmenu ul li{width:100%;}
    #cssmenu ul li{
        margin-left: 0px;
    }
    #cssmenu ul li ul li{
        margin-left: 5px;
    }
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none; display: inline-block; border-bottom:1px solid #CCC;}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li a{color:rgb(13,22,55);background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color: rgb(83,131,148);}
    #cssmenu ul ul {position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
        display:none
    }
    .button_menu{display: block;position:absolute;right:0;top:35px;cursor:pointer;z-index: 12399994;}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #CCC;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#262626}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
}