.box-tin{
margin-right: 4px;
float: left;
margin-bottom: 13px;
height: 110px;
margin-left: 10px;
background: #f4f4f4;
width: 360px;
border: 1px #d4d4d4 solid;
}
 @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: 100px;
height: 90px;
background: white;
float: left;
margin: 10px;
border: 1px #a3a3a3 solid;
}
.box-tin p.price{
color: #fe0000;
font-weight: bold;
font-size: 12px;
margin: 0;}


.name-tin{
overflow: hidden;
line-height: 30px;
float: left;
width: 235px;
}

.name-tin a {
color: #393939;
font-weight: bold;
text-decoration: none;
text-transform: initial;
font-size: 13px;
font-family: Arial;
}
.name-tin a:hover{
color:red;
}

.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: 70px;
height: 20px;
float: right;
padding-left: 23px;
margin-top: 0px;
}

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