/* desktop style */
@media only screen and (min-width: 1024px){
    body {
        font-family:Arial,sans-serif,Helvetica;
        text-align:left;
        background-color: rgba(238, 238, 238, 0.44);
    }

    p.titlu {
        font-size:14pt;
        text-align:center;
    }

    .just{
        text-align: justify;
    }

    th
    {
        text-align:center;
    }

    p.centru
    {
        text-align:center;
    }

    td.centru{
        text-align: center;
    }

    table.centru{
        margin-left: auto;
        margin-right: auto;
    }

    span.tab
    {
        text-indent: 1cm;
        text-align:justify;
        display:inline-block;
    }

    p.tab {
        text-indent:1cm;
        text-align:justify;
        display:block;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .sub {
        font-size:smaller;
    }

    span.centru
    {
        text-align:center;
        width:100%;
        display:block;
    }

    span.tabtab
    {
        margin-left:2cm;
    }

    p.tabtab{
        margin-left:2cm;
    }
    .dreapta
    {
        text-align:right;
    }

    .publicat
    {
        text-align:right;
        font-style:italic;
    }

    .sub
    {
        width:30%;
        margin-left:0px;
    }

    .nota {
        font-size:9px;
        font-family:Arial,sans,Helvetica;
    }

    .linie_punctata {
        border-color:white;
        border: 1px;
        border-style:dotted;
        width:100%;
        border-spacing:0;
    }


    .subtitlu {
        font-size:12pt;
        text-align:center;
    }

    .cap {
        font-size:12pt;
        text-align:justify;
        text-indent:0.5cm;
        text-decoration:none;
        font-weight:bold;
    }

    .subcap {
        font-size:10pt;
        text-align:justify;
        text-indent:1cm;
        text-decoration:none;
        font-weight:bold;
    }

    .subsubcap {
        font-size:10pt;
        text-align:justify;
        text-indent:2cm;
        text-decoration:none;
        font-weight:bold;
    }

    a
    {
        text-decoration:none;
        font-weight:inherit;
    }

    tr.par {
        background-color:#E0E0E0;
        border-spacing:0;
    }

    tr.impar {
        background: transparent;
        border-spacing:0;
    }

    td.par
    {
        font-size:8pt;
        text-align:justify;
        border-spacing:0;
        padding-left:10px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;
    }

    td.impar {
        font-size:8pt;
        text-align:justify;
        border-spacing:0;
        padding-left:10px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;
    }

    td.wide {
        letter-spacing:0.2em;
        /*text-align:justify;*/
    }

    span.wide {
        letter-spacing:0.2em;
        /*text-align:center;*/
    }

    p.wide{
        letter-spacing:0.2em;
    }
    .lightgray{
        background-color: lightgray;
    }

    p.copyr{
        /*color: #aaaaaa;*/
    }

    .body{
        text-align:left;
        font-family:Arial;
        font-size:12px;
        margin:auto;
        padding:0;
        /*background-color: #d7d7d7;*/
        /*background: none repeat scroll 0% 0% white;*/
        background-color: rgba(238, 238, 238, 0.44);
        /*width: 1024px;*/
        /*background-color:#d2d3d5;*/
    }
    a{
        text-decoration: none;
    }
    a img{
        border:0;
    }
    b{
        font-weight:bold;
    }
    .fr{
        float:right !important;
        margin-right:15px;
        padding-bottom: 1rem;
    }
    .ml20{
        margin-left:20px;
    }
    .blue-text{
        color:#00AEF0;
    }
    .header-holder{
        /*background:url(../img/top_bg.jpg) repeat-x top center #fff; */
        /*background:url(../img/dna.png) no-repeat top left #fff; */
        /*border:1px solid yellow;*/
        position:relative;
        /*height:147px;*/
        width:1024px;
        margin: 0 auto;
        /*background-color: black;*/
        /*background-color: white;*/
        height: 3rem;
    }

    .header1{
        /*background: linear-gradient(90deg, rgb(0,139,139) 0%, #1CB5E0 100%);*/ /*#000851*/
        /*background: rgb(0,139,139);*/

    }

    .header{
        background:url(../img/header.jpg) repeat-x center #fff;
        height:155px;
        width:1024px;
        margin:0 auto;
        position:relative;
        text-align:left;
    }

    .lang-holder{
        min-height: 20px;
        /*width: 95%;*/
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
        /*height: 45px;*/
        position:relative;
        top:0;
        /*background-color: white;*/
        margin: 0 auto;
        /*display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;*/
        /*flex: 1;*/
        padding: 0;
        padding-top: 1em;
        display: grid;
        grid-template-columns: 84px 940px;
        background: url(../img/dna_sigla.png) no-repeat #002c53;
        background-position: left 30% top 10%;

    }

    .lang-holder2{
        min-height: 20px;
        /*width: 95%;*/
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
        /*height: 45px;*/
        /*width: 1024px;*/
        position:relative;
        top:0;
        /*background-color: white;*/
        margin: 0 auto;
        /*display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;*/
        /*flex: 1;*/
        padding: 0;
        padding-top: 1em;
        display: grid;
        grid-template-columns: 84px 940px;
        background-position: left 30% top 10%;

    }

    .lang-holder-child{
        min-height: 20px;
        /*height: 45px;*/
        width: 100%;
        position:relative;
        top:0;
        /*background-color: white;*/
        margin-left: auto;
        margin-right: auto;
        /*display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;*/
        display: grid;
        /*flex: 1;*/
        padding: 0;
        padding-top: 1em;
        grid-template-rows: 140px;

    }

    .lang-holder-child::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: url("../obiect2.jsp?id=618");
        background-size: cover;
        background-repeat: no-repeat;
        filter: opacity(0.10);
    }

    .lang-holder a{
        /*display:inline-block;*/
        top: 0;
        /*float:right;*/
        margin-right:5px;
    }

    .unu{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 3;




    }

    .doi{
        /*width: 50%;*/
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        text-align: center;
    }

    .trei{
        /*width: 20%;*/
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;

    }

    a.lang-ro{
        /*background:url(../img/ro.jpg) no-repeat center center;*/
        background:url(../img/RO.svg) no-repeat center center;
        vertical-align: top;
        width:2rem;
        height:2rem;
    }
    a.lang-en{
        /*background:url(../img/en.jpg) no-repeat center center;*/
        background:url(../img/UK.svg) no-repeat center center;
        width:2rem;
        height:2rem;
        border-right: 1px solid lightgray;
        padding-right: 6px;
        margin-right: 6px;
    }

    a.mare{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 2rem;
        font-family: Arial, sans-serif, Helvetica;
        text-decoration: none;
        color: lightgrey;
        cursor: zoom-in;
    }

    a.mic{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 2rem;
        cursor: zoom-out;
        font-family: Arial, sans-serif, Helvetica;
        text-decoration: none;
        color: lightgrey;
    }

    a.mediu{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 2rem;
        cursor: nesw-resize;
        font-family: Arial, sans-serif, Helvetica;
        text-decoration: none;
        color: lightgrey;
        text-align: center;
    }

    .fb{
        background:url(../img/facebook.svg) no-repeat center center;
        width:2rem;
        height:2rem;
        border-right: 1px solid lightgray;
        padding-right: 8px;
        margin-right: 10px;
        /*background-color: red;
        color: green;
        width:17px;
        height: 17px;
        display: block;*/
    }
    .logo{
        display: inline-block;
        left: 81px;
        position: absolute;
        top: 33px;
        width: 279px;
    }
    .logo-parchet{
        display: inline-block;
        position: absolute;
        right: 83px;
        top: 15px;
        width: 137px;
    }
    ul.top-menu{
        display: flex;
        flex-direction: row;
        font-family:Verdana;
        /*list-style: none outside none;*/
        margin: 0 auto;
        padding: 0;
        left:25px;
        /*top:12px; modificare hossu*/
        /*top:-300px;*/
        position:relative;
        width: 250px;
    }
    ul.top-menu li{
        margin-bottom: 1px;
        padding-bottom: 1px;
    }
    ul.top-menu li.selected{
        font-weight:bold;
        border-bottom:2px solid #00aef0;
    }
    ul.top-menu a{
        color:#012857;
        text-decoration:none;
        font-size: 16px;
    }
    ul.top-menu a:hover{
        font-weight:bold;
    }
    ul.second-menu{
        font-family: Verdana;
        font-size: 11px;
        position: absolute;
        left: 749px;
        top: 8px;
    }
    ul.second-menu a{
        color:#fff;
        text-decoration:none;
    }
    ul.second-menu a:hover{
        font-weight:bold;
    }
    .content-holder{
        position: relative;
        /*background: #fff;*/
        /*background-color:white;*/
        padding-bottom: 0;
        /*min-height:400px;*/
        display: grid;
        grid-template-rows: 159px auto 100.5px;
        grid-template-columns: auto 1000px auto;
    }

    .content{
        text-align:left;
        margin:0 auto;
        width:1000px;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: span 3;
        display: grid;
        grid-template-areas: "top-text top-text top-text"
            "tools tools tools"
            "results results results"
            "left-content right-content right-content"
            "left-content spatiu mini-content"
            "full-width full-width full-width"
            "blue-band blue-band blue-band"
            "picture picture picture";

        /*grid-template-rows: 63px 1rem auto 200px;*/
        grid-template-rows: 63px auto auto minmax(0,max-content) minmax(0,max-content) minmax(min-content,max-content) minmax(min-content,max-content) minmax(0,min-content);
        align-content: start;
    }


    .results{
        grid-area: results;
        /*display: grid;*/
    }

    .results2{
        grid-area: results;
        display: grid;
    }

    .full-width{
        display: grid;
        padding: 1rem;
        grid-area: full-width;
    }

    .full-width2{
        grid-area: full-width;
        width: 98%;
    }

    .content-maps{
        text-align:left;
        margin:0 auto;
        width:1000px;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: span 3;
        display: grid;
        grid-template-columns: 480px auto;
        grid-template-areas: "top-text top-text top-text"
            "tools tools tools"
            "maps maps maps"
            "content content content"
            "left-content right-content right-content"
            "picture picture picture";
        grid-template-rows: 63px auto auto auto auto;
    }


    .top-text{
        font-family: 'Times New Roman', 'Times';
        font-size: 46px;
        /*height: 63px;*/
        text-align: center;
        color: #002c53;
        grid-area: top-text;
        /*position:relative;*/


        /*display:block;*/
    }
    .top-text span{
        float:left;
        margin: 0 6px;
    }
    .bull-mic{
        font-size: 16px;
        padding-top: 16px;
    }
    .left-content{
        margin-right: 25px;
        position:relative;
        grid-area: left-content;
    }
    .right-content{
        display: grid;
        grid-area: right-content;
        /*width:521px;
        position:relative;*/
        vertical-align: top;
    }

    .picture{
        grid-area: picture;
        margin-bottom: 5px;
        margin-left: 3px;
        margin-right: 3px;
    }
    .hp-r-bg{
        background:url(../img/homepage/colaj.jpg) no-repeat center center;
        width:538px;
        height:371px;
        position:relative;
    }
    div.sesizati-fapta-coruptie{
        /*background: url(../img/sesizeaza_fapta_coruptie.png) no-repeat scroll center center transparent;
        color:white;
      
        font-size:11pt;
        text-align:center;
        
        display: block;
        vertical-align: middle;
        height: 57px;
        left: 33px;
        position: absolute;
        top: 300px;
        width: 172px;
        */
        display: flex;
        margin: auto;
        text-align: center;
        align-items: center;

        /*background-image:url(../img/sesizeaza_fapta_coruptie.png);*/
        background:  /*rgb(46, 176, 199);*/ #002c53;
        border-radius: 10px;
        height:70px;
        width:200px;

    }
    div.sesizati-fapta-coruptie::before{
        background-image: url(../img/emyller-papyrus.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
        display:block;

        width: 2rem;
        height: 2rem;
        content:'';
    }
    .search-holder{
        position:absolute;
    }
    .clear{
        clear:both;
        /*background-color:white;*/
        border:none;
    }
    .hp-cauta-holder span,.cauta-comunicat span{
        color:#4882c2 !important;
    }
    .hp-cauta-holder{
        left: 345px;
        position: absolute;
        top: 325px;
    }
    .cauta-holder{
        font-size: 10px;
    }

    .cauta-holder span{
        color:#2a3349;
        font-weight:bold;
    }

    .search-text{
        float: left;
        font-size: 10px;
        height: 15px;
        margin: 1px 5px 0 0;
        width: 108px;
    }
    .search-btn{
        background-color:/*#222A47;rgb(0,139,139);*/#002c53;
        color:white;
        width:49px;
        height:18px;
        border:1px solid gray;
        border-radius: 5px;
        -moz-border-radius: 2px;
        padding:2px;
    }

    .search-btn2
    {
        position:relative;
        left:210px;
        top:-41px;
        background-color:#222a47;
        color:white;
        -moz-border-radius:2px;
        border-radius: 2px;
        border:1px solid gray;
    }
    .cauta-comunicate{
        float: left;
        margin-right: 60px;
    }
    div.cauta-arhiva{
        /*border: 10px solid red;*/
        display:block;
        margin-left: 0px;
        position: absolute;

        margin-top: 0.5em;
    }
    .section{
        margin-bottom: 25px;
    }
    .section-title{
        font-family: Verdana;
        color: #012857;
        font-size: 1.2rem;
        border-top: 1px solid lightgray;
        border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
        border-radius: 5px;
        width: fit-content;
    }
    /*.section-list{
        list-style: none outside none;
        margin: 10px 0;
        padding: 0;
    }

    .section-list li{
        margin-bottom: 10px;
    }*/
    /*.section-list a{
        color:#000000;
    }*/
    .footer{
        text-align:center;
        /*background:url(../img/footer_rl.png) repeat-x scroll center top transparent;*/
        /*background-color:#d2d3d5;*/
        background-color:#d7d7d7;
        position: relative;
        margin: 0;

    }
    .blue-footer{
        margin: 0 auto;
        /*background:url(../img/footer.png) no-repeat top center;*/

        /*background: linear-gradient(90deg, rgb(0,139,139) 0%, #00aef0 100%);*/
        /*background-color: rgb(0,139,139);*/
        background-color: #002c53;
        height:19px;
        /*height:25px;*/
        /*width:1012px;*/
        padding-top:6px;
        color: #FFFFFF;
        margin-bottom:15px;
        width:100%;
    }
    .blue-footer a{
        color: #FFFFFF;
    }
    .menu-footer a{
        color:#111;
    }
    .menu-footer{
        text-align: center;

        /*color:#7d7d7d;*/
        color:#111;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    /* comunicate urmarire penala */
    .data-comunicat{
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
    }
    .titlu-comunicat{
        font-style: italic;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
    }
    .denumite-comunicat{
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
    }
    .comunicat{
        margin-bottom: 15px;
    }
    .blue-band-comunicate{
        /*background: url("../img/blue_band_comunicate.jpg") no-repeat scroll center bottom transparent;*/
        background: linear-gradient(90deg, rgb(0,139,139) 0%, #00aef0 100%);
        float: right;
        height: 67px;
        margin: 0 4px 10px 0;
        position: relative;
        width: 537px;
    }
    .blue-band-comunicate a.sesizati-fapta-coruptie{
        top:0 !important;
    }
    .cauta-comunicat{
        margin-right: 0 !important;
        position: absolute;
        right: 30px;
        top: 25px;
    }
    .section-list a.selected{
        color:#00aef0;
    }
    /* END comunicate urmarire penala */

    /* despre noi*/
    .despre-noi-r-bg{
        background:url(../img/despre_noi/coruptie.jpg) no-repeat top center;
        width:536px;
        height:405px;
        position:relative;
    }
    .despre-noi-r-bg {
        font-size: 19px;
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .despre-noi-r-bg div.blue-band-comunicate{
        margin-bottom:0;
        position:absolute;
        bottom:0;
        left:0;
    }
    .grey-box{
        background: none repeat scroll 0 0 #545B68;
        color: #FFFFFF;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 10px;
        width: 270px;
        font-size: 11px;
    }
    .despre-noi-info-holder{
        /*width: 537px;*/
        margin: 15px 0;
        /*grid-area: full-width;*/
        display: grid;
    }

    .span2{
        grid-column: span 2;
    }

    .bread-crumbs{
        color:#00aef0;
        font-size:1rem;
        margin-bottom: 0.5rem;
        font-style: italic;
    }
    .bread-crumbs a{
        color:#00aef0;
    }


    .sp3{
        grid-column: 1 / span 3;
    }


    .bg-books{
        /*background:url(../img/despre_noi/books.jpg) no-repeat top center;*/
        background: url("/javax.faces.resource/images/comunicare.jpg.xhtml") no-repeat scroll top left transparent;
        height:605px;
    }

    .bg-resurse-umane{
        /*background:url(../img/despre_noi/books.jpg) no-repeat top center;*/
        background: url("/javax.faces.resource/images/resurse_umane.jpg.xhtml") no-repeat scroll top left transparent;
        height:605px;
    }


    .conducere{
        /*background:url(../img/despre_noi/conducere.jpg) no-repeat top center;*/
        background: url("/javax.faces.resource/images/de_jos.jpg.xhtml") no-repeat scroll top right transparent;
        height: 717px;

    }
    ul.left-menu{
        margin-left: 10px;
        width:200px;
    }
    ul.left-menu li.selected{
        background:#00AEF0 !important;
    }
    ul.left-menu li.selected a{
        color:#fff;
    }
    ul.left-menu li{
        padding: 3px 5px;
        background:#a8adb6;
        margin-bottom:5px;
        position:relative;
    }
    ul.left-menu li a{
        color:#3a3535;
        font-weight: bold;
    }
    ul.left-menu li.head{
        font-size:16px;
        background:#1b2435 !important;
        color:#fff;
        padding: 7px 5px;
        font-family: verdana;
    }
    ul.left-submenu{
        background: url("../img/1pxblue.png") repeat scroll center center transparent;
        left: 218px;
        position: absolute;
        top: 0;
        width: 176px;
    }

    ul.left-submenu li{
        background: none;
        color: #FFFFFF;
        list-style: none outside none;
        margin: 0px 0px 0px -30px;
        padding: 3px 5px 3px 0;
    }
    ul.left-submenu li a{
        color:#fff;
        font-style: italic;
        font-weight: bold;
    }
    ul.left-submenu li.selected{
        background: none !important;
    }
    ul.left-submenu li.selected,ul.left-submenu li.selected a{
        color:#231f20;
    }
    /* END despre noi*/

    .download-box{
        right: 0;
        position: absolute;
        text-align: right;
        top: 245px;
    }

    .nume-procuror{
        font-size:16px;
        margin-bottom:10px;
        display:block;
    }
    .info-procuror{
        font-style:italic;
        display:block;
        margin-bottom:15px;
    }

    /* servicii teritoriale */
    .bg-servicii-teritoriale{
        background: url(../img/servicii_teritoriale/harta.jpg) no-repeat scroll top left transparent;
        height:385px;
    }
    a.arie-competenta{
        background: url(../img/servicii_teritoriale/arie_competenta.jpg) no-repeat scroll top left transparent;
        width:194px;
        height:42px;
        display:block;
        float:right;
    }
    .lista-servicii-teritoriale{
        float: left;
        height: 2100px;
        margin-right: 15px;
        overflow-y: scroll;
        width: 352px;
    }
    .detalii-locatie{
        width:170px;
        float:left;
        color:#00AEF0;
        text-align:center;
        font-style:italic;
        font-size:10px;
    }
    .servicii-teritoriale-holder{
        margin:15px 0;
    }
    .serviciu-teritorial{
        background: url(../img/servicii_teritoriale/simple_bar.jpg) no-repeat scroll center right transparent;
        padding-right: 45px;
        margin-bottom: 20px;
    }

    .serviciu-teritorial a{
        color:#000;
        font-weight:bold;
    }

    .selected-arrow{
        background: url(../img/servicii_teritoriale/selected_arrow.jpg) no-repeat scroll center right transparent !important;
        color:#00AEF0;
    }
    .selected-arrow a{
        color:#00AEF0;
        font-weight:bold;
    }
    .bg-europa{
        background: url(../img/servicii_teritoriale/bg_europa.jpg) no-repeat scroll top right transparent !important;
        height:385px;
    }
    a.arie-competenta-but{
        background: url("../img/left_arrow.jpg") no-repeat scroll left center transparent !important;
        display: block;
        height: 23px;
        margin: 15px auto;
        padding: 7px 0 0 100px;
        width: 330px;
        color:#00AEF0;
    }
    /* END servicii teritoriale */

    /* rezultate */
    .bg-rapoarte{
        background: url(../img/rezultate/rapoarte.jpg) no-repeat scroll top right transparent;
        height:385px;
    }
    ul.lista-rezultate{
        list-style: disc outside none;
        padding-left:15px;
    }
    ul.lista-rezultate li{
        margin-bottom:10px;
    }
    a.download{
        height: 2rem;
        padding: 2rem;
        margin-left: 0px;
        color:#000;
        display:inline-block;
    }

    a.download::before{
        background: url(../img/down.png) no-repeat;
        background-position: left;
        background-size: contain;
        display:inline-block;
        vertical-align: middle;
        width: 2rem;
        height: 2rem;
        content:'';
    }

    a.pdf{

        height: 2rem;
        padding-bottom: 1rem;
        margin-left: 0px;
        color:#000;
        display:inline-block;
    }

    a.pdf::before{
        background: url(../img/PDF_file_icon.svg) no-repeat;
        background-position: left;
        background-size: contain;
        display:inline-block;
        vertical-align: middle;
        width: 2rem;
        height: 2rem;
        content:'';
    }
    a.list{
        height: 2rem;
        /*padding: 1rem;*/
        margin-left: 0px;
        color:#000;
        display:inline-block;
    }

    a.list::before{
        background: url(../img/emyller-papyrus.svg) no-repeat;
        background-position: left;
        background-size: contain;
        display:inline-block;
        vertical-align: middle;
        width: 2rem;
        height: 2rem;
        content:'';
    }

    .title-trimiteri{
        float:left;
        color:#003767;
        width: 330px;
    }
    .cauta-trimiteri{
        float: right;
        width: 170px;
        margin-bottom: 10px;
    }
    table.tabel-trimiteri{
        margin:15px 0;
        text-align:center;
        width:100%;
    }
    table.tabel-trimiteri th{
        background:#788891;
        color:#fff;
        padding:3px;
        border-right:2px solid #fff;
    }

    table.tabel-trimiteri td{
        background:#f0f0f1;
        border-right:2px solid #fff;
        vertical-align: middle !important;
        padding:3px;
        color:#58585a;
    }
    table.tabel-trimiteri tr.odd td{
        background:#c7c8ca !important;
    }
    table.comunicate-presa{
        margin:15px 0;
        grid-area: content;

    }
    table.comunicate-presa td{
        /*background:#c7c8ca;*/
        border-bottom:2px solid #fff;
        padding:6px;
    }
    table.comunicate-presa tr.odd td{
        background:#f0f0f1 !important;
    }

    table.comunicate-presa tr.even td{
        background-color:white;
    }

    ol.letter{
        list-style-type: lower-alpha;
        padding-left: 25px;
    }
    .bg-birp{
        /*background: url(../img/birp/birp_1.jpg) no-repeat scroll top right transparent;*/
        /*background: url(../img/birp/birp_1.jpg) no-repeat scroll top right transparent;*/
        background: url("/javax.faces.resource/images/press.jpg.xhtml") no-repeat scroll top left transparent;
        height:717px;
    }
    .birp-contanct{
        margin-top:15px;
    }
    a.cv-birp img{
        margin:10px 0 10px 150px;
    }
    .info-birp{
        /*width: 260px;
        position:relative;*/
    }
    .w130{
        /*width: 130px !important;*/
    }
    /* END rezultate */

    a.right-arrow-interviu{
        display:block;
        background: url(../img/birp/right_arrow.jpg) no-repeat scroll top right transparent;
        width:9px;
        height:8px;
        margin:0 10px;
    }
    .bg-informare{
        /*background: url(../img/informare_publica/dosare.png) no-repeat scroll top right transparent;*/
        background: url("/javax.faces.resource/images/scrie.jpg.xhtml") no-repeat scroll top right transparent;
        height:605px;
    }

    ul.rapoarte{
        list-style: disc outside none;
        padding-left:15px;
        margin-top:15px;
    }
    ul.rapoarte li{
        margin-bottom: 15px;
    }
    a.download-right{
        background: url(../img/download_pdf_small.jpg) no-repeat scroll top right transparent;
        height:21px;
        padding-right:25px;
        margin:5px 0;
        color:#000;
        display:block;
    }
    .bg-cooperare{
        background: url(../img/cooperare/sala.jpg) no-repeat scroll top right transparent;
        height:385px;
    }
    .info-button{
        background: url(../img/cooperare/button_bg.jpg) no-repeat scroll center top transparent;
        color: #FFFFFF;
        display: block;
        float: left;
        font-weight: bold;
        height: 20px;
        margin-left: 10px;
        padding-top: 5px;
        text-align: center;
        width: 135px;
    }
    .info-button-2{
        background: url(../img/cooperare/button_2_bg.jpg) no-repeat scroll center top transparent !important;
    }
    .info-button-3{
        background: url(../img/cooperare/button_3_bg.jpg) no-repeat scroll center top transparent !important;
    }
    .ml110{
        margin-left:110px
    }
    .w100{
        width:100px;
    }
    .eveniment-detaliat{
        margin: 10px 0 10px 110px;
        text-align: justify;
        width: 425px;
    }
    .gallery-holder{
        margin-top:15px;
    }
    .gallery-holder img{
        margin: 0 0 19px 19px;
    }
    .blue-holder{
        background: none repeat scroll 0 0 #3ba1b7;
        /*#37B7E7; era prea azuriu*/
        color: #FFFFFF;
        margin: 0 30px;
        padding: 15px;
        text-align: justify;
        font-size: 12px;
    }
    #accordion{
        margin-bottom:20px;
    }
    .w355{
        width:355px !important;
    }
    .bg-justitie{
        background: url(../img/sesizati/justitie.jpg) no-repeat scroll top right transparent;
        height:385px;
    }
    .blue-box-2{
        background:#b3ccd2;
        padding: 20px;
        margin-bottom:15px;
    }
    .w190{
        width: 190px;
    }
    .form-contact{
        vertical-align: middle !important;
    }
    .form-contact tr td{
        padding-bottom:10px;
    }
    .form-contact input, .form-contact textarea{
        width:98%;
        padding-right: 0.5rem;
    }
    input.trimite-mesaj{
        /*background: url(../img/sesizati/trimite_mesaj.jpg) no-repeat scroll top right transparent;
        e oribil cu negrul acela
        nu suporta internationalizare Hossu 18.01.2012
        */
        /*width:100px;
        height:23px;
        float:right;*/
        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;
    }


    .circuit-fapta-coruptie{
        background: url(../img/sesizati/circuit_sesizare_mic.jpg) no-repeat scroll top center transparent;
        width:500px;
        height:243px;
        margin:15px 0;
        position:relative;
    }
    .circuit-fapta-coruptie a{
        position:absolute;
        display:block;
    }


    /*#out_content
    {
        display:box;
        background: none repeat scroll 0 0 #3aa1b7;
        color: #FFFFFF;
        padding: 40px;
        text-align: justify;
        font-family: Tahoma, Arial, sans;
        font-size:10pt;
    } nefolosit */

    .pasi-circuit div{
        color:#000;
        font-weight:bold;

    }

    .pasi-circuit a{
        color:#000;
        font-style:italic;
    }
    a.contacte{
        background: url(../img/contacte/contacte.jpg) no-repeat scroll top center transparent;
        display:block;
        position:absolute;
        top:10px;
        left:23px;
        width:164px;
        height:32px;
    }
    .bg-contacte{
        background: url(../img/contacte/harta.jpg) no-repeat scroll top right transparent;
        height:385px;
    }

    a.legaturi{
        background: url(../img/contacte/legaturi.jpg) no-repeat scroll top center transparent;
        display:block;
        position:absolute;
        top:10px;
        left:23px;
        width:164px;
        height:32px;
    }
    table.links{
        width:100%;
    }
    table.links a{
        color:#00AEF0;
    }
    .bg-legaturi{

        height:385px;
    }
    .bi{
        font-weight:bold;
        font-style:italic;
    }
    .eroare
    {
        font-weight:bold;
        color:red;
    }

    .blue-band
    {
        /*background: url("../img/blue_band_comunicate.jpg") no-repeat scroll center bottom transparent;*/
        /*background: linear-gradient(90deg, rgb(0,139,139) 0%, #00aef0 100%);*/
        /*float: right;*/
        height: 80px;
        margin: 0 4px 20px 0;
        position: relative;
        margin-top:10px;
        left:1px;
        width: 100%;
        grid-area: blue-band;
        display: grid;
    }

    div.sesizati
    {
        width:60%;
        margin:0 auto;
        position:relative;
        top:5px;
    }

    div.cauta-site
    {
        position:relative;
        left:1100px;
    }
    span.alb
    {
        color:white;
    }

    span.text-cautare
    {
        position:relative;
        left:110px;
        top:-20px;
    }

    div.header-nou{
        width:1024px;
        height:154px;
        margin:0 auto;
        background-color:white;
    }

    div.romania{
        position: relative;
        font-family: Arial, sans-serif, Helvetica;
        font-weight: bold;
        letter-spacing: 0.2rem;
        text-align: center;
        font-size: 1rem;
        padding-top: 5px;


    }

    div.dna
    {
        position:relative;
        width:445px;
        height:154px;

        top:2rem;
        background-image:url(../img/dna.png)
    }

    div.lang-holder div.titlu_dna{
        color: white;
    }

    div.titlu_dna .lang-holder2{
        color: #002c53;
    }

    p.titlu_dna, div.titlu_dna
    {
        position:relative;
        text-align:center;
        font-size: 2rem;
        font-family: Arial, sans-serif, Helvetica;
        font-weight: bold;
        padding-top: 2.4rem;
        padding-bottom: 0.2rem;

    }
    div.mpublic{
        font-size: 8pt;
        font-family: TimesNewRoman,Times,Serif;

        color:white;
        text-align:center;
        position:relative;
        top:-154px;
        left:730px;
        width:294px;
        height:147px;
        background-repeat: no-repeat;
        background-image:url(../img/ministerul_public.png);
        background-color:#36738b;
    }

    p.titlu_mpublic, div.titlu_mpublic
    {
        font-family: Arial, sans-serif, Helvetica;
        position: relative;
        padding-top:0.3rem;
        text-align: center;
        color: #111;
        font-size: 1rem;
        font-weight: bold;
        /*font-family: Times New Roman,Times,serif;*/

    }
    p.titlu_parchetul, div.titlu_parchetul
    {
        position: relative;
        top: 1.2rem;
        text-align: center;
        color: #111;
        font-size: 0.8rem;
        /*font-family: Times New Roman,Times,serif;*/
        font-family: Arial, sans-serif, Helvetica;

    }

    p.de_pe_langa, div.titlu_de_pe_langa
    {
        position: relative;
        text-align: center;
        color: #111;
        font-size: 0.6rem;
        top: 1.5rem;
        /*font-family: Times New Roman,Times,serif;*/
        font-family: Arial, sans-serif, Helvetica;
    }

    p.titlu_iccj, div.titlu_iccj
    {
        position: relative;
        top: 1.8rem;
        text-align: center;
        color: #111;
        font-size: 0.8rem;
        /*font-family: Times New Roman,Times,serif;*/

        font-family: Arial, sans-serif, Helvetica;
        letter-spacing: 0px;
    }
    span.titlu_iccj
    {
        display:inline-block;
        position:relative;
        top:0px;
        font-size:0.6rem;
        /*-moz-animation: transform: scaleX(0.84);*/
        -moz-transform: scaleX(0.84);

    }

    span.titlu_iccj_mic
    {
        display:inline-block;
        position:relative;
        top:0px;
        font-size:6pt;
        /*-moz-animation: transform: scaleX(0.84);*/
        -moz-transform: scaleX(0.84);
    }
    span.titlu_iccj:first-letter
    {
        font-size:8pt;


    }
    .ro
    {
        background-image:url(../img/ro.png);
        background-repeat: no-repeat;
        display:block;
        width:24px;
        height:16px;
        padding:4px;
    }
    .uk
    {
        background-image:url(../img/uk.png);
        background-repeat: no-repeat;
        display:block;
        width:24px;
        height:16px;
        padding:4px;
    }
    .france
    {
        background-image:url(../img/fr.png);
        background-repeat: no-repeat;
        display:block;
        width:24px;
        height:16px;
        padding:4px;
    }

    .btn-sesizare
    {
        background-color:lightsteelblue;
        color:black;
        position:absolute;
        border:1px solid lightsteelblue;
    }



    .romb
    {
        background-color:lightsteelblue;
        color:black;
        border:0;
        position:absolute;
    }


    div.un_rand
    {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        height:19px;
        width:99%;
    }
    div.doua_randuri
    {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        height:30px;
        width:99%;
    }

    div.trei_randuri
    {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        height:40px;
        width:99%;
    }

    div.cinci_randuri
    {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        height:100px;
        width:99%;
    }

    .triangle-up{
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 25px solid lightsteelblue;
    }

    .triangle-up-pressed{
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 25px solid #3ba1b7;
    }

    .triangle-down{
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 25px solid lightsteelblue;
    }

    .triangle-down-pressed{
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 25px solid #3ba1b7;
    }

    .triangle-left {
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-right: 30px solid lightsteelblue;
        border-bottom: 15px solid transparent;
    }

    .triangle-left-pressed {
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-right: 30px solid #3ba1b7;
        border-bottom: 15px solid transparent;
    }


    .triangle-right {
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-left: 30px solid lightsteelblue;
        border-bottom: 15px solid transparent;
    }

    .triangle-right-pressed {
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-left: 30px solid #3ba1b7;
        border-bottom: 15px solid transparent;
    }

    .arrow-up
    {
        position:absolute;
        border-bottom: 5px solid black;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;

    }
    .arrow-down
    {
        position:absolute;
        border-top: 5px solid black;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;

    }

    .arrow-left
    {
        font-size: 0px;
        line-height: 0%;
        width: 0px;
        border-top: 5px solid transparent;
        border-right: 5px solid black;
        border-bottom: 5px solid transparent;
        position:absolute;
    }
    .arrow-right
    {
        font-size: 0px;
        line-height: 0%;
        width: 0px;
        border-top: 5px solid transparent;
        border-left: 5px solid black;
        border-bottom: 5px solid transparent;
        position:absolute;
    }
    .hl
    {
        border-bottom:1px solid black;
        border-top:none;
        border-left:none;
        border-right:none;
        height:1px;
        position:absolute;

    }
    .vl
    {
        border-top:none;
        border-right:none;
        border-bottom:none;
        border-left:1px solid black;
        width:1px;
        position:absolute;
    }

    h3{
        display:box;
        background: none repeat scroll 0 0 lightgray;
        color: #FFFFFF;
        padding: 40px;
        text-align: justify;
        font-family: Tahoma, Arial, sans;
        font-size:10pt;
    }

    .intrerupt
    {
        display:table-cell;
        border-radius: 4px;
        text-align: center;
        position:absolute;
        vertical-align: middle;
        font-size:smaller;
        border:1px black dotted;
    }

    .roundcorner
    {

        display:table-cell;
        border-radius: 4px;
        border:1px solid black;
        text-align: center;
        vertical-align: middle;
        font-size:smaller;
        border:1px solid black;

        /*display:block;*/
    }

    .roundcorner2{
        padding: 1rem;
        border: 1px solid lightgray;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .arc
    {
        display:table-cell;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top:1px solid black;
        border-right: 1px solid black;
        border-left:none;
        border-bottom: 1px solid black;

        text-align: center;
        position:absolute;
        vertical-align: middle;
        font-size:smaller;
    }


    .arc2 {
        display:table-cell;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top:1px solid black;
        border-right: 1px solid black;
        border-left:1px solid black;
        border-bottom: none;

        text-align: center;
        position:absolute;
        vertical-align: middle;
        font-size:smaller;
    }
    .middle
    {
        display:table-cell;
        height:60px;
        margin:0 auto;
        width:200px;
        text-align: center;
        margin:0 auto;
    }


    .antique
    {
        background-color: antiquewhite;
    }

    .lavender
    {
        background-color:lavender;
    }

    .yellow
    {
        /*background-color:#fcefa1;*/
        background-color: #eaf1ff;
    }

    .burlywood
    {
        background-color:burlywood;
    }


    .violet
    {
        /*background-color:palevioletred;*/
        background-color: #002c53;
        color: white;
        border-color: gray;
    }
    .coral
    {
        /*background-color: coral;*/
        background-color: #1660a5;
        color: white;
    }
    .gold
    {
        /*background-color:#D4AF37;*/
        /*border: 1px solid #AA8C2C;*/
        /*height: 9rem;*/
        bottom: 3px;

    }

    .gold2
    {
        /*background-color: gold;*/
        background-color: #74aef8;
    }


    .structura-teritoriala
    {
        display:table;
        text-align: center;
        width:120px;
        margin:0 auto;
        position:absolute;
        top:140px;
        left:490px;

    }

    .structura-centrala
    {
        display:table;
        text-align: center;
        height:60px;
        width:95px;
        margin:0 auto;
        position:absolute;
        top:20px;
        left:500px;
    }


    .surse-financiare
    {
        /*background-image:url(../img/despre_noi/surse_financiare.jpg);*/
        background-image: url("/javax.faces.resource/images/resurse_financiare.jpg.xhtml");
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 566px;
    }

    .integritate
    {
        /*background-image:url(../img/despre_noi/surse_financiare.jpg);*/
        background-image: url("/javax.faces.resource/images/hands_globe.jpg.xhtml");
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 570px;
    }

    .structura
    {
        background-image:url(../img/despre_noi/structura.jpg);
        background-repeat: no-repeat;
        background-position: top right;
    }

    .sitemap
    {
        /*background-image:url(../../resources/images/arc.jpg);*/
        background-image: url("/javax.faces.resource/images/arc.jpg.xhtml");
        height: 805px;
    }

    li.disc
    {
        list-style: disc;
    }

    .cadrul-legal
    {
        /*background-image:url(../img/despre_noi/cadrul_legal.jpg);*/
        background-image: url("/javax.faces.resource/images/scrie.jpg.xhtml");
        height:605px;
    }
    .law-books
    {
        /*background-image:url(../img/despre_noi/law_books.jpg);*/
        background-image: url("/javax.faces.resource/images/comunicare2.jpg.xhtml");
        height:605px;
    }
    .bold
    {
        font-weight: bold;
    }

    .border{
        border:1px solid black;
    }

    td.borderright
    {
        border-right: 1px solid black;
        padding-right:20px;
    }

    .first
    {
        /*border:1px solid magenta;*/
        border: none;
        /*border:0px;*/
        background-image: url(../img/dna.png);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 445px;
    }

    .second
    {
        /*border:1px solid black;*/


    }

    .third
    {
        /* border:1px solid black;*/
        background-image: url(../img/ministerul_public.png) ;
        background-repeat: no-repeat;
        width: 294px;
    }

    .full
    {
        width:100%;
    }

    .meniu
    {
        height: 154px;
    }


    .window_title{
        display: inline-block;
        vertical-align: middle;
    }

    .window_title:before{
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    td.top{
        vertical-align: top;
    }

    th.top{
        vertical-align: top;
    }

    td.half{
        width:50%;
    }

    th.half{
        width:50%;
    }

    td.w33{
        width:33%;
    }

    td.centru{
        text-align: center;
    }
    .new-menu{
        display: none;
    }

    .menu_emph{
        border-radius:5px;
        border:1px solid yellow;
        background-color:#cd0a0a;
        padding: 2px;
    }

    img.stema{
        position: absolute;
        display: block;
        width: fit-content;
        top: 0.5rem;
        width:120px;
        height:120px;
    }


    .new-menu {
        /*width: 40px;
        height: 30px;
        position: absolute;
        top: 20px;
        display: flex;*/
        /*right: 25px;*/
        /*cursor: pointer;
        background-color: white;
        display: none;*/
    }

    .mobile{
        /*display: flex;*/
        font-size: 1.2rem;
    }

    a.shown{
        display: block;
        text-align: left;
        /*display: flex;*/
    }

    a.mobile.submenu{
        visibility: visible;
        position: absolute;
        text-decoration: none;
        color: #111;
        z-index: 100;
        text-align: center;
        margin-left: auto;
        margin-right: auto;


    }

    a.mobile:not(.submenu,.single){
        visibility: hidden;
    }

    a.mobile.single{
        color: white;
    }

    div.mobile{
        /*visibility: collapse;*/

        position: absolute;
        /*margin-left: 20px;*/
        /*background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);*/
        color: white;
        /*z-index: 99;*/
    }

    div.shown{
        visibility: visible;

        padding: 2px;
        border-radius: 0px 0px 10px 10px;
    }

    div.hidden{
        visibility: hidden;
        padding: 0;
        background: none;
        border: none;
    }

    a.shown{
        visibility: visible;
        text-decoration: none;
        /*transition:all 0.1s ease-in-out;*/
        /*background-color: navy;*/
        color: #E0E0E0;
        text-align: left;
        /*overflow: auto;*/
    }

    a.shown:hover, a.mobile:hover, a.single:hover{

        background-color: #274c77;
        color: white;
        /*text-indent: 0.5em;*/
        ::before{
            content: ">";
            display: inline-block;
        }
    }

    a.shown:hover{
        width: 99%;
    }

    #new-menu{
        display: grid;
        color: white;
        position: absolute;
        width:100%;
        min-height: 4rem;
        height: 4rem;
        align-items: center;
    }


    .submenu{
        /*grid-template-columns: repeat(5,2fr) 1rem;*/
        grid-template-rows: 2rem;
        display: grid;
    }

    .submenu a{
        display: block;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .submenu-content :not(.shown){
        /*grid-column: 2 / span 5;
        grid-row-start: 2;*/
        /*grid-column: 2 / span 5;
        grid-row-start: 2;
        grid-row-end: 2;
        display: inline-block;
        position: absolute;
        float: left;
        top: 1em;
         z-index: 200;*/
        /*display: inline-block;*/
        /*display: none;*/
        /*flex-direction: column;*/
        left: var(--variabilaStanga);
        top: 1em;


        display: none;

        visibility: hidden;
        /*background: none;*/


    }

    .submenu-content.shown{
        position: absolute;
        /*background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);*/
        /*background: linear-gradient(90deg, #05668d 0%, #02c39a 100%);*/
        background: linear-gradient(90deg,#111 0%, #002c53 100%);
        display: block;
        visibility: visible;
        /*width: fit-content;*/
        width:400px;
        height: fit-content;
        left: var(--variabilaStanga);
        top: 2em;
        margin-top: 0px;
        z-index: 209;
    }

    .submenu-content .shown:not(a):not(.v){
        /*position: relative;
        visibility: visible;
        display: block;
        width: 200px;
        top: 0;
        left: var(--variabilaStanga);
        z-index: 211;
        padding: 2em;
        border: 2px solid red;*/
        left: 0;
    }



    .v .shown{ /* itemi din submeniu */
        position: relative;
        visibility: visible;
        /*left: 120px;*/
        display: block;
        width: 400px;
        /*background-color: navy;*/
        top: 0;
        z-index: 211;
        padding: 3px;
    }

    .v:not(.shown){
        background: none;
    }

    .submenu-content .simple :not(.shown){
        position: absolute;
        visibility: visible;
        display: block;
        background-color: black;
        width: 200px;
        top: 1em;
        z-index: 211;
        padding: 0;
    }


    .toggle-closed{
        grid-column-start: 6;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 1;
        background-repeat: no-repeat;
        background-size: 24px;
        background-image: url("/javax.faces.resource/images/caret.svg.xhtml");
        transition: 0.8s all ease;
        z-index: 100;


    }

    .toggle-open{
        grid-column-start: 6;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 1;
        background-repeat: no-repeat;
        background-size: 24px;
        background-image: url("/javax.faces.resource/images/caret.svg.xhtml");
        transform: rotate(180deg) translatey(30%);
        transition: 0.8s all ease;
        z-index: 100;
    }

    a.mobile.item{
        visibility: collapse;
        animation-duration: 2s;
        animation-delay: 0.5s;
    }
    a.shown.item{
        visibility: visible;
        animation-duration: 2s;
        animation-delay: 0.5s;
    }




    body .custom-indicator-galleria .ui-galleria-indicators {
        padding: 1rem .25rem 1rem 0;
    }

    body .custom-indicator-galleria .ui-galleria-indicator {
        width: 100%;
        text-align: right;
        font-weight: bold;
        padding: .357rem .75rem .357rem .75rem;
        margin-bottom: 0 !important;
    }

    body .custom-indicator-galleria .ui-galleria-indicator {
        color: #e9ecef;
        background-color: transparent;
        cursor: pointer;
        transition: background-color 0.2s, color 0.2s;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    body .custom-indicator-galleria .ui-galleria-indicator.ui-state-highlight {
        background-color: var(--primary-color);
        color: var(--primary-color-text);
    }


    div.section-list{
        border-top: 1px solid lightgrey;
        display: grid;
        grid-template-rows: 100px 100px;
        grid-template-columns: 300px 300px 300px;
        column-gap: 20px;
        row-gap: 10px;
        padding-top: 30px;
    }

    div.section-list2{
        border-top: 1px solid lightgrey;
        display: grid;
        grid-template-rows: 100px;
        grid-template-columns: 300px 300px 300px;
        column-gap: 20px;
        row-gap: 10px;

    }

    .item{
        align-self: center;
        padding: 7px;
        color: #111;
        font-size: 1rem;
    }


    a{
        color: #111;
        text-decoration: underline;
    }
    a.single, a.item, a.link, a.search-btn{
        text-decoration: none;
    }
    a.article:hover{

        font-weight: bold;
    }

    a.link{
        font-size: 1rem;
    }

    a.glass{
        display: block;
        vertical-align: top;
        width: 2rem;
        /*background-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");*/
    }


    div.lang-holder a.glass{
        background-color: white;
        -webkit-mask-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");
        -moz-mask-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");
        mask-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");
        -webkit-mask-repeat: no-repeat;
        -moz-mask-repear: no-repeat;
        mask-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 100% auto;
        -webkit-mask-size: cover;
        -moz-mask-size: cover;
        mask-size: cover;
    }

    div.lang-holder2 a.glass{
        background-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    div.lang-holder2 a.mic{
        color: #a8adb6;
    }

    div.lang-holder2 a.mare{
        color: #a8adb6;
    }

    div.lang-holder2 a.mediu {
        color: #a8adb6;
    }


    .glass2{
        /*content: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");*/
        display: flex;
        margin: auto;
        text-align: center;
        align-items: center;
        width: 6rem;
        border-radius: 5px;
        background-color: /*#00aef0;*/ rgb(0,120,174);
        -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
        -moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
        /* for FF 3.6 */
        background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
        color: white;
        text-decoration: none;
        padding: 2px;
        justify-content: center;

    }

    .glass2::before{
        /* background-color: purple;*/
        /*content: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");*/
        background-image: url("/javax.faces.resource/images/magnifying-glass.svg.xhtml");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
        display: block;
        width: 3rem;
        height: 3rem;
        content: "";

    }

    div.centru{
        text-align: center;
    }

    .comentariu{
        font-style: italic;
        color: #3333CC;
    }

    div.maximize{
        position: absolute;
        right: 3rem;
        top: 80px;
        /*display: none;*/
        width: 1rem;
        height: 1rem;
    }

    div.maximize.on{
        background-image: url("/javax.faces.resource/images/path817.png.xhtml");
        background-size: cover;
        content: ' ';
        /*width: 1rem;
        height: 1rem;*/
        /*display: none;*/

    }
    div.maximize.off{
        float: right;
        background-image: url("/javax.faces.resource/images/menu.svg.xhtml");
        background-size: cover;
        content: ' ';
        /*width: 1rem;
        height: 1rem;*/
        /*display: none;*/
    }



    div.sidebar{
        display: block;
        font-size: 1rem;
        background-color: #1b2435 !important;
        color: #fff;
        padding: 7px 5px;
        font-family: Verdana, Arial, sans-serif, sans;
        margin-bottom: 5px;

    }

    div.menu_content{
        display: block;
        vertical-align: top;
    }

    a.menu_link_item{
        display: block;
        color: #3a3535;
        font-weight: bold;
        font-size: 1rem;
        padding: 3px 5px;
        background-color: #a8adb6;
        margin-bottom: 5px;
        position: relative;
        text-decoration: none;
    }

    a.menu_link_item:hover{
        text-decoration: underline;
    }

    div.left-menu{
        margin-left: 10px;
        width:200px;
    }

    #left-menu.hidden{
        width:0px !important;
        height: 0px !important;
        overflow: hidden !important;
    }

    div.left-submenu{
        background: url("../img/1pxblue.png") repeat scroll center center transparent;
    }

    div.left-submenu-resurse-umane{
        background-color: rgba(0,174,240,166);
        position: relative;
        top: 19rem;
        left: 5px;
        padding: 2px;
        width: 320px;
    }

    div.procuror_sef{
        float: right;
        vertical-align: middle;
        display: inline-block;
        width:100%;
    }

    .larger{
        font-size: larger;
    }

    .buton_cv{
        padding-bottom: 1rem;
    }

    input.dreapta{
        position:  static;
        border: 6px solid red;
        margin-right: 20px !important;
        width:30px;
    }

    div#tree-container{
        top: 50px;
        width: 100%;
    }

    a.expand_all{
        font-size: x-large;
        text-decoration: none;
        padding-right: 5px;
        margin-bottom: 100px;
        font-family: courier;
    }

    .legenda
    {
        width:100%;
        text-align:left;
        display: block;
        margin-left:20px;
    }

    img.poza{
        width:100%;
        margin-left: auto;
        margin-right: auto;
        animation-name: fade;
        animation-duration: 1.5s;
    }


    .home{
        display: none;
    }


    .dna2
    {
        display:table;
        height:20px;
        width:225px;
        text-align: center;
        margin:0 auto;
        position:absolute;
        top:66px;
        left:260px;
    }

    .arrow1{
        top:81px;
        left:546px;
    }

    .arrow2{
        top:135px;
        left:546px;
    }


    .arrow3{

        position:absolute;
        top:79px;
        height:62px;
        left:550px;
        border-left:2px solid black;
    }

    .arrow4{
        position:absolute;
        top:88px;
        height:2px;
        left:485px;
        border-top:2px solid black;
        width:65px;
    }

    .no-text{
        text-indent: -9999px;
    }


    .piccj{
        position: absolute;
        width:200px;
        left:70px;
        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:50px;
        top:100px;
        height:60px;
    }

    .pt{
        position: absolute;
        width:280px;
        left:30px;
        top:160px;
        height:60px;
    }

    .pj{
        position: absolute;
        width:320px;
        left:10px;
        top:220px;
        height:60px;
    }

    .light{
        border: 1px solid lightgray;
        color: black;
        background-color: #e9ecef;
        /*rgba(238, 238, 238, 0.44);*/
        width: 200px;
        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-left-corner{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        background-image: url("/javax.faces.resource/images/top.svg.xhtml");
        background-repeat: no-repeat;
        /*background-size: 124.5px 94px;*/
        background-position: bottom 0px right 1px;
    }


    div.top-right-corner{
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        background-image: url("/javax.faces.resource/images/top.svg.xhtml");
        background-repeat: no-repeat;
        /*background-size: 124.5px 94px;*/
        background-position: bottom left;
    }

    div.bottom-left-corner, div.bottom-right-corner{
        background-image: url("/javax.faces.resource/images/bottom.svg.xhtml");
        background-repeat: no-repeat;
        /*background-size: cover;*/

    }

    div.bottom-left-corner{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        background-position: top 0px right 1px;
        background-image: url("/javax.faces.resource/images/bottom.svg.xhtml");
        /*background-size: 124.5px 94px;*/
    }

    div.bottom-right-corner{
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        background-position: top left;
        background-image: url("/javax.faces.resource/images/bottom.svg.xhtml");
        background-repeat: no-repeat;
        /*background-size:  124.5px 94px;*/
    }


    div.left-border{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        background-image: url("/javax.faces.resource/images/middle.svg.xhtml");
        background-position: top 0px right 1px;
        /*background-size: 124.5px;*/
        background-repeat: repeat-y;
    }

    div.right-border{
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        background-image: url("/javax.faces.resource/images/middle.svg.xhtml");
        /*background-size: 124.5px;*/
        background-repeat: repeat-y;
        background-position: left;
        height: 100%;
    }


    div.top{
        display: grid;
        grid-template-columns: auto 1024px auto;
        grid-template-rows: 140px;
    }

    div.top1{
        background-color: #002c53;
    }

    div.top2{
        background-color: #002c53;
    }

    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 */
    }




    a.topn{
        display: block;
        position: fixed;
        border: 2px solid black;
        border-radius: 2rem;
        bottom: 10px;
        right: 10px;
        width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        background-image: url("/javax.faces.resource/images/fast_top.svg.xhtml");
        background-repeat: no-repeat;
        background-position: center;
        text-decoration: none;
    }

    a.topn.hidden{
        display: none;
    }

    a.topn:hover{
        background-color: lightgray;
    }

    .eliminat{
        display: none;
    }

    .fixed{
        position: -webkit-sticky;
        position: sticky;
        background-color: white;
        top: 0;
        z-index: 100;
    }

    div.headera{
    }

    div.headera1{
        background-image: url(../img/dna_sigla_albastra.png);
        background-position: center right 10%;
        background-repeat: no-repeat;
        background-size: auto 30px;

    }

    div.header0{
        display: grid;
        grid-template-columns: auto 1024px auto;
    }




    .mySlides {
        display: none;
    }

    div.contact{
        display: block;
        border: 1px solid lightgray;
        border-radius: 8px;
        padding: 1em;
    }

    div.contacte{
        grid-area: content;
        /*2 / 1 / 2  / 4;   */
        display: grid;
        grid-template-columns: auto auto auto;
        column-gap: 2em;
        row-gap: 2em;
        margin-bottom: 1em;
    }



    /* background-uri noi */


    .bg-books2{
        background:url(../img/despre_noi/books2.jpg) no-repeat top center;
        height:500px;
    }

    .int-cooperare{
        background:url(../img/cooperare/int_cooperare.jpg) no-repeat top center;
        height: 667px;
    }

    .contacts{
        background:url(../img/contacte/contacts.jpg) no-repeat top center;
        height: 579px;
    }

    input[type="tel"]{
        border: none;
        background: none;
        font-size: inherit;
    }

    div.map{
        height: 300px;
        width: 100%;
        text-align: center;
        position: relative;
        visibility: visible;

    }


    div.shown_map{
        height: 300px;
        width: 100%;
        border: 1px solid black;
        visibility: visible;
    }

    span.map_container{
        grid-area: maps;
        display: none;
    }

    .map-container{
        width: 400px;
        height: 600px;
    }

    .map_dna_style{
        text-align: center;
        font-family: Roboto, Arial, sans-serif;
        font-weight: bold;
        font-size: 14px;
        /*color: #002c53;*/
        fill: #002c53;
        width:100%;
        stroke-width: 4px;
        stroke: #ffffff;
        paint-order: stroke fill;
        dominant-baseline: middle;
        text-anchor: middle;
        /*text-shadow:  rgb(232,255,255) 2px 2px 5px;*/
        /*-webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;*/
    }

    @supports(-moz-appearance:none) {
        .map_dna_style{

        }
    }

    .map_dna_marker{
        background-image: url("/javax.faces.resource/images/location.svg.xhtml");
        background-position: left 50% top 100%;
        background-repeat: no-repeat;
        height: 24px;

    }

    .map_dna_contour{
        position: absolute;
        left: 0px;
        width: 200px;
        transform: translate(-50%,-100%) translate(0px);

    }

    div.tools{
        grid-area: tools;
        text-align: right;
    }

    div.content-complet{
        grid-area: content;
    }

    div.three-rows{
        grid-area: results;
    }

    .coruptie{
        background: url("/javax.faces.resource/images/dolari_biblioraft.jpg.xhtml") no-repeat scroll top right transparent;

        height:718px;
    }

    div.info{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }



    .calendar{
        display: grid;
        grid-template-columns: repeat(7,1fr);
        width: 200px;
        font-family: Arial,sans;
        text-align: center;
        gap: 5px;
    }

    .red{

        background-color: #FFCC99;


    }

    .day{

        /*background-color: #FFCC99;*/
    }

    .dow{


    }

    .primirea{
        height:60px;
        top:0px;
        left:100px;
        width:200px;
    }

    .repartizarea{
        height:80px;
        top:115px;
        left:120px;
        width:200px;
    }

    .efectuarea{
        height:60px;
        top:222px;
        left:120px;
        width:200px;
    }


    .solutionarea{
        height:30px;
        top:334px;
        left:171px;
        width:100px;
    }

    .ordonanta{
        height:30px;
        top:398px;
        left:319px;
        width:100px;
    }

    .trimiterea{
        height:60px;
        top:500px;
        left:20px;
        width:120px;
    }

    .clasarea{
        height:60px;
        top:500px;
        left:220px;
        width:120px;
    }

    .renuntarea{
        height:60px;
        top:500px;
        left:400px;
        width:120px;
    }

    .arrow5{
        left:215px;
        top:110px;
    }

    .arrow6{
        left:215px;
        top:217px;
    }

    .arrow7{
        left:216px;
        top:305px;
    }

    .arrow8{
        left:365px;
        top:368px;
    }
    .arrow9{
        left:464px;
        top:495px;
    }

    .arrow10{
        left:276px;
        top:496px;
    }

    .arrow11{
        left:104px;
        top:495px;
    }

    .line1{
        left:298px;
        top:346px;
        width:72px;
    }

    .line2{
        left:108px;
        top:346px;
        width:35px;
    }

    .line3{
        left:448px;
        top:412px;
        width:20px;
    }

    .line4{
        left:280px;
        top:412px;
        width:10px;
    }

    .line5{
        left:219px;
        top:93px;
        height:20px;
    }

    .line6{
        left:220px;
        top:197px;
        height:25px;
    }

    .line7{
        left:220px;
        top:282px;
        height:25px;
    }

    .line8{
        left:369px;
        top:348px;
        height:25px;
    }

    .line9{
        left:108px;
        top:348px;
        height:152px;
    }

    .line10{
        left:468px;
        top:413px;
        height:86px;
    }

    .line11{
        left:280px;
        top:413px;
        height:86px;
    }

    .circuit{
        width:100%;
        height: 600px;
        position:relative;
    }

    div.menu-combined{
        display: flex;
        flex-direction: row;
    }

    div.left-submenu2{
        padding: 2px;
        background-color: rgba(0,174,240,166);
        top: 10.8rem;
        left: 5px;
        position: relative;
    }

    div.w300{
        margin-left: 2rem;
        margin-top: 2rem;
        width:300px;
    }
    .padding{
        padding: 0.2rem;
    }

    th.titlu{
        font-size: x-large;
        padding-bottom: 1rem;
    }

    input[type='tel'] {
        font-size: inherit;
    }

    .telephone-size{
        width: 16.5ch;
    }

    div.parent_concurs{
        width: 270px;
        height: 105px;

    }


}

.flex-vertical{

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 5px;
}


.flex-orizontal{

    display: flex;
    flex-direction: row;
    gap: 5px;
}

.fill-remaining{

    flex-grow: 1;
}

.italic{
    font-style: italic;
}

 div.concurs_anfp{
        background-image: url("/javax.faces.resource/images/concurs-anfp.png.xhtml");
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        margin-top: 2px;
        margin-bottom: 2px;

    }