@CHARSET "UTF-8";

.ym_spis_block {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.ym_spis_block > div {
    width: 100%;
    padding: 10px;
}

.ym_spis_block > div img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    border: 1px solid #00688b;
}

.ym_spis_navigation_panel {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.ym_spis_navigation_panel div {
    display: inline-block;
    float: left;
    width: 33.3%;
}

.ym_spis_navigation_panel .ym_spis_np_prev {
}

.ym_spis_np_prev > a {
    font-size: 35px;
}

.ym_spis_navigation_panel .ym_spis_np_next {
    text-align: right;
}

.ym_spis_np_next > a {
    float: right;
    font-size: 35px;
}

.ym_spis_np_year {
    font-size: 35px;
    text-align: center;
}

.ym_spis_link_block > a {
    background: #f5f5f5;
    display: block;
    padding: 5px;
    text-align: center;
    border: 1px solid #00688b;
    margin-bottom: 3px;
    font-size: 12px;
}


.ym_spis_navigation_tag {
    background: #f5f5f5;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

.ym_spis_navigation_tag > a {
    padding: 3px 5px;
    margin-right: 10px;
    background: #4682b4;
    color: #fff;
}

.ym_spis_navigation_tag > a:hover {
    background: #00688b;
    color: #fff;
}

.ym_spis_navigation_tag .ym_now_year_tag_navigation {
    background: #00688b;
}

.ym_spis_pagination {
    background: #f5f5f5;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
}

.ym_spis_pagination > a {
    padding: 3px 10px;
    margin-right: 10px;
}

.ym_spis_this_page_now {
    border: 1px solid #00688b;
}

@media only screen and (min-width : 768px) {
    .ym_spis_block > div {
        width: 50%;
    }
}

@media only screen and (min-width : 1024px) {
    .ym_spis_block > div {
        width: 25%;
    }
}