body {
	padding: 0;
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;	
	background-color: #E9E9E9;
	background: url('../pictures/pozadina.jpg') no-repeat center center fixed;
	background-size: cover;
	color: #425466;	
}
body p {
	line-height: 1.3rem;
}
html {
        overflow-y: scroll;
}

h1 {
	color: #2980B9;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: -0.3px;
}
h2,h3,h4,h5,h6 {
	color: #2980B9;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: -0.3px;
}
a {
	text-decoration: none;
}
/*--------------------------------Header---------------------------*/
#cover {
	background: url('../images/pages/cover.png') no-repeat center center;
	background-color: #F7F8FE;
}
.cover {
	width: 100%;
	display: grid;
	height: 500px;
	grid-template-columns: 1fr 1fr;
	margin-top: 30px;
}

.cover-text {
	display: block;
	padding: 10px 30px 10px 20px;
	text-align: justify;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.cover-text h1 {
	color: #fff;
	font-size: 30px;
	text-align: left;
}
.cover a {
	color: #2980B9;
	text-decoration: none;
}

.cover .more {
	color: #E9D002;
}

.cover img {
	position: relative;
	top: 70px;
	right: 10px;
	width: 100%;
}
.cover button {
	width: 80px;
	height: 40px;
	margin: 0px 0px 0px 0px;	;	
	background-color: #E9D002;
	border: 2px solid #E9D002;
	color: #2980B9;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.cover button:hover {
	background-color: #fff;
	border: 2px solid #E9D002;
	color: #2980B9;
	transition: all .2s;
	cursor: pointer;
}
#partneri{
	background-color: #F7F8FE;
}
#partneri h2 {
	text-align: center;
	padding: 20px;
}
.partneri_grid {
	box-sizing: border-box;
	width: 100%;
	max-width: 980px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	justify-content: center;
	align-items: center;

}
.partneri_grid img {
	width: 100%;
	max-width: 100px;
	margin: 10px;
}

