body {
 font-family: 'Open Sans', sans-serif;

  
}

#foto img  {

	float: left;
}


#foto2 img  {

	padding: 20px;
	float: left;
}

.foto3 img  {
	width: 75%;
    object-fit:cover;
	padding: 20px;
	float: left;
}


.foto4 img  {
	width: 90%;
    object-fit:cover;
	padding: 20px;
	float: left;
}


table {
  width: 90%;
  border-collapse: collapse;
  overflow: hidden;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.9);
}

td {
  text-align: center;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #000;
}
th {
  text-align: center;
  padding: 15px;
  color: #fff;
}


thead th {
  background-color: #55608f;
}
tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.35);
   
}
tbody td {
  position: relative;
}

tbody td a:link {
  color: #001a33;
  text-decoration: none;
}


tbody td a:visited{
  color: #001a33;
  text-decoration: none;
}




tr td a:hover{
  color:#dd0033;
  text-decoration: underline;
letter-spacing: 2px;
 -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;  
}

thead th a:link, a:visited {
   color: #00ffff;
  text-decoration: none;
}

thead th a:hover {
   color: #fff;
  text-decoration: underline;
}

img {
	

}