* {
	margin:0;
	padding:0;
}
body {
	background-color:#F4F6F7;
	font-family: 'Exo 2', sans-serif;
	color:#FFF;
}
a {
	text-decoration:none;
	color:#FFF;
}
#header {
	width:100%;
	margin:0;
	background-color:#FFF;
}
#front-section, #header-section {
	width:100%;
	margin:0;
}
#footer {
		background-color:#0b4385;
		width:100%;
}
#logo-link-container {
	width:80%;
	margin:auto;
}
.formular-container {
	background-color:#0a3c76;
	padding:15px;
}
.formular-container input {
	margin:10px;
}
.titlu_zi {
	color:#0d51a0;
	font-weight:bold;
	font-size:22px;
}
.stire {
	border-top:1px solid #666;
	color:#282828;
}
.zi {
	font-family: 'Exo 2', sans-serif;
	font-size:14px;
	padding-bottom:30px;
}
.circle {
	background-image:url(../img/circle.png);
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:center;
}
#container {
	overflow:auto;
	color:#282828;
	font-weight:normal;
}
.titlu {
	color:#0d51a0;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
.open {
	display:block;
	float:right;
}
.titlu_articol {
	font-size:22px;
	color:#0d51a0;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
#footer2 {
	height:100%;
	background-color:#0d51a0;
	color:#FFF;
	padding:30px;
	text-align:center;
}
/* 1100 px or more */
@media all and (min-width:1120px){
	#header {
		height:120px;
	}
	#header-container {
		width:1100px;
		margin:auto;
	}
	.logo {
		width:156px;
		height:90px;
		margin-top:15px;
	}
	#front-section {
		height:364px;
		background-color:#0d52a1;
	}
	#front-section img {
		width:1100px;
		margin:auto;
	}
	#header-section {
		background-color:#0d52a1;
		height:173px;
	}
	#header-section-image {
		width:1050px;
		margin:auto;
		display:block;
	}
	#footer {
		height:600px;
	}
	.logo-link {
		float:left;
		margin-top:80px;
		margin-left:20px;
		margin-right:20px;
	}
	.formular {
		position:absolute;
		right:40px;
		top:410px;
		width:230px;
	}
	.formular2 {
		position:absolute;
		right:20px;
		top:218px;
		width:230px;
		color:#FFF;
	}
	#container {
		width:1050px;
		margin:auto;
		padding-top:30px;
		margin-bottom:20px;
	}
	.zi {
		width:800px;
		float:left;
		border-left:1px solid #dfaf14;
		padding-left:20px;
	}
	.circle {
		float: left;
    	position: absolute;
    	margin-left: -33px;
	}
	.stire {
		padding-top:20px;
		padding-bottom:20px;
		margin-top:15px;
		margin-bottom:15px;
	}
}
@media all and (min-width:800px) and (max-width:1119px){
	#header {
		height:120px;
	}
	#header-container {
		width:800px;
		margin:auto;
	}
	.logo {
		width:156px;
		height:90px;
		margin-top:15px;
	}
	#front-section, #front-section img, #header-section img {
		width:100%;
		height:auto;
		display:block;
	}
	#footer {
		height:500px;
	}
	.logo-link {
		float:left;
		margin-top:60px;
		margin-left:10px;
		margin-right:10px;
	}
	.formular {
		position:absolute;
		right:10px;
		top:400px;
		width:240px;
	}
	.formular2 {
		display:none;
	}
	#container {
		width:790px;
		margin:auto;
		padding-top:30px;
		margin-bottom:20px;
	}
	.zi {
		width:90%;
		float:left;
		border-left:1px solid #dfaf14;
		padding-left:20px;
	}
	.circle {
		float: left;
    	position: absolute;
    	margin-left: -33px;
	}
	.stire {
		padding-top:20px;
		padding-bottom:20px;
		margin-top:15px;
		margin-bottom:15px;
	}
}
@media all and (max-width:799px){
	#header {
		height:80px;
	}
	#header-container {
		width:100%;
		margin:auto;
	}
	.logo {
		height:60px;
		margin-top:5px;
		margin-left:5px;
	}
	#front-section, #front-section img, #header-section img {
		width:100%;
		height:auto;
		display:block;
	}
	#footer {
		height:600px;
	}
	.logo-link {
		float:left;
		margin-top:30px;
		margin-left:10px;
		margin-right:10px;
	}
	.logo-link img {
		height:50px;
	}
	.formular {
		float:left;
		margin-top:30px;
		width:240px;
	}
	#container {
		width:90%;
		margin:auto;
		padding-top:20px;
		margin-bottom:10px;
	}
	.zi {
		width:100%;
	}
	.circle {
		display:none;
	}
	.stire {
		padding-top:10px;
		padding-bottom:10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.open {
		display:none;
	}
	.formular2 {
		display:none;
	}
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0 }