html {
    height: 100%;
    overflow-x:hidden
    overflow-y: scroll;
}
body {
    height: 100%;
    line-height:1;
    font-size:16px;
    font-family: Times New Roman", Times, serif;//Verdana, Arial, Helvetica, sans-serif;
    //background-image: url("../images/header/header_bg.jpg");
    overflow-y: scroll;
}
body,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-family: Times New Roman", Times, serif;//Verdana, Arial, Helvetica, sans-serif;
}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{
    color: #012949;
    text-decoration: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: justify;
    text-indent: 20px;
    line-height: 125%;
}

hr.meniu_mobil{border:0;border-top:1px solid #eee;margin:20px 0}
a{
    text-decoration:none;
    color:#336699;
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
}
a:active,a:hover{
    text-decoration:none;
    outline-width:0;
}
ul {
    margin-left: 50px;
    list-style-type: circle;
    color: #184f7f;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin-left: 10px;
    padding-top: 0px;
    list-style-type: circle;
    text-align:justify;
}


.font-tiny{font-size:10px!important}
.font-small{font-size:12px!important}
.font-medium{font-size:15px!important}
.font-large{font-size:18px!important}
.font-xlarge{font-size:24px!important}
.font-xxlarge{font-size:36px!important}
.font-xxxlarge{font-size:48px!important}
.font-jumbo{font-size:64px!important}
@keyframes animateright{
    from{right:-300px;opacity:0}
    to{right:0;opacity:1}
}
@keyframes animatebottom{
    from{bottom:-300px;opacity:0}
    to{bottom:0;opacity:1}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.header {
    width:100%;
    height:150px;
    margin:0px;
    padding:0px;
}
.header_content {
    max-width:1200px;
    width:100%;
    height:100%;
    margin:auto;
    padding:0px;
    background-position: bottom right;
    //background-image: url("../images/header/header.jpg");
    background-repeat:no-repeat;
}
.header_contact {
    float:left;
    width:100%;
    height:30px;
    margin:0px;
    padding:0px 0px 0px 10px;
    border-bottom:1px dotted #336699;
}
.header_contact a {
    text-decoration:none;
    font-size:12px;
    color: #959595;
}
.header_contact a:hover span{
    color: #2aacff;
}
.header_contact a:hover{
    color: #6cab15;
}
.header_contact img{
    height:26px;
    margin:2px 5px;
}
.header_logo {
    float:left;
    margin:0px;
    padding:10px 10px;
}
@media (max-width:900px){
    .continut_pagina{padding-top: 100px!important;background-position: 0px 30px!important;}
    .ascunde_pe_mobil{display:none!important}
    .buton_slide{width:30px!important;height:30px!important}
    img.header_logo {height:40px!important;}
    img.header_btn {height:40px!important;}
    #loghin_header_img {height:30px!important;}
    p.titlu{font-size:16pt!important;}
}
@media (min-width:901px){
    .continut_pagina{padding-top: 160px!important;background-position: 0px 100px!important;}
    .ascunde_pe_desktop{display:none!important}
    .col3{width:33.33333%!important}
    .col2{width:49.99999%!important}
    img.header_logo {height:80px!important;}
    img.header_btn {height:50px!important;}
    #loghin_header_img {height:40px!important;}
    p.titlu{font-size:30pt!important;}
}

.top_menu {
    width:100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    padding: 0px 0px 4px 0px;
    background-color: #ffffff;
    z-index: 100;
}

.top_menu_elements {
    max-width:1200px;
    width:100%;
    margin:auto;
    background-color:#fff!important;
    padding: 2px 16px;
    overflow:hidden;
    border:none;
    color:#000!important;
    border-bottom:1px double #000000; 
    border-top:1px double #000000;
    
    box-shadow: 0 6px 2px -2px gray;
}
.top_menu_elements img{
    margin:5px!important;
    padding:0px;!important
}


#loghin_header_img {
    height: 40px;
}
#login_header_ID {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #336699;;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color:white;
    font-weight:bold;
    cursor:pointer;
}

