/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
*/							   
	
	body, html , div, h1, h2, h3,h4,
	ul, li, p, img, span, a {
		margin  : 0;
		padding : 0;
	}
	
	
    body, html {
	    /*  line-height: 32px;  za nav */
                height:100%;
		width   : 100%;
		font-family: helvetica;
		color   : #444;
	}

	
	a {
	    text-decoration: none;
		color: #444;
	}
	
	
	h1, h2, h3 {
	    margin-bottom: 30px;
	}
	
	
	
	
    .cont {
        display:flex;
          flex-direction:column;
	margin    : 0px auto;
        box-sizing: border-box;
        padding-bottom: 40px;
	max-width : 800px;
        min-height: 100%;
		position  : relative;
	}
	
	
	.sub-cont-naslovna {
	    display: flex;
		flex-direction: row;
		margin-top: 10px;
	}
	

	.sub-cont-flex {
	    display: flex;
		flex-direction: row;
		min-height: 300px;
            flex-grow:1;

	}
	


/* cont detail */
	
    .cont-detail {
	    /*max-width:720px; */ 
		margin: 20px auto;
	}	
	
	.cont-detail p {
		margin: 20px 0px;
		line-height: 1.8;
        font-size: 1.2em;
	}
	
    .cont-detail img {
        display:block; 
        max-width:100%; 
        max-height:600px; 
        margin: 0 auto;
    }

	.cont-detail h1 {
		margin: 20px 0;
	}
	
    .cont-detail--content {
	    margin: 0;
	}
	
    @media all and (max-width: 720px) { 
 
       .cont-detail {
          margin: 0 14px 0 0;
       }   
      
    }	

 
    @media all and (max-width: 400px) {
				
        .whole-width-info-box-1-title
        { 
            font-size:1.2em;
        }

    }



/* */


	.w20 {
        width: 20%;
    }
	.w25 {
		width: 25%;
	}
	.w30 {
		width: 30%;
	}
	.w35 {
		width: 35%;
	}
	.w40 {
		width: 40%;
	}
    .w70 {
	    width: 70%;
	}
	.w75 {
	    width: 75%;
	}
	.w100 {
	    width: 100%;
	}
	
	
	.ls-2 {
	    border-left: solid 3px #aaa;
		margin-bottom: 30px;
	}
	
/*	
	.cont-flex {
	    display: flex;
	}
	
		.cont-flex__left-col {
			background-color: #f1f1f1;
			width: 20%;		
		}
		
		.cont-flex__right-col {
			width: 80%;		
		}	
*/		
		
		
		
	.foot {	    
		background-color:#333;
		margin:auto;
		max-width: 800px; 
		color:#fff;
		text-align: center;
        padding: 12px 0; 
        font-weight:bold;  
	}

    .foot a {
        display: inline-block;
        margin-right: 0;
        width: 30px;
        vertical-align: middle;
    }                        
    
	.foot span {
        display: inline-block;
    }
	

    .foot--left {
        width: 20%;
        text-align: left;
    }

    .foot--middle {
        width: 54%;
        text-align: middle;
    }

    .foot--right {
        width: 20%;
        text-align: right;
    }

    .foot--element img {
        opacity: 0.6;
    }
	
	.foot--element img:hover {
        opacity: 1;
    }

    .foot-mobile-social {
        text-align:center; 
        padding: 10px 0 0 0;
        display:none;
    }

    @media all and (max-width: 720px) {
        
        .foot-mobile-social {
            
            display:block;
        }
        
        
        .foot--right a {
            display: none;
        }
        
        
    }


	.lm-1 {
	    background-color: #fdfdfd;    
        margin: 20px 0;
	}




    .align-right {
	    text-align: right;
	}  

	

	
	.sub-nav-v {
	    padding: 0;	
        margin : 20px 20px;				
	}

	
	.sub-nav-v li {
	    list-style-type: none;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 16px;
		color: #777;
        line-height: 1.6;
	}
	
		.sub-nav-v li a {
			text-decoration: none;
			color: #444;
		}
	     
		    .sub-nav-v li a:hover {
                color: #000;
				border-bottom: solid 2px #000;
	        }
	
        .odabran-nav-1 {
            background-color: #f6f7b4; /*f8f7cb*/ 
        }	



	
	.text-1 {
	    font-size: 16px;
		line-height: 2;
	}
	
	
	
	.pg-content-1 {
	    margin: 0 auto;
		text-align: justify;
	}
	
	
	.sub-content {
	    margin: 0 0 50px 50px;
    }
	
	
	.info-h-center-1 {
        color: #ff6666;
        display: block;
        text-align: center;
        margin: auto;
        font-weight: bold;
        font-size: 1.2em;
    }
	
	
	
	.list-img-link {
	    margin: 0;
		padding: 0;
	}

    .list-img-link li {
	    list-style-type:none;
	    margin: 0 0 30px 0;
		font-size: 16px;
        font-weight: bold;	
		display: flex;	
        align-items: center;		
	}
	
		.list-img-link li img {			
			max-width: 100px;
			margin-right: 20px;		
		}
	
		.list-img-link li a, .list-img-link li span {
			text-decoration: none;
			color: #5A79A5;
			cursor: pointer;
		}
		
		.list-img-link li a:hover {
			color: #000063;
		}
		
		
	
		

		
		
	
