.bg-img-ihd { background-image: url("img/liceu1.jpg") ; height: 680px;  ;width: 100%;background-repeat: no-repeat; background-size: cover;}
.bg-imgx { background-image: url("img/lalescu1.png") ; height: 680px;  ;width: 100%;background-repeat: no-repeat; background-size: cover;
           position:absolute; top:0;}
.bg-img { background-image: url("img/bannerTL2.png") ; height: 120px; width: 100%;background-repeat: no-repeat;background-size: cover;transparency:0.5;}
.bg-img-full { width: 100%; background-size: cover; background-image: url("img/banner-ceasuri.jpg"); opacity:0.8 ;
               background-repeat: no-repeat; background-position: center ; min-height: 280px;
               border-radius:10px;   padding-top:20px ; margin: 20px auto; position: relative; } 
.bg-img-full p {margin:0; position:relative; left:15px;bottom:10px;font-size: 20px; font-weight: bold;} 

/*  F O T O  1 div  FULL LATIME - LOGO  */
.box-skype0 { background-image: url(''); margin: 20px 10px; padding: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.box-skype2 { width:100%; display:flex; justify-content: space-around; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
.box-skype  { display:flex; padding: 20px 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.skype      { background-color: white; border-radius:10px; width: 40%; heigh:100px; padding: 10px 20px;
              box-shadow: 16px 16px 5px; margin: auto auto auto auto; font-size: 15px;  font-weight: bold; } /*border: 1px solid #888;*/
.skype0 {padding: 10px;  }


/* CONTAINER 3 div  orizontale */
.3Hdiv {float:left; width:33%; } /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);} */
.container {  text-align: left;  padding: 5px 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} 
.comun2div {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.container-Hdiv { width:100%; display:flex; justify-content: space-around; } /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);  padding:10px;  } */
.imgcontainer {  text-align: center;  margin: 5px 0 5px 0;  position: relative; align-items: center;}

.downpag {  text-align: center; color: white; height: 80px; margin: 2px 0 2px 0;  background-color: green; 
	   display:flex; align-items: center;   justify-content: center;  }

/* BOXE AFISARE SIMPLE */
.div-antet-text {position:relative; background-color: whitesmoke; width: 80%; margin: 30px auto ; border: 1px solid #888;
                 border-radius:5px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}
.div-antet { background-color: darkgreen; color: white; width: 100%; height:60px; margin-top:0px ; padding-top:0px;}
.div-text { margin: 10px auto; padding: 10px 10px 10px 10px;}