.buton_meniu_mobil{
    float:right!important;
    padding:5px;
    border:none;
    display:inline-block;
    text-align:center;
}
.buton_meniu_mobil:hover{
    color:#000!important;
    background-color:#9e9e9e!important;
}
.buton_meniu_mobil:hover{
    color:#000!important;
    background-color:#9e9e9e!important;
}

.meniu_dispozitive_mobile{
    height:100%;
    width:300px;
    top:0px;
    right:0;
    position:fixed!important;
    display:none;
    color:#fff!important;
    background-color:#000!important;
    overflow:auto;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    animation:animateright 0.4s;
    z-index:300;
}
.antet_meniu_dispozitive_mobile{
    padding:0.01em 16px;
}
.antet_meniu_dispozitive_mobile a{
    color:#ffffff;
}
.buton_meniu_dispozitive_mobile{
    float:right!important;
    font-size:32px;
    padding:8px 16px;
}
.buton_meniu_dispozitive_mobile:hover{
    color:#000;
    background-color:#9e9e9e;
}
.element_meniu_dispozitive_mobile{
    width:100%;

}
.element_meniu_dispozitive_mobile a{
    width:100%;
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:left;
    border:none;
    white-space:normal;
    float:none;
    outline:0;
    color:#ffffff;
}
.element_meniu_dispozitive_mobile a:hover{
    color:#000;
    background-color:#9e9e9e;
}
.subsol_meniu_dispozitive_mobile{
    padding:0.01em 16px;
    margin-top:16px;
    margin-bottom:16px;
}
.subsol_meniu_dispozitive_mobile a{
    color:#ffffff;
}
.subsol_meniu_dispozitive_mobile a:hover{
    color:#9e9e9e;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.continut_pagina{
    max-width:1200px;
    min-height:80%;
    padding:64px 5px;
    margin:auto;
    background-size:200px;
    background-image: url("../images/fundal_mathuaic.png");
    background-repeat:no-repeat;
}



p.titlu{
    text-align:right;
    color:#336699;
    font-size:18pt;
    font-weight:bold;
}

p.subtitlu1{
    text-align:left;
    color:#336699;
    font-weight:bold;
}

p.raspunsServer{
    text-align:center;
    color:#336699;
    font-weight:bold;
}
.col3{
    float:left;
    width:100%;
    margin:0px;
    padding:5px;
}
.col2{
    float:left;
    width:100%;
    margin:0px;
    padding:5px;
}


.fp{
    width:100%;
    margin:0px;
    padding:0px;
}
p.titlu_fp{
    text-align:right;
    color:#336699;
    font-size:20px;
    font-weight:bold;
}
.box_fp{
    width:100%;
    height:100%;
    margin:0px;
    padding:5px;
    border: 2px dotted #CCC;
    border-radius: 25px;
    box-shadow: 5px 10px 18px #888888;
    transition: 1s ease;
    cursor:pointer
}
.box_fp:hover{
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: 1s ease;
}

.img_fp{
    width:100%;
    border-radius:25px;
    box-shadow: 5px 10px 18px #888888;
}


form {
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
  }

form h2 {
    text-align: center;
    margin-bottom: 20px;
  }

form.buton  {
    margin: 0px auto;
    padding: 0px;
    border: none;
    background-color: transparent;
  }




label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
  }

input[type="text"],
  input[type="number"],
  textarea,
  select {
    width: 100%;
    height: 25px;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
  }

  input[type="checkbox"] {
    margin-right: 8px;
  }

  .checkbox-group {
    margin-top: 15px;
  }

  input[type="button"] {
    margin-top: 25px;
    padding: 10px 20px;
    background-color: #0077cc;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  input[type="submit"]:hover {
    background-color: #005fa3;
  }



