/* para que la parte de las travesías tenga un margen con el footer y este no chafe parte de la información */
.travesias{
    margin-bottom:50px;
}
/* estilos para las campos de las travesías que vayan saliendo de la base de datos */
/* voy combinando colores, tamaños y tipos de letra para darle un aspecto agradable */
.titulotravesia{
    color:red; 
   font-size:16px;
   font-family:Courier;
   font-weight:bold;
   font-style:italic;
   line-height:30px;
   letter-spacing:3px;
   text-decoration:underline;
   text-transform:capitalize;
   text-align:left;
   text-indent:30px;
    
}
.descripciontravesia{
   width:400px; /* ancho máximo para la descripción y que se ajuste al ancho de la imagen y no se desborde */
   display:block; /* bloqueamos este span ya que si no lo hacemo el ancho anterior no funcionaría */
   padding-top: 10px;
  /* color:blue; */
   font-size:12px;
   font-family:Arial;
   font-weight:bold;
   line-height:15px;
   letter-spacing:2px;
   text-transform:capitalize;
   text-align:left;
   text-indent:20px;
}
.preciotravesia{
   
   color:green; 
   font-size:16px;
   font-family:Calibri;
   line-height:15px;
   letter-spacing:2px;
   text-decoration:underline;
   text-transform:capitalize;
   text-align:left;
   text-indent:20px;
   
}
.enlacetravesia {
    padding-left:20px;
}
.enlacetravesia a{
   outline: none;
   text-decoration: none;
   padding: 2px 1px 0;
}

.enlacetravesia a:link {
  color: #265301;
}

.enlacetravesia a:visited {
  color: #437A16;
}

.enlacetravesia a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

.enlacetravesia a:hover {
  border-bottom: 1px solid;
  background: #CDFEAA;
}

.enlacetravesia a:active {
  background: #265301;
  color: #CDFEAA;
}