/*-  Flexible Slide-to-top Accordion Style
----------------------------------------------------------------------*/
.servicii{
    margin-left: 10px;
    float: left;
}
.text {
    margin-top: -139px;
    margin-left: 180px;
    float: right;
    width: 760px;
    position: absolute;
}

.text h3 {
    margin-bottom: 7px;
}

.text p {
    font-size: 16px;
    line-height:125%;
}

.st-accordion{
    width:940px;
    float: left;
}

.st-accordion ul li {
    margin-bottom: 25px;
    padding-bottom: 45px;
    border-bottom: 1px solid #cccccc;
}

.st-accordion ul li:last-child {
    border-style: none;
}

.st-accordion ul li > a{
    display: block;
    position: relative;
    outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
    -moz-transition:  color 0.2s ease-in-out;
    -o-transition:  color 0.2s ease-in-out;
    -ms-transition:  color 0.2s ease-in-out;
    transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
    background: url(../_images/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 25px;
    position: absolute;
    top: 132px;
    right: 776px;
    -webkit-transition:  all 0.5s ease-in-out;
    -moz-transition:  all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    -ms-transition:  all 0.5s ease-in-out;
    transition:  all 0.5s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.st-content{
    background: url(../_images/serv_pattern.jpg) repeat;
    padding: 30px 10px 10px 10px;
    margin-bottom: 15px;
    -moz-box-shadow: inset 0 0 7px #999999;
    -webkit-box-shadow: inset 0 0 7px #999999;
    -o-box-shadow: inset 0 0 7px #999999;
    -ms-box-shadow: inset 0 0 7px #999999;
    box-shadow: inset 0 0 7px #999999;
}