/* 
    Document   : nom059
    Created on : Jul 3, 2014, 5:07:22 PM
    Author     : cuacharas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.nom059-data {
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

#nom059, #nom059-h{
  display:block;
  width:100%;
  margin: 20px 0 0 0;
  background-color: white;
  width: 100%;
  /*display: inline-block;*/
  border:1px solid #D9A066;
  padding:5px 8px;
  border-radius:6px;
}

#head-nom059, #head-nom059-h{
  font-size: 14px;
  font-weight:bold;
  background-color: transparent;
  width: 100%;
  text-align:center;
}


#clasif, #clasif-h{
  height: 33px;
  background: white;
  margin:0 auto;
}

.boxes{
  float: left;
  /*height: 20px;*/
  height: auto;
  width: 23%;
  margin: 3px 0;
  text-align: center;
  padding-top: 5px;
  font-size: 10px;
  color:#999;
}

#box2 {
  width:29%;
}

#box3 {
  width:21%;
}

#box4 {
  width:20%;
}

#box1-h{
  width: 42%;
  text-align: justify;
  padding-left: 6%;
}

#box2-h {
  width:42%;
  text-align: justify;
  padding-left: 6%;
}

#box3-h {
  width:42%;
  text-align: justify;
  padding-left: 6%;
}

#box4-h {
  width:42%;
  text-align: justify;
  padding-left: 6%;
}

.selected {
  font-weight: bold;
  font-size: 11.2px;
  color:black;
}

#distr, #distr-h{
  text-align: center;
  width: 100%;
  font-size: 12px;
  padding-top: 8px;
  float: left;
}

#barra-categoria, #barra-categoria-h{
  height: 6px;
  margin-left: 5px;
  float: left;
}

#barra-categoria-h{
  margin-top: 6px;
  margin-left: 12px !Important;
}

.class-protegida{
  background-color: rgb(212, 213, 3);
  width: 20%;
}

.class-amenazada{
  background-color: rgb(236, 163, 28);
  width: 44%;
}

.class-peligro{
  background-color: #f90303;
  width: 68%;
}

.class-extinta{
  background-color:  #700A0A;
  width: 88%;
}

.class-show{
  display: inline-block !Important;
}

.class-hide{
  display: none !Important;
}