/* MENU-HAMBURGUESA */
	#menu-hamburguesa {
        position: relative;
        display: none;
        vertical-align: middle;
        height: 15px;
        cursor: pointer;
        margin: 0;
        z-index: 10000;
        margin: 5px 8px;
		}

        #menu-hamburguesa span {
            display: block;
            width: 15px;
            height: 3px;
            background: black;
            position: absolute;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            background: #00a5c2;
            margin-top: 6px;
        }
        #menu-hamburguesa span.top {
            top: 0px;
        }
        #menu-hamburguesa span.middle {
            top: 6px;
        }
        #menu-hamburguesa span.bottom {
            top: 12px;
        }
        
        #menu-hamburguesa.visible span.top {
            -webkit-animation: inTop 0.3s forwards !important;
            -moz-animation: inTop 0.3s forwards !important;
            animation: inTop 0.3s forwards !important;
        }
        #menu-hamburguesa.visible span.middle {
            -webkit-animation: inMiddle 0.3s forwards !important;
            -moz-animation: inMiddle 0.3s forwards !important;
            animation: inMiddle 0.3s forwards !important;
        }
        #menu-hamburguesa.visible span.bottom {
            -webkit-animation: inBottom 0.3s forwards !important;
            -moz-animation: inBottom 0.3s forwards !important;
            animation: inBottom 0.3s forwards !important;
        }   
        #menu-hamburguesa.hidden span.top {
            -webkit-animation: outTop 0.3s backwards !important;
            -webkit-animation-direction: reverse !important;
            -moz-animation: outTop 0.3s backwards !important;
            -moz-animation-direction: reverse !important;
            animation: outTop 0.3s backwards !important;
            animation-direction: reverse !important;
        }
        #menu-hamburguesa.hidden span.middle {
            -webkit-animation: outMiddle 0.3s backwards !important;
            -webkit-animation-direction: reverse !important;
            -moz-animation: outMiddle 0.3s backwards !important;
            -moz-animation-direction: reverse !important;
            animation: outMiddle 0.3s backwards !important;
            animation-direction: reverse !important;
        }
        #menu-hamburguesa.hidden span.bottom {
            -webkit-animation: outBottom 0.3s backwards !important;
            -webkit-animation-direction: reverse !important;
            -moz-animation: outBottom 0.3s backwards !important;
            -moz-animation-direction: reverse !important;
            animation: outBottom 0.3s backwards !important;
            animation-direction: reverse !important;
        }

		#menu-hamburguesa > ul {
            position: fixed;
            width: 100%;
            display: block;
            background-color: #15242e;
            text-align: left;
            font-size: 1em;
            line-height: 2.1em;
            padding: 20px 15px 30px 18px;
            top: 60px;
            left: 0;
            opacity: 0;
            transition: opacity .3s ease-out;
            list-style: none;
            box-sizing: border-box;
			}
            #menu-hamburguesa.visible > ul {
                opacity: 1;
                visibility: visible;
            }

		#menu-hamburguesa > ul > li {
			display: block;
            border-bottom: 1px solid #2a3841;
		}

        #menu-hamburguesa > ul > li:last-child {
            border-bottom: 0;
            padding-top: 20px;
            padding-left: 0;
        }

        #menu-hamburguesa > ul > li a {
            color: #fff;
            cursor: pointer;
            display: block;
        }

        #menu-hamburguesa > ul > li:last-child a {
            display: inline;
        }

    .magictime {
        -webkit-animation-duration: 0.3s !important;
        -moz-animation-duration: 0.3s !important;
        -o-animation-duration: 0.3s !important;
        animation-duration: 0.3s !important;
    }

    /*-------*/

    #menu-hamburguesa > ul > li.conhijos {
        color: #00a5c2;
        width: 100%;
    }


    #menu-hamburguesa .boton{
        width: 15px; /*23px;*/
        height: 15px; /*23px;*/
        position: relative;
        
        border: 2px solid #00a5c2;
        border-radius: 50%;
        padding: 7px;
        cursor: pointer;
    }

    #menu-hamburguesa .boton:hover {
        background-color: rgba(0,165,194,0.2);
    }

    /*--submenu----*/

    .conhijos div {
        position: relative;
    }

    .conhijos div #bot-subm {
        position: absolute;
        color: rgba(0,165,194,0.8);
        right: 7px;
        width: 24px;
        height: 24px;
        font-size: 1.3em;
        top: 7px;
    }

    .conhijos .normal {
        transform: scaleY(1);
    }

    .conhijos .rotado {
        transform: scaleY(-1);
        margin-top: -2px;
    }

    #menu-hamburguesa > ul > li > ul
    {
        border-left: 1px solid #2a3841;
        list-style: none;
        padding-left: 25px;
        padding-bottom: 15px;
    }

    #menu-hamburguesa .conhijos > ul a
    {
        color: #ccc;
    }

   #menu-hamburguesa .conhijos a {

        position: relative;
    }

    #menu-hamburguesa .conhijos a:before{
        content: "";
        width: 12px;
        height: 1px;
        background: #2a3841;
        position: absolute;
        left: -25px;
        bottom: 18px;
    }

    /*-------*/


    @-webkit-keyframes inMiddle {
        25% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(45deg);
        }
    }

    @-moz-keyframes inMiddle {
        25% {
            -moz-transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(45deg);
        }
    }

    @keyframes inMiddle {
        25% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(45deg);
        }
    }

    @-webkit-keyframes outMiddle {
        50% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(45deg);
        }
    }

    @-moz-keyframes outMiddle {
        50% {
            -moz-transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(45deg);
        }
    }

    @keyframes outMiddle {
        50% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(45deg);
        }
    }

    @-webkit-keyframes inTop {
        0% {
            top: 0;
        }
        25% {
            top: 6px;
            -webkit-transform: rotate(0deg);
        }
        100% {
            top: 6px;
            -webkit-transform: rotate(135deg);
        }
    }

    @-moz-keyframes inTop {
        0% {
            top: 0;
        }
        25% {
            top: 6px;
            -moz-transform: rotate(0deg);
        }
        100% {
            top: 6px;
            -moz-transform: rotate(135deg);
        }
    }

    @keyframes inTop {
        0% {
            top: 0;
        }
        25% {
            top: 6px;
            transform: rotate(0deg);
        }
        100% {
            top: 6px;
            transform: rotate(135deg);
        }
    }

    @-webkit-keyframes outTop {
        0% {
            top: 0;
        }
        50% {
            top: 6px;
            -webkit-transform: rotate(0deg);
        }
        100% {
            top: 6px;
            -webkit-transform: rotate(135deg);
        }
    }

    @-moz-keyframes outTop {
        0% {
            top: 0;
        }
        50% {
            top: 6px;
            -moz-transform: rotate(0deg);
        }
        100% {
            top: 6px;
            -moz-transform: rotate(135deg);
        }
    }

    @keyframes outTop {
        0% {
            top: 0;
        }
        50% {
            top: 6px;
            transform: rotate(0deg);
        }
        100% {
            top: 6px;
            transform: rotate(135deg);
        }
    }

    @-webkit-keyframes inBottom {
        0% {
            top: 12px;
        }
        25% {
            top: 6px;
            -webkit-transform: rotate(0deg);
            opacity: 1;
        }
        100% {
            top: 6px;
            -webkit-transform: rotate(135deg);
            opacity: 0;
        }
    }

    @-moz-keyframes inBottom {
        0% {
            top: 12px;
        }
        25% {
            top: 6px;
            -moz-transform: rotate(0deg);
            opacity: 1;
        }
        100% {
            top: 6px;
            -moz-transform: rotate(135deg);
            opacity: 0;
        }
    }

    @keyframes inBottom {
        0% {
            top: 12px;
        }
        25% {
            top: 6px;
            transform: rotate(0deg);
            opacity: 1;
        }
        100% {
            top: 6px;
            transform: rotate(135deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes outBottom {
        0% {
            top: 12px;
        }
        50% {
            top: 6px;
            -webkit-transform: rotate(0deg);
            opacity: 0;
        }
        100% {
            top: 6px;
            -webkit-transform: rotate(135deg);
            opacity: 1;
        }
    }

    @-moz-keyframes outBottom {
        0% {
            top: 12px;
        }
        50% {
            top: 6px;
            -moz-transform: rotate(0deg);
            opacity: 0;
        }
        100% {
            top: 6px;
            -moz-transform: rotate(135deg);
            opacity: 1;
        }
    }

    @keyframes outBottom {
        0% {
            top: 12px;
        }
        50% {
            top: 6px;
            transform: rotate(0deg);
            opacity: 0;
        }
        100% {
            top: 6px;
            transform: rotate(135deg);
            opacity: 1;
        }
    }

@media (max-width: 1025px) { /* antes 800 */
 
    #menu-hamburguesa {
        display: inline-block !important;
    }
    
}

/* fin MENU-HAMBURGUESA */