body { margin: 0; padding: 0; font-family: Georgia; line-height: 24px;}

body.fixed-position {
  position: fixed; /* Împiedică scroll-ul */
  overflow: hidden;
  width: 100%;
}

#clear { clear: both; margin: 0; padding: 0; }

#div_header { 
	margin-left: 373px; 
    margin-top: -40px;
	padding: 0; 
	background: transparent url(../new/img/tutoring3.gif) 0 100% no-repeat; 
	height: 172px; 
}
@media (max-width: 1180px) { 
    #div_header { margin-left: 0; }
}

@media (max-width: 704px) { 
    #div_header { 
        height: calc(100vw * 172 / 704);
        margin-top: calc(100vw * (-40) / 704);
        background-size: cover;
    }
}

#header_stanga { 
  position: absolute; 
  margin-top: -40px;
  padding: 0; 
  height: 172px; 
  width: 373px; 
  top: 0px; 
  left:0px;
  background-image: url(../new/img/colt.jpg); 
}
@media (max-width: 1180px) { 
    #header_stanga {    display: none; }
}

#header_dreapta { 
  margin-top: -40px;
  margin-right: 2px;
  padding: 0; 
  right: 0; 
  top: 0; 
  position: absolute; 
  float: right; 
  z-index: 0; 
}
@media (max-width: 810px) { 
    #header_dreapta    { display: none; } 
}


.div_meniu { 
  vertical-align: top; 
  border-right: solid 1px #BFBFBF; 
  background-image: url(../new/img/bg_oldalso.gif); 
  display: inline-block; 
  width: 220px;
}
@media (max-width: 1000px) { 
    .div_meniu { display: none; }
}

#nimic_stanga_jos {
  display: inline-block; 
  width: 220px; 
  border-right: solid 1px #BFBFBF; 
}
@media (max-width: 1000px) { #nimic_stanga_jos { display: none; } }

.div_content { 
  vertical-align: top; 
  padding-left: 10px; 
  padding-right: 10px; 
  margin: 0; 
  display: inline-block; 
  background-color: #f5fffa; 
  width: calc(100% - 241px);
}
@media (max-width: 1000px) { .div_content {    width: 100%; } }
@media (max-width: 400px) { 
  .div_content {
    padding-left: 3px; 
    padding-right: 3px; 
  }
}

.bloc_date_jos_info{
  margin:2px 25px 2px 55px; 
  background-color: #f5fffa;
}
@media (max-width: 1200px) { .bloc_date_jos_info { margin:2px 20px 2px 45px; }}
@media (max-width: 1100px) { .bloc_date_jos_info { margin:2px 10px 2px 25px; }}
@media (max-width: 700px)  { .bloc_date_jos_info { margin:2px 10px 2px 15px; }}


#bloc_date_jos { 
  display: inline-block; 
  background-color: #f5fffa; 
  width: calc(100% - 241px); 
  padding-left: 10px; 
  padding-right: 10px; 
  margin: 0; 
}
@media (max-width: 1000px) { #bloc_date_jos {   width: 100%; }}

#banda_dupa_header { 
  padding: 0; 
  margin: 0; 
  position: relative;
}

#banda_dupa_header table { 
  background-image: url(../new/img/design_1_09.gif); 
  width: 100%; 
  height: 28px; 
}
@media (max-width: 1000px) { 
    #banda_dupa_header table {
        height: 48px; 
        background-size: auto 100%;
        background-color: #2a40cb;
        background-image: unset;
    }
}


.buton_meniu_mobil {
  position: absolute;
  padding: 5px 10px;
  /* padding-top: 9px; */ 
  right: 10px;
  top: 8px;
  background-color: #FFF;
  /* color: white;  */
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  transition: all 0.3s;
  float: right;
  z-index: 0;
}
@media (min-width: 1000.01px) { .buton_meniu_mobil { display: none; } }

/*
.buton_meniu_mobil:hover {
  background-color: #0056b3; 
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3); 
}
.buton_meniu_mobil:active {
  background-color: #004085; 
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1); 
}
*/

.meniu_mobil {
  position: absolute;
  right: 20px;
  top: 38px;
  width: 220px;
  border: solid 1px #BFBFBF; 
  background-image: url(../new/img/bg_oldalso.gif); 
  display: inline-block; 
  padding: 20px 30px;
}

.meniu_mobil_dan {
  width: 100%;
  display: inline-block; 
  padding: 15px 0;
}
@media (min-width: 1000.01px) { 
    .meniu_mobil_dan {  display: none;  }
}

