body { margin:0;
width: 960px; 
}

  


.home {
	width: 960px;

}

div.home {margin-left: 150px; }


.header {
	height: 50px;
	background: black;
	
}

.sus { color: white;
       font-family: arial;
       font-size:larger;
       padding-top: 16px;
       margin-left: 8%;
       
 }

.jos {  color: white;
       font-family: arial;
       font-size: medium;
       padding-top: 16px;
       letter-spacing: 5px;
      
       

}

button#additional-files {
margin-top: 10px;
font-family: arial;
font-size: 15px;
 }
 
button#additional-files:hover {
background: #448251;
cursor:pointer;
color: white; }


div.wrap {
          top: 395px;
          width:960px;
          height: 8px;
          position:absolute;
    background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, violet, indigo, red) repeat;
    -webkit-animation-name: moving-gradient;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-background-size: 963px 15px;
    -webkit-animation-fill-mode: forwards;
    
}

@-webkit-keyframes moving-gradient {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1926px 0 ;
    }
}


div. jos {
margin:auto; }

.content1 {
	width: 100%;
	min-height: 480px;
	background: black;
    font-family: arial;
}

.content2 {
width: 100%;
min-height: 300px;
background: black;
font-family: arial;
float:left;
 }

div.content2 {width: 960px;
 } 
 
.content3 {
width: 716px;
min-height: 300px;
background: black;
font-family: arial;
color: white;
float: right;
font-size: 14px;}

.footer {
	height: 50px;
	background: black;
}

div.fixed {
    position: fixed;
    bottom: 0;
    right: auto;
    width: 960px;
    margin-bottom: 5px;
}

img { margin-top: 4px; }

#menuv {
    display: flex;
    justify-content: space-between;
    float:left;
    width: 960px;
    font-size: 15;
    
}

#menuv li ul {display:none;
color: red;}



ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li ul li {
color: white;
margin-top: -14px;
width: 400px;
font-size: 13;
}

li { text-align:justify; }

li:hover ul li.ultim {
position:relative;
left: -67%; }

.clearfix {
	margin:0;
	padding:0;
	clear: both;
}

.footer a:hover {
color: white;
text-decoration:none;
font-family: arial; }

li.ultim {text-align:right;
width: 199px;
margin-left: -6px;
}




 a {
	text-decoration:none;
	color: #448251;
}
 
  a:visited {
	  color: #448251;
  }

  a:hover {
	  color: white;
  }

 /* slide-ul cu pozele ! ! ! */
 
 * {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  width: 960px;
  height: 400px;
  position: relative;
  margin: auto;
  margin-top: 345px;
}

/* Caption text */
.text {
  color: #448251;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  font-family: arial;
}

/* Number text (1/3 etc) */
.numbertext {
  color: white;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  font-family: arial;
}


.active {
  background-color: white;
}

/* 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}
}



.content1 h2 {
color: #448251;
font-family: arial; }

.content1 p {
color: white;
font-family: arial; 
padding-top: 20px;
width:960px;}

.content4 {
	width: 960px;
	min-height: 10px;
	background: black;
    font-family: arial;
    color: white;
    padding-top: 345px;
}

#map {
        width: 960px;
        height: 450px;
        background-color: grey;
        float:left;
        top:13px;
      }

div.textt {color: white;
margin-top: 345px;
}      

div.textt:hover {
color:#448251;
cursor:default; }
      
p {color: white;
   text-height: 10px;
   margin-top: auto;
   margin-right: 10px;
   }



.inviz {
visibility:hidden; }
    
.show-onclick { display: none; }

.co1 { float:left;
margin-top: 15px;
font-size: 14px; }

.co2 { float:left;

font-size: 14px; }

textarea#message{ padding-top: 10px;
background-color: #C0C0C0;
margin-left: 15px;
 }

input#fullName {background-color: #C0C0C0;
border: none;
margin-left: 15px; } 

input#email {margin-left: 33px;
background-color: #C0C0C0;
border: none; }
        
.co { float:left;
margin-top: 15px;
font-size: 11px; }