/* Start:/local/templates/ruselt/components/bitrix/news.list/.default/style.css?17650990011179*/
.articles_list {list-style: none;clear: both;margin: 0 -10px;}
.articles_list > li {float: left; width: 23%; padding: 0 10px 10px;height:255px;box-shadow: inset 0px 0px 0px 1px #ccc;padding-top: 10px;margin-right: 5px;margin-bottom: 6px;}
.articles_list > li > a {display: block;height: 40px;line-height: 17pt;}
.articles_list > li > a.img {width: 100%; height: 150px; overflow: hidden; margin: 0 0 15px;text-align: center;}
.articles_list > li > a img {width: 100%; height: auto;max-width:250px;}
.articles_list > li > p {text-align: center;}
.articles_list > li > p a {color: #fff;display: inline-block;border-radius: 0;text-align: center;text-decoration: none;font-size: 14px;cursor: pointer;border: 1px solid #1f509c;height: 30px;padding-top: 2px;background: #1f509c;font-weight: 700;border-radius: 0px;margin: 13px 5px 10px;top: 0;margin-left: 5px;width: 50%;box-sizing: border-box;padding: 0 13px;line-height: 28px;}
@media screen and (max-width: 1100px){.articles_list > li {float: left; width: 33%;}}
@media screen and (max-width: 768px){.articles_list > li {float: left; width: 50%;}}
@media screen and (max-width: 500px){.articles_list > li {float: left; width: 100%;}}
/* End */
/* /local/templates/ruselt/components/bitrix/news.list/.default/style.css?17650990011179 */