.meniu_mobil_dan .linie_meniu {
  padding-top: 6px;
  color: #f9eab4;
  background-color: #2a40cb;
  margin-top: 6px;
  /* border-radius: 8px; */
}

.meniu_mobil_dan .more_options {
  padding-top: 11px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}
.meniu_mobil_dan .more_options:hover {
  color: #350095;
}

.div_content_interior{
  margin:2px 25px 2px 55px;
  padding: 0;
}
@media (max-width: 1200px) { .div_content_interior { margin:2px 20px 2px 45px; }}
@media (max-width: 1100px) { .div_content_interior { margin:2px 10px 2px 25px; }}
@media (max-width: 700px)  { .div_content_interior { margin:2px 10px 2px 15px; }}
@media (max-width: 400px)  { .div_content_interior { margin:2px 2px 2px 5px; }}


#bloc_date { padding: 0; margin:0; }
#bloc_date table { background-color:mintcream; width: 100%; }

.div_content p  { 
  font: normal 16px georgia, sans-serif; 
  padding: 2px 25px 2px 25px; 
  text-align: justify; 
  line-height: 20px; 
}
@media (max-width: 800px) { .div_content p { padding: 2px 15px 2px 15px; }}
@media (max-width: 700px) { .div_content p { padding: 2px 10px 2px 10px; }}

.div_content h1 { 
  font: normal 24px georgia, sans-serif; 
  padding: 15px 25px 10px 10px; 
  color:#003399; 
  border-bottom: solid 2px #a42007; 
}
@media (max-width: 550px) { .div_content h1 { padding: 5px; }}

.div_content h2 { font: normal 22px georgia, sans-serif; padding-left: 25px; color: #032f54; }
.div_content h3 { 
  font: normal 20px georgia, sans-serif; 
  padding-left: 25px; 
  padding-bottom:10px; 
  color: #660000; 
  border-bottom: solid 1px #a42007; 
}
@media (max-width: 450px) { .div_content h3 { padding-left: 10px; }}

.div_content h4 { font: normal 16px georgia, sans-serif; padding-left: 25px; color:#000033 ; }
.div_content h6 { font: normal 20px arial, sans-serif;   padding-left: 2px; padding-bottom:10px ; color:#cc0000; border-bottom: solid 1px #a42007; }
.div_content li { 
  font: normal 16px georgia, sans-serif; 
  padding: 5px 5px 0px 10px; 
  line-height: 18px; 
  list-style-image: url(../img/new/bullet.gif); 
}
@media (max-width: 800px) { .div_content li { padding: 5px 2px 0px 2px; }  }

.unit_history ul {
  margin-left: 0!important; margin-top: -5px!important;
}
@media (max-width: 700px) { .unit_history ul { padding-left: 15px; }  }

.unit_history li {
  list-style: none!important;
  padding-bottom: 5px!important;
}

.unit_european_history ul {
  margin-left: 0!important; margin-top: -5px!important;
}
@media (max-width: 700px) { .unit_european_history ul { padding-left: 15px; }  }

.unit_european_history li {
  list-style-image: none;
}
.unit_european_history ul ul {
  margin-top: 0!important;
}
.unit_european_history li ul {
  padding-bottom: 5px!important;
}

.tabele_teste {  padding-left: 21px; }
@media (max-width: 800px) { .tabele_teste { padding-left: 11px; }  }
@media (max-width: 700px) { .tabele_teste { padding-left: 6px; }  }

.tabele_teste td {  padding-left: 10px; }
@media (max-width: 450px) { .tabele_teste td { padding-left: 4px; }  }

#div_continut table { background-color: #f5fffa; border: solid 0px #D7D7D7; padding: 4px; margin: 0; }
#div_continut td { 
  vertical-align: top; 
}
#div_continut ul li {
  line-height: 20px;
  padding-bottom: 2px;
}

#div_continut ol li {
  line-height: 20px;
  padding-bottom: 4px;
  list-style-image: none; 
}

#div_continut ol li::marker {
  font-family: initial;
}

#div_continut ul,ol {
  margin-top: -15px;
  margin-left: 20px;
}

#div_continut ul li span {
  font-weight: bold; 
  margin-right: 20px;
}

.table_4_col td { padding-right: 18px; }
@media (max-width: 700px) { .table_4_col { display: none; }  }

.table_3_col table {  
    padding: 0 0 0 30px!important; 
    max-width: 800px;
}
.table_3_col td { padding-right: 18px; }
@media (max-width: 550px) { .table_3_col { display: none; }  }

