Template:Cardbio barra itl

<html>

<style>

#barraiconsI{

  height: 117px;
  width: 976px;

}

#iconI1:hover{
  
 background-color: #F83939;

}

#iconI2:hover{

 background-color: #F83939;

}

#iconI3:hover{

  background-color: #F83939;

}

#iconI4:hover{

  background-color: #F83939;

}

#iconI1{
  
  height: 112px;
  width: 120px;
  background-image: url('https://static.igem.org/mediawiki/2013/c/c9/Icones_inthelab_transp_05.png');
  float: left;
  margin-left: 205px;
  background-color: #CC3333; 

}



#iconI2{

  height: 112px;
  width: 120px;
  background-image: url('https://static.igem.org/mediawiki/2013/7/71/Icones_inthelab_transp_03.png');
  float: left;
  margin-left: 10px;
  background-color: #CC3333; 

}

#iconI3{

  height: 112px;
  width: 120px;
  background-image: url('https://static.igem.org/mediawiki/2013/5/58/Icones_inthelab_transp_07.png');
  float: left;
  margin-left: 10px;
  background-color: #CC3333; 

}


#iconI4{

  height: 112px;
  width: 120px;
  background-image: url('https://static.igem.org/mediawiki/2013/a/a0/Icones_inthelab_transp_09.png');
  float: left;
  margin-left: 10px;
  background-color: #CC3333; 

}

#iconI1 a{
  
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;

}

#iconI2 a{
  
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;

}
#iconI3 a{
  
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;

}

#iconI4 a{
  
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;

}

}

</style>

<div id="barraiconsI">

<div id="iconI1"><a href="https://2013.igem.org/Team:UFMG_Brazil/Notebook"></a></div>
<div id="iconI2"><a href="https://2013.igem.org/Team:UFMG_Brazil/Protocols"></a></div>
<div id="iconI3"><a href="https://2013.igem.org/Team:UFMG_Brazil/Safety"></a></div>
<div id="iconI4"><a href="https://2013.igem.org/Team:UFMG_Brazil/Results"></a></div>

</div>
</html>