.potreb {
/*
        height: 970px;
*/
        padding-top: 20px;
        padding-bottom: 60px;
        }

.potreb .ttl {
        padding-bottom: 25px;
/*
        border: 1px solid rgb(192,192,192);
*/
        }

.potreb .ttl a, .potreb .ttl span{
        text-decoration:none;
        color: #000000;
        font-size: 25px;
        padding-bottom: 5px;
        border-bottom: 9px solid #00ccff;
        }

.potreb .list {
/*
        border: 1px solid rgb(192,192,192);
*/
        margin-top: 30px;
        }

.potreb .list .itm {
        height: 120px;
        width: calc(48% - 160px);
        border: 2px solid #0066ff;
        display: block;
        position: relative;
        color: #007dff;
        float:left;
        font-size: 23px;
/*
        line-height: 100px;
        padding-top: 20px;
*/
        padding-left: 100px;
        padding-right: 40px;
        margin-bottom: 20px;

        display: flex;
        align-items: center;

        font-family: 'Roboto Condensed Light';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;

        background-repeat: no-repeat;
        background-position: 30px center;
        }

.potreb .list .t1 {
        background-image: url('/img/potreb1.png');
        }

.potreb .list .t1:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;
        
        background-image: url('/img/potreb1s.png');
        }

.potreb .list .t2 {
        background-image: url('/img/potreb2.png');
        background-repeat: no-repeat;
        background-position: 30px center;
        }

.potreb .list .t2:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;

        background-image: url('/img/potreb2s.png');
        }

.potreb .list .t3 {
        background-image: url('/img/potreb3.png');
        background-repeat: no-repeat;
        background-position: 20px center;
        }

.potreb .list .t3:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;

        background-image: url('/img/potreb3s.png');
        }

.potreb .list .t4 {
        background-image: url('/img/potreb6.png');
        background-repeat: no-repeat;
        background-position: 30px center;
        }

.potreb .list .t4:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;

        background-image: url('/img/potreb6s.png');
        }

.potreb .list .t5 {
        background-image: url('/img/potreb4.png');
        background-repeat: no-repeat;
        background-position: 10px center;
        }

.potreb .list .t5:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;

        background-image: url('/img/potreb4s.png');
        }

.potreb .list .t6 {
        background-image: url('/img/potreb5.png');
        background-repeat: no-repeat;
        background-position: 20px center;
        }

.potreb .list .t6:hover {
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;

        background-image: url('/img/potreb5s.png');
        }


.potreb .list .s{
        background-color: #0099cc;
        border: 2px solid #0099cc;
        color: #ffffff;
        }

.potreb .list .r{
        float: right;
        }