.footer, .header {	
	width: 100%;	
}
.header {	
	padding: 0;			
}
.header2 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;	
	background-color: #2980B9;
}
.inner_header {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;	
}
.header img {		
	margin: 0px 0px 0px 10px;
	padding: 0;	
	max-height: 100px;				
}
/*--------------------------------Navigation menu---------------------------*/
#page1 #l1,#page2 #l2,#page3 #l3,#page4 #l4,#page5 #l5,#page6 #l6,#page7 #l7,#page8 #l8 {
	color: #E9D002;
}
.header2 .nav {
	line-height: 0px;
	text-align: center;
}
.header2 .nav ul {
	display: inline-block;
	text-align: center;
}
.nav ul {
	list-style: none;
	padding: 0;	
	margin-right: 20px;	
}
.nav a {
	color: #fff;
	text-decoration: none;		
	letter-spacing: 0.8px;
}
.header2 .nav a {	
	font-size: 18px;
	letter-spacing: 0.8px;
}
.nav a:hover {
	color: #E9D002;
	transition: all .3s;
}
/*--------------------------------Content---------------------------*/
.filters {
	margin-bottom: 20px;
}
.left_table .header {
	width: 100%;
    max-width: 980px;
    margin: 0 auto;    
    padding: 0;
}
.content {
	width: 100%;
	max-width: 980px;
	min-height: 570px;
	margin: 0 auto;
	display: table;		 	
}
.feeds {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.left_front {
	box-sizing: border-box;
	padding: 10px;
	margin: 10px 5px 10px 0px;
	background-color: #F7F8FE;
}
.right_front {
	box-sizing: border-box;
	padding: 10px;
	background-color: #F7F8FE;
	margin: 10px 0px 10px 5px;	
}

.details_wrap1 hr, .details_wrap2 hr, .details_wrap3 hr {
	margin:0;	
	padding: 0;
}
.feeds_titile {
	display: grid;
	grid-template-columns: auto 1fr;
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: center;
}
.feeds_titile h2 {
	margin-left: 20px;
}
.feeds_titile img {
	width: 100%;
	max-width: 45px;
}
.details_wrap1 hr {
	margin-bottom: 10px;
	border: 2px solid #2980B9;
}
.details_wrap2 hr {
	margin-bottom: 10px;
	border: 2px solid #E9D002;
}
.details_wrap3 hr {
	border: 2px solid #006A8D;	
}
.table_wrapper {
	display: grid;
	grid-template-columns: 3fr 1fr;
}
.box_wrapper {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: auto 1fr;
	padding: 5px 5px 2rem 5px;
	border-bottom: 1px solid #425466;
	margin-bottom: 2rem;
}
.box_wrapper img {
	width: 100%;
	max-width: 200px;
}
.right_table {
	width: 100%;
	margin: 0px 0px 0px 5px;		
}
.left_table {
	width: 100%;
	background-color: #F7F8FE;
	box-shadow: 0px 1px 2px #c0c0c0;		
}
.table_inner_wrapper {
	padding: 10px 20px;
}
.table_inner_wrapper a {
    color:#E74C3C;
    font-weight:bold;
}

.table_inner_wrapper .link7, .table_inner_wrapper .link5 {
    color:initial;
    font-weight:initial;
}

#page7 .left_table,#page5 .left_table {
	max-width: 735px;
	margin: 0 auto;	
}
#page5 .left_table h1 {
	text-align: center;
}
#page8 .table_wrapper {
	grid-template-columns: 1fr 1fr;
	max-width: 735px;
    margin: 0 auto;
}
#page8 .left_table{
	width: initial;
	padding: 40px;
	line-height: 18px;
}
#page8 .right_table{
	width: initial;
	background-color: #F7F8FE;
	padding: 40px;
}
#page8 ul {
	list-style: none;
	padding: 0;	
}
.role {
	color: #2980B9;
	font-weight: bold;
	margin-bottom: 10px;
}
section {
	width: 100%;
	display: table;	
}
.fancy_links-section {
	background-image: url('../pictures/bkg_ban.jpg');
}
#fancy_links {
	width: 100%;
	padding: 20px 0px;
	margin: 0 auto; 
}
#fancy_links p {
	line-height: normal;
}
#fancy_links h2 {
	text-align: center;
}
#inner_links {
	width: 100%;
	margin: 0;
	padding: 0;
	display: grid;
	margin-top: 10px;
	grid-template-columns: 1fr 1fr 1fr;
	justify-items: center;
}
#inner_links h3 {
	padding: 0;
	margin: 0;
}
#fancy_links a {
	text-decoration: none;
	color: #425466;
}
#fancy_links #link1, #fancy_links #link2, #fancy_links #link4 {
	width: 100%;	
	box-shadow: 0px 1px 2px #c0c0c0;
	margin: 10px;
	background-color: #F7F8FF;
	border: 1px solid #ddd;
	background-repeat: no-repeat;
	padding: 10px;	
	max-width: 200px;
	height: 230px;
}

#fancy_links #link1 {
	background-image: url('../pictures/search.png');
	background-position: 50% 80%;
	background-size: 30%;
}
#fancy_links #link1:hover {
	background-image: url('../pictures/search_invers.png');
	background-position: 50% 80%;
	background-size: 30%;
	background-color: #2980B9;
	color: #fff;
	transition: all .3s;	
}
#fancy_links #link1:hover h3 {
	color: #fff; 
}
#fancy_links #link2 {
	background-image: url('../pictures/data.png');
	background-position: 50% 100%;
}
#fancy_links #link2:hover {
	background-image: url('../pictures/data_invers.png');
	background-position: 50% 100%;
	background-color: #E74C3C;
	color: #fff;
	transition: all .3s;	
}
#fancy_links #link2:hover h3 {
	color: #fff; 
}
#fancy_links #link4 {
	background-image: url('../pictures/conseilswelcome.png');
	background-position: 50% 80%;
}
#fancy_links #link4:hover {
	background-image: url('../pictures/conseilswelcome_invers.png');
	background-position: 50% 80%;
	background-color: #E9D002;
	color: #fff;
	transition: all .3s;	
}
#fancy_links #link4:hover h3 {
	color: #fff; 
}

