/*!
 *  Бюро дизайна
 *  Мы создаём хорошие веб-сайты
 *  с продуманной стратегией, дизайном и функционалом.
 *  -------------------------------------------------------
 *
 *  Контакты
 *  -------------------------------------------------------
 *  Email: unr@artismensa.ru
 *  WWW: http://artismensa.ru
 */
 
/* font-family:  'PT Serif', 'Times New Roman', Times, serif; */


#button_group { position: fixed; margin: 0; padding: 0; right: 0; top: 200px; z-index: 10000; list-style-type: none;}
#button_group li.button_group_item { position: absolute; right: -146px; width: 200px; height: 54px; margin: 10px 0; padding: 0; overflow: hidden; -webkit-border-radius:  54px 0px 0px 54px; border-radius:  54px 0px 0px 54px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
#button_group li.button_group_item:hover { right: 0; }
#button_group li.name { padding-right: 5px; line-height: 1; margin-bottom: 10px; font-weight: bold; text-shadow: 0px 0px 5px #ffffff; text-align: right}
#button_group li.button_group_item a {  height: 54px; display: block; padding-left: 65px; line-height: 54px; white-space: nowrap; border: none; display: block; -webkit-border-radius:  54px 0px 0px 54px; border-radius:  54px 0px 0px 54px;}
#button_group li.button_group_item a span {background: url("../img/buttons.png") no-repeat 0 0; position: absolute; width: 54px; height: 54px; top: 0; left: 0; }

#button_group li.button_group_item.itm_002 a { background-color: #00ac09; color: #fff; }
#button_group li.button_group_item.itm_003 a { background-color: #3796cc; color: #fff; }
#button_group li.button_group_item.itm_004 a { background-color: #f57e28; color: #fff; }

#button_group li.button_group_item.itm_001 a span { background-position: 0 0; }
#button_group li.button_group_item.itm_002 a span { background-position: -54px 0; }
#button_group li.button_group_item.itm_003 a span { background-position: -108px 0; }
#button_group li.button_group_item.itm_004 a span { background: url("../img/gate_button.png") no-repeat 10px 3px; }

#button_group li.button_group_item.itm_001 a { background-color: #dadada; color: #000;  background:#dadada  no-repeat 0 0;}
#button_group li.button_group_item.itm_001 a span  {
    background-image: url("/img/logo_muir_cut.png");
    background-position: 7px 16px;
}