@media only screen and (max-width: 399px){
    body {
        font-family:Arial,sans-serif,Helvetica;
        text-align:left;
        background-color: rgba(238, 238, 238, 0.44);
    }

    img.home{
        width: 32px;
        height: 32px;
    }
    
    .stema{
        display: none;
    }
    
    img.poza{
        display: none;
    }
    
    img.mic{
        display: none;
    }
    
    img.mare{
        display: none;
    }
    
    .fb{
        display: none;
    }
    
    .one, .two, .three {
    width: 100%;
    height: 4px;
    background: black;
    /* margin: 6px 6px 0px 0px; */
    margin-top: 6px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 0px;
    backface-visibility: hidden;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .new-menu {
    width: 40px;
    height: 32px;
    position: relative;
    top: 0px;
    bottom: 0px;
    /* right: 25px; */
    cursor: pointer;
    background-color: white;
    border: none;
    }
    
    .new-menu.on .one {
        /*transform-origin: 0px 10px;*/
        /*-moz-transform: rotate(45deg) translate(7px, 7px);
        -ms-transform: rotate(45deg) translate(7px, 7px);
        -webkit-transform: rotate(45deg) translate(7px, 7px);*/
        transform: translateX(0px) translateY(13px) rotate(45deg);
    }
    .new-menu.on .two {
        opacity: 0;
    }
    .new-menu.on .three {
        /*transform-origin: 7px -7px;*/
        /*-moz-transform: rotate(-45deg) translate(8px, -10px);
        -ms-transform: rotate(-45deg) translate(8px, -8px);
        -webkit-transform: rotate(-45deg) translate(8px, -10px);*/
        transform: translateX(0px) translateY(-7px) rotate(-45deg) /*translate(7px, -8px)*/;

    }
    
    .glass {
    display: inline-block;
    padding: 2px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    }
    
    .trei {
    /*width: 40%;
    display: flex;
    background-color: rgb(242, 242, 242);
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;*/
    /*float: right;*/
    }
    
    
    a.lang-ro{
        vertical-align: top;
        display: inline-block;
        padding: 2px;
    }
    a.lang-en{
        vertical-align: top;
        display: inline-block;
        padding: 2px;
    }
    
    .top-text{
        display: none;
    }
    
    svg.pipe{
        display: none;
    }
    
    .titlu_dna{
        text-align: center;
        font-family: Arial, sans-serif, Helvetica;
        font-weight: bold;
        font-size: 1.2rem;
    }
 
    div.map{
        display: none;
    }
    
    /*div.content, div.content-holder{
        display: flex;
        flex-direction: column;
    }*/
    
    div.section-list, div.section-list2{
        display: flex;
        flex-direction: column;
    }
    
    .item, div.section-title{
        padding: 5px;
        color: #111;
        font-family: Arial,sans-serif,Helvetica;
        font-size: 1rem;
        text-decoration: none;
    }
    
    .item:hover{
        text-decoration: underline;
    }
    
    div.section-title{
        text-align: center;
        font-weight: bold;
        
    }
    
    a.link{
        text-decoration: none;
        font-family: Arial, sans-serif, Helvetica;
        color: #111;
        
    }
    
    a.link:hover{
        text-decoration: underline;
    }
    
    #new-menu {
    background-color: white;
    border: none;
    font-family: Arial,sans-serif,Helvetica;
}
    
    div.mobile {
    visibility: collapse;
    position: absolute;
    /* background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); */
    color: white;
    z-index: 100;
    }
    
    a.mobile {
    visibility: collapse;
    position: absolute;
    background-color: blue;
    text-decoration: none;
    color: #E0E0E0;
    z-index: 100;
}
    a.shown.submenu {
    visibility: visible;
    text-decoration: none;
    display: inline-block;
    /* transition: all 0.1s ease-in-out; */
    /* background-color: navy; */
    color: #111;

    }
    
    .toggle-closed {
    width: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/javax.faces.resource/images/caret.svg.xhtml");
    height: 1em;
    position: absolute;
    float: left;
    /* margin-right: 0; */
    right: 30px;
    display: inline-block;
    /* border: 5px solid yellow; */
    transition: 0.4s all ease;
}
 
    .toggle-open {
    width: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/javax.faces.resource/images/caret.svg.xhtml");
    transform: rotate(180deg);
    height: 1em;
    position: absolute;
    /* margin-right: 0; */
    right: 30px;
    display: inline-block;
    transition: 0.2s all ease;
    }
    
    a.shown:not(.submenu) {
    visibility: visible;
    text-decoration: none;
    display: block;
    /* transition: all 0.1s ease-in-out; */
    /* background-color: navy; */
    color: #111;
    text-indent: 1rem;
    }
    
    .submenu-content.hidden{
        height: 0px;
        opacity: 0;
    }

    a.dreapta{
        text-align: right;
    }
    
    div.sidebar{
        width: 100%;
        background-color: #1b2435;
        color: whitesmoke;
        font-family: Arial, sans-serif, Helvetica;
        font-size: 1rem;
    }
    
    a.menu_link_item{
        background-color: lightgray;
        text-indent: 0.5rem;
        font-family: Arial, sans-serif, Helvetica;
        font-size: 1rem;
        color: #111;
        display: block;
        width: 100%;
        text-decoration: none;
    }
    
    a.menu_link_item:hover{
        text-decoration: underline;
    }
    
    
    
    a.link:hover{
        text-decoration: underline;
    }
    
    div.info{
        font-family: Arial, sans-serif, Helvetica;
        padding-bottom: 1rem;
    }
    
    p.copyr{
        font-family: Arial, sans-serif, Helvetica;
        font-size: 0.6rem;
        color: #666;
    }
    
    a.expand_all{
        float: right;
        text-decoration: none;
    }
    
    p.titlu{
        text-align: center;
        font-weight: bold;
        font-size: 1.2rem;
    }
    
    body{
        margin-left: 4px;
        margin-right: 4px;
    }
    
        .piccj{
         width:200px;
         left:80px;
         top:40px;
         height:60px;
    }
    
    .middle2{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width:100%;
        /*height:60px;*/





     }
     
     .pca{
         position: absolute;
          width:240px;
          left:60px;
          top:100px;
          height:60px;
     }
     
     .pt{
         position: absolute;
          width:280px;
          left:40px;
          top:160px;
          height:60px;
     }
     
     .pj{
         position: absolute;
          width:320px;
          left:20px;
          top:220px;
          height:60px;
     }
     
    a.shown:hover{
        background-color: rgb(242, 242, 242);
    }

     .comentariu {
        font-style: italic;
        color: #3333CC;
    }
    
    span.tab{
        text-align: justify;
        display: inline-block;
        text-indent: 1em;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .light {
        border: 1px solid lightgray;
        color: black;
        background-color: white;
        width: 30%;
        height: 1.2rem;
        float: left;
    }
    
    
    a.category {
        
    background-image: url("/javax.faces.resource/images/category.svg.xhtml");
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    }
    
    a.calendar {
    background-image: url("/javax.faces.resource/images/calendar.svg.xhtml");
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    }

    div.top, div.lang-holder{
        height: fit-content;

    }
    
    a.mic{
        padding: 2px;
        height: 18px;
        display: inline-block;
    }
    
    a.mare{
        padding: 2px;
        height: 18px;
        display: inline-block;
    }
    
    p.centru
    {
        text-align:center;
    }
    
    ol.letter {
        list-style-type: lower-alpha;
        padding-left: 2rem;
    }

    .bread-crumbs{
        color:#00aef0;
        font-size:1rem;
        margin-bottom: 0.5rem;
        font-style: italic;
    }
    .bread-crumbs a{
        color:#00aef0;
    }
    
    
    td.centru{
        text-align: center;
    }
    
    
    .blue-box-2{
        background:#b3ccd2;
        padding: 1rem;
        margin-bottom:1rem;
    }
    
    input.trimite-mesaj{
        background-color:#111;
        width:auto;
        height: 2rem;
        color:white;
        border:none;
        padding:0;
        margin:0;
        cursor:pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 0.5rem;
    }
    
     input[type='tel'] {
        font-size: inherit;
        border: none;
        background-color: transparent;
    }
    
    .telephone-size{
        width: 16.5ch;
    }

    .bold
    {
        font-weight: bold;
    }

    .italic{
        font-style:italic;
    }    
    
     div.contact{
        padding-bottom: 1.5rem;
    }
    
    .unu{
        background-color: #002c53;
    }
    
    .doi{
        background-color: #002c53;
    }
    
    div.titlu_dna{
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        color: white;
    }
    
     div.steag{
         margin-top: 1px;
         display: grid;
         grid-template-columns: auto auto auto;
         grid-template-rows: 5px;
     }
     
     div.albastru{
         background-color: #002b7f; /* albastru tricolor */
     }
     
     div.galben{
         background-color: #fcd116; /* galben tricolor */
     }
     
     div.rosu{
         background-color: #ce1126; /* rosu tricolor */
     }
     
    div.sesizati
    {
        margin-top: 5px;
        margin-bottom: 5px;
        position:relative;
        background-color: #002c53;
        border-radius: 5px;
        padding: 5px;
        display: inline-block;
    }
    
    div.parent_concurs{
        width: 123px;
        height: 48px;
    }
    
    table.comunicate-presa td{
        padding: 2px;
    }
    
    table.comunicate-presa tr.odd td{
        background: #f0f0f1 !important;
    }
}