.box-tin{
margin-right: 50px;
float: left;
margin-top: 10px;
height: 480px;
width: 220px;
}
 @font-face {
      font-family: "UTM Swiss Condensed";
      src: url(../css/font/UTM_Swiss.ttf) format('truetype');
 }
 
  @font-face {
      font-family: "UTMAvo";
      src: url(../css/font/UTMAvo.ttf) format('truetype');
 }

.box-tin img{
width: 220px;
height: 197px;
background: white;
float: left;
}

.name-tin{
overflow: hidden;
line-height: 20px;
color: #673400;
float: left;
width: 220px;
margin-top: 15px;
margin-bottom: 10px;
}

.name-tin a {
color: red;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-family: Arial;
}
.name-tin p{
color: #7c7b79;
font-family: Arial;
font-size: 12px;
font-weight: bold;
margin-top: 2px;
}

.box-tin .readmore{
background: url("../images/519629-129_ArrowRight-20.png") no-repeat;
width: 100px;
height: 20px;
float: left;
padding-left: 27px;
margin-top: 20px;
}

.box-tin .readmore a{
color: #474548;
font-weight: bold;
font-family: Arial;
font-size: 12px;
line-height: 21px;
}
.name-short{
float:left;
}
.name-short p{
overflow: hidden;
color: #373737;
line-height: 20px;
margin-top: 5px;
font-size: 12px;
font-family: Arial;
}