.footer {
    width:100%;
    height:140px;
    margin:0px;
    padding:0px;
}
.footer_content {
    max-width:1200px;
    width:100%;
    height:100%;
    margin:auto;
    align:center;
    padding:5px;
    color:#ffffff;
    background-color:#336699;
}
.go_top {
    float:right;
    width:40px
    height:40px;;
    //right:0px;
    //bottom:0px;
    margin:0px;
    padding:0px;
    border:2px solid #ffffff;
}
.go_top:hover {
    color:#000;
    background-color:#9e9e9e;
}

.continut_specificatii{
    padding:50px 16px;
}




a.selected{
    background:#00b1f3;
    border: 1px solid black;
    box-shadow:6px 6px 3px #aaaaaa;
    border-radius: 10px;
}
a.selected:hover{
    box-shadow:3px 3px 3px #aaaaaa;
}

/* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("/w3images/mac.jpg");
    min-height: 100%;
}
.w3-bar .w3-button {
    padding: 16px;
}

.mySlides {
    display:none
}
.w3-tag, .fa {
    cursor:pointer
}
.w3-tag {
    height:15px;
    width:15px;
    padding:0;
    margin-top:6px
}


div.clear{
    clear:both;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    z-index: 500;
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 1200px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 1200px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
}



/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.col-red{color:#fff!important;background-color:#f44336!important}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}

small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
img{vertical-align:middle}

/*continut sectiune*/
.continutSectiune{
    clear:both;
    width:95%;
    margin:40px auto 10px auto;
    padding:5px;
}
.titlu_comentarii{
    font-size:28pt;
    font-weight:bold;
    color:#336699;
    margin:5px auto 1px 5px;
}
.linie_titlu_sectiune{
    height:2px;
    color:#6699CC;
    margin:0px 5px 0px 5px;
    padding:0px;
}
.lista_comentarii{
    margin:5px;
    background:#eeeeee;
    border:1px solid #dddddd;
}
.comentariu{
    clear:both;
    margin:10px;
    padding:5px;
    background:#ffffff;
    border:1px solid #dddddd;
}
.antetComentariu table{
    width:100%;
    height:48px;
    border:1px;
    margin:0px;
    padding:0px;
}
.antetComentariu td{
    height:32px;
    padding:0px;
    margin:0px;
}
.antetComentariu img{
    height:100%;
    padding:3px;
    margin:0px;
    cursor:pointer;
}
            



.autor{
    float:left;
    width:400px;
    margin:5px;
}
.nume{
    font-weight:bold;
    font-size:16pt;
    color:black;
}
.data{
    font-weight:none;
    font-size:12pt;
    color:#999999;
}
.raspuns{
    border:1px solid #dddddd;
    //box-sizing: border-box;
}
a.link_editare{
    cursor:pointer;
    width:38px;
    height:38px;
    border-style:none;
    color: #336699;;
    padding-left: 15px;
    font-size: 12pt;
    text-decoration: none;
    display: inline-block;
}
img.upload{
    cursor:pointer;
    height:38px;
    border-style:none;
    color: #336699;;
    padding-left: 15px;
    font-size: 12pt;
    text-decoration: none;
    display: inline-block;
}
.formular_sc{
    margin:0px;
    padding:0px;
}
.upload{
    width:50px;
    margin:4px 5px 5px 0px;
    padding:2px auto;
    float:right;
}