/* udarna vijest */

    .whole-width-info-box-1 {
        position: relative;
    }

    .whole-width-info-box-1 img {
        width: 100%;
        display: block;
    }

    .whole-width-info-box-1 div {
        background-color:blue; 
        background: rgba(0, 0, 0, 0.5);
        position:absolute;
        bottom:0;
        width:100%;
    }

    .whole-width-info-box-1-title {
        display:block;
        margin: 20px;
        color: #fff;
        font-weight:bold; 
        font-size:2.2em;
    }

    .whole-width-info-box-1-abstract {
        margin-top:20px; 
        font-size:1.2em; 
        line-height:1.4;
    }


    @media all and (max-width: 920px) {

        .whole-width-info-box-1-title {
            display:block;
            margin: 20px;
            color: #fff;
            font-weight:bold; 
            font-size:1.6em;
        }

    }


    @media all and (max-width: 400px) {
				
        .whole-width-info-box-1-title
        { 
            font-size:1.2em;
        }

    }


/* */


	
			
		
/* inf pravokutnik sa slikom, naslovom, sazetkom i datumom __V1 */

    .info-sq-img-1 {
		margin  : 20px 20px 0 20px; 
        padding : 0px 0;
		display : flex; 
		border-bottom: solid 1px #ddd;	
	}

	.info-sq-img-1__img {
	    width     : 400px; 
		overflow  : hidden;
		position  : relative;
        text-align: center;

	}
	    .info-sq-img-1__img img {
		    max-width  : 80%;
            max-height : 140px;
		}
	
		.info-sq-img-1__heading-mobile {
		    position: absolute;
			background-color: #000;
			background: rgba(0, 0, 0, 0.5); /* opacity: 0.7; */
			color: #fff;
			width: 100%;
			bottom: 0;
			left: 0;
			display:none;
		}
		
		    .info-sq-img-1__heading-mobile h3 {
                margin: 12px 12px;
			}
		
	.info-sq-img-1__content {
	    margin: 0 0 0 20px; 
		width: 100%;
	}
	    .info-sq-img-1__content h3 {
		     color:#444;
		}
	
		.info-sq-img-1__content p {
		    margin-top:14px;
		    line-height: 1.6;
		}



      	@media all and (max-width: 720px) {
		
		
		    .sub-content { 
			    margin: 50px 0;
			}
		
		    
			.info-sq-img-1 {
			    flex-direction: column;
				position: relative;
                width: 94%;
                margin: auto;
                margin-bottom: 40px;
			}
			
			.info-sq-img-1__img {
				width: 100%;            
			}
			
			    .info-sq-img-1__img img {
				    max-width: 100%;
                    width:100%;
                    max-height: initial; 
                    display: block;
			    }
			
			    .info-sq-img-1__img h3 {
				    width: 94%;
                    font-size: 1.6em;
			    }

			.info-sq-img-1__content {
		       margin: 0; 
			}
			
			.info-sq-img-1__content h3 {
		        positon: absolute; 
				top:0; 
				left:0;
			}
			
			.info-sq-img-1__heading-mobile {
			    display: block;
			}
			
			.info-sq-img-1__heading-desktop {
			    display: none;
			}

            .foot span {
                display: block;
                width: auto;
                padding: 4px 0;
            }

            .foot--left, .foot--middle, .foot--right {
                text-align: center;
            }

        }		
			
		

      	@media all and (max-width: 400px) {

			    .info-sq-img-1__img h3 {
				    width: 94%;
                    font-size: 1.2em;
			    }
        }

		
