/* Add a gray background color and some padding to the footer */
    footer {
     background: #54A92B;
      padding: 20px;
        color: white;
        padding-bottom: 5px;
    }
      
       
      #der{
          text-align: justify;
          font-size: 11px;
          background-color: white;
          border-radius: 12px;
          
      }
      
       #izq{
          text-align: left;
           background-color: white;
           border-radius: 12px;
            color: black;
      }
#cent{
    background-color: white;
}
#bar2{
background-color:#FFFFFF;
padding-bottom: 3px;}


#bar{
 background-color: rgba(66,66,66,1);
    padding-bottom: 25px;
    
}
        
      h5 {
          text-align: left;
      }
h4 {
    text-align: left;
}
      body{
          background-color: #E7E8E6;
      }
      #title{
       background: #FFFFFF;
          color:white;
          width: auto;
      }
      
         #l1, #l2{
          color:rgba(66,66,66,1);;
      }  

.topnav {
  position: relative;
  overflow: hidden;
  background: #6CB947;
}

.topnav a {
  float: left;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: rgba(66,66,66,1);
  color: white;
}

.topnav a.active {
  background-color: green;
  color: white;
}

.topnav-right {
  float: right;
}

/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 800px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
    }}
@media screen and (min-width: 200px){
      #mdialTamanio{
      width: 70% ; 
        height: 70%;
        position: relative;
    }
      #cont{
     
        height: 70%;
    }
}