body{
  background:#00323E;
} 

strong{
  font-weight:bold;
}

em{
  font-style:italic;
}

#cabecera,#pie{
  font:8pt "Trebuchet MS", Verdana, sans;
  color:#ccc;
  background:#000;
  text-align:right;
  line-height:20px;
  /*height: auto!important; height: 20px; min-height: 20px;*/
  padding:0 5px;
  clear:both;
}
#cabecera{
  border-bottom:1px solid #fff;
}
#pie{
  border-top:1px solid #fff;
}
  #cabecera a, #pie a{
    color:#aaa;
  }
  
#cuerpo{
  background:#00323E url(logo.png) no-repeat;
  color:#fff;
  font:10pt "Trebuchet MS", Verdana, sans;
  line-height:16pt;
}

#lista{
  width:500px;
  padding:180px 0 0 0;
  margin:0 auto;
}
  #lista ul{
    margin:0 0 30px 0;
  }
  #lista ul li{
    margin:0 10px 2px 0;
  }

  #lista .dt{
    width:265px;
    height: auto!important; height: 265px; min-height: 265px;
    padding:15px 15px 0 0;
    float:left;
    margin:20px 20px 0 0;
    text-align:right;
    font-weight:bold;
    text-transform:uppercase;
    background:transparent url(pico.png) no-repeat top right;
  }
    #lista .dt span{
      display:block;
      font:10px Verdana;
      font-weight:normal;
      text-transform:none;
      color:#80999F;
    }
    #lista .dt span a{
      color:#80999F;
    }
    #lista .dt span a:hover{
      background:#80999F;
      color:#00323E;
    }

  #lista .dd{
    float:left;
    margin:35px 0 0 0;
  }
    #lista .dd a{
      color:#fff;
      text-decoration:underline;
    }
    #lista  .dd a:hover{
      background:#fff;
      color:#00323E;
      text-decoration:none;
    }
    #lista .dd a.targetblank{
      padding:0 11px 0 0;
      background:url(target_blank.gif) no-repeat top right;
    }
    #lista .dd a.targetblank:hover{
      background:url(target_blank_b.gif) no-repeat top right #fff;
    }