.details_box {	
	box-sizing: border-box;
	padding: 0px 0 10px 10px;
	margin: 0px;	
}
.details_box p {
	margin: 5px 0;
}

.link5, .link6, .link7 {	
	color: #425466;	
}
.link5 .box_wrapper:hover {
	background-color: #E9D002;
	transition: all .3s;
}
.link6 .box_wrapper:hover {
	background-color: #006A8D;
	color: #fff;
	transition: all .3s;
}
.link6 .box_wrapper:hover h3 {
	color: #E9D002; 
}
.link7 .box_wrapper:hover {
	background-color: #2980B9;
	color: #fff;
	transition: all .5s;
}
.link7 .box_wrapper:hover h3 {
	color: #E9D002;
}
#page2 .details_box {
	display: table;	
	width: 100%;
	height:100%;
	max-width: 150px;	
	padding: 10px;	
	font-size: 12px;
}
#page2 .link5 {
	display: table;
	height:100%;	
}
#nase_vesti {
	display:table;
	width:100%;
}
#nase_vesti .nv {
	display: table;
	width: 170px;	
	margin-right:10px;
	float: left;
	height: 277px;
}
figure {
	width: auto!important;
}

figure img {
	max-width: 615px!important;
	height: auto!important;
}
.short {
	text-align: justify;
}

