    #buttonTop {
        display: none;
        position: fixed;
        bottom: 3rem;
        right: 0rem;
        z-index: 4;
        border: none;
        outline: none;
        color: white;
        cursor: pointer;
    }

    #buttonBottom {
        position: fixed;
        bottom: 1rem;
        right: 0rem;
        z-index: 4;
        border: none;
        outline: none;
        color: white;
        cursor: pointer;
    }

    #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%;}
    }

    .ari-articol-rezumat-hm {float:left;width:100%}
    .ari-articol-rezumat-hs {float:left;width:100%}
    .ari-articol-rezumat-hxs {float:left;width:100%}
    .ari-bara-articole-orizontal {border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#ccc;}
    .ari-bara-articole-vertical {width:100%}
    .ari-articol-rezumat-imagine-hm {width:49.99999%}
    .ari-articol-rezumat-imagine-hs {width:100%}
    .ari-articol-rezumat-imagine-hxs {width:100%}
    .ari-articol-integral-imagine {width:100%}
    .ari-bara-articole-orizontal-imagine {width:100%; border-style:solid; border-width:1px; border-color:#ccc;}
    .ari-bara-articole-vertical-imagine {width:100%}
    .ari-listcontin-rezumat {border-style:solid; border-width:1px; border-color:#ccc;}

    @media screen and (min-width:601px){
       .ari-articol-rezumat-imagine-hs {width:32.99999%}
       .ari-articol-rezumat-imagine-hxs {width:32.99999%}
       .ari-articol-integral-imagine {width:100%}
       .ari-bara-articole-vertical {width:100%}
       .ari-bara-articole-vertical-imagine {width:49.99999%}
       .ari-bara-articole-orizontal-imagine {height: 17rem; width:100%; border-style:solid; border-width:1px; border-color:#ccc;}
    }


    @media screen and (max-width: 756px) {
       .articol_imagine {width:100%;}
       .articol_continut {width:100%;}
    }

    @media screen and (min-width:756px){
        .ari-articol-rezumat-hm {width:100%}
        .ari-articol-rezumat-hs {width:49.99999%}
        .ari-articol-rezumat-hxs {width:32.99999%}
        .ari-bara-articole-vertical {width:100%}
        .ari-articol-rezumat-imagine-hm {width:49.99999%}
        .ari-articol-rezumat-imagine-hs {width:100%}
        .ari-articol-rezumat-imagine-hxs {width:100%}
        .ari-articol-integral-imagine {width:100%}
        .ari-bara-articole-vertical-imagine {width:49.99999%}
        .ari-bara-articole-orizontal-imagine {height: 17rem; width:100%; border-style:solid; border-width:1px; border-color:#ccc;}
    }


    @media screen and (min-width:992px){
        div.ari-newspaper {column-count:auto; column-width: 475px; column-gap:1rem; column-rule:1px solid lightgray;}
    }


    @media screen and (min-width:900px){
        .ari-articol-rezumat-hs {width:32.99999%}
        .ari-bara-articole-vertical {width:100%}
        .ari-bara-articole-vertical-imagine {width:32.99999%}
    }

    @media screen and (min-width:1000px){
        .ari-articol-rezumat-hxs {width:24.99999%}
    }


    .articol_rezumat_buton_hm {width:400px;border:none;display:inline-block;vertical-align:middle;text-decoration:none;color:inherit;background-color:inherit;text-align:left;cursor:pointer;white-space:normal}

    .articol_rezumat_buton_hm {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

    .articol_rezumat_buton_hs {width:300px;border:none;display:inline-block;vertical-align:middle;text-decoration:none;color:inherit;background-color:inherit;text-align:left;cursor:pointer;white-space:normal}

    .articol_rezumat_buton_hs {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

    .articol_rezumat_buton_hxs {width:250px;border:none;display:inline-block;vertical-align:middle;text-decoration:none;color:inherit;background-color:inherit;text-align:left;cursor:pointer;white-space:normal}

    .articol_rezumat_buton_hxs {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

    @media screen and (min-width:600px) and (max-width:900px) {
        .imagine_h_lista_continut_integral{width:50%;}
        .imagine_v_lista_continut_integral{width:50%;}
    }

    @media screen and (min-width:600px) and (max-width:900px) {
        .imagine_h_continut_de_fond{width:50%;}
        .imagine_v_continut_de_fond{width:50%;}
    }