/* */       




	/* info-bar */ 
    .info-bar {
	    position:absolute; 
		top:0; 
		left:0; 
		background-color: #444; 
		color: #fff;
	}	
	
        .info-bar  span {
		    margin:8px; 
			display:inline-block; 
			font-size: 0.8em;
		}	
		
		
		
		
		
/* */		
	.info-sq-1 {	
	    margin-left: 30px;
	}
	
		.info-sq-1 div {	
			border-bottom: solid 3px #aaa;
			padding-bottom: 20px;
		}
		
		.info-sq-1  h3{	
			margin-top: 10px;
		}		
/* */


		
		

/* inf pravokutnik sa slikom, naslovom, sazetkom i datumom __V2 */

    .info-sq-img-v2 {
         width:250px;
         margin-bottom: 30px;
    }

    .info-sq-img-v2--img-cont {
        position:relative; 
        overflow:hidden; 
        text-align:center; 
        background-color:#fff; 
        margin:0; 
        padding:0; 
    }  
    
    .info-sq-img-v2--img-cont img { 
        max-width:100%; 
        max-height:187.5px; 
        display:block; 
        margin:0 auto;
    }

    .info-sq-img-v2--img-cont div { 
        background: rgba(0, 0, 0, 0.5);
        position:absolute;
        bottom:0;
        width:100%;
        max-height: 100%;
        overflow: hidden;
    }


    .info-sq-img-v2--img-cont div a{ 
        display: block;
        max-height: 100%;
        overflow: hidden;
    }


    .info-sq-img-v2--img-naslov
    {
        display:block;
        margin: 10px;
        color: #fff;
        font-weight:bold; 
        font-size:1.1em;
    }

    .info-sq-img-v2--img-sazetak
    {
        margin-top:20px; 
        font-size:1em; 
        line-height:1.4;
    }


      	@media all and (max-width: 920px) {
		
            .info-sq-img-v2 {
                width: 100%;
            }

		    .info-sq-img-v2--img-cont img {
                width: 100%;
                max-height: initial;
            }

            .sub-cont-naslovna {
                padding: 0 16px 0 0;
            }
			
            .info-sq-img-v2--img-naslov
            { 
                font-size:1.6em;
            }

        }		
			

      	@media all and (max-width: 400px) {
		
			
            .info-sq-img-v2--img-naslov
            { 
                font-size:1.2em;
            }

        }

/* end inf pravokutnik sa slikom, naslovom, sazetkom i datumom __V2 */








		
/* */	
    .toggle-list-1 {
        margin: 0 0 50px 0;	
    }
	
		.toggle-list-1 dt {
			margin: 30px 0 10px 10px;
			font-size: 18px;
			font-weight: bold;		
			color: #777;		
		}
	
		.toggle-list-1 dt:hover {
			color: #000063;
		}
	
		.toggle-list-1 dt img {
			margin-right: 12px;
	    }
	
	
		.toggle-list-1 dd {
		   display: none;
		   padding: 20px;
		   font-size: 16px;
		   line-height: 2;
		   margin-right: 0;	
		   background-color: #f8f8f8;
		   border-bottom: solid 4px #777;	   
		   text-align: left;
		}	
/* */		



		
		
		
			
