.box {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #7b0f44;
    color: white;
    position: fixed;
    z-index: 50;
    top: 350px;
    left: 30%;
    
  }
  
  .box-2 {
    display: inline-block;
    width: 200px;
    height: 50px;
    background: #7b0f44;
    color: white;
    position: fixed;
    z-index: 50;
    top: 350px;
    left: 65%;
    
  }  


  #two {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
 #navbar-outer {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #7b0f44;
    position: relative;
    top: 95px;
    left: -8px;
    margin-right: -16px;
 }
 #three {
    float: left;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    
 }
 #four {
    display: flex;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
 }
 #celexLogo {
    left: 40%;
    top: 150px;
    position: fixed;
    width: 500px;
 }
 #pageButtons {
     text-align: center;
 }
 
 #mainPageButtons {
    color: white;
    text-decoration: none;
 }
 #convocatorias {
   font: normal bold 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   color: #8a134d;
   margin: 0;
   position: fixed;
   top: 150px;
   text-decoration: none;
 }
 #procesosEnCurso {
    text-align: center;
    color: #660000; 
    font-family: helvetica;
    position: fixed;
    top: 185px;
    right: 0px;
    left: 0px;
    bottom: 0px;
 }
 #bodyImageCelex {
   padding: 8px;
   background: #ffffff;
   border: 1px solid #cccccc;
   position: relative;
   top: 200px;
 }
 #basicInfo {
   line-height: 1.4;
   font-family: verdana;
   width: 1561px;
   height: 37.5px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   padding-left: 217px;
 }
 #cuotas {
   word-break: break-word;
 }