.baner {
	width: auto;
	height: 381px;
	position: relative;
	background-repeat:no-repeat;
	animation: move 40s infinite;
}
@keyframes move {
    0%   {opacity: 0.1; background-image:url(/baner/baner3.jpg);}
    5%   {opacity: 1; background-image:url(/baner/baner3.jpg);}
    10%  {opacity: 0.1; background-image:url(/baner/baner3.jpg);}
    15%  {opacity: 0.1; background-image:url(/baner/baner2.jpg);}
    20%  {opacity: 1; background-image:url(/baner/baner2.jpg);}
    35%  {opacity: 0.1; background-image:url(/baner/baner2.jpg);}
    40%  {opacity: 0.1; background-image:url(/baner/baner6.jpg);}
    45%  {opacity: 1; background-image:url(/baner/baner6.jpg);}
    50%  {opacity: 0.1; background-image:url(/baner/baner6.jpg);}
    55%  {opacity: 0.1; background-image:url(/baner/baner7.jpg);}
    60%  {opacity: 1; background-image:url(/baner/baner7.jpg);}
    65%  {opacity: 0.1; background-image:url(/baner/baner7.jpg);}
    70%  {opacity: 0.1; background-image:url(/baner/baner.jpg);}
    80%  {opacity: 1; background-image:url(/baner/baner.jpg);}
    90%  {opacity: 0.1; background-image:url(/baner/baner.jpg);}
    100% {opacity: 0.1; background-image:url(/baner/baner3.jpg);} 
}
body {
	background-color:#333;
}
.center {
	margin:auto;
	width:50%;
	background-color:#f1f1f1;
}
.centru {
	text-align:center;
}
.header {
	height:100px;
	background-color:#333;
}
#authpic {
	vertical-align:middle;
	padding:0px 3px 0px 0px;
}
.auth {
	text-align:right;
	padding:10px 20px 10px 0px;
}
.auth a {
	text-decoration:none;
	color:white;
	font-weight:bold;
}
.auth a:hover {
	color:#00FF21;
        cursor:pointer;
}
.logo {
	width:22%;
	float:left;
	text-align:left;
}
.link {
	text-align:center;
	background-color:#333;
	font-weight:bold;
	font-size:25px;
}
.link ul {
    list-style-type:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    margin:0px;
      }
.link li {
	display:inline;
	padding:0px 20px 0px 0px;
}
.link a {
	text-decoration:none;
	color:white;
}
.link a:hover {
	color:#00FF21;
	border-bottom:2px solid white;
}
.category {
    text-align:center;
}
ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}
.category ul {
	text-align:center;
	padding:10px 0px 10px 0px;
}
.category li {
    padding:5px 0px 5px 0px;
    margin:0px 0px 0px 8px;
}
.uno {
	color:white;
	padding:10px 0px 0px 0px;
}
.uno:hover {
	color:#f1f1f1;
	background-color:rgba(60, 60, 60, 0.3);
}

.content {
	color:black;
	height:auto;
}
.forum {
	text-decoration:none;
	color:grey;
}
.forum:hover {
	color:black;
}
.footer {
	color:white;
	background-color:#333;
	text-align:center;
	padding:10px 0px 0px 0px;
}
@media screen and (max-width:980px) {
        .center {
	       width:100%;
       }
	#logopic {
		width:100px;

	}
	#authpic {
		width:30px;
	}
	.baner {
		width:100%;
		height:143px;
		background-size:100%;
		background-repeat:no-repeat;
	}
	.auth {
		padding:3px 3px 0px 3px;
	}
	.link {
		width:100%;
		font-size:20px;
	}
	.link ul {
	padding:10px 0px 10px 0px;
    }
	.link li {
		display:block;
        padding: 0px 0px 10px 0px;
	}
	.content {
		width:97%;
	}
	.result {
		width:97%;

	}
	.footer {
		width:100%;
	}
}