/* slider naslovna */
		
	#horizontal-carousel {
		padding:0; 
		width:98%;
		position:relative;	
		margin-right: 20px;
		padding-bottom: 20px;
	}	
		
		
	    .h-car1 {
		   display:felx; 
		   padding:0;
		}	
		
			.h-car1__content-cont {
				width:40%; 
				height:100%; 
				vertical-align: top; 
				overflow:hidden;
			}
		
				.h-car1__content-cont h2 {
					margin:0 20px;
				}

				.h-car1__content-cont p {	
                    margin: 20px;    
                    line-height: 1.6;
				}
				
			.h-car1__content-img { 
				margin:0;  
				display:inline-block; 
				overflow:hidden; 
				width:60%;
			}	
			
			    .h-car1__content-img img { 
					width:100%; 
					height:auto;
				}
				
		.h-car1__heading-mobil {
            display: none;
        }		
				
		
    @media all and (max-width: 920px) {

	    .ls-1 {
		    /*width: 60%; */
			margin: 0 10px 0 20px;
		}
		
		.ls-2 {
		    width: 40%;
			margin: 0 10px 0 20px;
		}
	
        .horizontalCarouselSlide {
            flex-direction:column-reverse; 		
		}

		.h-car1__heading-desk {
            display: none;
        }		
	
	    .h-car1__content-img {
		    position: relative;
			width: 100%;
		}
		
		.h-car1__heading-mobil {
		    display: block;
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: #000;
			opacity: 0.7;
			margin:0;
		}
		
		    .h-car1__heading-mobil a{
			    margin: 30px 20px;
				display: inline-block;
				color: #fff;
			}
		
		.h-car1__content-cont {
		    width: 100%;
		    line-height: 1.6;
		}
		


		.info-sq-img-1__content p {
		   line-height: 1.6;
		}
		
	}

	
	@media all and (max-width: 720px) {
     
        .sub-cont-naslovna {
		    flex-direction: column;
		    margin-top: 0;
		}	 
    
		.ls-1, .ls-2 { width:94%; }
		
		
		.ls-2 {
	        border-left: none;
    	}
	
		#logo a img {		
			width: 96%;
		}

    }	
			
/* */


		
		
		

 
/* glavna-horizontalna navigacija */
#main-h-navig-header{display:none;}
		/* po defaultu sakrij nav btn(bar icon) i chk bxove(za 
		   glavnu navig, i za pod navigaciju po defaultu */
		.toggle,
		[id^=drop] {
			display: none;
		}
		
		
		.nav-resp-chbx-1 { 
            width:100%;
			margin : 6px 0 0 0;
			padding: 0;
		}

			
		/* ovo je clearfix, jer "ul li" floata pa 
		   treba zaustavit nakon kontejnera */
		.nav-resp-chbx-1:after {
			content: "";
			display: table;
			clear  : both;
		}

			
		.nav-resp-chbx-1 a {
			display    : block; 
			padding    : 10px 24px;	
			font-weight: bold;
			color      : #000; /* mozda boje iz loga 344187 */
			font-size  : 14px;
			text-decoration: none;
		}

			.nav-resp-chbx-1 a:hover { 
				background-color: #f8f8e0; 
			}

			
		/*	 Change ' +' in order to change the Dropdown symbol 
			li > a:after { content:  ''; }
			li > a:only-child:after { content: ''; }	
		*/
			
			
        .menu {
            display:inline-block; 
        }


		.nav-resp-chbx-1 ul {
/* float     : right; */
			padding   : 0;
			margin    : 0 auto;
			list-style: none;
			position  : relative;
            display   : flex; 
            flex-direction  : row; 
            justify-content : space-between; 
            width:100%;
		}
		
			/* druga razina izbornika, po defaultu sakri */
			.nav-resp-chbx-1 ul ul {
				display: none;
				position: absolute; 
				z-index: 10;
				/* pozicionirano je apsolutno prema parentu 
				   iz nad izbornika, prema tome treba spustiti */
				top: 60px;
			}
					
			.nav-resp-chbx-1 ul li {
				margin : 0px;
				display:inline-block;
				float  : left;
			}
			

				
				/* PODIZBORNIK */
				.nav-resp-chbx-1 ul ul li {
					width:200px;
					background-color:#f8f8e0; /* f8f7cb */
					float:none;
					display:list-item;
					position: relative;
					top: -24px;
           		}
				
				.nav-resp-chbx-1 ul li ul li a:hover { background:#fdfdfd; } 
			
			
			
					/* DALJNJE RAZINE PODIZBORNIKA */				
					.nav-resp-chbx-1 ul ul ul li {
						position: relative;
						top:-60px;
						/* has to be the same number as the "width" of ".nav-resp-chbx-1 ul ul li" */
						left:200px; 
					}
					


					
		
		.nav_and_logo {
			display: flex;
		}
				
				

    .kontakti {
	    text-align:center;
        margin: 40px auto; 
        width: 100%;
        font-weight: bold;
        font-size: 1.1em;
    }

    .kontakti span { 
        display: block;
        margin-bottom: 30px;
    }

    .kontakti--facebook {
        width: 50px;
    }
							


		/* Media Queries
		--------------------------------------------- */


		@media all and (max-width : 920px) {


            .nav_and_logo { 
                width : 94%;
                margin: 0 auto;
            }

		} /* 960 */



		@media all and (min-width: 720px) {
		
				/* prikaz podizbornika na :hover */
				.nav-resp-chbx-1 ul li:hover > ul {
					display: inherit; 
				}
		}



		@media all and (max-width : 720px) {


            #main-h-navig-header {
                 display: flex; 
                 justify-content: center; 
                 align-items: center;
                 width: 94%;
                 margin:auto;
            }

            #main-h-navig-header--label {
                display:inline-block; 
                width:78%; 
                font-weight:bold;
                font-size:1em; 
                text-align:left; 
            }

            #main-h-navig-header--button {
                display:inline-block; 
                width:20%; 
                margin:0 0 0 0 ; 
                padding:0;
            }

                #main-h-navig-header--button img {
                    margin:0; 
                    padding:0;
                }

            #main-nav-h span {
                display : inline-block;
                margin  : auto;
                background-color: #f8f7cb;           
            }

            #main-nav-h img {
                vertica-align: top;             
            }

			.nav_and_logo {
				flex-direction: column; 				
			}
				.nav-resp-chbx-1 {
					margin: 10px 0 30px 0;
				}

			