/*--------------------------------Pagination---------------------------*/
.pagination {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagination .np {
	display: inline-block;
	background: #2980B9;	
	color: #fff;
	border: 1px solid #2980B9;
	border-radius: 3px;
	padding: 10px;
	margin-right: 3px;
	box-shadow: 4px 6px 6px -4px #425466;	
}
.pagination .na {
	display: inline-block;
	background: #fff;	
	color: #2980B9;
	border: 1px solid #2980B9;
	border-radius: 3px;
	padding: 10px;
	margin-right: 3px;
	box-shadow: 4px 6px 6px -4px #425466;	
}
.pagination a {
	color: #7300EA;
    text-decoration: none;    
    padding-right: 3px;
}
.pagination .np:hover {
	opacity: 0.9;	
	cursor: pointer;
}
.pagination .na:hover {
	background-color: #2980B9;
	cursor: pointer;
	color: #fff;
}
/*--------------------------------Search Form---------------------------*/
.search_form {
	background-color: #2980B9;
	color: #fff;
	padding: 10px 10px;
	margin: 0px 0px;
	box-shadow: 0px 1px 2px #c0c0c0;
}
.filter_title {
	text-align: center;
	border-bottom: 1px solid #fff;
}
.filter_title img {
	width: 100%;
	max-width: 30px;
}
.search_form span p {
	margin-left: 30px;
}
.search_form ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0;	
}
#page5 .search_form ul {
	display: grid;
	grid-template-columns: 1fr 1fr;	
}
#page5 .right_table .search_form ul {
	display: block;
}
.search_form ul li {
	padding: 5px;
}
.search_form label:hover {
	color: #E9D002;
	cursor: pointer;
}
.search_form input[type=submit] {		
	width: 80px;
	height: 40px;
	margin: 0px 0px 0px 0px;	;	
	background-color: #E9D002;
	border: 2px solid #E9D002;
	color: #2980B9;
	font-weight: bold;
	font-size: 14px;
}
.search_form input[type=submit]:hover {
	background-color: #fff;
	border: 2px solid #E9D002;
	color: #2980B9;
	transition: all .2s;
	cursor: pointer;

}
/*--------------------------------Footer---------------------------*/
.footer {
	background-color: #2980B9;
	color: #fff;
	margin-top: 10px;
	font-size: 16px;	
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer .nav a:hover {
	color: #E9D002;
	transition: all .5s;
}
.second_footer {
	background-color: #fff;
	width: 100%;
	max-width: 100%;		
	margin: 0;
	box-shadow: 0px 1px 2px #c0c0c0;
}
.inner_footer_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.inner_footer {
	padding-top: 20px;
	padding-bottom: 20px;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	align-items: start;
    justify-items: center;
}
.inner_footer ul {
 	list-style: none;
 	display: table;
 	margin: 0px;
 	width: 100%;
 	padding: 0;
}
.inner_footer ul li {
	float: left;
	width: 100%;	
	margin: 5px;
}
.inner_footer ul li .link:hover{
	color: #E9D002;
}
.inner_footer ul li ul {
	width: 100%;	
}
.inner_footer ul li ul li {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
	max-width: 370px;
	line-height: 18px;
}
.btn_wrap {
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.btn_top {
	float: right;
	position: relative;
	top: -50px;	
}
.btn_top a {
	background: url('../pictures/btn_top-01.png') no-repeat center center;
	width: 50px;
	height: 50px;
	display: block;
	box-shadow: -4px 0px 15px #505050;				
}
.btn_top a:hover {
	opacity: 0.8;
	transition: all .5s;
}
/*--------------------------------Social media---------------------------*/
.share,.rok{
	display: grid;
	grid-template-columns: auto 1fr auto auto auto;
	align-items: center;
	column-gap:5px;
}
.share {
	margin: 0;
	margin-bottom: 10px;    
    border-top: 2px solid #2980B9 ;
    border-bottom: 2px solid #2980B9;

}
.share img,.rok img {
	position: relative;
	width: 100%;
	max-width: 45px;
	z-index: 1;
	margin-right: 10px;
}
.share a button {
    width: 2rem;
    height: 2rem;
    color: #fff;
    cursor:pointer;
    font-weight: bolder;
}
.share .facebook {
    background-color: #0765FF;
    border: 0.5px solid #0765FF;
}
.share .linkedin {
    background-color: #0B65C2;
    border: 0.5px solid #0B65C2;
}
.rok {
	border-top: 2px solid #E74C3C ;
    border-bottom: 2px solid #E74C3C;
}
.share .cal-icon,.rok .cal-icon {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: 1fr;	
	margin: 5px;
}
.share p span,.rok p span {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 7px;
	margin-right: 15px;
	position: absolute;
	margin-top: 0.9rem;
	z-index: 2;
}

.status {
	border-bottom: 2px solid #2980B9;
}
.status p {
	margin: 5px;
}
.tw iframe {
	max-width: 80px;
}
.tw {
	display: inline-block;
}
.bl {
	position: relative;
	display: table;
	width: 140px;
	margin: 0 auto;				
	padding: 10px 0px 10px 0px;
	height: 30px;		
}			
.bl a {		
	display: block;				
	margin: 0; 
	padding: 0;		
	background-image: url("../pictures/social-icons_new.png");
	background-repeat: no-repeat;
	width: 26px;
	height: 27px;									
}
.bl #face {
	position: absolute;		
	left: 10px;
	background-position: 0 0;
}	
.bl #twiter {
	position: absolute;		
	left: 36px;
	background-position: -38px 0;
}
.bl #google {
	position: absolute;		
	left: 68px;
	background-position: -80px 0;
}
.bl #pintres {
	position: absolute;		
	left: 104px;
	background-position: -125px 0;
}
#face:hover {
	background-position: 0 -27px;
}
#twiter:hover {
	background-position: -38px -27px;
}	
#google:hover {
	background-position: -80px -27px;
}
	#pintres:hover {
	background-position: -125px -27px;
}	
.bl:hover a {		
	transition: all .5s;
}

