/* mobile style */
@media only screen and (min-width: 400px) and (max-width: 600px){
    body {
        font-family:Arial, sans-serif, Helvetica;
        text-align:justify;
        margin: 1em;
        background-color: rgba(238, 238, 238, 0.44);
    }

    .titlu{
        text-align: center;
    }

    .tab{
        text-align: justify;
        text-indent: 1rem;
        display:inline-block;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .top-text{
        display: none;
    }

    td.first{
        border: none;
        /*background-image: url(../img/dna.png);*/
        /*background-color: #002B7F;*/
        background-color: #17202b;
        color: white;
        text-align: center;
    }

    td.second{
        /*background-color: #FCD116;*/
    }

    td.third{
        /*background-color: #CE1126;*/
        background-color: #214554;
        color: white;
        text-align: center;
    }

    .section-title{
        padding-top: 1em;
        text-align: center;
        font-size: 1.2em;
    }

    input.search-btn{
        background-color:#222A47;
        color:white;
        padding: 0.25em;
        border:1px solid gray;
        border-radius: 0.125em;
        -moz-border-radius: 0.125em;
    }

    ul.top-menu{
        /*display:box;*/
        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;
        visibility: hidden;
    }

    .copyr{
        font-size: 0.8em;
        text-align: center;
        color: rgb(97, 97, 97);
    }

    .menu-footer{
        position: relative;
        background-color: rgb(242, 242, 242);
        text-align: center;
        color: #111;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;


    }

    .menu-footer a{
        color:black;
    }

    .blue-footer{
        background-color: rgb(242, 242, 242);
        text-align: center;
    }

    .blue-footer a{
        color: black;
    }


    a.lang-ro{
        background:url(../img/RO.svg) no-repeat center center;
        vertical-align: top;
        width:2rem;
        height:2rem;
    }
    a.lang-en{
        background:url(../img/UK.svg) no-repeat center center;
        vertical-align: top;
        width:2rem;
        height:2rem;
    }


    .ascuns{
        display: block;
        vertical-align: top;
        top: 0;
        color: #CCCCCC;
    }

    .pipe{
        /*border: 1px solid red;*/
        /*        width:5px;
                height: 1em;*/
        vertical-align: top;
        width: 3px;
        height: 16px;
        display: inline-block;
        top: 0;

    }


    .lang-holder, .lang-holder-child{

        width: 100%;
        /*height: 60px;*/
        /*width: 1024px;*/
        position:relative;
        top:0;
        background-color: white;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        flex: 1;
        padding: 0;
    }

    .unu{
        width: 20%;
        background-color: #002c53;
        /*rgb(242, 242, 242);*/
    }

    .doi{
        width: 40%;
        text-align: center;
        background-color: #002c53;
        /*rgb(242, 242, 242);*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .trei{
        width: 40%;
        display: flex;
        background-color: #002c53;
        /*rgb(242, 242, 242);*/
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
    }


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

    .fb{
        background:url(../img/facebook.svg) no-repeat center center;
        width:2rem;
        height:2rem;
        vertical-align: top;
        text-decoration: none;
        /*background-color: red;
        color: green;
        width:17px;
        height: 17px;
        display: block;*/
    }

    .search-text{
        float: left;
        font-size: 1em;
        height: 1.2em;
        margin: 1em 1em 1em 1em;
        width: 12em;
    }

    .search-btn{
        background-color:#222A47;
        color:white;
        width:49px;
        height:18px;
        border:1px solid gray;
        border-radius: 2px;
        -moz-border-radius: 2px;
        padding:0;
    }

    /*.section-list{
        list-style: none outside none;
        margin: 3em 1em;
        padding: 0;
    }*/

    /*.section-list li{
        margin-bottom: 0.5em;
    }*/

    a{
        color:#012857;
        text-decoration:none;
        font-size: 1em;
    }

    a:hover{
        text-decoration: underline;
    }

    .cauta-holder{
        font-size: 10px;
    }

    .cauta-holder {
        color:#2a3349;
        font-weight:bold;
        margin-right: 4em;
        display: inline-block;
    }

    .cauta-comunicat{
        margin-right: 0 !important;
        position: absolute;
        right: 30px;
        top: 25px;
    }

    .cauta-comunicate{
        float: left;
        margin-right: 60px;
    }

    label{
        font-size: 1.5em;
    }

    div.cauta-arhiva{
        /*border: 10px solid red;*/
        display:block;
        margin-left: 1em;
        position: absolute;

        margin-top: 2em;
    }

    img.stema{
        display: none;
        /*top: 1px;*/
    }

    .left-content{
        /*float: left;*/
        /*margin-right: 25px;*/
        /*position:relative;*/
        /*border: 1px solid red;*/
    }




    .wrapper{
        margin: 1em auto;
        width: 400px;
    }

    ul{
        list-style: none;
        margin-left: 0;
        padding: 0;
    }

    label{
        display: inline-block;
        cursor: pointer;
        padding: 10px;
        border: 1px solid #fff;
        border-bottom: none;
    }

    label:hover{
        background: #26C281;
    }

    label.last{
        border-bottom: 1px solid #fff;
    }

    ul ul li{
        padding-left: 3em;
        /*padding-top: 5px;*/
        /*padding-bottom: 5px;*/
        overflow: hidden;
        /*background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);*/
    }

    .mare{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 1.8rem;
        color: white;
        padding-right: 0.1rem;
    }

    .mic{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 1.8rem;
        color: white;
    }


    .mediu{
        display: inline-block;
        width: 2rem;
        height: 2rem;
        font-size: 1.8rem;
        color: white;
        text-align: center;
    }

    .ham{

        background-image: url("/javax.faces.resource/images/menu.svg.xhtml");
        background-repeat: no-repeat;
        background-size: contain;
    }


    .burger{
        background-image: url("/javax.faces.resource/images/ics.svg.xhtml");
        background-repeat: no-repeat;
        background-size: contain;
    }

    a.mobile{
        visibility: collapse;
        position: absolute;
        background-color: blue;
        text-decoration: none;
        color: #E0E0E0;
        z-index: 100;
    }

    div.mobile{
        visibility: collapse;
        position: absolute;
        /*background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);*/
        color: white;
        z-index: 100;
    }

    div.shown{
        visibility: visible;
        /*background: linear-gradient(90deg, #000851 0%, #1CB5E0 100%);*/
    }

    a.shown.submenu{
        visibility: visible;
        text-decoration: none;
        display:inline-block;
        /*transition:all 0.1s ease-in-out;*/
        /*background-color: navy;*/
        color: #111;
    }

    a.shown:not(.submenu){
        visibility: visible;
        text-decoration: none;
        display:block;
        /*transition:all 0.1s ease-in-out;*/
        /*background-color: navy;*/
        color: #111;
    }

    a.submenu{
        display: inline-block;

    }

    a.shown:not(.submenu):not(.single){
        margin-left: 1em;
    }

    div.submenu{
        margin-left:3em;
    }

    a.shown:hover{
        color: #111;
        background-color: rgb(242, 242, 242);
    }

    a.mobile:hover{
        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;

    }


    .blue{
        background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
        color: white;

    }
    .new-menu {
        width: 40px;
        height: 32px;
        top: 26px;
        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)*/;

    }

    .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{
        /*background-color: white;*/
        border: none;
    }

    .submenu-content.shown{
        /*display: block;
        visibility: visible;*/
        height: auto;
        opacity: 1;
        -webkit-transition: height 0ms 0ms, opacity: 50000ms 0ms;
        transition: height 0ms 0ms, opacity: 50000ms 0ms;

    }

    .submenu-content.hidden{
        /*display: none;
        visibility: hidden;*/
        overflow: hidden;
        height: 0;
        opacity: 0;
        -webkit-transition: height 0ms 400ms, opacity 400ms 0ms;
        transition: height 0ms 400ms, opacity 400ms 0ms;

    }


    div.section-list, div.section-list2{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        column-gap: 20px;
        row-gap: 10px;

    }

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

    }





    div.content{
        margin-top: 0.5rem;
        display: flex;
        flex-direction: column;
    }

    ul.left-menu{

        /*width: 0px;*/
        width: 100%;
        display: grid;


    }

    ul.left-menu li:not(.head){

        background: #a8adb6;
        /*margin-bottom: 5px;*/


        border: 1px solid red;
        grid-column-start: 2;
        grid-column-end: 2;
    }
    ul.left-menu li.head{
        font-size: 1rem;
        background-color: #1b2435 !important;
        color: white;
        padding: 7px 5px;
        font-family: verdana;
        height: fit-content;
        width: 1rem;
        /*writing-mode: vertical-rl;
        transform-origin: center;
        transform: rotate(-180deg);*/
        /*display: inline-block;*/
        margin: 8px;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: -1;
    }

    ul.left-menu li a {
        color: #3a3535;
    }

    div.right-content{
        /*width: calc(100% - 200px);*/
        display: inline-block;
        width:100%;
    }


    .ascuns{
        display: none;
    }

    div.maximize.on:after{
        float: right;
        content: '\25C0';
        width: 1rem;
        height: 1rem;
        position: absolute;
        left: 1.3rem;
        /*top: 6px;*/
        /*top: calc (180px + 110px);*/
        z-index: 1;
        color: white;
        padding-left: 0.3rem;
        font-size: 120%;
    }
    div.maximize.off:after{
        float: left;
        content: '\25B6';
        width: 1rem;
        height: 1rem;
        font-size: 120%;
    }

    div.sidebar{
        display: inline-block;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size: 16px;
        background-color: #1b2435 !important;
        color: #fff;
        padding: 7px 5px 40px 5px;
        font-family: Verdana, Arial, sans-serif, sans;

    }

    div.menu_content{
        display: inline-block;
        padding-left: 4px;
        vertical-align: top;
    }

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

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

    #left-submenu{

        left: 355px;
        position: absolute;
        top: 106px;
        width: 242px;
    }

    #left-submenu.hidden{
        height: 0px !important;
        width: 0px !important;
        visibility: hidden;
    }

    .bg-books{
        height: 500px;
    }
    div.procuror_sef{
        padding-top: 1rem;
        vertical-align: bottom;
    }


    a.pdf{

        height: 2rem;
        padding: 2rem;
        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:'';
    }

    .buton_cv{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

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


    .coral {
        background-color: #1660a5;
        color: white;

    }

    .yellow {
        background-color: #eaf1ff;
    }

    div.gold2
    {
        display: table-cell;
        background-color: #74aef8;
        border: 1px solid black;
        vertical-align: middle;
        border-radius: 3px;
    }

    .violet {
        background-color: #002c53;
        color: white;
    }





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

    }

    .structura-centrala
    {
        display:table;
        text-align: center;
        height:40px;
        width:160px;
        margin:0 auto;
        position:absolute;
        top:40px;
        left:420px;
    }


    div.romania{
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 1rem;
    }
    div.titlu_mpublic{
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 1rem;
    }
    div.titlu_parchetul, div.titlu_de_pe_langa{
        display: none;
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 0.8rem;
    }
    div.titlu_iccj{
        display: none;
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 0.8rem;
    }
    div.titlu_dna{
        font-family: Arial, sans-serif, Helvetica;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        color: white;
    }

    div.header1{
        position: relative;
        width: 95%;
        top: 0px;
        z-index: 200;
    }

    .content-holder{
        /*position: relative;*/
        /*background: #fff;*/
        /*background-color:white;*/
        padding-bottom: 0;
        top: 40px;


    }

    div.header-holder{
        z-index: 100;
    }

    .blue-band
    {
        /*background: url("../img/blue_band_comunicate.jpg") no-repeat scroll center bottom transparent;*/
        /*background-color: #222A47;*/
        /*float: right;*/
        height: 100px;
        margin: 0 4px 20px 0;
        position: relative;
        top:10px;
        left:1px;
        width: 100%;

        border-radius: 5px;
    }

    div.sesizati{
        display: block;
    }

    div.sesizati-fapta-coruptie{
        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: '';
    }


    div.footer{
        position: relative;
        background-color:#d7d7d7;

        margin: 0;
    }

    img.home{
        width: 32px;
        height: 32px;

    }

    img.poza{
        display: none;
    }

    .clear{
        clear:both;
        /*background-color:white;*/
        border:none;
    }

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

    }

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

    .arrow1{
        top:80px;
        left:505px;
    }

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


    .arrow3{

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

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

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

    a.expand_all{
        float: right;
        text-decoration: none;
    }
    a.expand_all:hover{
        font-weight: bold;
    }

    .piccj{
        position: absolute;
        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;
    }

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

    .lang-holder2{

        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;
        display: flex;
        grid-template-columns: 84px 940px;
        background-position: left 30% top 10%;

    }


    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;
    }

    a.glass{
        display: block;
        vertical-align: top;
        width: 2rem;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

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

    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-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;
    }

    p.centru
    {
        text-align:center;
    }


    ol.letter {
        list-style-type: lower-alpha;
        padding-left: 2rem;
    }


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

    .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;
    }


    .primirea{
        height:30px;
        top:0px;
        left:100px;
        width:200px;
        font-size: 13px;
    }

    .repartizarea{
        height:40px;
        top:67px;
        left:110px;
        width:200px;
        font-size: 13px;
    }

    .efectuarea{
        height:60px;
        top:134px;
        left:110px;
        width:200px;
        font-size: 13px;
    }


    .solutionarea{
        height:30px;
        top:244px;
        left:161px;
        width:100px;
        font-size: 13px;
    }

    .ordonanta{
        height:30px;
        top:308px;
        left:239px;
        width:100px;
        font-size: 13px;
    }

    .trimiterea{
        height:60px;
        top:320px;
        left:5px;
        width:120px;
        font-size: 13px;
    }

    .clasarea{
        height:30px;
        top:360px;
        left:148px;
        width:80px;
        font-size: 13px;
    }

    .renuntarea{
        height:30px;
        top:430px;
        left:220px;
        width:120px;
        font-size: 13px;
    }

    .arrow5{
        left:206px;
        top:62px;
    }

    .arrow6{
        left:206px;
        top:129px;
    }

    .arrow7{
        left:72px;
        top:315px;
    }

    .arrow8{
        left:285px;
        top:280px;
    }
    .arrow9{
        left:195px;
        top:355px;
    }

    .arrow10{
        left:205px;
        top:216px;
    }

    .arrow11{
        left:285px;
        top:425px;
    }

    .line1{
        /*left:290px;
        top:257px;
        width:79px;*/
        display: none;
    }

    .line2{
        left:76px;
        top:257px;
        width:57px;
    }

    .line3{
        display: none;
    }

    .line4{
        left:200px;
        top:321px;
        width:11px;
    }

    .line5{
        left:210px;
        top:47px;
        height:20px;
    }

    .line6{
        left:210px;
        top:109px;
        height:25px;
    }

    .line7{
        left:210px;
        top:196px;
        height:25px;
    }

    .line8{
        left:289px;
        top:258px;
        height:25px;
    }

    .line9{
        left:76px;
        top:258px;
        height:62px;
    }

    .line10{
        left:199px;
        top:322px;
        height:38px;
    }

    .line11{
        left:289px;
        top:362px;
        height:68px;
    }



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

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

    .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;
    }


    .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;
    }

    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%;
    }

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

    div.info{
        
    }
    
    
    div.left-submenu{
         display: flex;
         flex-direction: row;
         margin-left: 2rem;
     }
     
     div.w300{

         width: 300px;
     }
     
     div.menu2{
         width: fit-content;
         margin-left: 5px;
     }
     
     .full-width {
    padding: 0.5rem;
    }
    
      .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;
    }
    
    
    .form-contact input, .form-contact textarea{
        width:98%;
        padding-right: 0.5rem;
    }
    
    
    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;
    }
       
    td.w190{
        width: 190px;
        padding-right: 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.left-menu{
        display: flex;
    }
    
    div.contact{
        padding-bottom: 1.5rem;
    }
    
     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.parent_concurs{
        width: 164px;
        height: 64px;
    }
    
    table.comunicate-presa td{
        padding: 3px;
    }
    
    table.comunicate-presa tr.odd td{
        background: #f0f0f1 !important;
    }
}