.tablainfo {
			font-family: sans-serif;
		    font-size: 10pt;
		    width: 100%;
		    color: #FFF;
		    border: none;
		    margin: 0 0 0 -1px;
		}
.tablainfo tr{
			border: none;
		}
.tablainfo td{
			border: none;
			padding: 0;
		}	
.tablainfo col1{
			border-right: 2px solid #FFF;
		}
.tablainfo a{
		    font-size: 10pt;
		    color: #FFF;
		    display: block;
		    width: 100%;
		    height: 100%;
		    text-decoration: none;
		}
.tablainfo div{
			width: 100%;
		    padding: 5px 0 5px 10%;
		    border-right: 3px solid #FFF;
		    background-color: #E9516E;
		}	
.tablainfo div:hover{
			background-color: #4BBBC5;
			color: #FFF;
		}
.tablainfo2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.celda {
  width: 25%;
  margin-bottom: 30px;
  padding: 5px;
  border-right: 5px solid #EEE;
  box-sizing: border-box;
}
.celda2 {
  margin-bottom: 30px;
  padding: 5px;
  border-right: 5px solid #EEE;
  box-sizing: border-box;
}
.tablainfo3 {
			font-family: sans-serif;
		    font-size: 10pt;
		    width: 100%;
		    color: #FFF;
		    border: none;
		    margin: 0 0 0 -1px;
		}
.tablainfo3 tr{
			border: none;
		}
.tablainfo3 td{
			border: none;
			padding: 0;
		}	
.tablainfo3 col1{
			border-right: 2px solid #FFF;
		}
.tablainfo3 a{
		    font-size: 10pt;
		    color: #FFF;
		    display: block;
		    width: 100%;
		    height: 100%;
		    text-decoration: none;
		}
.tablainfo3 div{
			width: 100%;
		    padding: 5px 0 5px 10%;
		    border-right: 3px solid #FFF;
		    background-color: #1586bd;
		}	
.tablainfo3 div:hover{
			background-color: #2ecf8e;
			color: #FFF;
		}
@media (max-width: 980px) {
  .tablainfo2 {
    flex-wrap: wrap;
    justify-content: center;
    background-color: #EEE;
  }
  .celda {
    width: 80%;
  }
  .celda2 {
  	display: block;
  	max-width: 100%;
    height: auto;
  }
}