﻿#ol{width:210px;margin-left:5px;}
#ol .title{height:34px;background:url(title.png) no-repeat;font:bold 12px/34px Arial;color:#fff;text-transform:uppercase;text-align:center;}
#ol .title a{font:bold 12px/34px Arial;color:#fff;text-decoration:none;text-align:center;display:block;}
#ol .content{border:1px solid #ececec;border-top:none;}
#ol .bottom{height:5px;background:url(bottom.png) no-repeat;}
#ol .phone{height:85px;background:url(phone.png) no-repeat;}
#ol a.yahooOn{width:30px;height:25px;border:0;display:block;text-decoration:none;background:url(Ym.png.ashx) no-repeat;float:left;margin-right:5px;}
#ol a.yahooOff{width:30px;height:25px;border:0;display:block;text-decoration:none;background:url(YmOff.png.ashx) no-repeat;float:left;margin-right:5px;}
#ol a.skypeOn{width:16px;height:17px;border:0;display:block;text-decoration:none;float:right;background:url(Sky.png.ashx) no-repeat center;}
#ol a.skypeOff{width:16px;height:16px;border:0;display:block;text-decoration:none;float:right;background:url(Sky.png.ashx) no-repeat center;}
#ol .KhungImage{width:40px;padding-left:21px;float:left;}
#ol .TitleNick{width:100%;float:left;font:12px/16px Arial;color:#000;}
#ol .ngan{height:1px;background:url(ngan.png) no-repeat center;}
#ol .hotline{background:url(dienThoai.png) no-repeat 26px 5px;font:12px Arial;color:#000;padding-left:66px;}
#ol .styleHotline{font:bold 18px Arial;color:#ff0000;}

#ol .mrNam{font:bold 18px Arial;color:#ff0000;}
#ol .zalo{ background: url(zalo.png) no-repeat left top 2px;min-height: 20px;background-size: 18px 18px;padding-left: 30px;
           font: 13px/20px tahoma;float: left}

#ol .facebook{ background: url(face.png) no-repeat left top 2px;min-height: 30px;background-size: 18px 18px;padding-left: 25px;
               word-break: break-all;margin-left: 25px;font: 11px tahoma;float: left}




#ol2{width:200px}
#ol2 .title{height:40px;background:url(title2.png) no-repeat;font:bold 14px/40px Arial;color:#fff;text-transform:uppercase;text-align:center;}
#ol2 .title a{font:bold 12px/34px Arial;color:#fff;text-decoration:none;text-align:center;display:block;}
#ol2 .content{border:1px solid #d8d8d8;border-top:none;padding-top: 5px}

#ol2 .phone{height:85px;background:url(phone.png) no-repeat;}
#ol2 a.yahooOn{width:30px;height:25px;border:0;display:block;text-decoration:none;background:url(Ym.png.ashx) no-repeat;float:left;margin-right:5px;}
#ol2 a.yahooOff{width:30px;height:25px;border:0;display:block;text-decoration:none;background:url(YmOff.png.ashx) no-repeat;float:left;margin-right:5px;}
#ol2 a.skypeOn{width:16px;height:17px;border:0;display:block;text-decoration:none;float:right;background:url(Sky.png.ashx) no-repeat center;}
#ol2 a.skypeOff{width:16px;height:16px;border:0;display:block;text-decoration:none;float:right;background:url(Sky.png.ashx) no-repeat center;}
#ol2 .KhungImage{width:40px;padding-left:21px;float:left;}
#ol2 .TitleNick{width:100%;float:left;font:12px/16px Arial;color:#000;}
#ol2 .ngan{height:1px;background:url(ngan.png) no-repeat center;}
#ol2 .hotline{background:url(dienThoai.png) no-repeat 10px 5px;font:12px Arial;color:#000;padding-left:45px;}
#ol2 .styleHotline{font:bold 18px Arial;color:#ff0000;}

#ol2 .mrNam{font:bold 18px Arial;color:#ff0000;}

#ol2 .zalo{ background: url(zalo.png) no-repeat left top 0px;width: 32px;height: 32px;background-size: 32px 32px;
           font: 13px/20px tahoma;float: left}

#ol2 .facebook{ background: url(face.png) no-repeat left top 0px;width: 32px;height: 32px;background-size: 100%;margin-right: 8px;
               word-break: break-all;margin-left: 10px;font: 11px tahoma;float: left}
#ol2 .phone1{font: bold 14px/32px arial;color: #333;margin-left: 14px}
#ol2 .email{ margin-left: 10px;padding-bottom: 12px;margin-top: 10px;font:  12px Arial}