/* ==============================================================================
Theme Name: Lotus
Theme URI: http://demo.averta.net/themes/lotus
Description: Flexible & Powerful Multipurpose Wordpress Theme
Author: averta
Author URI: http://www.averta.net
Version: 3.4
License:GNU General Public License
License URI:license.txt
Text Domain: default
================================================================================= */
.knopka a
{
background:url(../../uploads/2012/11/ban3.jpg) no-repeat; /* картинка 1 */
height:101px; /* высота картинки */
width:1140px; /* ширина картинки */
display: block; /* отображаем картинку */
align: center;
}
/* кнопка при наведении мышки */
.knopka a:hover
{
background:url(../../uploads/2012/11/ban23.jpg) no-repeat; /* картинка 2 */
}
.first  {
list-style: none;
padding: 0;
}
.first li {
padding: 10px 30px;
background: linear-gradient(to left, #db7171 0%, white, #db7171);
border-bottom: 1px solid grey;
color: #506a6b;
font-size: 20px;
box-shadow: 0 5px 5px 0 rgba(0,0,0, .2);
margin-bottom: 5px;
}
.first li:last-child {
border-bottom: none;
}
.ball {
list-style: none;
margin: 0;
}
.ball a {
width: 100%;
color: #808285;
text-decoration: none;
display: inline-block;
padding-left: 25px;
height: 44px;
line-height: 44px;
font-size: 20px;
position: relative;
transition: 0.3s linear;
}
.ball a:before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background: #425273;
position: absolute;
left: -30px;
top: 7px;
}
.ball li {
position: relative;
}
.ball li:before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #EC351D;
position: absolute;
top: 12px;
left: -30px;
z-index: 2;
transition: 0.4s ease-in-out;
}
.ball li:hover:before {
left: -20px;
}