@import "reset.css";
@import "fonts.css";
@import "content.css";
@import "element.css";
@import "responsive.css";

html {
	font-family: Arial,Helvetica,sans-serif;
	background: #092f5e url(../img/bg-grad.svg) repeat fixed 50% 50% / 100% 100%;
}

body {
	background: url(../img/top.jpg) repeat-x;
	width:100%;
}

.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
  flex-direction: column;
	min-height: 100vh;
	background:url(../img/bottom.png) repeat-x scroll 0 0;
	background-position:bottom;
	
}

/*header {
	
}*/

.nav-top{
	min-height: 38px;
	background: #093057;
	position: fixed;
	top:0;
	z-index: 999;
	min-width: 100%;
	border-bottom: rgb(54, 54, 54) 1px solid;
}

.center-container{
	margin: 0 auto;
	max-width: 1200px;
	
}

.nav-top .center-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.logo-top {
	height: 100px;
	margin-top: 38px;
}

.logo-top .center-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.logo-top .logo-text{
	max-width: 350px;

	font-family: 'Ametist ', arial;
	font-size: 75px;
	letter-spacing: 5px;
	color:#093057;

	background: linear-gradient(to right, cyan,yellow,red,yellow,green,yellow,red,yellow,cyan);
	background-size: 400% 400%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: logo-copanca 20s ease-in-out infinite;
	animation: logo-copanca 20s ease-in-out infinite;
}

@-webkit-keyframes logo-copanca {
	0% { background-position: 0% 25% }
	25% { background-position: 50% 25% }
	50% { background-position: 100% 50% }
	75% { background-position: 50% 25% }
	100% { background-position: 0% 25% }
}
 
@keyframes logo-copanca {
	0% { background-position: 0% 25% }
	25% { background-position: 50% 25% }
	50% { background-position: 100% 50% }
	75% { background-position: 50% 25% }
	100% { background-position: 0% 25% }
}

.logo-top .regiunea{
	max-width: 300px;
}

.logo-top .logo-text {
	margin:20px 3px;
	float:left;
}

.logo-top .logo-text img{
	max-width: 100%;
	height:auto;	
}

.logo-top .regiunea {
	float: left;
	color:cadetblue;
	font-size: 14px;
	margin:70px 0 0 10px;

	background: linear-gradient(to right, #BBC6C8,#5BA199,#469597,#5BA199,#BBC6C8);
	background-size: 400% 400%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: logo-copanca 20s ease-in-out infinite;
	animation: logo-copanca 20s ease-in-out infinite;

	
}



/*.main {}*/

.main-box{
	background: rgba(0, 0, 0, 0) url(../img/content_border_bg.png) repeat scroll 0 0;
	border: 1px solid #a1a1a1;
	padding: 9px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1200px;
}

.main-content{
	background: url(../img/bg-content.jpg) repeat scroll 0 0;
	padding: 12px;
	min-height:calc(100vh - 530px);
	/*292+38+100+50+50*/
	
	
}



.content-footer{
	background: url(../img/bg-content-bottom.gif) #093057 repeat-x scroll 0 0;
	height: 292px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
}

.info{
	max-width:300px;
	color: #bbb;
	font: 12px Arial,Helvetica,sans-serif;
	line-height: 20px;
}



.logo-footer img {
	max-width: 100%;
	height: auto;
	
}


.copyright {
	color: #0589c6;
	margin-top:60px;
	
}



.bottom {
	height: 50px;
}

.footer { 
	height:50px;
}