@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

:root {
   --primary-color: #2b40a0;
   --primary-color2: #3da0fc8a;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Opens sans', sans-serif;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color:var(--primary-color);
}

a:hover {
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; font-family: 'TitilliumWeb Regular', sans-serif; }

/* ------------------------- Home --------------------------- */
/* ------------------------- Home --------------------------- */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
  background-color: #c2e3ff;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 10s;
}

@keyframes fade {
  from {opacity: .99}
  to {opacity: 1}
}

/* ------------------------- Home --------------------------- */

    .coperta { display: flex; width: 99vw; align-items: center; justify-content: center; text-align: center; color:#fff; margin-top: 10vmin; }
    
    .coperta1 { display: flex; width: 100vw; align-items: center; justify-content: center; text-align: center; color:#fff; margin-top: -1vmin;}

    .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: var(--primary-color); background-image: url(../_img/all/Ploiesti.jpg); background-size: cover; }

    .video-container video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; filter: saturate(2); }
    
    .video-container:after { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.9; z-index: 1; }

    .butoh { color: #fff; z-index: 99; width: 100%; margin-top: -5%; }

    .butoh a { display:inline-flex; width: 22%; padding: 1.9% 1%; margin: 1.2vw 5vh 1.2vw 5vh; align-content: center; font-size: 1.5em; font-weight: bold; color: #d9e4f8; line-height: 1.5; border-radius: 5px; border: solid #fff 1px; background-color: #2b40a02a; }

    .butoh a:hover { transform: scale(1.05); color: #fff; }

    .butoh a p { margin: auto; }

    .butoh1 { color: #07447A; z-index: 99; width: 100%; margin-top: -19%; }

    .butoh1 a { display:inline-flex; width: 22%; padding: 1% 0.7%; margin: 0.7vw; align-content: center; font-size: 1.5em; font-weight: bold; color: #07447A; line-height: 1.2; border-radius: 5px; border: solid #07447A 1px;}

    .butoh1 a:hover { transform: scale(1.10); }

    .butoh1 a p { margin: auto; }

    .butoh1 a:hover .bull1 { display:block; transition-timing-function: ease-out; transition: 3s; background-color: rgba(64, 131, 255, 0.795); color: #010042; cursor:pointer; translate: -2.5% 35px; transform: scale(1.1); }

    .butoh2 { position:absolute; color: #07447A; z-index: 101; width: 100%; margin-top: -43%; }

    .butoh2 a { display:inline-flex; width: 22%; padding: 1.9% 1%; margin: 1.2vw 5vh 1.2vw 5vh; align-content: center; font-size: 1.5em; font-weight: bold; color: #d9e4f8; line-height: 1.5; border-radius: 5px; border: solid #fff 1px; background-color: #2b40a02a; }
    
    .butoh2 a:hover { transform: scale(1.05); color: #fff; }

    .butoh2 a p { margin: auto; }

    .bull1 { position:absolute; display: none; margin: 0; padding: 15px; color: rgb(255, 255, 255); border-radius: 5px; border: solid #fff 1.5px; padding: 5px 2px 5px 2px; font-size: 0.55em; }

    .butoh a:hover .bull1 { display:block; transition-timing-function: ease-out; transition: 3s; background-color: rgba(64, 131, 255, 0.795); color: #010042; cursor:pointer; translate: -2.5% 35px; transform: scale(1.1); }
    
    .src_www a:hover .bull1 { display:block; transition-timing-function: ease-out; transition: 3s; background-color: rgba(64, 131, 255, 0.795); color: #010042; cursor:pointer; translate:  -15% 70%; transform: scale(1.7); font-weight: bold; }

    .mp{ opacity: 0.8; width: 45%; margin-top: 25px; }
    
    .assc{ opacity: 0.8; width: 10%; margin-top: 30px; }

    
    .mp1{ position:absolute; z-index: 100; top: 0.2%; left: 30%; width: 100%; opacity: 1.2; width: 40%; margin-top: 5px; }

    .pgo{ font-size: 2vmin; font-style: italic; color: white; opacity: 0.9; margin-top: 3px; }

    .pgo1{ font-size: 2vmin; font-style: italic; color: #07447A; opacity: 0.9; margin-top: 3px; }

    .fnt_ceas { text-align: center; opacity: 0.5; font-size: 2.5vh; margin: 0%; }

    .qr_www { position:absolute; z-index: 100; float: right; right: 5%; bottom: 3%; }
    .qr_www1 { position:absolute; z-index: 100; float: right; right: 5%; top: 1%; }
    .qr_tit { position:absolute; z-index: 100;  top: 1%; left: 29%; width: 100%; }
    .qr_tit1 { position:absolute; z-index: 100; top: 0.1%; left: 27.7%; width: 100%; }
    .src_www { position:absolute; z-index: 100; float: right; right: 5%; top: 1%; border-radius: 5px; border: solid #fff 1px; background-color: #2b40a02a; padding: 1.5%; }
    .src_www p, .src_www svg { color: #fff; }

/* ------------------------- Home -------------------------- */
/* -----------------   Heder si Futer  --------------------  */
/* -----------------   Heder si Futer  --------------------  */

    .heder { position:fixed; display: flex; top:0; width: 100vw; height: 9vmin; border-top: 5px solid var(--primary-color); border-bottom:8px solid var(--primary-color); z-index: 2; }

    .heder .video-container { background-image: url(../_img/all/bn_heder.jpg); background-size: cover; }

    .butoane-h { width: 90vw; margin: auto; z-index: 3; }

    .buton-h1, .buton-h2 { display:inline-flex; border-radius: 1px; opacity: 0.8; background: transparent; }

    .buton-h1 { float: left; width: 25%; border: transparent; }

    .buton-h2 { width: 7vh; height: 7vh; color: #fff; border: solid #fff 1px; align-items: center; padding-left: 1.7vh; float: right; margin: auto; }

    .bull2 { position:absolute; display: none; margin: 0; padding: 15px; color: rgb(255, 255, 255); border-radius: 5px; border: solid #fff 1.5px; padding: 5px 2px 5px 2px; text-align: center; }

    .futer { position:fixed; display: flex; bottom:0; width: 100vw; height: 6vmin; border-top: 8px solid var(--primary-color); border-bottom: 5px solid var(--primary-color); z-index: 10; }

    .futeral { left:2.5%; bottom:5%; position:fixed; height: 19%; z-index: 1; font-size: .9em; color: #D6E3F4;}

    .futer .video-container { background-image: url(../_img/all/bn_futer.jpg); background-size: cover; }

    .futer .video-container video { transform: translate(-50%, -90%); }

    .butoane-f { width: 90%; margin: auto; color: #fff; z-index: 4; }

    .butoane-f p { float: left; padding-top: 1vh; }

    .buton-f2 { display: flex; width: 8vh; height: 4.5vh; color: #fff; font-size: 1.2em; background:transparent; float: right; border: solid #fff 1px; padding-bottom: 12px; }

    .buton-f2 p { padding-left: 20%; }

    .futer p { color: #fff; }

    .buton-f3 { display: flex; width: 40vh; height: 4.5vh; color: #fff; font-weight: bold; font-size: 1.2em; background:transparent; float: right; padding-left: 2vh; border: solid #fff 1px; }

    .butoane-h .bull2 { font-size: 1.em; }

    .buton-h1:hover .bull2, .buton-h2:hover .bull2, .buton-f2:hover .bull2 { display:block; background-color: var(--primary-color); transition-timing-function: ease-out; cursor:pointer; }

    .buton-h1:hover .bull2 { transform: scale(1.2) translate(7%, 135%); padding-left: .5%; padding-right: .5%; }

    .buton-h2:hover .bull2 { transform: scale(1.2) translate(-30%, 125%); padding-left: 0.5%; padding-right: 0.5%; }

    .buton-f2:hover .bull2 { transform: scale(1.2) translate(-30%, -100%); padding-left: 0.3%; padding-right: 0.3%; font-size: 0.7em; }

    .futer a:hover{ color: #B0E8FD; }

    #futer a { color: #a8c5e6; font-style: normal; }

    #futer ul { list-style: none; font-style: normal; font-size: 0.95rem; margin: 0; padding-inline-start: 0px; }

    #futer li { list-style: none; font-style: normal; }

/* --------------- Heder si Futer -------------------------- */
/* -----------------   Latimi  ---------------------------  */
/* -----------------   Latimi  ---------------------------  */

    .pag { position: relative; max-width: 80%; margin: 0 auto; clear: both; text-align: center; align-items: center; }

    .lat95 { width: 95% !important; margin: auto; }

    .lat90 { width: 90% !important; margin: auto; }

    .lat80 { width: 80% !important; margin: auto; }

    .lat30 { width: 32% !important; margin: auto; }

/* -----------------   Latimi  ---------------------------  */
/* -----------------   Cuprins  ---------------------------  */
/* -----------------   Cuprins  ---------------------------  */

    .cupri { box-shadow: 5px 5px 10px var(--primary-color); border: solid 1.5px; display: block; cursor: pointer; margin: auto; margin-bottom: 1%; border-radius: 6px; background-image: url(../_img/bk2a.jpg); background-size: cover; }

    .cupri:hover { background-image: url(../_img/bk2b.jpg);}
    
    .cupri summary { display: block; cursor: pointer; margin: auto; padding: .5%; border-radius: 6px; background-image: url(../_img/bk2a.jpg); background-size: cover; box-shadow: 5px 5px 10px var(--primary-color); }

    .cupri summary:hover { background-image: url(../_img/bk2b.jpg); }
   
    .cupri summary:hover h5 {display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:left top; }
    
    .cupri summary h5 { position:absolute; display: none; margin: 0; padding: 15px; color: rgb(255, 255, 255); border-radius: 5px; border: solid #fff 1.5px; font-size: 1.5em; text-align: center; }
       
    .cupri p { display: inline-table; border-radius: 6px; padding: 1%; border: solid 2px var(--primary-color); box-shadow: 5px 5px 10px var(--primary-color); color: #000; margin: 10px 5px; }
    
    .cupri p:hover { background-color: var(--primary-color); color: #ffffff !important; }
  
    .cupri p:hover a { color: #B0E8FD !important; } 

/* -----------------   Cuprins  ---------------------------  */
/* -----------------   Lipi si legi ---------------------------  */
/* -----------------   Lipi si legi ---------------------------  */

    .lipi { position: -webkit-sticky; position: sticky; width: 40%; top: 2vh; margin-top: 0 !important; padding-top: 0 !important; margin-left: 40%; font-size: 1.7vmax; font-weight: bold; color: #fff; text-shadow: 1px 1px 5px #000000; opacity: 0.8; z-index: 5; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); -moz-animation: bouncing-text 4s linear infinite alternate; -webkit-animation: bouncing-text 4s linear infinite alternate; animation: bouncing-text 10s linear infinite alternate; }
    
    @-moz-keyframes bouncing-text { 0% { -moz-transform: translateX(50%); } 100% { -moz-transform: translateX(-50%); } }
    
    @-webkit-keyframes bouncing-text { 0% { -webkit-transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); } }
    
    @keyframes bouncing-text { 0% { -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
    
    .legi {border: solid 1.5px; border-radius: 5px; box-shadow: 5px 5px 10px var(--primary-color); padding: .7%; background-color: #B0E8FD; text-align: justify; text-justify:inter-character; }
    
    .legi a {cursor:pointer; font-weight: bold; float: left;}

    .legi span { float: right; }

    /* -----------------   Lipi si legi  ---------------------------  */
    /* -----------------   Imagini si rame ---------------------------  */
    /* -----------------   Imagini si rame ---------------------------  */

    .img-pr { width: 35%; height: auto; box-shadow: 5px 5px 10px var(--primary-color); }

    .img-doc { width: 60%; height: auto; margin: auto; box-shadow: 5px 5px 10px var(--primary-color); }

    .img-bn {width: 100%; height: auto; margin: auto; box-shadow: 5px 5px 10px var(--primary-color); }

    .rm-700 {width: 95%; height: 700px; border: solid; margin-top: 1%; box-shadow: 5px 5px 10px var(--primary-color); }

    .rm-950 {width: 95%; height: 950px; border: solid; margin-top: 1%; box-shadow: 5px 5px 10px var(--primary-color); }
    
    .rm-wbc {width: 60%; height: 650px; border: solid; margin-top: 1%; box-shadow: 5px 5px 10px var(--primary-color); }

    .rm-umb {box-shadow: 5px 5px 10px var(--primary-color);}

    /* -----------------   Imagini si rame ---------------------------  */
    /* -----------------   Butoane ---------------------------  */
    /* -----------------   Butoane ---------------------------  */

    .bull { position:absolute; display: none; margin: 0; padding: 1%; color: rgb(255, 255, 255); border-radius: 5px; border: solid #fff 1.5px; font-size: 1.2em; text-align: center; }

    .bt-tra:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:top right; }

    .bt-arh { display: block; width: 95%; cursor: pointer; margin: auto; border-radius: 6px; background-image: url(../_img/bk2b.jpg); color: #000; background-size: cover; padding-bottom: 1%; padding-top: 1.5%; box-shadow: 5px 5px 10px var(--primary-color); }

    .bt-arh:hover { background-image: url(../_img/bk2a.jpg); color: #000; }

    .bt-arh:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }

    .bt-cup { display: block; cursor: pointer; margin: auto; border-radius: 6px; background-image: url(../_img/bk2a.jpg); background-size: cover; padding-bottom: 1%; padding-top: 1.5%; box-shadow: 5px 5px 10px var(--primary-color); border: solid 1.5px; }

    .bt-cup:hover { background-image: url(../_img/bk2b.jpg); color: var(--primary-color); }

    .bt-cup:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.9) !important; transform-origin:bottom; }

    .bt-red { display: block; width: 100%; cursor: pointer; margin: auto; border-radius: 6px; color: #000; padding-bottom: 1%; padding-top: 1.5%; border: solid 1.5px; background: #D6E3F4; }

    .bt-red:hover { color: #000; }
    
    .bt-red:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }

    .bt-red-10 { display: block; width: 10%; cursor: pointer; margin: auto; border-radius: 6px; background-image: url(../_img/bk2a.jpg); color: #000; background-size: cover; padding-bottom: 3%; padding-top: 3.5%; box-shadow: 5px 5px 10px var(--primary-color); }

    .bt-red-10:hover { background-image: url(../_img/bk4a.jpg); color: #000; }

    .bt-red-10:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }

    .bt-red-wl { display: block; width: 24% !important; cursor: pointer; margin: auto; border-radius: 6px; background-image: url(../_img/bk2b.jpg); color: #000; background-size: cover; box-shadow: 5px 5px 10px var(--primary-color); }
    
    .bt-red-wl p{color: #000 !important; text-align: center !important; font-size: 1.3rem !important;}

    .bt-red-wl:hover { background-image: url(../_img/bk2a.jpg); color: #000 !important; }

    .bt-tab { display: block; width: 100%; cursor: pointer; margin: auto; border-radius: 6px; color: #000; background-size: cover; padding-bottom: 3%; padding-top: 3.5%; background-color: var(--primary-color2); box-shadow: 5px 5px 10px var(--primary-color); }

    .bt-tab:hover { background-color: #629edd; color: #000; }
    
    .bt-tab:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }

    .bt-tab-10 { display: inline-flex; width: 10%; cursor: pointer; margin: auto; border-radius: 6px; color: #000; background-size: cover; text-align: center;  background-color: var(--primary-color2); box-shadow: 5px 5px 10px var(--primary-color); padding-left: 5%;}

    .bt-tab-10:hover { background-color: #629edd; color: #000; }
    
    .bt-tab-10:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }


    .bt-sum { display: block; box-shadow: 5px 5px 10px var(--primary-color); border: solid 1.5px; cursor: pointer; margin: auto; margin-bottom: 1%; border-radius: 6px; }

    .bt-sum summary { display: block; cursor: pointer; margin: auto; padding: .5%; border-radius: 6px; background-image: url(../_img/bk2b.jpg); background-size: cover; box-shadow: 5px 5px 10px var(--primary-color); }

    .bt-sum summary:hover { background-image: url(../_img/bk2a.jpg); }

    .bt-sub { display: inline-table; color: var(--primary-color); font-style: normal; border-radius: 15px; box-shadow:inset 1px 0 7px #000000, 2px 0 5px 0 hsla(0,0%,0%,.4); margin: 1%; background-image: url(../_img/bk2c.jpg); background-size: cover; width: 30%; padding: 1%; }
    
    .bt-sub:hover { cursor:pointer; transform: scale(0.95) !important; }

    .bt-sub:hover .bull{ display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:bottom; }

    /* -----------------   Butoane ---------------------------  */
    /* -----------------   Culori ---------------------------  */
    /* -----------------   Culori ---------------------------  */

    .bk-cl1 {background: #D6E3F4}
    
    .tx-cl1 {color: #D6E3F4}

    .bk-cl2 {background: #629edd}

    .tx-cl2 {color: #629edd}

    .bk-cl3 {background:#F7B633}

    .tx-cl3 {color:#F7B633}
       
    .bk-cl4 {background: var(--primary-color)}
    
    .tx-cl4 {color: var(--primary-color)}

    .bk-cl5 {background: #070D59!important}
    
    .tx-cl5 {color: #070D59!important}
    
    /* -----------------   Culori ---------------------------  */
    /* -----------------   Culori ---------------------------  */
    /* -----------------   Culori ---------------------------  */

    table { width: 100%; margin: auto; border: solid 1px var(--primary-color); box-shadow: 5px 5px 10px var(--primary-color); }
    
    thead { background:#F7B633; color: #070D59!important;}
    
    th, td { padding: 0.7vmax; border: solid 1px; }

    hr.solid {border-top: 1px solid #000; margin: auto; }
    
    .fnt_it { font-style: italic; }

    .text-jusd { text-align: justify; text-justify:distribute; }

/* -------------- Stiri -------------*/
    
    .stiri { box-shadow: 5px 5px 10px var(--primary-color); border: solid 1.5px; display: block; margin: auto; border-radius: 6px; }
    
    .stiri summary { display: block; /*cursor: pointer;*/ margin: auto; padding: .5%; border-radius: 6px; background-image: url(../_img/bk4b.jpg); background-size: cover; box-shadow: 5px 5px 10px var(--primary-color); }

    .stiri summary:hover { background-image: url(../_img/bk2b.jpg); }
   
    .stiri summary:hover h6 {display:block; background-color: var(--primary-color); cursor:pointer; transform: scale(0.7) !important; transform-origin:left top; }
    
    .stiri summary h6 { position:absolute; display: none; margin: 0; padding: 15px; color: rgb(255, 255, 255); border-radius: 5px; border: solid #fff 1.5px; font-size: 1.5em; text-align: center; }   
  
    .stiri p:hover a { color: #B0E8FD !important; } 
    







    .butoane {
        color: #fff;
        z-index: 99;
        width: 100%;
        margin-top: -5%;
    }

    .buton {
        display:inline-flex;
        width: 22%;
        padding: 1.5% 1%;
        margin: 1.3vw 5vh 1.3vw 5vh;
        align-content: center;
        font-size: 1.3vmax;
        font-weight: bold;
        color: #fff;
        line-height: 1.5;
        border-radius: 5px;
        border: solid #fff 1px;
        background-color: #2b40a02a;
    }

    .buton2 {
        display:inline-flex;
        width: 33%;
        width: 33%;
        padding: 1.5% 1%;
        margin: 1.5vw 5vh 1.5vw 5vh;
        align-content: center;
        font-size: 1.3vmax;
        font-weight: bold;
        color: #fff;
        line-height: 1.5;
        border-radius: 5px;
        border: solid #fff 1px;
        background-color: var(--primary-color);
    }



























.bull p {
    font-size: .75em;
    text-align: center;
} 

.buton:hover .bull {
    display:block;
    transition-timing-function: ease-out;
    transition: 3s;
    background-color: rgb(255, 255, 255);
    color: #000000;
    cursor:pointer;
    transform: scale(1.1);

}

.buton p {
    margin: auto;
}

.buton:hover {
	transform: scale(1.05);
    color: #fff;
}



.inlf {display: inline-flex !important;}











.cuprins {
    border: 0.4vmax solid var(--primary-color);
    background-image: url(../_img/bk2_1.jpg);
   /* background-image: url(../_img/bk4b.jpg); */
    background-size: cover;
    margin: 4.3vh auto 7vh auto;
}

.cuprins h4 {
    margin-top: 0.9em;
    margin-bottom: 0.4em;
    color: var(--primary-color);
}

.cuprins a, .cuprins p {
    color: var(--primary-color);
    width: 90%;
    margin: auto;
    padding-bottom: 10px;
}

summary:hover .bull{
    display:block;
    background-color: var(--primary-color);
    cursor:pointer;
    transform: scale(0.7) !important;
    transform-origin:left top;
}

.a:hover .bull{
    display:block;
    background-color: var(--primary-color);
    cursor:pointer;
    transform: scale(0.7) !important;
    transform-origin:left top;
}

.sumbut {
    box-shadow: 5px 5px 10px var(--primary-color);
}

/* ------------------ Pagina ---------------- */



.pag95 {
    position: relative;
    max-width: 95%;
    margin: 0 auto;
    clear: both;
    text-align: center;
    align-items: center;
}

.pagh {
    position: relative;
    max-width: 95%;
    margin: 0 auto;
    clear: both;
    text-align: center;
    align-items: center;
}

.pag p{
    text-align: justify;
    font-size: 2.2vmin;
}

.pagc {
    position: relative;
    margin: 0 auto;
    clear: both;
    text-align: center;
    align-items: center;
    width: 70%;
}

.pagc p{
    text-align: justify;
    font-size: 2.2vmin;
}

.stm{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

summary::-webkit-details-marker {
    margin: auto;
}

.summ {
    display: block;
    cursor: pointer;
    margin: auto;
    border-radius: 6px;
    background-image: url(../_img/bk2a.jpg);
    background-size: cover;
}

summary:focus {
    outline-style:solid;
    outline-width: 0.3vmin;
}

summary h6, summary h5, summary h4, summary h3, summary h2, summary p {
    margin-top: 1vh;
    margin-bottom: 1.3vh;
    color: var(--primary-color);
    padding: 8px ;
}

details p, details a, details a p {
    text-align: justify;
}

details p{
    font-size: 1.5vh;
}

.container {
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.filterDiv {
    float:inline-start;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2a.jpg);
    background-size: cover;
    display:none;
    padding: 2vh;
}

.filterDiv h4 {
    margin-top: 1vh;
    margin-bottom: 1vh;
    color: #000 !important;
}

.filterDiv p {
    text-align: center;
    color: #000 !important;
}

.filterDiv1 {
    float:inline-start;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2b.jpg);
    background-size: cover;
    display:none;
    padding: 2vh;
}

.filterDiv1 h4 {
    margin-top: 1vh;
    margin-bottom: 1vh;
    color: #000 !important;
}

.filterDiv1 p {
    text-align: center;
    color: #000 !important;
}

.filterDiv2 {
    float:inline-start;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2a.jpg);
    background-size: cover;
    display:none;
    padding: 4vh;
}

.filterDiv2 p {
    text-align: center;
    color: #000 !important;
}

.filterDiv2 img {
    margin: auto;
    margin-bottom: 1.5vmax;
}

.filterDiv3 {
    float:inline-start;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2a.jpg);
    background-size: cover;
    display:none;
    padding: 2vh;
}

.filterDiv3 h4 {
    margin-top: 1vh;
    margin-bottom: 1vh;
    color: #000 !important;
}

.filterDiv3 p {
    text-align: center;
    color: #000 !important;
}

.filterDivP {
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2a.jpg);
    background-size: cover;
    padding: 2vh;
}

.filterDivP h4 {
    margin-top: 1vh;
    margin-bottom: 1vh;
    color: #000 !important;
}

.filterDivP p {
    text-align: center;
    color: #000 !important;
}

.filterDivP1 {
    border: 1px solid #000;
    border-radius: 3px;
    margin: 1.5vh auto 0.7vh auto;
    align-content: center;
    background-image: url(../_img/bk2b.jpg);
    background-size: cover;
    padding: 2vh;
}

.filterDivP1 h4 {
    margin-top: 1vh;
    margin-bottom: 1vh;
    color: #000 !important;
}

.filterDivP1 p {
    text-align: center;
    color: #000 !important;
}

.drpt {
	display: inline-table;
	color: var(--primary-color);
	font-style: normal;
	border-radius: 10px;
	box-shadow:inset 1px 0 7px #000000, 2px 0 5px 0 hsla(0,0%,0%,.4);
	padding: 1px 15px 15px 15px;
	margin: 0.5%;
    background-image: url(../_img/all/bk_btn.jpg);
    background-size: cover;
}

.drpt:hover {
    cursor:pointer;
    transform: scale(0.95) !important;
}

.rot {
    border-radius: 6%;
}



.bkimg {
    background-image: url(../_img/all/bkg.jpg);
    background-size:cover;
    color: #B0E8FD!important;
}

.bk-img1 {
    background-image: url(../_img/bk2a.png);
    background-size: cover;
}

.ifrm1 {
    height: 700px;
    border: solid;
}

.ifrm2 {
    height: 750px;
    border: solid;
}

.ifrm3 {
    height: 975px;
    border: solid;
}

.vidm {
    display: none !important;
}
.vidd {
    width: 95%;
}

/* ----------------- Tabel  ----------------------*/











tr:hover .bull1{
    display:block;
    background:transparent;
    cursor:pointer;
    font-style: italic;
    border: solid #000 3px;
    transform: scale(0.7) translate(550%, -125%);
    padding: 10px;
}

tr a {
    color: #000 !important;
}
/*
tr:nth-child(odd) {
    background-color: var(--primary-color);
    color: #fff;
}

tr:nth-child(odd) a, tr:nth-child(odd) p{
    color: #fff !important;
}
*/
button h5 {margin-bottom: 1vh;}

.cuprins_sh {
    margin-top: 1.3vh;
    margin-bottom: 7vh;
    border: 0.5vmax solid var(--primary-color);
    padding: 0.5vmax;
}

.cuprins_sh_l {
    height: 0.1vh;
    border: 0.5vmax solid var(--primary-color);
}

#myInput {
    background-image: url(../_img/all/search-icon.png);
    background-repeat: no-repeat;
    background-size:4%;
    font-size: 22px;
    padding: 12px 20px 12px 40px;
    border: 2px solid #000;
    margin-bottom: 10px;
    margin-top: 10px;
}

#myUL {
    list-style-type: none;
    padding: 0;
}

#myUL li {
    border: solid var(--primary-color);
    margin-bottom:3px;
    border-width: 1px;
    padding: 1px;

}

#myUL li a {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    text-decoration: none;
    display: block;
}

#myUL li h4 {
    margin-top: 20px;
    margin-bottom: 5px;
}

#myUL li h5 {
    margin-bottom: 8px;
    color: var(--primary-color);
    padding-top: 5px;
    padding-bottom: 5px;
}

#myUL p {
    text-align: center;
    color: #000;
    cursor: pointer;
    padding-top: 5px;
}

#myUL li a p {
    text-align: center;
    color: #000;
    cursor: pointer;
    padding-top: 5px;
}

#myUL li:hover h4, #myUL li:hover p, #myUL li:hover h5, #myUL li:hover {
    color: #000000 !important;
}

#myUL li:hover a {
    background-size: cover;
    background-image: url(../_img/bk2b.jpg);
}

#myUL1 {
    list-style-type: none;
    padding: 0;
}

#myUL1 li {
    border: solid var(--primary-color);
    margin-bottom:3px;
    border-width: 1px;
    padding: 1px;

}

#myUL1 li a {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    text-decoration: none;
    display: block;
}

#myUL1 li h4 {
    margin-top: 20px;
    margin-bottom: 5px;
}

#myUL1 li h5 {
    margin-bottom: 8px;
    color: var(--primary-color);
    padding-top: 5px;
    padding-bottom: 5px;
}

#myUL1 p {
    text-align: center;
    color: #000;
    cursor: pointer;
    padding-top: 5px;
}

#myUL1 li a p {
    text-align: center;
    color: #000;
    cursor: pointer;
    padding-top: 5px;
}

#myUL1 li:hover h4, #myUL1 li:hover p, #myUL1 li:hover h5, #myUL1 li:hover span {
    color: #fff !important;
}

#myUL1 li:hover a{
    background-size: contain;
    background-image: url(../_img/bk4b.jpg);
}

.colo {
    font-weight: bold;
    color: var(--primary-color) !important;
    font-size: 1.4rem !important;
    padding-top: 0.1px !important;
}


.contact{
    width: 100%;
    color: rgb(8, 2, 63);
    background-image: url(../_img/cont/sediu22.jpg);
    background-size:cover;
}

/* ----------------- Actualitate locala  ----------------------*/

.btn1 {
    border: solid;
    border-width: 1px;
    cursor: pointer;
}

.btn1:hover {
    display:block;
    cursor:pointer;
    transform: scale(1.05) !important;
}

.padd1 {
    padding: 1%;
}

.padd2 {
    padding: 2%;
}

.rand {
    clear:both;
    min-height: 1.5rem;
}

.ow {
    overflow-wrap: break-word !important;
    word-wrap: break-word;
    hyphens: auto;
    white-space: normal;
}

.ow1 {
    white-space: nowrap; 
    width: 100px; 
    overflow: hidden;
}

.peste {
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
    z-index: 5;
    height:6vh;
    width: 100%;
}

.imgower {
	z-index: 99 !important;
    width: 10%;
    margin-top: 5%;
    margin-left: 5%;
}

/* ----------------- Schimbare la mobil  ----------------------*/
/* ----------------- Schimbare la mobil  ----------------------*/
/* ----------------- Schimbare la mobil  ----------------------*/
/* ----------------- Schimbare la mobil  ----------------------*/
/* ----------------- Schimbare la mobil  ----------------------*/
/* ----------------- Schimbare la mobil  ----------------------*/

@media only screen and (max-width: 1199px) {

    /* Home ---------------------------------------------------*/

    .mp{
        opacity: 0.8;
        width: 80%;
        margin-top: 2%;
    }

    .pgo {
        font-size: 1.5vmax !important;
        font-weight: bold;
        width: 85%;
        margin: auto;
        margin-top: 2%;
        margin-bottom: 2%;

    }

    .butoh { color: #fff; z-index: 19009; width: 100%; margin-top: -5%; }

    .butoh a {
        width: 35%;
        padding: 3% 3%;
        margin: 2% 3% 2% 3%;
        font-size: 2.4em;
        z-index: 1000;
    }

    .butoh a:hover {
        transform: scale(1.05);
        color: #fff;
    }

    .butoh a p {
        margin: auto;
    }

    .fnt_ceas {
        font-size: 3vh !important;
    }

    /* Header si futer ---------------------------------------------------*/

    .heder, .futer {
        border-top: 3px solid var(--primary-color);
        border-bottom:5px solid var(--primary-color);
    }

    .heder {
        height: 12vh;

    }

    .futer {
        height: 6vh;
    }

    .futeralm {bottom: 0%; font-size: .7em; color: #D6E3F4; z-index: 1;}
    
    .buton-h1 {
        width: 75%;
        height: 6vh;
        margin:  -15px 1px 1px 33px;
    }

    .buton-h2 {
        height: 6vh;
        float: right !important; 
        margin: -15px -8px 0 0 ;
    }

    .buton-f2 {
        width: 7vh;
        height: 4.3vh;
        padding-top: 0.1vh;
    }

    .butoane-f p {
        font-size: 1.6vh;
    }

    .buton-h1:hover .bull2 {
        transform: scale(0.7);
        transform-origin: 35vh 31vh;
        width: 30%;
        font-size: 1.1em;
    }
    
    .buton-h2:hover .bull2 {
        transform: scale(0.7);
        transform-origin: -15vh 30vh;
        width: 30%;
        font-size: 1.1em;
    }

    .buton-f2:hover .bull2 {
        transform: scale(0.7);
        transform-origin: -15vh -35vh;
        width: 30%;
        font-size: .9em;
    }

    /* Cuprins ---------------------------------------------------*/

    .cupri {
        margin-bottom: 3%;
    }

    .cupri summary {
        padding: .5%;
    }

    .cupri summary h2 {
        font-size: 1em !important;
    }
    
    .cupri summary h5 {
        font-size: .8em !important;
    }

    .cupri a {
        margin:auto;
        width: 85%;
    }
    
    .cupri p {
        margin: 1%;
        padding: 3%;
        color: #070D59;
        text-align: center;
        font-weight: bold;
        word-wrap: break-word !important;
        width: 95%;
    }
        
    .cupri a {
        font-size: 1.3em !important;
    }
    
    /* Pagina -------------------------------------------------*/

    .lipi { width: 95%; top: 8vh !important; margin-top: 0 !important; padding-top: 0 !important; margin-left: 0%; font-size: 2.7vmax; }
    
    .legi { font-size: .85em; padding: 2%; }
  
    .legi span { font-size: .5em; }

    .img-pr, .img-doc { width: 95%; height: auto; }

    .rm-700 { height: 850px; }

    .rm-wbc { width: 95%; height: 450px; }

    .bull { font-size: .75em; }

    table {
        font-size: .75em;
        width: 95%;
    }

    .bt-arh {
        display: block;
        width: 95%;
        cursor: pointer;
        margin: auto;
        border-radius: 6px;
        background-image: url(../_img/bk2b.jpg);
        color: var(--primary-color);
        background-size: cover;
        padding-bottom: 1%;
        padding-top: 3.5%;

    }

    .bt-red {
        width: 95%;
        padding-bottom: 1%;
        padding-top: 3.5%;
        font-size: 0.8rem;
    }

    .bt-red-10 {
        width: 30%;
        padding-bottom: 1%;
        padding-top: 1.5%;
    }
   
    .bt-sub {
        font-size: .8em;
        width: 95%;
        padding: 5%;
    }

    .bt-arh:hover .bull{
        display:block;
        background-color: var(--primary-color);
        cursor:pointer;
        transform: scale(0.9) !important;
        transform-origin:right top;
    }

    .bt-red:hover .bull{
        display:block;
        background-color: var(--primary-color);
        cursor:pointer;
        transform: scale(0.9) !important;
        transform-origin:right top;
    }

    .bt-tab-10 { display: inline-flex; width: 45%; padding: 3%; margin-bottom: 5%;}

    .bt-cup h2 { font-size: 1em !important;}

    .dsk {
        display: none !important;
    }

    .mob {
        display: block !important;
    }






    /* Despre -------------------------------------------------*/

    .stm{ display: block; margin-left: auto; margin-right: auto; width: 95%; }

    .buton {
        display:inline-flex;
        width: 35%;
        padding: 1.6% 1%;
        margin: 1.5vh 2vh 1.5vh 2vh;
    }

    .butoane p{
        font-size: 2.1vh;
    }

    .buton:hover .bull {
        transform: scale(1.5);

    }


    .stiri summary h5 { font-size: 1.5em; text-align: center; margin-top: 0%; margin-bottom: 0%;}   


    .cuprins h4, .cuprins a, .cuprins p {
        font-size: 1.1em;
    }

    .car {
        margin: auto;
        margin-bottom: 4vh;
        margin-left: 35%;
        font-style: italic;
    }

    .pag {
        max-width: 95%;
        top: 1.5vh;
    }

    .lat80, .lat90, .lat95, .lat95m {
        width: 95% !important;
    }
    
    h5 {
        display: block;
        font-size: 3.5vmin;
    }

    .iscl {
        border-radius: 10px;
        padding: 1px 4px 4px 4px;
        margin: 2%;
    }
    .iscl h6 {
        margin-bottom: 1em;
        font-size: 4vmin;
    }

    .pagc p {
        font-size: 1em;
    }

    .pag p {
        font-size: 4vmin;
    }

    summary:hover .bull{
        transform: scale(0.8) !important;
        transform-origin:left bottom;
    }

    summary h6, summary p, summary a, summary a p {
        font-size: 1.7vh !important;
    }
    
    details a, details a p {
        font-size: 1.7vh !important;
        text-align: justify;
    }

    details p{
        font-size: 1.7vh;
    }

    ttr:nth-child(odd):hover .bull{
        transform: scale(0.8) !important;
        width: 90%;
        transform-origin: -50%;
    }
    

    #myUL h4, #myUL a, #myUL p, #myUL ul {
        font-size: 2vh;
    }
    
    #myUL ul {
        font-size: 1.6vh;
    }
    
    h4 {
        font-size: 4vmin !important;
    }

    h5 {
        font-size: 3vmin !important;
    }
    
    .p2 {
        font-size: 3.5vmin !important;
    }

    .brdu {
        border: solid 1px;
        padding: 1px;;
    }

    .mrgt2{
        margin-top: 1.3vh;
    }

    .lat40f {
        width: 60%;
    }

    .ow {
        overflow-wrap: break-word !important;
        word-wrap: break-word;
        hyphens: auto;
        white-space: normal;
    }

    .secm{
        display: none !important;
    }

    .t-vert {
        writing-mode: vertical-rl;
    }

    .video-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--primary-color);
        background-image: url(../_img/all/bkgm.jpg);
        background-size: cover;
    }

    .padsum {
        padding-bottom: 0.15vh;
        padding-top: 0.15vh;
    }

    .peste {
        height:7vh !important;
        font-size: smaller;
    }

    /*.btn {
        margin-top: 0.7vh !important;
        margin-bottom: 0.7vh !important;
        padding-top: 1vh;
        padding-bottom: 1vh;
    }*/

    .vidd {
        display: none !important;
    }
    .vidm {
        width: 95%;
        display: block !important;
    }




    .buton .bull1 a p {
        font-size: 0.5rem;
    }

    summary:hover .bull{
        transform: scale(0.9) !important;

    }

    .ifrm1 {
        height: 400px;
        border: solid;
    }

    .p5 {
        font-size: 1.8vmax;
    }

    .legi p {
        font-size: 1.7vmax !important;
        padding: 5px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

}