* { margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family:'Roboto',Arial,sans-serif; color:#888585; font-size:14px; line-height:20px; }

a { color:#43332b; text-decoration:none; }
a:hover { text-decoration:none; }

a img { border:0; }

.widget-top { float:left; width:100%; margin:10px auto; }
.logo { display:block; background:url(i/logo.svg) no-repeat 0 50%; width:100%; height:32px; }
.no-svg .logo { background-image:url(i/logo.png); }

.title { color:#43332b; font-weight:normal; }

.widget-content { float:left; background:url(i/bg.png) no-repeat 0 0; width:100%; padding-left:20px; max-width:300px; height:250px; min-height:250px; overflow:hidden; }

.widget-content .item { float:left; clear:left; width:260px; position:relative; }
.widget-content .item a { position:relative; display:table; float:left; width:100%; border:0; }
.widget-content .item a:hover { }
.widget-content .item a .title-wrap { width:100%; padding-right:5px; display:table-cell; vertical-align:middle; }
.widget-content .item a .title { display:block; }
.widget-content .item .marker { display:none; position:absolute; width:5px; height:100%; right:-20px; background:#f50; }
.widget-content .item a:hover .marker { display:block; }

.widget-content .cnt-2 { margin:3px 0; }
.widget-content .cnt-2:before, .widget-content .cnt-2:after { content:''; display:block; float:left; width:100%; }
.widget-content .cnt-2:before { border-top:1px solid #fff; margin-bottom:3px; }
.widget-content .cnt-2:after { border-bottom:1px solid #fff; margin-top:3px;}

.widget-content .thumb { float:left; display:block; margin-right:6px; }
.widget-content .thumb img { float:left; display:block; border:0; width:64px; height:57px; }

.widget-content .last { margin-bottom:0; }
.widget-content .last a { border-bottom:0; padding-bottom:0; }

.lt-ie8 .widget-content { overflow:hidden; width:99%; }
.lt-ie8 .widget-content .item a { overflow:hidden; width:99%; }
.lt-ie8 .star { display:block; float:left; }