* {
    margin: 0px;
    padding: 0px;
   } 

   h1 {
    font: bold 25px verdana, sans-serif;
    }
   h2 {
    font: bold 14px verdana, sans-serif;
   } 

   nav{
        margin:auto;
        width: 300px; 
        font-family:Arial, Helvetica, sans-serif;
        text-align: center;
    }

   header, section, footer, aside, nav, article, figure, figcaption,
    hgroup{
    display: block;
    } 


    #cabecera {
        background: rgb(140, 211, 247);
        border: 1px solid #140101;
        padding: 0px;
        text-align: center;
        font-size:10vw
       }

       

    body, html {
        height:100%;
        margin:0;
        padding:0;
        width:100%;
        background-color:rgb(217, 237, 524);
    }
     
    .recuadro {
        border:1px solid black;
        width:49.5%;
        display:inline-block;
        height:49.5%;
        overflow:hidden;
    }
    /* #uno{
        background-color:grey;
        text-align: center;
        }
     #dos{
        background-color:yellow;
        text-align: center;
       
        } 
    #tres{
            background-color:yellow;
            text-align: center;
            }
    #cuatro{
            background-color:grey;
            text-align: center;
            } */

    #map {
            width: 400px;
            padding: 0px;
         }

    #menu {
            /* background: rgb(217, 237, 524); */
            padding: 5px 5px;
            text-align: center;
         } 
         
    #menu li {
            display: inline-block;
            list-style: none;
            /* padding: 5px; */
            font: bold 14px verdana, sans-serif;
            text-align: center;
           }

    .menuCSS3 ul { 
            
            /* background: rgb(204, 223, 238); */
            /* padding: 1px 7px; */
            text-align: center;
            display: flex;
            /* padding: 0; 
            margin: 0; */
            list-style: none;
        }

/* hace funciones de boton */
    .menuCSS3 a {
            display: block;
            /* padding: 1em;  */
            padding: 5px;
            background-color:rgb(140, 211, 247);
            text-decoration: none;
            color: #191C26;
            text-align: center;
        }

  /* por arriba del seudoboton */
        .menuCSS3 a:hover {
            background-color: rgb(248, 247, 246);
        }
        .menuCSS3 ul li ul {
            display: none;
        }
        .menuCSS3 ul li a:hover + ul, .menuCSS3 ul li ul:hover {
            display: block;
        }

    #inicioizquierdo{
        width: 76%;
        background-color:rgb(226, 226, 223);
    float: left;
    margin: 10px;

    }
   
    #inicioderecho{
        width: 20%;
        float: right;
        background-color:rgb(226, 226, 223);        margin: 10px;

    }
    .imagenesinternas{
        padding: 10px;
        /* text-align: center; */
    }

   .imagenesinternas img:hover{
    
        background-color: red;
    
   }
    
   .principalinterno{
    font: 18px "Trebuchet MS"; 
    margin-top: 10px;
    margin-left: 4px;
   } 
   
   .letraprincipal{
    font: 12px "Trebuchet MS";
    margin-left: 9px;
    margin-bottom: 3px
   }

   .logo1 {
    padding-left: 25px
    
}

.logo2 {
   padding-right: 25px
}


.gale {

    width: 70px;
    height: 70px;
    padding: 20px;

}

.galeria {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}