/*--------------------------------Device optimization---------------------------*/

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
body {
	font-size: 18px!important;
}
.content {
	display: block;
	background-color: #F7F8FE;
}
#cover {
	background: initial;
	background-color:#F7F8FE;
}
.cover {
	display: initial;
	margin: 0;
}
.cover-text h1 {
	font-size: 2rem;
	text-align: center;
	color: #2980B9;
}
.cover-text {
	color: #425466;
}
.cover img {
	position: initial;
	margin-top: 20px;
}
.partneri_grid img {
	margin: 5px;
	max-width: 35px;
}
#fancy_links {
	height: initial;
	padding: 0;
}
#inner_links {
	display: initial;
}
#fancy_links #link1, #fancy_links #link2, #fancy_links #link4 {
	margin: 10px auto;
}
.feeds {
	display: block;
	margin-top: 20px;
}
.left_front , .right_front {
	margin: 0;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.col-1 {
	display: none;
}
.inner_footer {
	grid-template-columns: 1fr 1fr;
}
.left_table .header {
	display: initial;
}
.table_wrapper {
	display: block;
}
.right_table {
	display: none;
}
.box_wrapper {
	display: block;
}
.box_wrapper img {
	display: none;
}
.table_inner_wrapper h1 {
	text-align: center;
}
.table_inner_wrapper img {
	width: 100%;
}
#page8 .right_table {
	display: block;
}
.pagination {
	font-size: 0.85rem;
}
.table_inner_wrapper {
	padding: 10px 20px 30px 20px;
}

}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Styles for small devices */
	body {
		font-size: 18px!important;
	}
	.content {
		display: block;
		background-color: #F7F8FE;
	}
	#cover {
		background: initial;
		background-color:#F7F8FE;
	}
	.cover {
		display: initial;
		margin: 0;
	}
	.cover-text h1 {
		font-size: 2rem;
		text-align: center;
		color: #2980B9;
	}
	.cover-text {
		color: #425466;
	}
	.cover img {
		position: initial;
		margin-top: 20px;
	}
	.partneri_grid img {
		margin: 5px;
		max-width: 60px;
	}
	#fancy_links {
		height: initial;
		padding: 0;
	}
	#inner_links {
		display: initial;
	}
	#fancy_links #link1, #fancy_links #link2, #fancy_links #link4 {
		margin: 10px auto;
	}
	.feeds {
		display: block;
		margin-top: 20px;
	}
	.left_front , .right_front {
		margin: 0;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.col-1 {
		display: none;
	}
	.inner_footer {
		grid-template-columns: 1fr 1fr;
	}
	.left_table .header {
		display: initial;
	}
	.table_wrapper {
		display: block;
	}
	.right_table {
		display: none;
	}
	.table_inner_wrapper h1 {
		text-align: center;
	}
	.table_inner_wrapper img {
		width: 100%;
	}
	#page8 .right_table {
		display: block;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Styles for tablets */
	.content {
		display: block;
		background-color: #F7F8FE;
	}
	#cover {
		margin-top: 0;
		background-color:#F7F8FE;
	}
	.cover {
		margin: 0;
		height: 550px;
	}
	.cover-text h1 {
		font-size: 1.6rem;
	}
	.cover-text p {
		font-size: 14px;
	}
	.partneri_grid img {
		margin: 5px;
		max-width: 85px;
	}
	#fancy_links #link1, #fancy_links #link2, #fancy_links #link4 {
		margin: 10px auto;
	}

	.left_front , .right_front {
		margin: 0;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.col-1 {
		display: none;
	}
	.inner_footer {
		grid-template-columns: 1fr 1fr;
	}
	.left_table .header {
		display: initial;
	}
	.table_wrapper {
		display: block;
	}
	.right_table {
		display: none;
	}
	.table_inner_wrapper h1 {
		text-align: center;
	}
	.table_inner_wrapper img {
		width: 100%;
	}
	#page8 .right_table {
		display: block;
	}
}