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

body{
    font-family: sans-serif;
    font-display: block;
    padding: 3px;
    }

    @media screen and (max-width: 480px){
        #encabezado{
            height: auto;
        }
        #contenido{
            width: auto;
        }
        #barra_lateral{
            display:none;
        }
    }
    
          @media screen and (max-width: 980px){
        #contenedor{
            width: 90%;
        }
        #contenido{
            width: 60%;
        }
        #barra_lateral{
            width:30%;
        }
    }
    

    
             

html {
    scroll-behavior: smooth;
    }
    
    .dibujito {
      display: inline-block;
      width:135px;height:75px;
      }
    
    
      section img {
        display: inline-block;
        width:125px;height:65px;
      }
    
      h2{
        color:rgb(10, 10, 10);font-size:18px;font-weight:bold;text-shadow:1px 1px 2px #aaa;
      }
    
    
    
    
    .salir1 {
      display: inline-block;
      margin: 2px;
      padding-top: 7px;
      padding-bottom: 7px;
      text-decoration: none;
      width: 100px;
      text-align: center;
      border: 1px solid rgb(15, 15, 15);
      border-radius: 10px;
      background: rgb(243, 219, 219);
      
      } 
      .salir1:hover {
    background: orange;
    }



p{
  margin: 2px;
  padding: 3px;
  padding-top: 7px;
  
}

div p.pronucod  {
  font-size: 32px; text-align: center;
}

  
div p.tradu  {
    font-size: 24px; text-align: center;
    padding-top: 3px;
}  

div p.pant  {
    font-size: 24px; text-align: center;
    padding-top: 3px;
}  

div p.pant1  {
    font-size: 24px; text-align: center;
    padding-top: 3px;
}  
    
.fondo  {
    background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
  }
  

  x1{color:  rgb(140,140,140);}
  r1{color: red;}
  a1{color:  rgb(153,0,204);}
  e1{color: rgb(0,153,0);}
  i1{color: rgb(51, 204, 255);}
  o1{color: rgb(0,0,255);}
  u1{color: rgb(255,153,0);}
  w1{color: rgb(158, 49, 22);}
  

  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('ajax-loader-preview.png') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}