/*	
				#logo {
					padding: 0;
					width: 100%;
					text-align: center;
				}
*/						
				
				.lm-1 { display: none; }
			
				
				.lm-2 {
				    width: 100%;
				}
				
				.pg-content-1  h1{
				    text-align: center;
				}
					
				.nav-resp-chbx-1 {
                    text-align: center; 
	     		    margin-bottom: 30px;	  
                    width: 100%;	 		
			    }	
						
				.nav-resp-chbx-1 ul {
				    float  : none;
					display: none;
					font-size:16px;
					font-weight:bold;
				}
				
					.nav-resp-chbx-1 ul li a {
						font-size:16px;
						font-weight:bold;
					}
		
				.menu label {
				    text-align: center;					
				}		
					.menu label:hover {
						background-color: #e0e0e0;
					}
	
	
				/* Hide the .nav-resp-chbx-1igation menu by default */
				/* Also hide the  */
				.toggle + a,
				.menu {
					display: none;
				}

				/* Stylinf the toggle lable */
				.toggle {
					display: block;
					padding:14px 20px;	
					text-decoration:none;
					border:none;
					text-align: right;
				}

				.toggle img {
					width: 44px; 
					height: 44px;
					background-repeat: no-repeat;
					background-size: contain;
					background-image:url("../img/nav-mob.svg");
					margin-right:30px;
				}

				
				/* Display Dropdown when clicked on Parent Lable */
				[id^=drop]:checked + div + ul  {
					display: block;
				}
				
					[id^=drop]:checked + div + ul {
						background-color: #f1f1f1;						
					}
				
				        [id^=drop]:checked + div label  img {
						    background-image:url("../img/nav-mob-close.svg")
						} 
		
				
				/* Change menu item's width to 100% */
				.nav-resp-chbx-1 ul li {
					display: block;
					width: 92%;
                    margin: 0 3% 0 4%;
					text-align: center;
					background-color: #fff; /* f4f5f9   f8f7cb #f6f7b4 5571b7 dee4ef e8ebf4 */
					padding: 10px 0;
				}

				
				.nav-resp-chbx-1 ul ul .toggle,
				.nav-resp-chbx-1 ul ul a {
					padding: 0 40px;  /*  */
				}

				.nav-resp-chbx-1 ul ul ul a {
					padding: 0 80px ; /*  */
				}

				.nav-resp-chbx-1 a:hover,
				.nav-resp-chbx-1 ul ul ul a {
					background-color: #f8f7cb;
				}
			  
				.nav-resp-chbx-1 ul li ul li .toggle,
				.nav-resp-chbx-1 ul ul a,
				.nav-resp-chbx-1 ul ul ul a{
					padding:14px 20px;
					font-size:16px; 
				}
			  
			  
				.nav-resp-chbx-1 ul li ul li .toggle,
				.nav-resp-chbx-1 ul ul a {
					background-color: #f8f8e0; 
				}

				/* Hide Dropdowns by Default */
				.nav-resp-chbx-1 ul ul {
					float: none;
					position:static;
					color: #ffffff;
					/* has to be the same number as the "line-height" of ".nav-resp-chbx-1 a" */
				}
					
					
				/* Hide menus on hover */
		/*	
				.nav-resp-chbx-1 ul li:hover > ul,
				.nav-resp-chbx-1 ul ul li:hover > ul {
					display: none;
				}
		*/			

					
				/* Fisrt Tier Dropdown */
				.nav-resp-chbx-1 ul ul li {
					display: block;
					width: 100%;
					top: 0px;
                    margin: 0 0;
					/* padding-left: 20px; */
				}

				.nav-resp-chbx-1 ul ul ul li {
					position: static;
					/* has to be the same number as the "width" of ".nav-resp-chbx-1 ul ul li" */ 
				}


           .kontakti {
                padding-top: 0;
                margin: 0 auto;
                font-size: 1.4em;
            }


		}



		@media all and (max-width : 330px) {

			.nav-resp-chbx-1 ul li {
				display:block;
				width: 94%;
			}
		}	
	
