* {
    box-sizing: border-box;
} 
body{ 
  background: url('files/background.jpg') fixed;
  background-size: cover;
 }
.fontul1{
 font-family: 'overseerregular';
}
.caredul{
 font-family: 'barbatrickregular';
}
.capul {
  font-family: 'overseerregular';
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  width: 98%;
  height: 80px;
  left: 1%;
  right: 1%;
  border: 3px double #00FF00;
  border-radius: 25px;
  overflow: hidden;
  z-index: 0;
  display: flex;
}
 .capul_simplu{
  font-family: 'Times New Roman', Times, serif;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  width: 98%;
  height: 80px;
  left: 1%;
  right: 1%;
  border: 3px double #00FF00;
  border-radius: 25px;
  overflow: hidden;
  z-index: 0;
  display: flex;
 }
.restul{
 font-family: 'overseerregular';
 position: fixed;
 left: 1%;
 right: 1%;
 width: 98%;
 height: 88%;
 bottom: 0.5%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: auto;
 z-index: -999;
 padding-left: 8px;
 }
.restul_simplu{
 font-family: 'Times New Roman', Times, serif;
 position: fixed;
 left: 0.8%;
 width: 98%;
 height: 88%;
 bottom: 0.5%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: auto;
 z-index: -999;
 padding-left: 8px;
 }
.ferestrelul{
  font-family: 'overseerregular';
  margin: auto;
  border:2px double #00FF00;
  border-radius: 15px;
  width: 500px;
  height: 200px;
}
.ferestrelul2{
  font-family: 'overseerregular';
  margin: auto;
  border:1px #00FF00;
  border-radius: 15px;
  width: 500px;
  height: 150px;
  overflow: auto;
}
.ferestrelul_simplu{
  font-family: 'Times New Roman', Times, serif;
  margin: auto;
  border:2px double #00FF00;
  border-radius: 15px;
  width: 500px;
  height: 200px;
}
.ferestrelul2_simplu{
  font-family: 'Times New Roman', Times, serif;
  margin: auto;
  border:1px #00FF00;
  border-radius: 15px;
  width: 500px;
  height: 150px;
  overflow: auto;
}
 .micut{
  top: 5px;
  position: fixed;
  padding: 0 0 0 0;
  right: 0px;
  width: 135px;
  overflow: hidden;
  display: inline;
 }
.part1 {
  width: 5%;
    display: flex;
    padding: 15px;
    justify-content: left;
    align-items: center;
    height: 100%;
}
.part2 {
  width: 15%; 
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.part3 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30%; 
   height: 100%; 
   overflow: hidden;
}
.part4 {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center; 
  text-align: center;
  color: #FFFFFF;
}
.part5 {
 width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}
.part6 {
 width: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}
.part7 {
 width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}
.part1 img {
  max-width: 100%;
  height: auto;
}
.cont4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inauntru{
 position: relative;
 width: 50px;
 left: 85px;
 padding: 0 0 0 0;
 display: inline;
 }
.inauntru2{
 position: relative;
 width: 50px;
 left: 0px;
 padding: 0 0 0 0;
 display: inline;
 }
.frameul{
 position: fixed;
 width: 80%;
 height: 40%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul2{
 position: fixed;
 width: 38%;
 height: 45%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: auto;
 z-index: 99990;
 }
.frameul3{
 position: fixed;
 width: 38%;
 height: 45%;
 bottom: 10px;
 right: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: auto;
 z-index: 99990;
 }
.frameul4{
 position: fixed;
 width: 8%;
 height: 0px;
 bottom: 10px;
 left: 0px;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 overflow: hidden;
 z-index: 99990;
 }
.subul{
  background: url('empty.png');
  background-size: contain;
  position: fixed;
  overflow:auto;
  width: 38%;
 }
.titlul{
  position: fixed;
  left:0px;
  top: 0px;
 }
 .dv {
 width: 100%;
 height: 100%;
 overflow: auto;
 z-index: 99998;
 }
.dv2 {
 position: relative;
 width: 100%;
 overflow:auto;
 }
.frameul5{
 position: fixed;
 width: 80%;
 height: 42%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul6{
 position: fixed;
 width: 80%;
 height: 44%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: hidden;
 z-index: 99990;
 }
.subul2{
  background: url('empty.png');
  background-size: contain;
  position: fixed;
  overflow:auto;
  width: 80%;
 }
 .imgn{
  max-height: 34px;
  width: auto;
 }
.frameul7{
 position: fixed;
 width: 7%;
 bottom: 10px;
 right: 10px;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 overflow: hidden;
 z-index: 99990;
 }
.frameul8{
 position: fixed;
 width: 80%;
 height: 30%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul9{
 position: fixed;
 width: 80%;
 height: 54%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 overflow: hidden;
 z-index: 99990;
 }
.dv3 {
 position: relative;
 height: 10px;
 width:100%;
 }
.subul3{
 background: url('empty.png');
 background-size: contain;
 position: fixed;
 width: 80%;
 padding-left: 2%;
 bottom: 0px;
 }
 .divulica{
 background-image: url('empty.png');
 border-radius: 25px;
 padding: 0 0 0 8px;
 width: 60%;
 left: 2px;
 }
 .divulica3{
 background-image: url('empty3.png');
 border-radius: 25px;
 padding: 0 0 0 8px;
 width: 60%;
 left: 2px;
 }
.divulica2{
 background-image: url('empty.png');
 border-radius: 25px;
 width: 100%;
 }
 .dvhh {
 width: 100%;
 height: 100%;
 overflow: hidden;
 z-index: 99998;
 }
.frameul10{
 position: fixed;
 width: 15%;
 height: 10%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul11{
 position: fixed;
 left: 1%;
 width: 98%;
 height: 8%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: hidden;
 z-index: 0;
 }
.frameul12{
 position: fixed;
 width: 80%;
 height: 75%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: auto;
 z-index: 99990;
 }
.frameul13{
 position: fixed;
 width: 80%;
 height: 75%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: auto;
 z-index: 99990;
 }
.frameul14{
 position: fixed;
 width: 80%;
 height: 10%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: hidden;
 z-index: 99990;
 }
 .frameul16{
 position: fixed;
 width: 80%;
 height: 75%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 z-index: -999;
 padding-left: 8px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul15{
 position: fixed;
 width: 80%;
 height: 10%;
 top: 50px;
 left: 10%;
 border:3px double #00FF00;
 padding: 5px 10px 5px 10px;
 border-radius:25px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul17{
 position: fixed;
 width: 50%;
 height: 5%;
 top: 50px;
 left: 25%;
 border:3px double #00FF00;
 padding: 5px 10px 5px 10px;
 border-radius:25px;
 background: url('empty.png');
 overflow: hidden;
 z-index: 99990;
 }
 .frameul18{
 position: fixed;
 width: 80%;
 height: 80%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 padding-left: 5px;
 border-radius:25px;
 overflow: hidden;
 z-index: 99990;
 }
.frameul100{
 position: fixed;
 width: 80%;
 height: 90%;
 bottom: 10px;
 left: 10%;
 border:3px double #00FF00;
 border-radius:25px;
 overflow: hidden;
 padding: 0px 0px 0px 0px;
 z-index: 99990;
 }