.nr_pagina{
    clear:both;
    margin:0px 10px 5px 0px;
    padding:0px;
    float:right;
    color:black;
    font-size:12px;
}
.nr_pagina form,select{
    margin:0px;
    padding:0px;
}
.linie_titlu_comentariu{
    clear:both;
    height:1px;
    color:#dddddd;
    margin:0px 5px 0px 5px;
}
.text_comentariu{
    clear:both;
    padding:5px;
    font-size: 12pt;
    text-decoration: none;
    font-weight:none;
}
.raspuns_comentariu{
    margin:0px;
    padding:0px 0px 0px 50px;
    background: url("imagini/raspuns.png") no-repeat top left;
}
#adauga_comentariu{
    clear:both;
    margin:20px 10px 10px 10px;
    padding:10px;
    background:#eeeeee;
    border:1px solid #dddddd;
}
.subtitlu{
    margin:0px;
    font-weight:bold;
    font-size:18pt;
    color:#336699;
}
.nota_subsol{
    margin:0px;
    font-weight:normal;
    font-size:10pt;
    color:black;
}
#form_a_c{
    margin:0px;
    padding:0px;
}
#detalii_mesaj{
    margin:5px 0px 0px 0px;
    padding:0px;
    width: 100%;
    font-weight:normal;
    font-size:12pt;
    color:red;
}
#continut_mesaj {
    position:relative;
    padding: 7px 5px;
    border: 1px solid #dddddd;
    border-image: none;
    width: 100%;
    height: 250px;
    font-weight: bold;
}
#tip_mesaj {
    position:relative;
    float:right;
    padding: 7px 5px;
    font-weight: bold;
}
 input.buton_submit {
    background: #336699;
    padding: 5px 10px;
    margin:5px 0px;
    border-radius: 3px;
    border: 0px currentColor;
    border-image: none;
    width: 120px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    float: none;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input.button_login {
    width:100px;
    height:30px;
    border-radius: 5px;
}
input.button_login:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.24), 0 11px 50px 0 rgba(0,0,0,0.19);
    cursor:pointer;
}

.overlay {
  display:none;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.ext_overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  height:80%;
  max-width:1200px;
  padding:30px 10px;
  margin:auto;
  background:#eeeeee;
}
.overlay-content {
  width: 100%;
  height:100%;
  padding:5px;
  margin:2px;
  border:1px solid #dddddd;
}
#overlay_tip_mesaj {
    position:relative;
    float:right;
    padding: 7px 5px;
    font-weight: bold;
}
#overlay_detalii_mesaj{
    margin:5px 0px 0px 0px;
    padding:5px;
    width: 100%;
    font-weight:normal;
    font-size:12pt;
    //color:red;
}
#overlay_continut_mesaj {
    position:relative;
    padding: 7px 5px;
    border: 1px solid #dddddd;
    border-image: none;
    width: 100%;
    height: 250px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

#overlay_buton_submit {
    background: #336699;
    padding: 5px 10px;
    margin:5px 0px;
    border-radius: 3px;
    border: 0px currentColor;
    border-image: none;
    width: 120px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    float: right;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.preview_mesaj {
    overflow: scroll;
    position:relative;
    padding: 7px 5px;
    border: 1px solid #dddddd;
    border-image: none;
    width: 100%;
    height: 250px;
    background: #ffffff;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {font-size: 40px; top: 15px; right: 35px; }
}
/*formular*/
div.formular_contact{
    width:100%;
    max-width:800px;
    margin: 0px auto;
    padding: 0px;
}
div.formular_contact h3{
    font-weight:bold;
    color:#00b1f3;
}

form.formular_contact{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-top: 0px;
    border: 1px dotted #CCC;
}

.td_img_formular{
    width:30%;
    text-align:center;
    vertical-align:middle;
}
.titlu_camp_formular{
    color:#336699;
    font-size:16px;
    margin:5px 0px 2px 0px;
}
.el_camp_formular{
    width:100%;
    margin:0px;
    font-size:14px;
}


.el_camp_formular select{
    width:100%;
    padding:8px;
    margin:0px;
    font-size: 16px;
    border:1px solid #ccc!important;
}
.el_camp_formular input,input.el_camp_formular {
    display:block;
    width:100%;
    padding:8px;
    border:1px solid #ccc!important;
    font-size: 16px;
    margin:0px;
}
.el_camp_formular textarea,textarea.el_camp_formular{
    width:100%;
    height:100px;
    margin:0px;
    padding:8px;
    font-size: 16px;
    border: 1px solid #CCC!important;
}
input.button_submit {
    width:200px;
    height:30px;
    margin:10px auto;
    border-radius: 5px;
}
input.button_submit:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.24), 0 11px 50px 0 rgba(0,0,0,0.19);
    cursor:pointer;
}
@media (max-width:768px){
    .td_img_formular{
        display:none;
    }
}
/*sfarsit formular*/