.div-shadow {position:relative;padding: 5px 5px;margin:5px 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.div-flex-shadow {position:relative; display:flex; padding: 20px 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 10px;}
.div-flex-wrap {display: flex; flex-wrap: wrap; align-items: center;}
.div-flex-wrap-left {display: flex; flex-wrap: wrap; align-items: left;}
.div-flex-wrap-right {display: flex; flex-wrap: wrap; align-items: right;}
.div-flex-wrap-center {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.div-flex-nowrap-top {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.div-flex-nowrap {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;} /*justify-content: space-around;  */
.div-block-left {display: block; align-items: left; }

.formdiv         {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}


.div-block-right {display: block; align-items: right; }
.div-block-center-shadow {display: block; align-items: center; padding: 20px 10px; margin: 20px auto auto 20px;
         	   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}}
.div-block {display: block; align-items: center; }

.flex-container {  position: absolute;  margin: 20px;  width: auto; display:flex; top:50%; left:10px;}

footer div a {	color: white ; text-decoration: none;text-align: right;}

.footer { width: 100%;  border-radius:0px; padding-top:10px ; margin: 2px 2px; position: relative; background-color:green; } 

/* C O N T A I N E R E  P U B L I C E   */
.logbtn { position: relative; margin: 1% auto 2% auto; width: 40%;height: 450px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}
logbtn a {color: white;}

.logo_firma { position: absolute; bottom: 5px; right:10px ;}
#grad {  height: 100%;  background-color: green;   background-image: linear-gradient( green , white); }

/* G A L E R I E F O T O  3 DIV */
.box-galerie { display:flex; }
.polaroid {  width: 30%;  background-color: white; float:left; margin:10px; margin-bottom: 25px;top:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
  padding-top: 22px; padding-bottom: 22px; padding-left: 22px;  padding-right: 22px; }

/* f o o t e r */
        
.login {  width: 600px;  background-color: #ffffff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);margin: 50px auto; border-radius: 10px;}
.login h1 { text-align: center; color: #5b6574;	 padding: 10px 0 10px 0;border-bottom: 1px solid #dee0e4;}
.login form { display: flex; flex-wrap: wrap;  justify-content: center; padding-top: 10px;}
.login form label { display: flex;justify-content: center;align-items: center;
  	width: 100px;  	height: 50px;  	background-color: #3274d6; color: #ffffff;}
.login form input[type="password"], .login form input[type="text"] { width: 310px; height: 50px; 
        border: 1px solid #dee0e4; margin-bottom: 10px;	padding: 0 10px;}
.login form input[type="submit"] {width: 98%; padding: 10px; border: 0; cursor: pointer;
  	background-color: green;  font-weight: bold; color: #ffffff; transition: background-color 0.2s;}
.login form input[type="reset"] {width: 98%; padding: 10px; border: 0; cursor: pointer;
  	background-color: red;  font-weight: bold; color: #ffffff; transition: background-color 0.2s;}
.login form input[type="submit"]:hover {background-color: #2868c7;transition: background-color 0.2s;}
.login form .flex-container {display: flex; ;width :100%; height:60px; margin: 5px 10px 5px 42px; padding:3px;}
.login form textarea {width :260px; right: 50px; padding: 15px; margin-top:10px; }

/* F O O T E R  */

/* T A B E L E   */
#servicii { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  border-collapse: collapse; width: 70%; align:center;}
#servicii td, #servicii th {  border: 1px solid #ddd;  padding: 8px; font-color: black;}
#servicii tr:nth-child(even){background-color: #f2f2f2;}
#servicii a { color: green;}
#servicii a:hover { color: green;}
#servicii tr:hover {background-color: #ddd;}
#servicii th {padding-top: 12px;  padding-bottom: 12px; text-align: left;background-color: green;color: white;}
#servicii table {background-image:url("img/tapet3.jpg"); }


body {  font-family: Arial, Helvetica, sans-serif;}

/*  A N T E T  P R I N C I P A L   P A G I N A   */
.antet { display: flex; flex-wrap: wrap; height:120px; position: relative; margin:0 ; width: 100%; background-color:white;top:0;
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}
.logo {position: relative; top:0; left:0; width: 10%; padding: 5px 5px;} 
.antet-coloana {  display: flex;  flex-direction: column; width:90%;}
.header-title { position: relative; top:0; left:0; width: 90%; height:50px; padding: 5px 5px; text-align: center; font-size:20px;
               font-weight: bold; color: green;}
#menu-home {background-color:green; color:white;}
.divRight {float: right;}
.navbar { background-color: white; position: relative; left:100px; width:90%; }                            /* overflow: hidden; */
/*.navbar a {  float: left;  font-size: 16px; color: black;  text-align: center; padding: 5px 5px;  text-decoration: none;} */
 /* Dropdown Button */
.dropbtn {  background-color: white;  color: black;  padding: 10px;  font-size: 16px;  border: none;}
.dropbtn:hover {background-color: green ;color:white; }
.dropbtn a {color:white; }
/* The container <div> - needed to position the dropdown content */
.dropdown {  position: relative;  display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {  display: none;  position: absolute;  background-color: #f1f1f1;  width: 230px;
                     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {  color: black;  padding: 12px 16px;  text-decoration: none;  display: block;}  /* Links inside the dropdown */
.dropdown-content a:hover {background-color: green; color: white;}                                   /* Change color of dropdown links on hover */
.dropdown:hover .dropdown-content {display: block;}                                                 /* Show the dropdown menu on hover */
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
/*  END-  A N T E T  P R I N C I P A L   P A G U N A   */