p {
    color: whitesmoke;
}

/* CSS GRID*/
  
.grid {
    display: grid;
    gap: 2px;
    border: double 5px;
}

.grid div {
    background: black ;
    padding: 5px;
}

.grid div:hover {
    border: 1px solid gold; 
}

.elemento1 {
    grid-column: 1/4;
    grid-row: 1/1;
    border: solid white; 
    }

.elemento2 {
    grid-column: 2/4;
    grid-row: 2/2;
    border: solid white;
    text-align: center;
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
    'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 5px;
    }

.elemento3 {
    grid-column: 1/4;
    grid-row: 3/3;
    border: solid white; 
}

.elemento4 {
    grid-column: 1/1;
    grid-row: 4/4;
    border: solid white; 
}

.elemento5 {
    grid-column: 2/4;
    grid-row: 4/4;
    border: solid white; 
}

.elemento6 {
    grid-column: 1/4;
    grid-row: 5/5;
    border: solid white;
    color: whitesmoke;
    font-size: 11px; 
    text-align: right;

}

.elemento7 {
    grid-column: 1/1;
    grid-row: 2/2;
    border: solid white;
    background-image: url("img/logo.png")!important;
    background-repeat: no-repeat!important;
    background-size: 300px!important;
    background-position: center!important; 
}



/* MENÚ*/

#menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
   
#menu ul li {
background-color:#000000;
}
   
/* Enlaces del menu */
   
#menu ul a {
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:400px;
    font-size:15px;
    padding:10px;
    font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}
   
#menu ul li {
    position:relative;
    float:left;
    margin:0;
    padding:0;
}
   
/* Efecto al pasar por encima */
#menu ul li:hover {
    background:#ffffff3a;
    transition: 0.5s linear;
}
  
/* Menu Desplegable */
#menu ul ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#eeeeeea4;
    padding:0;
}
   
#menu ul ul li {
    float:none;
    width:150px
}
/* Enlaces del menu desplegable */
   
#menu ul ul a {
    line-height:120%;
    padding:10px 15px;
}
   
/* Aparezcan en bloque */
   
   #menu ul li:hover > ul {
    display:block;
    
}

/*TABLA*/

table {  
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

th, td{
    border:2px solid gold;
}


/*IMÁGENES*/

.elemento3 img {
    border: 2px dashed blue;
}

.elemento4 img {
    width:98%;
    border: 4px solid gold;
}

.elemento5 iframe {
    width: 99%;
    border: 4px solid gold;
}

table img {
    width: 40%;
}

/*COLOR Y POSICIONAMIENTO DE TEXTOS*/

.elemento3 dt {
    color: white;
    font-weight: bold;
}

.elemento3 dd {
    color: whitesmoke;
}

.elemento3 table {
    color: white
}

.elemento4 p {
    font-weight: bold;
}

.elemento5 p {
    font-weight: bold;
}

span a {
    display: block;
}


/*ENLACES*/
.elemento3 a:link{
    color: gold;
  }
  
.elemento3 a:visited {
    color: blue
  }
  
.elemento3 a:hover {
    background-color: rgb(251, 236, 208);
    width: 120px;
  }
  
.elemento3 a:active {
    color: aqua;
    background-color: aliceblue;
  }


/*//////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////*/

/* RESPONSIVE */

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

    .elemento1 {
        grid-column: 1/4;
        grid-row: 1/1;
        border: solid white; 
        }
    
    .elemento2 {
        grid-column: 1/4;
        grid-row: 3/3;
        border: solid white;
        text-align: center;
        color: white;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
        'Lucida Sans', Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 5px;
        }
    
    .elemento3 {
        grid-column: 1/4;
        grid-row: 4/4;
        border: solid white; 
    }
    
    .elemento4 {
        grid-column: 1/4;
        grid-row: 5/5;
        border: solid white; 
    }
    
    .elemento5 {
        grid-column: 1/4;
        grid-row: 6/6;
        border: solid white; 
    }
    
    .elemento6 {
        grid-column: 1/4;
        grid-row: 7/7;
        border: solid white;
        color: whitesmoke;
        font-size: 11px; 
        text-align: right;
    
    }
    
    .elemento7 {
        grid-column: 1/4;
        grid-row: 2/2;
        border: solid white;
        background-image: url("img/logo.png")!important;
        background-repeat: no-repeat!important;
        background-size: 350px!important;
        background-position: center!important;
        height: 180px; 
    }   




}

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

    .elemento1 {
        grid-column: 1/4;
        grid-row: 1/1;
        border: solid white; 
        }
    
    .elemento2 {
        grid-column: 1/4;
        grid-row: 3/3;
        border: solid white;
        text-align: center;
        color: white;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
        'Lucida Sans', Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 5px;
        }
    
    .elemento3 {
        grid-column: 1/4;
        grid-row: 4/4;
        border: solid white; 
    }
    
    .elemento4 {
        grid-column: 1/4;
        grid-row: 5/5;
        border: solid white; 
    }
    
    .elemento5 {
        grid-column: 1/4;
        grid-row: 6/6;
        border: solid white; 
    }
    
    .elemento6 {
        grid-column: 1/4;
        grid-row: 7/7;
        border: solid white;
        color: whitesmoke;
        font-size: 11px; 
        text-align: right;
    
    }
    
    .elemento7 {
        grid-column: 1/4;
        grid-row: 2/2;
        border: solid white;
        background-image: url("img/logo.png")!important;
        background-repeat: no-repeat!important;
        background-size: 350px!important;
        background-position: center!important;
        height: 180px; 
    }   

    .grid {
        display: grid;
        gap: 1px;
        border: double 2px;
    }
    
    .grid div {
        background: rgb(36, 34, 34) ;
        padding: 1px;
    }

}