/* О методике */
.methodic-accordeon {

}
.methodic-accordeon li {
	display:block;
    overflow: hidden;
    margin: 0;
    padding: 10px;
    list-style:none;
    height:30px;
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}
.methodic-accordeon li h3 {
	display:block;
    margin: 0;
    padding:10px;
    padding-top: 13px;
    padding-left: 35px;
    height: 19px; /*19px*/
    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    border-radius: 5px;
    color: #fff; /*#000*/
    font-size: 16px; /*16px;*/
    background: #cccccc;
    opacity: 0.8;
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #003366, #00a3cc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 */
    background-image: -webkit-linear-gradient(top, #003366, #00a3cc);
    background-image: -o-linear-gradient (top, #003366, #00a3cc);
}
.header-contacts i {
    font-size:20px;
}