/* kraj glavne navigacije */

		
		
		

/* LOGO CONTAINER 1 */

.logo-cont-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 10px 0 0 0;
}


    .logo-cont-1--logo {
        
    }

        .logo-cont-1--logo img {
            width:100%;
			background-color: #fff;
        }


    .logo-cont-1--title {
        margin-left: 10px;        
    }

        .logo-cont-1--title span {
            display: block;
            font-weight: bold;
            color: #2f3c7e;
            font-size: 12px;
        }


    @media all and (max-width : 920px) {
     
       .logo-cont-1 {
        
            margin: 10px 0 0 16px;
        }          

    }

    @media all and (max-width : 720px) {

        .logo-cont-1--logo {
            width: 24%;
			background-color: #fff;         
        }

        .logo-cont-1--title span {
            font-size: 3vw;
            line-height: 1.3;
        }

    }

    @media all and (max-width : 400px) {

        .logo-cont-1 {
            display: flex;
            flex-direction: column-reverse;
            padding: 0;
            margin: 0;
        }

        .logo-cont-1--logo {
            margin: 20px 0 0 0;
            width: 94%;
        }

       .logo-cont-1--title {
            padding: 6px 0;     
            background-color: #000;
            width: 100%;
            margin:auto;
        }

        .logo-cont-1--title span {
            font-size: 4.1vw;
            line-height: 1.3;
            text-align: center;
            color:#fff;
        }


    }


/* end LOGO CONTAINER 1 */




/* LINK LISTA 1 */	
		
    .nav-cont {
        display: flex;
        flex-direction:row;
    }

    .link-list-1-el-1 {
        width  : 70%; 
        margin : 30px auto;
    }

        .link-list-1-el-1--left {
            display : inline-block; 
            width   : 20%;
        }

            .link-list-1-el-1--left img {
                width : 100%; 
                vertical-align : middle;
            }


        .link-list-1-el-1--right {
            display        : inline-block;
            width          : 70%;  
            vertical-align : middle;
            margin-left    : 20px; 
            font-weight    : bold;
        }




		@media all and (max-width : 720px) {
         
           .link-list-1-el-1 {
               width: 94%;
           }

           .link-list-1-el-1--left {
               width: 30%;
            }

       


           .link-list-1-el-1--right {
               text-align: left;
               max-width: 60%;
           }

        }


/* kraj LINK LISTA 1 */