/*Introduccion de Fuente de Google Font*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald&display=swap');
@import url(menu.css);


* {
    
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     
}


body {
    
    /*Tipo de Fuente del Cuerpo de la WEB*/
    
font-family: 'Oswald', sans-serif;
font-family: 'Open Sans', sans-serif; 
    
}



header {
    
    width: 100%;
    height: 50px;
   
    /*Color de Fondo y Fuente del ENCABEZADO*/
    
    background: #333;
    color: #fff;
    
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
   
}

.contenedor {
    
    width: 98%;
    margin: auto;
    
   
    
}

.contenedor li{
    list-style: none;}

.contenedor img {

    cursor: pointer;
    
    transition: 1s;


}

.contenedor img:hover{
    transform: scale(1.3);
   -webkit-transform: rotate(360deg);transform: rotate(360deg);
    filter: sepia(60%);
    background: #fff;
    box-shadow: 2px 2px 2px #000;
    z-index: 2;
}


h1 {
    
    float: left;
   
}

header .contenedor {
    
    display: table;
    
}

section {
    
    width: 100%;
        margin-bottom: 25px;
    
}

#TEXTO_01 {
    
    text-align: center;
     /*NEGRILLA*/
    font-weight: bold;
     
}

/*  Imagenes y texto de Abajo */

footer .contenedor {
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 25px;
    
}

.copy {
    
    text-align: center;
    
}

.sociales {
    
   width: 100%;
    text-align: center;
    font-size: 28px;
    
}

.sociales a {
    
    text-decoration: none;
    /*Color del LOGO*/
    
    color: #ff4700;
    
}
/*TABLET*/
@media (min-width:768px) {
    .sociales {
        width: auto;
    }
    
    footer .contenedor {
        justify-content: space-between;
    }
}
/*PORTATIL*/
@media (min-width:1024px) {
    .contenedor{
        width: 1000px;
    }
}

/*ENLACES INFERIORES*/

.enlaces {
  
     width: 100%;
    text-align: center;
    font-size: 12px;
    
    
}

.sociales_02 {
    
   width: 100%;
    text-align:left;
    font-size: 20px;
     transform: translateX(40%);
    
}

.LOPD_01 {
    width: 400px;
    text-align: justify;
    font-size: 12px;
  
} 

/*CONTACTO*/

#Contacto a {

    
    width: 120px;
    color: #ef4512;
    text-decoration: none;
    font-weight: bolder;
    padding: 5px;
    border: 3px solid #1717a7; 
}

#Contacto a:hover {
    background: rgba(18, 239, 222, 0.5);
}