body{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:90%; color:#000;
margin:0 auto; 
padding:0; 
text-align:center;
background:#fff;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #34495e;
  border-radius: 20px;
}
::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}
/* General */
img{
    max-width:100%;
    height:auto;
    border:none;
}

form{margin:0 auto; padding:0; text-align:center}
form fieldset{margin:0 auto; padding:0; width:auto; border:none}
form fieldset.login{width:300px; border:1px solid #aaa; padding:30px 0;}
form fieldset legend{font-size:80%; font-weight:bold}
form fieldset label{display:block; width:100px; float:left; text-align:right;}
form fieldset input,form fieldset select{margin:0; padding:0; border:1px solid #ddd; border-bottom:3px solid #333; padding:2px 5px 3px 5px; color:#27b; width:150px}
input.button{border:none; background:url(images/button.gif) no-repeat #333; padding:3px 5px 7px 15px; color:#fff; font-weight:bold; font-size:90%; width:84px; text-align:center}
a{text-decoration:none}
a:link{color:#27b; }
a:visited{color:#333;}
a:hover{background:#27b; color:#fff; }
a:active{background:#333; color:#fff; }

#content{
 width:1002px;
 text-align:left;
 margin:0 auto;
 padding:10px;
 background:#fff;
 display:grid;
}
#stanga { float:left; width:290px; margin-right:10px}
#dreapta { margin-left:290px;width:487px;}

#header{}
#header span{font-size:120%; display:block; float:left; background:url(images/antet.jpg) no-repeat; height:193px; width:1000px;}
#header span a{border:none; margin:135px; }
#header span a:link{color:#fff; }
#header span a:hover{ color:#ddd;}
#header span a:active{color:#fff;}
#header span a:visited{color:#ddd;}

hrs{
color:#27b;
font-size:110%;
}

hrn{
color:#27b;
font-size:100%;
}
hrr{
color:red;
font-size:100%;
}
.container {
width:100%;
max-width:1000px;
margin:0 auto;
overflow:hidden;
}
h1, h2, h3, h4, h5, h6 {
	color:#2277BB;
}

#cauta{float:right; width:410px; text-align:right; margin:20px 0}
#cauta form{text-align:right}
#cauta input.cauta{margin:0; padding:0; border:1px solid #ddd; border-bottom:3px solid #333; padding:2px 5px 3px 5px; color:#27b; width:150px}

#menu{background:url(images/menuleft.gif) no-repeat top left; padding-left:11px; clear:both;}
#menu div.menu{background:url(images/menuright.gif) no-repeat top right; padding-right:11px;}
#menu div.menu div.mid{background:url(images/menubg.gif) repeat-x; height:32px;}
#menu div.menu div.mid a{text-decoration:none; display:block; float:right; height:32px; vertical-align:middle; line-height:32px; padding:0 15px; border:none}
#menu div.menu div.mid a:link{color:#fff}
#menu div.menu div.mid a:visited{color:#eee}
#menu div.menu div.mid a:active{color:#333; background:#fff}
#menu div.menu div.mid a:hover{background:#555; color:#fff}


#body{margin:0;display:block;}
#h1{background:url(images/h1bg.gif) bottom left repeat-x; padding-bottom:7px; height:18px}
#h1 h1{font-size:120%; margin:0; padding:0; background:url(images/logo.jpg) no-repeat left bottom; padding-left:100px; float:left; color:#27b;height:31px}
#h1 h1 em{color:#333; font-style:normal}
#h1 div.options{text-align:right}
#h1 div.options ul{list-style:none; margin:0; padding:0}
#h1 div.options ul li{margin:0; display:inline}

#footer{font-size:80%; color:#888; margin-top:10px; border-top:1px solid #888; clear:both; padding:5px 0}

#msg{text-align:center; font-weight:bold; color:#fff; background:#27b; padding:20px; clear:both} 
div.center{text-align:center}

table{}
table thead{background:#444; color:#fff;}
table thead tr th{border-bottom:2px solid #27b;}
table tbody{font-size:100%}



/* Slideshow container */
.sliderImage{
	text-align:center;
}
.sliderImage img {
	margin:0 auto;
}
.bx-wrapper img {
    margin: 0 auto;
}


.slidertext{
	position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 18px;
    color: #ffffff;
    background: rgba(0,0,0,0.5);
    padding: 10px;
	width:98%;
}

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

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

/* 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;
    position: absolute;
    bottom: 3px;
    width: 100%;
    font-weight: 600;
    padding: 12px 0;
    margin: 0 auto;
    text-align: center;
    background: rgba(0,0,0,0.5);
}

/* 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: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

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

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

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

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

#page-wrapper {
  width: 70%;
  background: #FFFFFF;
  padding: 2em;
  margin: 1em auto;
  border-top: 5px solid #69c773;
  box-shadow: 0 2px 10px rgba(0,0,0,0.8);
}
.field {
  margin: 1em 0;
}

label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #999999;
}

input {
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}

textarea {
  width: 100%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}

button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}



@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #222;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff;
}
.m-backtotop.active {
  bottom: 15px;
  opacity: 1;
}
.m-backtotop > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.m-backtotop > div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
.m-backtotop > div.text {
  font-size: 5px;
  font-size: 0.5rem;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}
.m-backtotop:hover {
  transform: scale(1.1);
  bottom: 20px;
  cursor: pointer;
  background: black;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}
.m-backtotop:hover > div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}
.m-backtotop:hover > div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}

/*extra nav*/

.dropdownmenu {
	width: 1002px;
	display:block;
	margin:10px 0;
	height:81px;
	background:#30A6E6;
	padding:0;
	-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.dropdownmenu ul, .dropdownmenu li {
	margin: 0;
	padding: 0;
}
.dropdownmenu ul {
	background: #30A6E6;
	list-style: none;
	width: 98%;
	display:flex  ;
    justify-content: space-evenly;

}
.dropdownmenu li {
	float: left;
	position: relative;
	width:auto;
}
.dropdownmenu a {
	background: #30A6E6;
	color: #fff;
	display: block;
	font-size:15px;
	font-weight:600;
	font-family: 'Helvetica', 'Arial', sans-serif;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow:1px 2px 1px #111;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.dropdownmenu li:hover a {
	color:#fff;
}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 1;
}
li:hover ul#submenu {
	opacity: 1;
	top: 40px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: none;
	width: 100%;
}
#submenu a:hover {
	background: #DF4B05;
}
#submenu a {
	background-color:#000000;
}