.off-canvas-content { background-color: #F1FAF5; }
#main-row { border-left: solid 1px #1FA111; border-right: solid 1px #1FA111; }
#left_main_menu { border-right: solid 1px #1FA111; }
#header { background: #1FA111; position: relative; }
#logo { display: none; }
#header h1 { margin: 0; text-align: center; line-height: 36px; font-size: 1.6rem; font-weight: bold; color: #1FA111; text-shadow: 1px 1px 0px #ccc; background: #fff; }
#header p { margin: 0; text-align: center; color: #fff; font-weight: bold; }
.menu-icon { margin: 10px 20px 0 0; }
#main_wrapper { background: #AEE3C9; }
#content { background: #fff; }

.text-green { font-weight: bold; color: #336600;}
.has-img { padding-bottom: 20px; }
.has-img img { border: solid 1px #777; box-shadow: 3px 3px 3px #888888; margin: 0 5px; }
.has-many-img img { margin-bottom: 58px; }
.off-canvas-wrapper, .off-canvas { background: #AEE3C9; }

#left_menu { margin-top: 14px; margin-bottom: 14px; }
ul.menu { border-top: solid 1px #777; background: #E8F7EF; }
ul.menu li a { width: 100%; border-bottom: solid 1px #777; }
li.m_sel { background: #D0F0E0; }
ul.menu li p { margin-bottom: 0; padding-bottom: 39px; border-bottom: solid 1px #777; }
.menu.nested { margin: 0px; border-top: none; background: #E8F7EF; }
.menu.nested > li > a { padding-left: 2rem; }

h2 { font-size: 1.4rem; font-weight: bold; color: #1FA111; margin: 20px 0px 10px 0px; border-bottom: solid 1px #1FA111; display: inline-block; text-shadow: 1px 1px 0px #ccc; }
h3 { font-size: 20px; font-weight: bold; color: #1FA111; margin: 10px 0px 10px 0px; }
h4 { font-size: 18px; font-weight: bold; color: #1FA111; margin: 10px 0px 10px 0px; }

#footer { color: #fff; background: #1FA111; }
#footer ul.menu { border-top: none; background: none; }
#footer ul.menu li a { border-bottom: solid 1px #E8F7EF; }
#footer .menu li a { color: #fff; }
.fb_link { padding: 7.2px !important; }
#cr { font-size: 12px; line-height: 40px; }

@media screen and (max-width: 639px) {
    #header p { height: 36px; line-height: 36px; }
}
@media screen and (min-width: 640px) {
/*    #main-row {margin-top: 10px; }*/
    #header { height: 100px; background: #1FA111 url(../css_img/floare.gif) 100% 0 no-repeat; }
    #header h1 { display: inline-block; margin: 32px 0 5px 0; background: #fff; text-align: left; color: #1FA111; text-shadow: 1px 1px 0px #ccc; padding: 0 16% 0 25%; }
    #header h1 {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85,1fa111+100&1+0,1+85,0+100 */
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(31,161,17,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 85%,rgba(31,161,17,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 85%,rgba(31,161,17,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#001fa111',GradientType=1 ); /* IE6-9 */
    }
    #header p { padding-left: 30%; margin: 0; text-align: left; line-height: auto; color: #fff; font-weight: bold; }
    h2 { padding-left: 15px; background: url(../css_img/h2.gif) 0 52% no-repeat; }
    #logo { display: block; width: 25%; height: 100%; position: absolute; background: url(../css_img/sigla.gif) 50% 50% no-repeat; }
}