/* ne micati */
.clearfix {
	overflow: auto;
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Didact Gothic', sans-serif;
	height: 100%;
	
}

#box{
	width: 300px;
	margin: 200px auto;
	

}

#box img{
	width:170px;
	float: left;
}

#form{
	float: right;
	width: 200px;
	margin-left: 50px;
}
header{
	width: 1200px;
	height: 296px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	/*background-position: center bottom;*/
	background-position: center 40px;
	margin: 30px auto;
}
nav{
	margin: 0 auto;	
}
nav a{
	color:#fff;
}

legend
{
	color:#66ADFF;
}

#mali{width: 52px;
	border-style: none ;}
	.active{
		font-weight: bold;
		color:#00baf2;
	}

	#link {
		display: inline-table;
		width: 100px;
		text-align: center;

		text-decoration: none;

		font-variant: small-caps ;
		height: 30px;
		margin-top: 15px;
	}

	.oznaci a{
		font-weight: bolder;
	}

	#link:hover{
		color:#00baf2;
	}


	.podaci_pocetak{
		width: 900px;
		margin: 0 auto;
		text-align: left;
		font-size: 24px;		
	}

	.aside{
		width: 200px;
		float: left;
	}

	.aside span{
		color: #004a8f;
	}

	.aside hr{
		color: #d1fafc;
	}

	.aside span:hover{
		cursor:pointer;
		font-weight: bolder;
	}

	.aside a{
		text-decoration: none;
	}
	.aside a:hover{
		cursor:pointer;
		font-weight: bolder;
	}
	/*
	.aside a:visited{
		color: #004a8f;
	}
	*/

	.desno{
		height: 100%;
		display: block;
		float: right;
	}

	.plan{

		height: 100%;
		display: block;
		float: left;
		margin-left: 20px;

	}

	.desno_dan{
		height: 100%;
		display: block;
		float:right;
		width: 900px;
	}
	.podaci{
		width: 980px;
		height: 100%;
	}

	.podacim
	{
		width: 960px;
		height: 100%;
		float: right;
	}

	.podacim a{
		color: #004a8f;
		text-decoration: none;
	}

	.podacim a:hover{
		font-weight: bolder;
	}

	.podacim span{
		color: #004a8f;
	}

	.napredna_pretraga{
		display:none;
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;    
	}

	.padajucalista{	
		background-color: #FFF;
		color: #000;	
	}

	.datumlista{
		background-color: #FFF;
		color: #000;	
	}

	.tekstlista{
		background-color: #FFF;
		color: #000;	
	}


	.napredna_pretraga_iscl{
		display:none;
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;
	}

	.novi_clan{
		display: none;
		width: 800px;
		height: 330px;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;


	}

	#odclanjeni_clanovi_ispis{
		display:none;
	}
	#preminuli{
		display:none;
	}


	.tvrtke{ /*
		display:none;
		width: 980px;
		height: 250px;
		background-color: #2374c3;
		
		border-radius: 4px;
		
		float: left;
		-webkit-column-count: 4; 
		-moz-column-count: 4; 
		column-count: 4;
		-webkit-column-gap: 10px; 
		-moz-column-gap: 10px; 
		column-gap: 10px;
		*/
	}

	.tvrtke form{		
		/*
		width: 200px;
		height: 420px;
		margin:0 auto;
		padding: 10px;
		*/
	}


	.osobni_podaci{
		margin: 5px;
		float: left;
		width: 30%;
		line-height: 2em;
	}

	.poslodavac{
		margin:0 30px;
		width: 30%;
		float: left;
		line-height: 2em;
	}
	.sindikat{
		margin: 5px
		width: 30%;
		float: left;
	}
	.funkcije{
		margin: 5px
		width: 30%;
		float: left;
	}

	th{
		color:#2374c3; 
	}
	td{
		text-align: center;
	}
	table tr:nth-child(even) {
		background-color: #c3fafd;
	}
	table tr:nth-child(odd) {
		background-color: #d1fafc;
	}
	table th {
		background-color: #fff;
	} 

	table{
		width: 100%;	
	}

	tr:hover {
		background-color: #A8B5FF;		
		text-shadow: 1px 1px rgba(255,0,0,0.5);
		border-radius: 2px;
		/*border-bottom:1pt solid blue;*/
	}	

	.table_clanarina {
		width: 950px;
	}


	#mpodaci{
		display:none;
		width: 980px;
		background-color: #2374c3;
		/*color: #fff;*/
		border-radius: 4px;
		float: right;
	}

	#mpodaci form{
		margin: 10px;
	}


	.sve{
		width: 1200px;
		display: block-table;
		margin: 20px auto;
	}

	.svem{
		width: 1200px;
		display: block-table;
		margin: 20px auto;

	}

	.sve_obrada{
		width: 1200px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 20px auto; 
	}
	.push{
		width: 960px;
		height: 50px;
		margin: 0 auto;


	}
	footer{
		margin: 0 auto;	
		width: 1200px;


	}

	.wrapper {
		width: 100%;
		position: absolute;
		top: 100px;
		z-index:4;
		background: url(../images/wrapper.png);
		display: none;
	}
     /*igor*/
	.wrapper_box {
		width: 80%;
		position: fixed;
		/*position: absolute; */
		top: 150px;
		/*margin-top:0px;*/
		left: 10%;
		z-index: 5;
		background-color: #2374c3;
		color: #fff;
		padding: 20px;
		border-radius: 5px;
	}

	.wrapper_box svg {
		float: right;
		stroke: #fff;
		position: relative;
		top: 20px;
		right: 20px; 
	}

	.wrapper_box form {
		color: #fff; 
	}

	.wrapper_box form input {
		outline: 0;
		border-style: none ;  
	}

	.wrapper_box form hr {
		width: 90%;
		margin: 0 auto;
		color: #fff;
	}

	.wrapper2 {
		width: 100%;
		position: absolute;
		top: 0;
		z-index:4;
		background: url(../images/wrapper.png);
		display: none; 
	}

	.wrapper_box2 {
		width: 90%;
		position: fixed;
		top: 20px;
		left: 10%;
		z-index: 5;
		background-color: #2374c3;
		color: #fff;
		padding: 20px;
		border-radius: 5px;
	}

	.wrapper_box2 svg {
		float: right;
		stroke: #fff;
		position: relative;
		top: 20px;
		right: 20px; 
	}

	.wrapper_box2 form {
		color: #fff; 
	}

	.wrapper_box2 form input {
		outline: 0;
		border-style: none ;
	}

	.wrapper_box2 form hr {
		width: 90%;
		margin: 0 auto;
		color: #fff; 
	}

	.unos_button{
		height: 40px;
		clear: both;
		width: 100%;
		position: relative;
		left: 45%;
		bottom: -20px;
	}

	.novi_podaci_sprema{

		position: absolute;
		left: 325px;
		top: 280px;
		width: 190px;
		display: none;

	}
	#ss{
		font-size: 1.5em;

	}
	#ss:hover{
		cursor:pointer;
	}

	.novi_podaci_tvrtka{
		position: absolute;
		left: 555px;
		top: 190px;
		width: 190px;
		display: none;
	}

	#nt{
		font-size: 1.5em;
	}
	#nt:hover{
		cursor:pointer;
	}

	.novi_podaci_radnomjesto{
		position: absolute;
		left: 555px;
		top: 190px;
		width: 190px;
		display: none;
	}

	#rm{
		font-size: 1.5em;

	}
	#rm:hover{
		cursor:pointer;
	}

	.novo_mjesto{
		position: absolute;
		left: 325px;
		top: 340px;
		width: 190px;
		display: none;
	}

	#nm{
		font-size: 1.5em;

	}
	#nm:hover{
		cursor:pointer;
	}

	#odclanjenje{
		width: 100%;
		background-color:#c3fafd;
		display: none;

	}
	#odclanjenje_form{
		margin: 20px;
	}

	.block label{		
		display: inline-block;
		text-align: left;
		width: 140px;
	}

	#brclanova{
		clear: both;
		font-size: 18px;		
		display: block;
		width: 900px;
		height: 120px;
	}

	#brtvrtki{		
		display: block;
		float: left;
		width: 250px;
		height: 150px;
	}

	#regija_podaci{
		font-size: 20px;
		color: #2374c3;
	}


	.selekcija{
		width: 200px;
		margin: 10px;
		float: left;
		cursor: pointer;
	}

	#ime_prezime{
		width: 500px;
		margin:10px;
		float: left;

	}
	#samotvrtka{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}

	#brisk{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}

	#ime_prezime_iscl{
		width: 500px;
		margin:10px;
		float: left;
	}

	#samotvrtka_iscl{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}

	#brisk_iscl{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}

	#duznst{
		width: 500px;
		margin:10px;
		float: left;
		display:none;

	}
	#datumnp{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}

	#datumnp_iscl{
		width: 500px;
		margin:10px;
		float: left;
		display:none;
	}


	.tvrtke_imenik_pretraga{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		/*color: #fff;*/
		border-radius: 4px;
		float: right;
	}

	.tvrtke_imenik_pretraga form{
		margin: 10px;
	}

	.clanovi_imenik{
		display:none;
	}

	.clanovi_imenik_pretraga{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;
	}

	.clanovi_imenik_pretraga form{
		margin: 10px;
	}

	.clan_pretraga_financije{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;

	}

	.clan_pretraga_financije form{
		margin: 10px;
	}

	#pomoci_clanovi{
		width: 980px;

	}
	.clan_pretraga_izvjesce{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;

	}

	.clan_pretraga_izvjesce form{
		margin: 10px;
	}

	#izvjesce_clanovi{
		width: 980px;

	}

	.unos_pomoci{
		width: 980px;
	}
	.izvod{width: 980px;}

	.statistika{
		width: 980px;
		float: right;

	}

	.statistika_pretrazivanje{
		width: 980px;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;

	}

	.statistika_pretrazivanje{
		margin:10px;
	}

	.clan_pretraga_pozajmice{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;

	}

	.clan_pretraga_pozajmice form{
		margin: 10px;
	}

	#pozajmice_clanovi{
		width: 980px;
	}

	#pozajmice_cekanje{
		width: 980px;
	}

	.clan_pretraga_clanarine{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;
	}

	.clan_pretraga_clanarine form{
		margin: 10px;
	}
	#clanarine_clanovi{
		width: 980px;

	}

	.clan_pretraga_troskovi{
		width: 980px;
		height: 100%;
		background-color: #2374c3;
		color: #fff;
		border-radius: 4px;
		float: right;
	}

	.clan_pretraga_troskovi form{
		margin: 10px;
	}

	#troskovi_clanovi{
		width: 980px;
	}

	#dialog-message{
		z-index: 300;
	}

	.izvod span{
		cursor: pointer;
	}

	.ip{
		text-align: left;
	}

	.ui{
		text-align: right;
	}

	.clizv{
		min-width: 950px;
		font-size: 13px;
	}

	input:required{
		box-shadow: 1px 1px 2px rgba(100, 0, 0, 0.85);
	}

	input[type=submit], input[type="button"], input[type="reset"] {

		/*background: rgba(255,255,255,0.9);
		border-radius: 3px;
		color: #000;
		background-color: #FFF;

		padding: 5px;
		border-color: rgba(255,255,255,0.6);
		margin: 0 0 10px 0;
		width: 150px;
		height: 30px; 
		*/
	}

	input[type=text] {
		background-color: #FFF;
		color: #000;
	}

	input[type=email] {
		background-color: #FFF;
		color: #000;
	}

	input[type=tel] {
		background-color: #FFF;
		color: #000;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		/*appearance: none;*/
		border: 0;
		color: #AAAAAA;
		background-color: #FFFFF0;
		padding: 3px;
		width: 210px;
		*width: 190px;   
		height: 25px;
	}

	option{		
		/*color:#0000AA;*/
		color:#2374c3;
		background-color: #FFFFFF;
	}

	select:focus{
		color:#2374c3;
		background-color: #FFFFFF;
	}

	#newsletter{
		width: 600px;
	}

	.newsletter td{
		text-align: left;
	}
	.newsletter tr:nth-child(even) {
		background-color: transparent;
	}
	.newsletter tr:nth-child(odd) {
		background-color: transparent;
	}


	.clan_clanarina {
		font-size: 12;
		background-color: #FFE69E;	
	}

	#btnClanPlac {
		width: 12px;
		height: 12px;
		cursor: pointer;
	}

	#vrstasezonac,#tvrtka[name=tvrtka_trazi] {
		cursor: pointer;
		background-color: white;
		color: #001010;
	}

	/* LOADER */
	#loader-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background-color: #FFF; /* BIJELO */
	}
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #3498db;

		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */    

		z-index: 1001;
	}

	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #e74c3c;

		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;

		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

	@-webkit-keyframes spin {
		0%   { 
			-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: rotate(0deg);  /* IE 9 */
			transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
		}
		100% {
			-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: rotate(360deg);  /* IE 9 */
			transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
		}
	}
	@keyframes spin {
		0%   { 
			-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: rotate(0deg);  /* IE 9 */
			transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
		}
		100% {
			-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: rotate(360deg);  /* IE 9 */
			transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
		}
	}

	#loader-wrapper .loader-section {
		position: fixed;
		top: 0;
		width: 51%;
		height: 100%;
		background: #222222;
		z-index: 1000;
		-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(0);  /* IE 9 */
		transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
	}

	#loader-wrapper .loader-section.section-left {
		left: 0;
	}

	#loader-wrapper .loader-section.section-right {
		right: 0;
	}

	/* Loaded */
	.loaded #loader-wrapper .loader-section.section-left {
		-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
		transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
		transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

	.loaded #loader-wrapper .loader-section.section-right {
		-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(100%);  /* IE 9 */
		transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
		transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

	.loaded #loader {
		opacity: 0;
		-webkit-transition: all 0.3s ease-out;  
		transition: all 0.3s ease-out;
	}
	.loaded #loader-wrapper {
		visibility: hidden;

		-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateY(-100%);  /* IE 9 */
		transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.3s 1s ease-out;  
		transition: all 0.3s 1s ease-out;
	}
	.gly-spin {
		-webkit-animation: spin 2s infinite linear;
		-moz-animation: spin 2s infinite linear;
		-o-animation: spin 2s infinite linear;
		animation: spin 2s infinite linear;
	}

	@media print
	{    
		.no-print, .no-print *
		{
			display: none !important;
		}
	}

	.neuredniplatise {
		font-weight: bold;
		color: #060845;
	}

	.oznakaodclanjenja {
		font-weight: bold;
		color: #a80202;
	}

	.oznaka {
		font-weight: bold;
		color: #114318;
	}


	.neplatise
	{	/* plavo */
		/* #060845 */
		font-weight: bold;
		color:#2167FF;
		background-color: #FFFFF0;
	}
	.otclanjeni
	{	/* crveno */
		/* a80202 */
		font-weight: bold;
		color:#FF423F;
		background-color: #FFFFF0;
	}
	.obrisani
	{	/* zeleno */
		/*#114318*/
		font-weight: bold;
		color:#00A012;
		background-color: #FFFFF0;
	}
	.umrli
	{	/* naranđasti */
		font-weight: bold;
		color:#FF6A00;
		background-color: #FFFFF0;
	}

	.mlaktiv
	{
		/*color: #A0A0A0;*/
		color: #7E9E35;
		font-size: 25px;
	}
	.mlneaktiv
	{		
		color: #0000FF;
		font-size: 20px;		
	}
	/*
	input[type=search]:not([value=""]):not(:focus):invalid {
	  background-color: tomato;
	}
	input[type=search]:not([value=""]) {
		background-color: #FF0000;
	}
	*/
	/*
	input[type=search]:not([value=""]) {
		background-color: #FF0000;
	}
	*/

	.oznaka {
		background-color: #FF0000;	
	}

	.stimerW {
		background-color: yellow;
		color:red;
		font-size: 20px;
		font-weight: bold;
	}

	.img-circle-menu {
    	border-radius: 50%;
    	width: 50px;
    	height: 50px;
    	margin: 5px;
	}

	.redpage {
		background-color: #648CB7;
		color:red;
		font-weight: bold;
		font-size: 20px;

	}

	.menu-selected {		
		/*background-color: #446e9b;*/
		background-color: #6A91BC;
		color:#89B6FF;
		font-weight: bold;
	}

	.form_logic {
		border-radius: 5px;
		background-color: #f2f2f2;
		padding: 20px;
	}