root { 
    display: block;
}

body
{
  font-family: Verdana, sans-serif;
}

/* div id=encabezado*/
#encabezado{
/*background-color: #f1f1f1;*/
  background-color: #EDEDED;
  padding: 15px;
}

/*h2
{
  color: #195e63;
}*/
/* enlace sin linea */

.derecho {
  background-color: #afd9dc;
  float: left;
  width: 20%;
  padding: 10px 15px;
  margin-top: 7px;
}


/* div id=pie*/
#pie{
   background-color: #f1f1f1;
   text-align: center;
   padding: 15px;
   margin-top: 7px;
   font-size: 12px;
}


/* Para uso en tablets */
@media only screen and (max-width:800px) {
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}

/* para uso en telefonos mobiles */
@media only screen and (max-width:500px) {  
  .menu, .main, .right {
    width: 100%;
  }
}

.lista{     
    font-family: Verdana, sans-serif;
    font-size: 25px;    
    margin: 25px;     
    width: 700px; 
    text-align: left;    
    border-collapse: collapse; 
}
.tdLista{     
    font-size: 12px;     
    font-weight: normal;     
    padding: 8px;         
    border-top: 4px solid #195e63ba;    
    border-bottom: 1px solid #fff; color: #021b1d; 
}

.tablaGde{     
    font-family: Verdana, sans-serif;
    font-size: 25px;    
    margin: 25px;     
    width: 900px; 
    text-align: left;    
    border-collapse: collapse; 
}
/*
table{     
    font-family: Verdana, sans-serif;
    font-size: 12px;    
    margin: 45px;     
    width: 650px; 
    text-align: left;    
    border-collapse: collapse; 
}

th{     
    font-size: 12px;     
    font-weight: normal;     
    padding: 8px;     
    background: #afd9dc;
    border-top: 4px solid #195e63ba;    
    border-bottom: 1px solid #fff; color: #021b1d; 
}

td {    
    font-size: 11px;   
    padding: 12px;     
    background: #189da740;     
    border-bottom: 1px solid #fff;
    color: #669;    
    border-top: 1px solid transparent; 
}

tr:hover td { 
    background: #c5c3c3b3; color: #229; 
}
*/
.notable{     
    font-family: Verdana, sans-serif;
    font-size: 12px;    
    margin: 45px;     
    width: 150px; 
    text-align: left;    
    border-collapse: collapse; 
}
.notd {    
    font-size: 14px;   
    padding: 12px;     
    
    border-bottom: 1px solid #fff;
    color: #669;    
    border-top: 1px solid transparent; 
}
.notr:hover notd { 
    background: #FFFFFF;
}