.table_3-2_col table                            { padding: 0 0 0 30px!important; }
.table_3-2_col td                               { padding-right: 18px; }
@media (min-width: 550.01px) { .table_3-2_col   { display: none; }  }


.table_2_col td                                 { padding-right: 18px; }
@media (min-width: 700.01px) { .table_2_col   { display: none; }  }


@media (max-width: 370px) { td li a { font-size: 14px; }  }
@media (max-width: 350px) { td li a { font-size: 13px; }  }
@media (max-width: 320px) { td li a { font-size: 12px; }  }

@media (max-width: 450px) { img[src*="/img/nr-tel.gif"] { width: calc(100vw * 350 / 450); }}

@media (max-width: 450px) { .logo_jos { width: calc(100vw * 400 / 450); }}

@media (max-width: 800px) { .opt_spatii { font-size: 10px; }}
@media (max-width: 600px) { .opt_spatii { display: none; }}

.linie_date_form  {
  padding-bottom: 10px;
  display: flex;         /* Activează Flexbox */
  flex-wrap: wrap;       /* Permite elementelor să treacă pe rândul următor dacă nu există suficient spațiu */
  justify-content: space-between; /* Distribuie spațiul între elemente pe axa orizontală */
}

.nume_camp_form, .input_camp_form  {
  flex: 1 1 auto;        /* Elementele încearcă să ocupe spațiu disponibil, dar se pot micșora */
  width: 180px;      /* Lățimea minimă pentru fiecare element pentru a evita înghesuirea excesivă */
  text-align: left;
}

.tip_subiecte {
  color:#990000;
  font-family:Georgia;
  font-size:18px;
}

.linie_meniu {
  text-align: center;
  font: bold 16px georgia;
  width: 218px;
  height: 35px;
  padding-top: 6px;
  color: #f9eab4;
  background-color: #2a40cb;
  margin-top: 2px;
  /* border-radius: 8px; */
}

.linie_meniu a {
  text-align: center;
  font: 18px garamond arial;
  text-decoration: none;
  width: 220px;
  height: 29px;
  color: #f9eab4;
  padding-top: 3px;
  display: inline-block;
}

.linie_meniu:hover {
  background-color: #fddd66; /* Schimbă culoarea la hover pentru feedback */
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3); /* Umbra mai pronunțată la hover */
}
.linie_meniu:hover a { color: #350095; }

#linie_meniu a:active {
  background-color: #ff0000; /* Culoare mai închisă când este apăsat */
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1); /* Umbra internă pentru efect de apăsare */
}

.linie_meniu_old { text-align: center; font: bold 16px georgia; background-image: url(../new/img/csoport_hatter.jpg); width: 218px; height: 35px; padding-top: 6px; color: #841702; }
.linie_meniu_old a { 
  text-align: center; 
  font: 20px garamond arial; 
  text-decoration: none; 
  background-image: url(../new/img/csoport_hatter.jpg); 
  width: 200px; 
  height: 35px; 
  padding-top: 6px; 
  color: #5715cd; 
}

#banda_sup_jos { padding: 0; margin: 0; }
#banda_sup_jos table { background-image: url(../new/img/bg_lablec.gif); height: 18px; width: 100%; }

#banda_inf_jos { padding: 4px; font: normal 11px arial; color: white; text-align: center; font: normal 11px arial; background-image: url(../new/img/design_1_20.gif); }
#banda_inf_jos a:link    { color: Azure; text-decoration: underline; }
#banda_inf_jos a:hover   { color: Azure; text-decoration: none; }
#banda_inf_jos a:visited { color: Azure; text-decoration: underline; }
#banda_inf_jos a:active  { color: Azure; text-decoration: none; }

.date_contact table {
  /* width:280px;  */ 
  font-family:Arial; 
  font-size:18px; 
  border: 0 solid black; 
  background-color: #f5fffa;
}
@media (max-width: 450px) { .date_contact table { font-size: 15px; }}
@media (max-width: 330px) { .date_contact table { font-size: 14px; }}

.text_scris_date {
  color:#1034A6; 
  font-size:18px; 
  text-decoration:none;
}
@media (max-width: 450px) { .text_scris_date { font-size: 15px; }}
@media (max-width: 330px) { .text_scris_date { font-size: 14px; }}
@media (max-width: 310px) { .text_scris_date { font-size: 13px; }}
@media (max-width: 290px) { .text_scris_date { font-size: 12px; }}