#buttonTop {
        display: none;
        position: fixed;
        bottom: 3rem;
        right: 0rem;
        z-index: 4;
        border: none;
        outline: none;
        color: white;
        cursor: pointer;
    }

    #buttonTop:hover {
        background-color: #555;
    }

    #buttonBottom {
        position: fixed;
        bottom: 1rem;
        right: 0rem;
        z-index: 4;
        border: none;
        outline: none;
        color: white;
        cursor: pointer;
    }

    #buttonBottom:hover {
        background-color: #555;
    }

    #grad {
        background: -webkit-linear-gradient(top, rgba(250,250,250,1), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom, rgba(250,250,250,1), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom, rgba(250,250,250,1), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom, rgba(250,250,250,1), rgba(255,255,255,1)); /* Standard syntax (must be last) */
     }

    #grad:hover{
        background: -webkit-linear-gradient(top, rgba(225,237,254,1), rgba(178,207,247,1)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom, rgba(225,237,254,1), rgba(178,207,247,1)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom, rgba(225,237,254,1), rgba(178,207,247,1)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom, rgba(225,237,254,1), rgba(178,207,247,1)); /* Standard syntax (must be last) */
    }



    #formular_cautare{
        margin: 2 0 2 2px;

        border-style: none;
    }

    #calendar_luna_curenta{
        display: block;
        width: 430px;
        margin: 5px;
        float: left;
        box-shadow: 10px 10px 5px #888888;
    }


    #calendar_luna_anterioara{
        display: block;
        width: 250px;
        margin: 35 10 5 10px;
        float: left;
        box-shadow: 10px 10px 5px #888888;
    }

    #calendar_luna_ulterioara{
        display: block;
        width: 250px;
        margin: 35 10 5 10px;
        float: left;
        box-shadow: 10px 10px 5px #888888;
    }

    ul {list-style-type: none;}
    .month {
       padding: 50px 0px;
       width: 100%;
       background: #1abc9c;
    }

    .month ul {
       margin: 0;
       padding: 0;
    }

    .month ul li {
       color: white;
       font-size: 35px;
       text-transform: uppercase;
       letter-spacing: 3px;
    }

    .month .prev {
       float: left;
       padding-top: 10px;
       padding-left: 10px;
       cursor: pointer;
       font-size: 28px;
    }

    .month .next {
       float: right;
       padding-top: 10px;
       padding-right: 10px;
       cursor: pointer;
       font-size: 28px;
    }

    .weekdays {
       margin: 0;
       padding: 3px 0;
       background-color: #ddd;
    }

    .weekdays li {
       display: inline-block;
       width: 12.6%;
       color: #666;
       text-align: center;
    }

    .weekdays1 {
       margin: 0;
       padding: 3px 0;
       background-color: #ddd;
    }

    .weekdays1 li {
       display: inline-block;
       width: 13.2%;
       color: #666;
       text-align: center;
       font-size:24px;
    }

    .days {
       padding: 10px 0;
       background: #eee;
       margin: 0;
    }

    .days li {
       list-style-type: none;
       display: inline-block;
       width: 14.2%;
       text-align: center;
       margin-bottom: 5px;
       font-size:16px;
       color: #777;
    }

    .days li .active {
       padding: 5px;
       background: #1abc9c;
       color: white !important
    }

    .days1 {
       padding: 10px 0;
       background: #eee;
       margin: 0;
    }

    .days1 li {
       list-style-type: none;
       display: inline-block;
       width: 14.2%;
       text-align: center;
       margin-bottom: 5px;
       font-size:24px;
       color: #777;
    }

    .days1 li .active {
       padding: 5px;
       background: #1abc9c;
       color: white !important
    }

    @media screen and (max-width:720px) {
       .weekdays li, .days li {width: 13.1%;}
    }

    @media screen and (max-width: 420px) {
       .weekdays li, .days li {width: 12.5%;}
       .days li .active {padding: 2px;}
    }

    @media screen and (max-width: 290px) {
       .weekdays li, .days li {width: 12.2%;}
    }


    @media screen and (max-width: 756px) {
       .articol_imagine {width:100%;}
       .articol_continut {width:100%;}
    }

    div.ari-newspaper {
         column-count:auto; column-width: 500px; column-gap:1rem; column-rule:1px solid lightgray;
    }