body, nav, ul, li, a  {
    margin: 0; padding: 0;
}

body {
    /*
    */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;       /*   tamaño de la letra de la linea principal del menu   */
    }

a {text-decoration: none;}
.container {
    /*
    width: 90%;
    margin: 10px auto;
    margin: 35px 5px 35px 5px;
    */
    width: 96%;
    max-width: 900px;
    margin: 60px 5px 5px 5px;
}
.toggleMenu {
    /*
    color: #424242;
    color: #fff;
    background: #666;
    padding: 10px 15px;
    */
    display:  none;
    background: #666;
    padding: 1px 1px;
    color: #fff;
}

.nav {
    /*
    *zoom: 1;
    background:#175e4c;
    background:#fff;         /*   fondo blanco de la navegacion (hera verde)   
    background:#34466D;      /*   fondo azul; color azul oscuro      
    background:#0056B2;      /*   fondo azul; color de la raya del titulo      
    background: #8b4523;     /*   fondo azul; color de la raya del titulo      
    */
    background: #0056B2;     /*   fondo azul; color de la raya del titulo      */
    list-style: none;
    border-radius: 5px;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}

.nav ul {
    /*
    */
    list-style: none;
    width: 320px;       /*   longitud de la linea de detalle del menu   */
}

.nav a {
    /*
    color:#fff;
    color:#424242;       /*   char, color negro de la letra de la navegacion (hera blanco)   
    */
   padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    /*
    border-top: 1px solid #104336;       /*   linea solida en la parte superior del menu   
    */
    float: left;
}

.nav > li > .parent {
    /*
    Coco del primer nivel 
    */
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav > li > a {
    display: block;
}

.nav > li a:hover {
/*       LINEA PRINCIPAL DEL MENU.
    background-color: #fff;
    color: #212121;

    border: 0.009em dashed #991313;     no se ve (no se aprecia el borde pespunteado)
*/    
    background-color: #848484;
    color: #991313;

    -ms-transition: all 0.5s ease-out;      
    -moz-transition: all 0.5s ease-out;     
    -o-transition: all 0.5s ease-out;       
    -webkit-transition: all 0.5s ease-out;  
    transition: all 0.5s ease-out;          
}

.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
/*
    background-color: #fff;
    color: #212121;
*/    
    left: 0;
}
.nav li li.hover ul {
/*
    background-color: #fff;
    color: #212121;
*/    
    left: 100%;
    top: 0;
}

.nav li li a {
    /*
    background: #1d7a62;
    background: #fff;                 /*   fondo blanco del sub-menu (hera verde)   
    background: #34466D;              /*   fondo azul oscuro del sub-menu (hera verde)   
    background: #0056B2;              /*   fondo blanco del sub-menu (hera verde)   
    background: #b07f40;              /*   fondo blanco del sub-menu (hera verde)   
    */
    display: block;
    background: #0056B2;              /*   fondo blanco del sub-menu (hera verde)   */
    font-size: 11px;                  /*   tamaño de la letra de la linea de detalle del menu   */

    position: relative;
    z-index:100;
    border-top: 1px solid #fff;       /* rayita blanca separadora del menu secundario */
}

.nav li li .parent {
    /*
    Coco del segundo nivel 
    */
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav ul > li a:hover {
/*       MENU SECUNDARIO. (sub-menu)
    background-color: #fff;
    color: #212121;
    background-color: #848484;
*/    
    background-color: #848484;
    color: #000;
}

.nav li li li a {
    /*
    background:#249578;
    background:#fff;                 /*   fondo blanco del tercer nivel del menu. sub-sub-menu (hera verde)   
    */
    background:#34466D;                 /*   fondo blanco del tercer nivel del menu. sub-sub-menu (hera verde)   */
    border-top: 1px solid #1d7a62;
    z-index:200;
}

.nav ul ul > li a:hover {
/*       TERCER NIVEL DEL MENU MENU SECUNDARIO. (sub sub-menu)
    background-color: #AE5C10;
    background-color: #000;
    background-color: #848484;
    background-color: rgba(174, 92,16, 0.9);
    color: #fff;
*/    
    background-color: #fff;
    color: #212121;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
}