.titulofun {
    color: #FFFFFF;
    font-family: Arial;
    font-style: italic;
}

.titulonotiti {
    color: #FFFFFF;
    font-family: Arial;
    font-style: italic;
    text-align: center;
    margin: auto;
    
}

.titulonoti {
    color: #427c97;
    font-family: Arial;
    font-style: italic;
    
}

 .ILogoG
{
    height: 70px;
    width:190px;
    border-radius: 10px;
    
    margin-left: 30px;
}

*
{
    margin: 0;
    padding: 0;

}

.noticias {
width: 250px; 
box-shadow:0px 5px 10px 0px rgba(20, 17, 17, 0.59);
vertical-align:top;
}



.Table_Menu {
	margin-top:-10px; /* Corregir Altura de Menu */
    background-size: 100% 100%;
    width: 100%;
    height: 70px;
    box-shadow: 0px 0px 10px 5px rgba(18, 101, 135, 0.84) inset;
    background-color: #37a4d9;
    border-radius: 0px 0px 10px 10px;
    /*background-image: url('../img/Encabezado.png');*/
    background-repeat: no-repeat;
}

header
{
    margin-top: 5px;
    padding: 0;
    width: 100%;
    height: 70px; /*Le damos un alto fijo al menu*/
    /*overflow: hidden; Agregamos un overflow hidden para que no se muestren elementos que sobrepasen los 150px de alto*/
    position: relative; /*Convertimos el menu en posición relativa porque mas adelante en el header > nav pondremos una posición absoluta*/
}

nav
{
    top:-30px; /*Le damos una separación superior*/
    margin: 20px auto;
    width: 90%;
    max-width:1000px;
    position: absolute; /*Convertimos el contenedor en posición absoluta*/
    left:0; /*Con left:0; y right:0; centramos el contenedor*/
    right:0;
 }

    nav ul
    {
        list-style: none;
        font-family: Arial;
    }

    nav > ul
    {
        display:table;
        /*overflow:hidden;*/
        /*width: 100%;*/
        /*background: #000;*/
        position: relative;
    }

        nav > ul > li
        {
           display:table-cell;
        }

             

        /*SUB-MENU*/

        nav > ul > li:hover > ul  
        {
             display:block;
            height:100%;
            
           
        }

         nav > ul > li > ul:hover span {
    height: 100%;
   
}


       nav > ul > li > ul {
    display: none;
    height: 100px;
    top: 65px;
    position: absolute;
    min-width: 200px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 50;
}

       nav > ul > li > a
        {
           background-color: rgba(0, 0, 0, 0.46);
            color:#ffffff;
            display: table-cell;
            line-height: 20px;
            padding: 20px;
            position:relative;
            text-align:center;
            text-decoration:none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            z-index:50;
    top: 0px;
    left: 0px;
}
         

        nav > ul > li > ul > li > a
        {
            background: #000000;
            text-decoration:none; 
            width: 300px;
            background-color: #174459;
            color:#ffffff;
            display: table-cell;
            padding: 10px;
            line-height: 20px; 
             -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            z-index:50;
 
        }

        nav > ul > li > ul > li > a:hover
        {
            background: #5da5a2

        }

       .conocenos {
    font-size: 12px;
}

.conocenos:hover  
{
background: #37a4d9;
font-size: 12px;
}

.nuestroapoyo:hover  {
background: #5da5a2;
font-size: 12px;
}

        nav > ul > li > a span
        {
            background: #174459;
            display:block;
            height: 100%;
            width: 100%;
            left: 0;
            position: absolute;
            top: -55px;    
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            }

            nav > ul > li > a span .icon
            {
                display: block;
                line-height: 60px;
            }

        nav > ul > li > a:hover > span
        {
            top:0;
        }


  /*COLORES MENU*/

    NAV UL LI A .PRIMERO {
    background: #37a4d9;
    
}  

    NAV UL LI A .SEGUNDO
    {
        background: #5da5a2;
    }  

    NAV UL LI A .TERCERO
    {
        background: #126587;
    } 

    NAV UL LI A .CUARTO
    {
        background: #174459;
    }  

.tablefutters1 {
    background-size: 100% 100%;
    width: 100%;
    height: 150px;
    border-radius: 0px 0px 10px 10px;
    background-repeat: no-repeat;
    background-image: url('../img/piedepagina.jpg');
    background-position-x:10%;
    background-position-y:10%;
}