body {

            font: 14px Calibri, Arial, Helvetica;
        }

        h2, p {
            text-align: center;
            color: #444;
           
        }

        a {
            color: #fff;
            text-decoration: none;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  border: 0px;
            
        }

        b  {
            padding: 0px;
            position:absolute;
            margin:0px;
        }
        f  {
            color: #fff;
            font: bold 12px calibri;
        }

         b2  {
            font: bold 18px calibri;
            color: #fff;
            left: 235px;
            top: 16px;
            position:absolute;
            margin-top:0px;
            text-transform:uppercase;
            text-align: left;
            
        }
           .b3  {
            font: bold 12px calibri;
            color: #fff;
            left: 235px;
            top: 41px;
            position:absolute;
            margin-top:0px;
            text-transform:uppercase;
             z-index: 99999;
        }
             .b4   {
            font: bold 12px calibri;
            color: #fff;
            left: 235px;
            top: 54px;
            position:absolute;
            margin-top:0px;
            text-transform:uppercase;
            z-index: 99999;
        }
            .b3:hover  { 
            color: #f0f0f0;
        }
            .b4:hover  {
                color: #f0f0f0;
            
        }
            a:focus ,a:hover  {
                color: #f0f0f0;
                 text-decoration: none;
  outline: none
            
        }
            

        /* You don't need the above styles, they are demo-specific ----------- */

        #menu, #menu ul {
            margin-top: 0;
            padding-left: 0px;
            list-style: none;
            border: 0px;
            
            
        }

        #menu {
            width: 100%;
            height: 20%;
            margin-top: 0px auto;
            margin-left: 0px;
            background-color: #003461;
            border: 0px;
            
          
           
        }

            #menu:before,
            #menu:after {
                content: "";
                display: table;

            }

            #menu:after {
                clear: both;
            }

        #menu {
            zoom: 1;
        }

             #menu li  {
                float: left;
                left: 0px;
                -moz-box-shadow: 0px 0 0 #444;
                -webkit-box-shadow: 0px 0 0 #444;
                
                position: relative;
            }

            #menu a {
                float: left;
                padding: 27px 8px;
                color: #fff;
                text-transform: uppercase;
                font: bold 15px Calibri, Helvetica;
                text-decoration: none;
                
                
            }

            #menu li:hover > a {
                color: #111;
                
            }

            *html #menu li a:hover { /* IE6 only */
                color: #111;
            }

            #menu ul {
                margin: 20px 0 0 0;
                _margin: 0; /*IE6 only*/
                opacity: 0;
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 0;
                z-index: 999999;
                background: #003461;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #menu li:hover > ul {
                opacity: 1;
                visibility: visible;
                margin: 0;
            }

            #menu ul ul {
                top: 0;
                left: 150px;
                margin: 0 0 0 20px;
                _margin: 0; /*IE6 only*/
                
            }

            #menu ul li {
                float: none;
                display: block;
                border: 0px;
                _line-height: 0; /*IE6 only*/
                
            }

                #menu ul li:last-child {
                   
                }

            #menu ul a {
                padding: 10px;
                width: 130px;
                _height: 10px; /*IE6 only*/
                display: block;
                white-space: nowrap;
                float: none;
                text-transform: none;
                border: 0px;
            }

                #menu ul a:hover {
                    background-color: #fff;
                    
     
                }

            #menu ul li:first-child > a {
                -moz-border-radius: 3px 3px 0 0;
                -webkit-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
            }

                #menu ul li:first-child > a:after {
                    content: '';
                    position: absolute;
                    left: 50px;
                    top: -6px;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #444;
                }

            #menu ul ul li:first-child a:after {
                left: -6px;
                top: 50%;
                margin-top: -6px;
                border-left: 0;
                border-bottom: 6px solid transparent;
                border-top: 6px solid transparent;
                border-right: 6px solid #3b3b3b;
            }

            #menu ul li:first-child a:hover:after {
                border-bottom-color: #04acec;
            }

            #menu ul ul li:first-child a:hover:after {
                border-right-color: #003461;
                border-bottom-color: transparent;
            }

            #menu ul li:last-child > a {
                -moz-border-radius: 0 0 3px 3px;
                -webkit-border-radius: 0 0 3px 3px;
                border-radius: 0 0 3px 3px;
            }

        /* Mobile */
        #menu-trigger {
            display: none;
        }

        @media screen and (max-width: 600px) {

            /* nav-wrap */
            #menu-wrap {
                position: absolute;
            }

                #menu-wrap * {
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

            /* menu icon */
            #menu-trigger {
                display: block; /* show menu icon */
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                padding: 0 0 0 35px;
                border: 0px solid #222;
                color: #fafafa;
                font-weight: bold;
                background-color: #111;
              
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
                -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
                box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            }

            /* main nav */
            
            #menu {
                margin: 0;
                padding: 10px;
                position: absolute;
                top: 40px;
                width: 100%;
                z-index: 1;
                background-color: #444;
                display: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                border: 0px;
            }

                #menu:after {
                    content: '';
                    position: absolute;
                    left: 25px;
                    top: -8px;
                    border: 0px;
                }

                #menu ul {
                    position: static;
                    visibility: visible;
                    opacity: 1;
                    margin: 0;
                    background: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border: 0px;
                }

                    #menu ul ul {
                        margin: 0 0 0 20px !important;
                        -moz-box-shadow: none;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        border: 0px;
                    }

                #menu li {
                    position: static;
                    display: block;
                    float: none;
                    border: 0;
                    margin: 5px;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                #menu ul li {
                    margin-left: 20px;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                #menu a {
                    display: block;
                    float: none;
                    padding: 0;
                    color: #999;
                }

                    #menu a:hover {
                        color: #fafafa;
                    }

                #menu ul a {
                    padding: 0;
                    width: auto;
                    border: 0px;
                }

                    #menu ul a:hover {
                        background: none;
                    }

                #menu ul li:first-child a:after,
                #menu ul ul li:first-child a:after {
                    border: 0;
                }
        }
        .texto {
   left:20%;
   top: 5%;
   padding: 20px;
   margin-top-0px;
   margin-right: 200px;
   text-align:left;
   position: static;
   
}

 
        @media screen and (min-width: 600px) {
            #menu {
                display: block !important;
            }
        }

        /* iPad */
        .no-transition {
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
            opacity: 1;
            visibility: visible;
            display: none;
            border: 0px;
        }

        #menu li:hover > .no-transition {
            display: block;
        }