@charset "UTF-8";

/*

  --------------------------------------------------
  CSS DOKUMENT
  --------------------------------------------------
  Autor:	Christian Medica
  Tvrtka:	MED-OR održavanje d.o.o.
  Godina:	2017.
  --------------------------------------------------
  
*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

body {
	color: #474747;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 17px;
	line-height:1.2em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#F3FAFD;
}
input,
select,
textarea,
button {
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	color: #474747;
}
@media screen and (min-width: 1601px) {
body {
	padding-left:600px;
}
}
/* kraj @media screen - od 1601px */

@media screen and (min-width: 1401px) and (max-width: 1600px) {
body {
	padding-left:500px;
}
}
/* kraj @media screen - od 1401px do 1600px */

@media screen and (min-width: 1201px) and (max-width: 1400px) {
body {
	padding-left:400px;
}
}
/* kraj @media screen - od 1201px do 1400px */

@media screen and (min-width: 1015px) and (max-width: 1200px) {
body {
	padding-left:300px;
}
}
/* kraj @media screen - od 1015px do 1200px */

@media screen and (max-width: 600px) {
body {
	font-size: 15px;
	margin-top:80px;
}
input,
select,
textarea {
	font-size: 15px;
}
}
/* kraj @media screen - do 600px */

@media screen and (min-width: 1500px) {
body {
	padding-right:100px;
}
}
/* kraj @media screen - od 1500px */

@media screen and (min-width: 1700px) {
body {
	padding-right:200px;
}
}
/* kraj @media screen - od 1700px */

@media screen and (min-width: 1850px) {
body {
	padding-right:300px;
}
}
/* kraj @media screen - od 1850px */




img { border:0; vertical-align:top;}


/* linkovi za sve */
a:link		{ text-decoration: underline;	color: #0C99D5;		}
a:visited	{ text-decoration: underline;	color: #0C99D5;		}
a:hover		{ text-decoration: none;		color: #0C99D5;		}
a:active	{ text-decoration: none;		color: #333;		}




/* ############################### */
/* #####  EFEKTI I ANIMACIJE  #### */
/* ############################### */
:hover { 
	-webkit-transition:all 100ms ease-in; 
	-o-transition:all 100ms ease-in; 
	-moz-transition:all 100ms ease-in; 
}

@-webkit-keyframes fade-out {
	0% { opacity: 1; -webkit-transform: scale(1);}
	50% {opacity: 0.5; -webkit-transform: scale(1.5);}
	100% {opacity: 0; -webkit-transform: scale(.1); }
}
	
@-moz-keyframes fade-out {
	0% { opacity: 1; -moz-transform: scale(1);}
	50% {opacity: 0.5; -moz-transform: scale(1.5);}
	100% {opacity: 0; -moz-transform: scale(.1); }
}
	
@keyframes fade-out {
	0% { opacity: 1; transform: scale(1);}
	50% {opacity: 0.5; transform: scale(1.5);}
	100% {opacity: 0; transform: scale(.1); }
}





/* ################################# */
/* #####  NASLOVI I PODNASLOVI  #### */
/* ################################# */

h1 { 
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.2em;
    color: #474747;
    margin: 10px 0 30px 0;
    padding: 0px;
    text-transform: none;
}
@media screen and (max-width: 600px) {
h1 { 
    font-size: 25px;
}
}
/* kraj @media screen - do 600px */

h2 {
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:21px; 
	font-weight: normal; 
	line-height:1.1em; 
	color:#474747;
	margin:0; 
	padding:0px;
	text-transform: none;
	text-align:left;
	display:block;
	box-sizing:border-box;
}
@media screen and (max-width: 600px) {
h2 {
	font-size:19px; 
	line-height:1.1em; 
}
}
/* kraj @media screen - do 600px */

h3 {
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px; 
	font-weight:bold; 
	line-height:1.2em; 
	color:#474747;
	text-transform:uppercase;
	margin:30px 0px 0px 0px;
	padding:0px;
	text-align:left;
}









/* #################### */
/* #####  DIV-OVI  #### */
/* #################### */


div.redak {
	/*float:left;
	width:100%;*/
	box-sizing:border-box;
	margin:0 -10px;
}

div.stupac_25 {
	float:left;
	width:25%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_33 {
	float:left;
	width:33.3333%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_35 {
	float:left;
	width:35%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_50 {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_65 {
	float:left;
	width:65%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_66 {
	float:left;
	width:66.6666%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_75 {
	float:left;
	width:75%;
	box-sizing:border-box;
	padding:0 10px;
}
div.stupac_100 {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}


@media screen and (max-width: 600px) {
div.stupac_25 {
	width:50%;
}
div.stupac_50,
div.stupac_33,
div.stupac_66 {
	width:100%;
}
}
/*kraj @media screen*/







/* #################### */
/* #####  SADRŽAJ  #### */
/* #################### */

div.diz_sadrzaj {
	position:relative;
	width:100%;
	box-sizing:border-box;
	float:left;
	padding:0px 70px 0px 70px;
	/*background-color:#BCBCBC;*/
	z-index:2;
}
@media screen and (max-width: 600px) {
div.diz_sadrzaj {
	padding:0px 30px;
}
}
/* kraj @media screen - do 600px */

.sjena {
	-webkit-box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.2);
}

/* RESPONZIVNI DIZAJN - MAX ŠIRINA ZA RAZLIČITE REZOLUCIJE EKRANA */
/*div.resp_sirina {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	box-sizing:border-box;
}
@media screen and (max-width: 1400px){
div.resp_sirina {
	max-width:980px;
}
}*/

.radijus_7px {
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}


/* PRIKAZ LIJEVE POZADINE */
div.diz_lijevo_pozadina {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	z-index:1;
	box-sizing:border-box;
	
	background-color:#EAF7FC;
	background-size: cover;
	background-position: 40% 50%;
	
	overflow:hidden;
	
	animation: shrink 5s infinite alternate;
}
@keyframes shrink {
	0% {
		background-position: 40% 50%;
	}
	100% {
		background-position: 60% 50%;
	}
}

@media screen and (min-width: 1601px) {
div.diz_lijevo_pozadina {
	width:600px;
}
}
/* kraj @media screen - od 1601px */

@media screen and (min-width: 1401px) and (max-width: 1600px) {
div.diz_lijevo_pozadina {
	width:500px;
}
}
/* kraj @media screen - od 1401px do 1600px */

@media screen and (min-width: 1201px) and (max-width: 1400px) {
div.diz_lijevo_pozadina {
	width:400px;
}
}
/* kraj @media screen - od 1201px do 1400px */

@media screen and (min-width: 1015px) and (max-width: 1200px) {
div.diz_lijevo_pozadina {
	width:300px;
}
}
/* kraj @media screen - od 1015px do 1200px */

@media screen and (max-width: 1014px) {
div.diz_lijevo_pozadina {
	display:none;
}
}
/* kraj @media screen - do 1014px */



/* PRIKAZ DIV-OVA U LIJEVOJ POZADINI */
div.diz_sadrzaj_lijevo {
	position:relative;
	height:0;
}

div.diz_sadrzaj_lijevo > div {
	position:relative;
	background-color: rgba(39,169,221,.9);
	box-sizing:border-box;
	color:#FFF;
	padding:40px;
	text-align:left;
	height:auto;
}
@media screen and (min-width: 1601px) {
div.diz_sadrzaj_lijevo > div {
	margin-left:-520px;
	width:450px;
}
}
/* kraj @media screen - od 1601px */

@media screen and (min-width: 1401px) and (max-width: 1600px) {
div.diz_sadrzaj_lijevo > div {
	margin-left:-470px;
	width:400px;
}
}
/* kraj @media screen - od 1401px do 1600px */

@media screen and (min-width: 1201px) and (max-width: 1400px) {
div.diz_sadrzaj_lijevo > div {
	margin-left:-420px;
	width:350px;
}
}
/* kraj @media screen - od 1201px do 1400px */

@media screen and (min-width: 1015px) and (max-width: 1200px) {
div.diz_sadrzaj_lijevo > div {
	margin-left:-370px;
	width:300px;
}
}
/* kraj @media screen - od 1015px do 1200px */

@media screen and (max-width: 1014px) {
div.diz_sadrzaj_lijevo > div { display:none; }
}
/* kraj @media screen - do 1014px */





/* PRIKAZ DIV-OVA U LIJEVOJ POZADINI - POKRAJ BANNERA */
div.diz_sadrzaj_lijevo_banner {
	/*height:300px !important;*/
}
div.diz_sadrzaj_lijevo_banner > div {
	background-color: transparent !important;
	padding:0px !important;
	/*margin-top:-300px;*/
}

/* NASLOVNA */
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(1) {
	background-color: rgba(39,169,221,.9);
	box-sizing:border-box;
	color:#FFF;
	padding:25px 0px 0;
	text-align: center;
	width:100%;
	height:300px;
	font-size:45px;
	line-height:1.2em;
	float:left;
}
@media screen and (min-width: 1001px) and (max-width: 1400px) {
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(1) {
	font-size:40px;
}
}
/* kraj @media screen - od 1001px do 1400px */

div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(1) > p {
	margin:20px 0;
}
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(2) {
	background-color:rgba(71,71,71,.9);
	padding:0px 40px 40px;
	box-sizing:border-box;
	float:left;
	width:100%;
}
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(2) > a {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:40px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color:#27A9DD;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px;
}
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(2) > a:hover {
	background-color:#333;
}
div.diz_sadrzaj_lijevo_banner_naslovna > div > div:nth-of-type(2) > a:active {
	background-color:#000;
}



/* GDJE SAM */
p.sadrzaj_gdje_sam {
	border-top: 1px solid #B6E2F4;
	margin-top:0;
	padding-top:20px;
	font-size:16px;
}
p.sadrzaj_gdje_sam span {
	color:#27A9DD;
}
@media screen and (max-width: 600px) {
p.sadrzaj_gdje_sam {
	border-top: 0px solid #B6E2F4;
	margin-top:0;
	padding-top:25px;
	font-size:14px;
}
}
/* kraj @media screen - do 600px */




/* SADRŽAJ U IZRADI */
p.uizradi {
	border: 2px solid #B6E2F4;
	background-color:#B6E2F4;
	padding:20px;
	font-weight:bold;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}


/* ISTAKNUTI SADRŽAJ */
div.istaknuto {
	display:inline-block;
	width:100%;
	box-sizing: border-box;
    position: relative;
}
div.istaknuto > div {
	background-color:#B6E2F4;
	margin: 0 -70px;
    box-sizing: border-box;
    padding: 5px 70px;
}
div.istaknuto.crven > div {
	background-color:rgba(255,0,4,1) !important;
	color:#FFF !important;
}
@media screen and (max-width: 600px) {
div.istaknuto > div {
	margin: 0 -30px;
    padding: 5px 30px;
}
}
/* kraj @media screen - do 600px */


/* SADRŽAJ U OKVIRU */
div.sadrzaj_okvir {
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	border: 2px solid #B6E2F4;
	padding:0 20px;
	margin-bottom:20px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
div.sadrzaj_okvir > ul {
	padding:0;
}
div.sadrzaj_okvir > ul > li {
	/*list-style-image:url(/dizajn/ikona-html-ul.png);*/
	background-image:url(/dizajn/ikona-html-ul.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 3px 0 3px 35px;
	
	list-style: none;
	margin:10px 0;
}
@media screen and (max-width: 600px) {
div.sadrzaj_okvir > ul > li {
	padding: 2px 0 2px 27px;
	
	list-style: none;
	margin:10px 0;
	background-size:20px;
}
}
/* kraj @media screen - do 600px */



/* POPUP ZA PRIJAVU */
div.popup_prijava {
	display: none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,.6);
	box-sizing:border-box;
	z-index:110000;
}
div.popup_prijava > div {
	position:absolute;
	box-sizing:border-box;
	top:30%;
	left:50%;
	width:700px;
	height:auto;
	background-color:#EAF7FC;
	margin:-150px 0 0 -350px;
	padding:0px;
	
	/*border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;*/
	
	-webkit-box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
	box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
}
@media screen and (max-width: 600px) {
div.popup_prijava {
	overflow:auto;
}
div.popup_prijava > div {
	position:absolute;
	box-sizing:border-box;
	top:20px;
	left:20px;
	right:20px;
	width: auto;
	height:auto;
	background-color:#FFF;
	margin:0;
	padding:0px;
	
	/*border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;*/
	
	-webkit-box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
	box-shadow: 0px 0px 56px -8px rgba(0,0,0,1);
}
}
/* kraj @media screen - do 600px */
div.popup_prijava > div > div:nth-of-type(1) {
	float:left;
	background-color:#27A9DD;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	padding:20px 0px 20px 30px;
	text-transform:uppercase;
	font-weight: normal;
	font-size:20px;
}
div.popup_prijava > div > div:nth-of-type(1) > a {
	float:right;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	
	background-color:#0897CF;
	padding:20px 30px;
	margin:-20px 0;
}
@media screen and (max-width: 600px) {
div.popup_prijava > div > div:nth-of-type(1) {
	padding:15px 50px 15px 20px;
	font-size:18px;
}
div.popup_prijava > div > div:nth-of-type(1) > a {
	padding:15px 20px;
	margin:-24px -40px -24px 0;
}
}
/* kraj @media screen - do 600px */
div.popup_prijava > div > div:nth-of-type(1) > a:hover {
	background-color:#333;
}
div.popup_prijava > div > div:nth-of-type(1) > a:active {
	background-color:#000;
}
div.popup_prijava > div > div:nth-of-type(2),
div.prijava_forma > div {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:15px 30px 30px;
}
div.prijava_forma > div { padding:0;}
div.popup_prijava > div > div:nth-of-type(2) > form > label,
div.prijava_forma > div > form > label {
	display:block;
	float:left;
	box-sizing:border-box;
	padding:20px;
	background-color:#B6E2F4;
	cursor:pointer;
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:bold;
	
	background-repeat:no-repeat;
	background-position:left 50px center;
	background-size:auto 20px;
}
@media screen and (max-width: 600px) {
div.popup_prijava > div > div:nth-of-type(2) {
	padding:10px 20px 20px;
}
div.prijava_forma > div { padding:0;}
div.popup_prijava > div > div:nth-of-type(2) > form > label,
div.prijava_forma > div > form > label {
	padding:20px 10px;
	background-position:left 40px center;
}
}
/* kraj @media screen - do 600px */
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(1),
div.prijava_forma > div > form > label:nth-of-type(1) {
	width:49%;
	margin-right:2%;
	background-image:url(/dizajn/ikona-volonter-c.png);
}
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(2),
div.prijava_forma > div > form > label:nth-of-type(2) {
	width:49%;
	background-image:url(/dizajn/ikona-organizacija-c.png);
}
@media screen and (max-width: 600px) {
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(1),
div.prijava_forma > div > form > label:nth-of-type(1) {
	width:100%;
	margin-right:0%;
}
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(2),
div.prijava_forma > div > form > label:nth-of-type(2) {
	width:100%;
}
}
/* kraj @media screen - do 600px */
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(1):hover,
div.prijava_forma > div > form > label:nth-of-type(1):hover {
	background-image:url(/dizajn/ikona-volonter-b.png);
}
div.popup_prijava > div > div:nth-of-type(2) > form > label:nth-of-type(2):hover,
div.prijava_forma > div > form > label:nth-of-type(2):hover {
	background-image:url(/dizajn/ikona-organizacija-b.png);
}
div.popup_prijava > div > div:nth-of-type(2) > form > label:hover,
div.prijava_forma > div > form > label:hover {
	background-color:#27A9DD;
	color:#FFF;
}
div.popup_prijava > div > div:nth-of-type(2) > form > label:active,
div.prijava_forma > div > form > label:active {
	background-color:#333;
}
div.popup_prijava > div > div:nth-of-type(2) > form > label > input[type=radio],
div.prijava_forma > div > form > label > input[type=radio] {
	margin-right:35px;
}
div.popup_prijava > div > div:nth-of-type(2) > form > input[type=text],
div.popup_prijava > div > div:nth-of-type(2) > form > input[type=password],
div.prijava_forma > div > form > input[type=text],
div.prijava_forma > div > form > input[type=password] {
	float:left;
	width:100%;
	box-sizing:border-box;
	margin-bottom:15px;
	border:1px solid #27A9DD;
	padding:15px 20px;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 17px;
	color:#474747;
	background-color:transparent;
}
div.popup_prijava > div > div:nth-of-type(2) > form > div,
div.prijava_forma > div > form > div {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding-top:30px;
}
div.popup_prijava > div > div:nth-of-type(2) > form > div > button,
div.prijava_forma > div > form > div > button {
	background-color:#27A9DD;
	float:right;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 17px;
	border:0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px 20px;
	margin-top:-30px;
	cursor:pointer;
}
div.popup_prijava > div > div:nth-of-type(2) > form > div > button:hover,
div.prijava_forma > div > form > div > button:hover { background-color:#333;}
div.popup_prijava > div > div:nth-of-type(2) > form > div > button:active,
div.prijava_forma > div > form > div > button:active { background-color:#000;}
div.popup_prijava > div > div:nth-of-type(2) > form > div > a,
div.prijava_forma > div > form > div > a {
	color:#27A9DD;
	font-weight:bold;
	text-decoration:none;
}
div.popup_prijava > div > div:nth-of-type(2) > form > div > a:hover,
div.prijava_forma > div > form > div > a:hover {
	color:#333;
}
div.popup_prijava > div > div:nth-of-type(2) > form > div > a:active,
div.prijava_forma > div > form > div > a:active {
	color:#000;
	text-decoration:underline;
}












/* ===================================================================================================================== ZAGLAVLJE (LOGO, IZBORNIK) */
/* KADA USER NIJE PRIJAVLJEN */
div.diz_zaglavlje {
	width:100%;
	box-sizing:border-box;
	height:100px;
	padding:20px 0 0 0;
	text-align:left;
	border-bottom:1px solid #B6E2F4;
	overflow:hidden;
	
	/*background-color:#CCC;*/
}
div.diz_zaglavlje img {
	max-height:56px;
	width:auto;
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
div.diz_zaglavlje img {
	max-height:56px;
	max-width:190px;
	margin-top:9px;
}
}
/* kraj @media screen - od 1015px do 1200px */

div.diz_zaglavlje a {
	float:right;
	display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding:40px 10px 5px 10px;
	border-right:1px solid #B6E2F4;
	
	background-repeat:no-repeat;
	background-position:bottom 30px center;
}
div.diz_zaglavlje a:nth-of-type(1) {
	float:left;
	padding:0;
	border:0;
}
div.diz_zaglavlje a:nth-of-type(6) { background-image:url(/dizajn/zaglavlje-donirajte.png); color:#C20A00; }
div.diz_zaglavlje a:nth-of-type(5) { background-image: url(/dizajn/zaglavlje-otvorene-pozicije.png); }
div.diz_zaglavlje a:nth-of-type(4) { background-image: url(/dizajn/zaglavlje-prijava.png); }
div.diz_zaglavlje a:nth-of-type(3) { background-image: url(/dizajn/zaglavlje-registracija.png); }
div.diz_zaglavlje a:nth-of-type(2) {
	padding-right:0;
	border-right:0;
	
	background-image: url(/dizajn/zaglavlje-facebook.png);
	background-position:bottom 30px left 37px;
}
div.diz_zaglavlje a:nth-of-type(6):hover { background-image:url(/dizajn/zaglavlje-donirajte2.png); }
div.diz_zaglavlje a:nth-of-type(5):hover { background-image: url(/dizajn/zaglavlje-otvorene-pozicije2.png); }
div.diz_zaglavlje a:nth-of-type(4):hover { background-image: url(/dizajn/zaglavlje-prijava2.png); }
div.diz_zaglavlje a:nth-of-type(3):hover { background-image: url(/dizajn/zaglavlje-registracija2.png); }
div.diz_zaglavlje a:nth-of-type(2):hover { background-image: url(/dizajn/zaglavlje-facebook2.png);}

div.diz_zaglavlje a:hover {
	color:#474747;
}
div.diz_zaglavlje a:active {
	color:#333;
}
@media screen and (max-width: 600px) {
div.diz_zaglavlje {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:80px;
	padding:20px 30px;
	text-align: left;
	border-bottom:1px solid #B6E2F4;
	z-index:9999;
	background-color:#F3FAFD;
}
div.diz_zaglavlje img {
	width:auto;
	height:auto;
	max-height:40px;
}
div.diz_zaglavlje a {
	display:none;
}
div.diz_zaglavlje a:nth-of-type(1) {
	display:inline-block;
}
}
/* kraj @media screen - do 600px */




/* KADA USER JE PRIJAVLJEN */
div.diz_zaglavlje2 {
	width:100%;
	box-sizing:border-box;
	height:100px;
	padding:20px 0 0 0;
	text-align:left;
	border-bottom:1px solid #B6E2F4;
	overflow:hidden;
	
	/*background-color:#CCC;*/
}
div.diz_zaglavlje2 img {
	max-height:56px;
	width:auto;
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
div.diz_zaglavlje2 img {
	max-height:56px;
	max-width:190px;
	margin-top:9px;
}
}
/* kraj @media screen - od 1015px do 1200px */

div.diz_zaglavlje2 a {
	float:right;
	display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding:40px 10px 5px 10px;
	border-right:1px solid #B6E2F4;
	
	background-repeat:no-repeat;
	background-position:bottom 30px center;
}
div.diz_zaglavlje2 div {
	float:right;
	display:inline-block;
	/*font-size:14px;*/
	height:65px;
	box-sizing:border-box;
	text-transform: none;
	padding:18px 10px 0px 0px;
	border-right:1px solid #B6E2F4;
	width:calc(100% - 470px);
	/*max-width:300px;*/
	text-align:right;
	
	/*background-color:#CCC;*/
}
div.diz_zaglavlje2 div > span {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	/*background-color:#DDD;*/
	font-weight:bold;
	
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

div.diz_zaglavlje2 a:nth-of-type(1) {
	float:left;
	padding:0;
	border:0;
}
div.diz_zaglavlje2 a:nth-of-type(4) { background-image: url(/dizajn/zaglavlje-otvorene-pozicije.png); }
div.diz_zaglavlje2 a:nth-of-type(3) { background-image: url(/dizajn/zaglavlje-moj-racun.png); }
div.diz_zaglavlje2 a:nth-of-type(2) {
	padding-right:0;
	border-right:0;
	
	background-image: url(/dizajn/zaglavlje-odjava.png);
	background-position:bottom 30px left 22px;
}
div.diz_zaglavlje2 a:nth-of-type(4):hover { background-image: url(/dizajn/zaglavlje-otvorene-pozicije2.png); }
div.diz_zaglavlje2 a:nth-of-type(3):hover { background-image: url(/dizajn/zaglavlje-moj-racun2.png); }
div.diz_zaglavlje2 a:nth-of-type(2):hover { background-image: url(/dizajn/zaglavlje-odjava2.png); }

div.diz_zaglavlje2 a:hover {
	color:#474747;
}
div.diz_zaglavlje2 a:active {
	color:#333;
}
@media screen and (max-width: 600px) {
div.diz_zaglavlje2 {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:80px;
	padding:20px 30px;
	text-align: left;
	border-bottom:1px solid #B6E2F4;
	z-index:9999;
	background-color:#F3FAFD;
}
div.diz_zaglavlje2 img {
	width:auto;
	height:auto;
	max-height:40px;
}
div.diz_zaglavlje2 a,
div.diz_zaglavlje2 div {
	display:none;
}
div.diz_zaglavlje2 a:nth-of-type(1) {
	display:inline-block;
}
}
/* kraj @media screen - do 600px */




/* MOBILNI IZBORNIK */
@media screen and (min-width: 601px) {
div.diz_mobile_izbornik_ikona {
	display: none;
}
div.diz_mobile_izbornik {
	display: none;
}
}
/* kraj @media screen - od 601px */
@media screen and (max-width: 600px) {
/* gumb ikona */
div.diz_mobile_izbornik_ikona {
	display: block;
	position:fixed;
	top:15px;
	right:30px;
	box-sizing:border-box;
	width:50px;
	height:50px;
	z-index:10000;
}
div.diz_mobile_izbornik_ikona > a {
	display:block;
	box-sizing:border-box;
	width:50px;
	height:50px;
	
	background-image:url(/dizajn/ikona-izbornik-p.png);
	background-size:75% auto;
	background-repeat:no-repeat;
	background-position:center;
	
	border:2px solid #27A9DD;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
div.diz_mobile_izbornik_ikona > a:hover,
div.diz_mobile_izbornik_ikona > a:active {
	background-image:url(/dizajn/ikona-izbornik-b.png);
	background-color:#27A9DD;
}

/* prikaz izbornika klikom na gumb ikonu */
div.diz_mobile_izbornik {
	display: none;
	position: fixed;
	top:80px;
	left:0;
	right:0;
	bottom:0;
	background-color:#F3FAFD;
	z-index:99999;
	box-sizing:border-box;
	padding:0px;
	overflow:auto;
}

/* mobilno zaglavlje */
div.diz_mobile_izbornik_z {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	padding:10px 20px;
}
div.diz_mobile_izbornik_z > a { 
	display:block;
	float:left;
	box-sizing:border-box;
	width:20%;
	height:75px;
	margin:0;
	text-decoration:none;
	font-size:11px;
	text-align:center;
	color:#27A9DD;
	padding:40px 5px 0;
	text-transform:uppercase;
	line-height:1.2em;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	background-repeat:no-repeat;
	background-position:center top 10px;
}
div.diz_mobile_izbornik_z > a:hover {
	background-color:#B6E2F4;
}
div.diz_mobile_izbornik_z > a:nth-of-type(1) {
	background-image:url(/dizajn/zaglavlje-facebook.png);
}
div.diz_mobile_izbornik_z > a:nth-of-type(2) {
	background-image: url(/dizajn/zaglavlje-registracija.png);
	padding-left:0 !important;
	padding-right:0 !important;
}
div.diz_mobile_izbornik_z > a:nth-of-type(3) {
	background-image: url(/dizajn/zaglavlje-prijava.png);
}
div.diz_mobile_izbornik_z > a:nth-of-type(4) {
	background-image: url(/dizajn/zaglavlje-otvorene-pozicije.png);
}
div.diz_mobile_izbornik_z > a:nth-of-type(5) {
	background-image: url(/dizajn/zaglavlje-donirajte.png);
}


/* mobilno zaglavlje - prijavljeni user */
div.diz_mobile_izbornik_z2 {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	padding:10px 20px;
}
div.diz_mobile_izbornik_z2 > a { 
	display:block;
	float:right;
	box-sizing:border-box;
	width:20%;
	height:75px;
	margin:0;
	text-decoration:none;
	font-size:11px;
	text-align:center;
	color:#27A9DD;
	padding:40px 5px 0;
	text-transform:uppercase;
	line-height:1.2em;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	background-repeat:no-repeat;
	background-position:center top 10px;
}
div.diz_mobile_izbornik_z2 > div { 
	display:block;
	float:right;
	box-sizing:border-box;
	width:40%;
	height:75px;
	margin:0;
	text-decoration:none;
	text-align: left;
	padding:20px 5px 0;
	text-transform: none;
	line-height:1.2em;
	box-sizing:border-box;
}
div.diz_mobile_izbornik_z2 > div > span {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	/*background-color:#DDD;*/
	font-weight:bold;
	
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

div.diz_mobile_izbornik_z2 > a:hover {
	background-color:#B6E2F4;
}
div.diz_mobile_izbornik_z2 > a:nth-of-type(1) {
	background-image:url(/dizajn/zaglavlje-odjava.png);
}
div.diz_mobile_izbornik_z2 > a:nth-of-type(2) {
	background-image:url(/dizajn/zaglavlje-moj-racun.png);
}
div.diz_mobile_izbornik_z2 > a:nth-of-type(3) {
	background-image: url(/dizajn/zaglavlje-otvorene-pozicije.png);
}


/* IZBORNIK NA MOBU */
#diz_mobile_izbornik_popis,
#diz_mobile_izbornik_popis ul,
#diz_mobile_izbornik_popis ul li,
#diz_mobile_izbornik_popis ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#diz_mobile_izbornik_popis {
  width: 100%;
  font-family:"PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #333;
  float:left;
  border-top:1px solid #B6E2F4;
}
#diz_mobile_izbornik_popis ul ul {
  display: none;
}
#diz_mobile_izbornik_popis > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#diz_mobile_izbornik_popis > ul > li > a {
  padding: 20px 30px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #333;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  text-transform:uppercase;
  font-weight:bold;
  border-bottom:1px solid #B6E2F4;
}
#diz_mobile_izbornik_popis > ul > li > a:hover {
  color: #FFF;
  background-color:#27A9DD;
}
#diz_mobile_izbornik_popis ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background:#333;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#diz_mobile_izbornik_popis ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #333;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#diz_mobile_izbornik_popis ul > li.has-sub.open > a:after,
#diz_mobile_izbornik_popis ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#diz_mobile_izbornik_popis ul ul li a { /* druga razina */
  padding: 14px 30px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #333;
  background: #86d3fa;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#diz_mobile_izbornik_popis ul ul ul li a { /* treća razina */
  padding-left: 32px;
}
#diz_mobile_izbornik_popis ul ul li a:hover {
  color: #fff;
  background-color: #358ebc;
}
#diz_mobile_izbornik_popis ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #ddd;
}
#diz_mobile_izbornik_popis ul ul > li.has-sub > a:before {
  top: 20px;
  background: #ddd;
}

} /* kraj @media screen - do 600px */



/* ######################################################################################################### IZBORNIK GLAVNI */
#diz_izbornik_glavni {
  margin:0;
  width:100%;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family:"PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
  box-sizing: content-box;
}
@media screen and (max-width: 600px) {
#diz_izbornik_glavni {
  display: none;
}
}
/* kraj @media screen - do 600px */
#diz_izbornik_glavni ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  /*box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.3);*/
}
#diz_izbornik_glavni ul:after,
#diz_izbornik_glavni:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#diz_izbornik_glavni ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#diz_izbornik_glavni ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#diz_izbornik_glavni ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
  z-index: 999;
  
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.3);
}
#diz_izbornik_glavni ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #fff;
}
#diz_izbornik_glavni ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#diz_izbornik_glavni.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#diz_izbornik_glavni ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #fff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#diz_izbornik_glavni.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #fff;
}
#diz_izbornik_glavni ul li ul li a {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  color: #474747;
  letter-spacing: 0;
  display: block;
  width: 200px;
  padding: 11px 20px;
  text-align:left !important;
}
#diz_izbornik_glavni ul li ul li:hover > a,
#diz_izbornik_glavni ul li ul li.active > a {
  color: #FFF;
  background-color: #6BC2E6;
}
#diz_izbornik_glavni ul li ul li:hover:after,
#diz_izbornik_glavni ul li ul li.active:after {
  background-color: #6BC2E6;
}
#diz_izbornik_glavni ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#diz_izbornik_glavni ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#diz_izbornik_glavni > ul > li {
  float: left;
}
#diz_izbornik_glavni > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  /*background:#6BC2E6; /* boja pozadine kada je miš na prvoj razini */
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#diz_izbornik_glavni > ul > li.has-sub > a {
  /*padding-right: 30px;*/
}
#diz_izbornik_glavni > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background-color:transparent;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  left: 50%;
  bottom: 0px;
}
#diz_izbornik_glavni > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 6px solid transparent;
  border-top-color: #474747;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 16px;
  margin-left:-3px;
}


#diz_izbornik_glavni > ul > li > a {
  color:#474747;
  padding: 40px 0px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  z-index: 2;
  position: relative;
  text-align:center;
}
#diz_izbornik_glavni > ul > li > a > span {
	padding-bottom:7px;
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
#diz_izbornik_glavni > ul > li > a {
  font-size: 17px;
}
}
/* kraj @media screen - od 1301px do 1400px */
@media screen and (min-width: 1401px) and (max-width: 1600px) {
#diz_izbornik_glavni > ul > li > a {
  font-size: 18px;
}
}
/* kraj @media screen - od 1401px do 1600px */
@media screen and (min-width: 1601px) {
#diz_izbornik_glavni > ul > li > a {
  font-size: 19px;
}
}
/* kraj @media screen - od 1401px do 1600px */


#diz_izbornik_glavni > ul > li:nth-of-type(1) > a { text-align:left;}
#diz_izbornik_glavni > ul > li:nth-of-type(6) > a { text-align:right;}

#diz_izbornik_glavni > ul > li:hover:after,
#diz_izbornik_glavni > ul > li.active:after {
  height: 100%;
}
#diz_izbornik_glavni > ul > li:hover > a,
#diz_izbornik_glavni > ul > li.active > a {
  color: #27A9DD;
}
#diz_izbornik_glavni > ul > li:hover > a > span,
#diz_izbornik_glavni > ul > li.active > a > span {
  border-bottom:3px solid #27A9DD;
}
#diz_izbornik_glavni > ul > li:hover > a:after,
#diz_izbornik_glavni > ul > li.active > a:after {
	background-color:transparent;
}
#diz_izbornik_glavni > ul > li:hover > a:before,
#diz_izbornik_glavni > ul > li.active > a:before {
  border-top-color: #27A9DD;
}
#diz_izbornik_glavni > ul > li:hover > ul {
  left: 0;
}
#diz_izbornik_glavni > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#diz_izbornik_glavni #menu-button {
  display: none;
}
#diz_izbornik_glavni > ul > li > a {
  display: block;
}
#diz_izbornik_glavni > ul > li {
width:22%;
}
#diz_izbornik_glavni > ul > li:nth-of-type(1),
#diz_izbornik_glavni > ul > li:nth-of-type(2) {
  width:15%;
}
#diz_izbornik_glavni > ul > li:nth-of-type(6),
#diz_izbornik_glavni > ul > li:nth-of-type(3) {
	width:13%;
}
#diz_izbornik_glavni > ul > li > ul {
  width: 200px;
  display: block;
}
#diz_izbornik_glavni > ul > li > ul > li {
  width: 200px;
  display: block;
}






/* ===================================================================================================================== BANNER */
div.diz_banner {
	position:relative;
	background-color:red;
	height:300px;
}
div.diz_banner > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:blue;
	margin:0px -70px;
}


.banner {
	position:relative;
	width:100%;
	overflow: auto;
	display:block;
	background: #FFF;
	box-sizing:border-box;
	text-align:center;
}
.banner ul {
	list-style: none;
	width: 300%;
	padding:0;
	margin:0;
}
.banner ul li {
	display: block;
	float: left;
	width: 100%;
	padding: 0px;
	height: 300px;
	max-height: 300px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	
	background-position:center;
	
	/*box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
}
.banner .btn {
	display: inline-block;
	margin: 10px 0 0;
	padding:25px 40px;
	clear: both;
	
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	
	border: 0px solid rgba(255,255,255,.8);
	border-bottom:5px solid #0B9AD6;
	border-radius: 5px;
	background-color:#6BC2E6;
}
.banner .btn:hover {
	background-color:#0B9AD6;
	color:#FFF;
	border-bottom:5px solid #333;
}
.banner .btn:active {
	background-color:#333;
	border-bottom:5px solid #333;
}

.banner .btn {
	-webkit-box-shadow: 0px 0px 62px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 62px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 62px -10px rgba(0,0,0,0.75);
}
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	padding:0;
}
.banner .dots li {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 0px solid #fff;
	border-radius: 100%;
	background: #fff;
	
	cursor: pointer;
	opacity: .4;
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
@media screen and (max-width: 600px) {
div.diz_banner {
	height:200px;
}
div.diz_banner > div {
	margin:0px -30px;
}
.banner ul li {
	height: 200px;
	max-height: 200px;
}
}
/* kraj @media screen - do 600px */






/* ===================================================================================================================== NASLOVNA STRANICA */
hr {
	width:65px;
	height:0;
	border:0;
	border-bottom:5px solid #27A9DD;
	display: inline-block;
}

p.naslovna_vck_opis {
	font-size:36px;
	text-align:center;
	line-height:1.2em;
}
@media screen and (min-width: 1015px) and (max-width: 1400px) {
p.naslovna_vck_opis {
	font-size:30px;
}
}
/* kraj @media screen - od 1015px do 1400px */
@media screen and (max-width: 600px) {
p.naslovna_vck_opis {
	font-size:20px;
}
}
/* kraj @media screen - do 600px */

div.novosti_lista {
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
}
div.novosti_lista > a {
	position:relative;
	width:49%;
	height:300px;
	box-sizing:border-box;
	float:left;
	margin:0 2% 2% 0;
	display:block;
	text-decoration:none;
	border:1px solid #27A9DD;
	font-size:18px;
}
div.novosti_lista > a:nth-of-type(2n) {
	margin-right:0;
}
div.novosti_lista > a > div:nth-of-type(1) {
	position:relative;
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	
	border-right:1px solid #27A9DD;
}
div.novosti_lista > a:hover > div:nth-of-type(1),
div.novosti_lista > a:hover {
	border-color:#333;
}
div.novosti_lista > a:active > div:nth-of-type(1),
div.novosti_lista > a:active {
	border-color:#000;
}
div.novosti_lista > a > div:nth-of-type(1) > div {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:70px;
	box-sizing:border-box;
	padding-top:15px;
	overflow:hidden;
	
	background-color:#27A9DD;
	color:#FFF;
	text-align:center;
}
div.novosti_lista > a > div:nth-of-type(1) > div > span {
	font-weight:bold;
	font-size:36px;
}
div.novosti_lista > a > div:nth-of-type(2) {
	position:relative;
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
	padding:20px;
	color:#474747;
}
div.novosti_lista > a:hover > div:nth-of-type(2) {
	background-color:#27A9DD;
	color:#FFF;
}
div.novosti_lista > a:hover > div:nth-of-type(2) h2 {
	color:#FFF;
}
div.novosti_lista > a > div:nth-of-type(2) > div {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#F3FAFD;
	color:#27A9DD;
	padding:20px;
	text-align:right;
	text-transform:uppercase;
	
	-webkit-box-shadow: 0px -10px 60px 0px rgba(243,250,253,1);
	-moz-box-shadow: 0px -10px 60px 0px rgba(243,250,253,1);
	box-shadow: 0px -10px 60px 0px rgba(243,250,253,1);
}
div.novosti_lista > a:hover > div:nth-of-type(2) > div {
	color:#FFF;
	-webkit-box-shadow: 0px -10px 60px 0px rgba(39,169,221,1);
	-moz-box-shadow: 0px -10px 60px 0px rgba(39,169,221,1);
	box-shadow: 0px -10px 60px 0px rgba(39,169,221,1);
	background-color:#27A9DD;
}

@media screen and (min-width: 1015px) and (max-width: 1400px) {
div.novosti_lista > a {
	height:220px;
	font-size:16px;
}
div.novosti_lista > a > div:nth-of-type(2) {
	padding:10px;
}
div.novosti_lista > a > div:nth-of-type(2) p:nth-of-type(1) {
	margin-top:10px;
}
div.novosti_lista > a > div:nth-of-type(2) > div {
	padding:10px;
}
}
/* kraj @media screen - od 1015px do 1400px */

@media screen and (max-width: 600px) {
div.novosti_lista > a {
	width:100%;
	height:200px;
	margin:0 0 10px 0;
	border:1px solid #27A9DD;
	font-size:16px;
}
div.novosti_lista > a > div:nth-of-type(1) > div {
	width:60px;
	height:60px;
	padding-top:10px;
}
div.novosti_lista > a > div:nth-of-type(1) > div > span {
	font-size:30px;
}
div.novosti_lista > a > div:nth-of-type(2) {
	padding:10px;
}
div.novosti_lista > a > div:nth-of-type(2) h2 {
	font-size:18px;
	font-weight:bold;
}
div.novosti_lista > a > div:nth-of-type(2) p:nth-of-type(1) {
	margin-top:10px;
}
div.novosti_lista > a > div:nth-of-type(2) > div {
	padding:10px;
	font-weight:bold;
	font-size:14px;
}
}
/* kraj @media screen - do 600px */



div.novosti_lista_vise {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	padding:20px 0;
}
div.novosti_lista_vise > a {
	color:#FFF;
	text-decoration:none;
	background-color:#27A9DD;
	padding:20px;
	box-sizing:border-box;
	display:inline-block;
	text-transform:uppercase;
}
div.novosti_lista > a:hover > div:nth-of-type(1) > div,
div.novosti_lista_vise > a:hover {
	background-color:#333;
}
div.novosti_lista > a:active > div:nth-of-type(1) > div,
div.novosti_lista_vise > a:active {
	background-color:#000;
}


/* DIO MULTIMEDIJA */
div.novosti_multimedija {
	position:relative;
	width:100%;
	height:200px;
	box-sizing:border-box;
	display:inline-block;
	/*background-color:#CCC;*/
}
div.novosti_multimedija > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:200px;
	/*background-color:#999;*/
	margin:0 -70px;
	box-sizing:border-box;
}
div.novosti_multimedija > div > a {
	display:table;
	float:left;
	width:20%;
	height:200px;
	box-sizing:border-box;
	text-decoration:none;
	color:#FFF;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
div.novosti_multimedija > div > a > div {
	box-sizing:border-box;
	width:100%;
	height:100%;
	background-color:rgba(71,71,71,.4);
	display:table-cell;
	vertical-align:bottom;
	text-align:left;
	padding:25px;
	font-weight:bold;
	line-height:1.3em;
}
div.novosti_multimedija > div > a > div > span {
	display:inline-block;
	font-weight:normal !important;
	font-size:14px;
	padding-bottom:5px;
}

div.novosti_multimedija > div > a:nth-of-type(5) > div {
	background-color:#27A9DD;
	vertical-align:middle;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
}
@media screen and (max-width: 600px) {
div.novosti_multimedija {
	height:470px;
}
div.novosti_multimedija > div {
	height:470px;
	margin:0 -30px;
}
div.novosti_multimedija > div > a {
	width:50%;
	height:200px;
}
div.novosti_multimedija > div > a:nth-of-type(5) {
	width:100%;
	height:70px;
}
div.novosti_multimedija > div > a:nth-of-type(5) > div {
	padding:0;
}
}
/* kraj @media screen - do 600px */


div.novosti_multimedija > div > a:hover > div {
	background-color:rgba(71,71,71,1);
}
div.novosti_multimedija > div > a:active > div {
	background-color:#000;
}

div.diz_sadrzaj_lijevo_naslovna_multimedija > div {
	text-align:center;
	height:200px;
	padding:40px 0 !important;
}
div.diz_sadrzaj_lijevo_naslovna_multimedija > div img {
	width:auto;
	height:100%;	
}



/* DIO ZA VOLONTERE - REGISTRIRAJ SE (ispod multimedije) */
p.novosti_reistriraj_se {
	font-size:36px;
	text-align:center;
	line-height:1.2em;
}
@media screen and (min-width: 1015px) and (max-width: 1400px) {
p.novosti_reistriraj_se {
	font-size:30px;
}
}
/* kraj @media screen - od 1015px do 1400px */
@media screen and (max-width: 600px) {
p.novosti_reistriraj_se {
	font-size:20px;
}
}
/* kraj @media screen - do 600px */



/* DIO ZAHVALE */
div.novosti_zahvale {
	width:100%;
	box-sizing:border-box;
	display: inline-block;
}
div.novosti_zahvale > a {
	display:table;
	float:left;
	width:25%;
	height:110px;
	box-sizing:border-box;
	/*background-color:#999;*/
	text-decoration:none;
	color:#474747;
}
@media screen and (max-width: 600px) {
div.novosti_zahvale > a {
	display:table;
	float:left;
	width:50%;
	height:110px;
	box-sizing:border-box;
	/*background-color:#999;*/
	text-decoration:none;
	color:#474747;
}
}
/* kraj @media screen - do 600px */
div.novosti_zahvale > a > div {
	display:table-cell;
	width:100%;
	height:110px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	box-sizing:border-box;
}
div.novosti_zahvale > a > div > img {
	max-width:100%;
	max-height:100%;
	
	filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
}
div.novosti_zahvale > a:hover > div > img {
	filter: none;
	-webkit-filter:none;
}


/* ===================================================================================================================== PRIKAZ VIJESTI */
p.novosti_vijest_svojstva {
	border-top: 1px solid #B6E2F4;
	border-bottom: 1px solid #B6E2F4;
    margin: 0;
    padding:8px 0;
    font-size: 15px;
}
p.novosti_vijest_svojstva > span {
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
}
p.novosti_vijest_svojstva > span:nth-of-type(1) {
	background-image:url(/dizajn/ikona-vijest1.png);
	padding:5px 15px 5px 20px;
	border-right: 1px solid #B6E2F4;
}
p.novosti_vijest_svojstva > span:nth-of-type(2) {
	background-image:url(/dizajn/ikona-vijest2.png);
	padding:5px 15px 5px 20px;
	border-right: 1px solid #B6E2F4;
	margin-left:15px;
}
p.novosti_vijest_svojstva > span:nth-of-type(3) {
	background-image:url(/dizajn/ikona-vijest3.png);
	padding:5px 0 5px 30px;
	margin-left:15px;
}
p.novosti_vijest_svojstva > span > i {
	font-style:normal;
}
@media screen and (max-width: 600px) {
p.novosti_vijest_svojstva > span > i {
	display:none;
}
}
/* kraj @media screen - do 600px */

div.diz_sadrzaj_lijevo_naslovna_novosti > div {
	text-align:center;
	font-size: 45px;
	padding:20px 40px !important;
}
div.diz_sadrzaj_lijevo_naslovna_novosti > div img {
	height:100%;
	max-height:130px;
}

/* prikaz teksta u vijestima */
div.novosti_vijest_tekst {
	font-size:18px;
	line-height:1.3em;
}
@media screen and (max-width: 600px) {
div.novosti_vijest_tekst {
	font-size:15px;
	line-height:1.3em;
}
}
/* kraj @media screen - do 600px */

/* listaj fotke, jednu ispod druge */
div.novosti_vijest_foto1 {
	position:relative;
	margin-bottom:40px;
	box-sizing:border-box;
}
div.novosti_vijest_foto1 > img {
	width:100%;
	height:auto;
	border:1px solid rgba(39,169,221,1);
	box-sizing:border-box;
}
div.novosti_vijest_foto1 > span {
	display:block;
	position:absolute;
	left:1px;
	bottom:1px;
	background-color:rgba(39,169,221,.7);
	color:#FFF;
	padding:10px;
	box-sizing:border-box;
	font-size:16px;
}
@media screen and (max-width: 600px) {
div.novosti_vijest_foto1 > img {
	border:0;
}
div.novosti_vijest_foto1 > span {
	font-size:14px;
	display: inline-block;
	width:100%;
	position:relative;
	background-color:rgba(39,169,221,.9);
	border:0;
	left:0;
	bottom:0;
}
}
/* kraj @media screen - do 600px */


/* listaj fotke, galeriju */
div.novosti_vijest_foto2 {
	width:100%;
	float:left;
	box-sizing:border-box;
}
div.novosti_vijest_foto2 > a {
	width:24%;
	height:170px;
	margin:0 1.33% 1.33% 0;
	display: inline-block;
	text-decoration:none;
	float:left;
	border:0px solid rgba(39,169,221,1);
	box-sizing:border-box;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
div.novosti_vijest_foto2 > a:nth-of-type(4n) {
	margin-right:0;
}
div.novosti_vijest_foto2 > a:hover {
	opacity:0.7;
}
@media screen and (max-width: 600px) {
div.novosti_vijest_foto2 > a {
	width:50%;
	height:170px;
	margin:0;
}
}
/* kraj @media screen - do 600px */



/* PRILOG */
div.novosti_vijest_prilog {
	float:left;
	width:100%;
	box-sizing:border-box;
}
div.novosti_vijest_prilog > a {
	display:block;
	float:left;
	width:100%;
	height:85px;
	margin-bottom:20px;
	background-color:#B6E2F4;
	box-sizing:border-box;
	text-decoration:none;
	color:#474747;
	font-weight:bold;
	padding:20px 20px 0 20px;
	line-height:1.3em;
	overflow:hidden;
}
div.novosti_vijest_prilog > a > i {
	display:block;
	box-sizing:border-box;
	background-color:#27A9DD;
	width:85px;
	height:85px;
	float:left;
	margin:-20px 20px -20px -20px;
	
	background-image:url(/dizajn/ikona-prilog.png);
	background-repeat:no-repeat;
	background-position:center;
}
div.novosti_vijest_prilog > a > span {
	font-weight:normal !important;
	font-size:16px;
}
div.novosti_vijest_prilog > a:hover {
	background-color:#27A9DD;
	color:#FFF;
}

@media screen and (max-width: 600px) {
div.novosti_vijest_prilog > a {
	height:75px;
	padding:10px 10px 0 10px;
}
div.novosti_vijest_prilog > a:last-of-type { margin-bottom:0;}
div.novosti_vijest_prilog > a > span {
	font-size:14px;
}
div.novosti_vijest_prilog > a > i {
	width:55px;
	height:75px;
	margin:-10px 10px -10px -10px;
}
}
/* kraj @media screen - do 600px */


/* dno vijesti */
div.novosti_vijest_dno {
	border-top:1px solid #B6E2F4;
	margin-bottom:60px;
	padding-top:20px;
	width:100%;
	box-sizing:border-box;
}
div.novosti_vijest_dno > a {
	display:inline-block;
	background-color:#27A9DD;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	padding:20px;
	box-sizing:border-box;
}
div.novosti_vijest_dno > button {
	display:inline-block;
	background-color:#27A9DD;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	padding:20px;
	box-sizing:border-box;
	border:0;
	margin:0;
	cursor:pointer;
	font-size:17px;
}
div.novosti_vijest_dno > button.crven { background-color:red;}
div.novosti_vijest_dno > a:hover,
div.novosti_vijest_dno > button:hover {
	background-color:#333;
}
div.novosti_vijest_dno > a:active,
div.novosti_vijest_dno > button:active {
	background-color:#000;
}
@media screen and (max-width: 600px) {
div.novosti_vijest_dno {
	margin-bottom:20px;
	padding-top:20px;
}
div.novosti_vijest_dno > a {
	padding:15px 10px;
	width:100%;
	float:none !important;
	margin-bottom:6px;
	text-align:center;
}
div.novosti_vijest_dno > button {
	padding:15px 10px;
	width:100%;
	float:none !important;
	margin-bottom:6px;
	text-align:center;
	font-size:16px;
}

}
/* kraj @media screen - do 600px */







/* ===================================================================================================================== MULTIMEDIJA STRANICA */
div.str_multimedija_popis {
	width:100%;
	box-sizing:border-box;
	display:block;
	/*background-color:#CCC;*/
	float:left;
	margin-bottom:25px;
}
div.str_multimedija_popis > a {
	display:table;
	float:left;
	width:25%;
	height:200px;
	box-sizing:border-box;
	text-decoration:none;
	color:#FFF;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
div.str_multimedija_popis > a > div {
	box-sizing:border-box;
	width:100%;
	height:100%;
	background-color:rgba(71,71,71,.4);
	display:table-cell;
	vertical-align:bottom;
	text-align:left;
	padding:25px;
	font-weight:bold;
	line-height:1.3em;
}
@media screen and (max-width: 600px) {
div.str_multimedija_popis > a {
	width:50%;
	height:150px;
}
div.str_multimedija_popis > a > div {
	padding:10px;
	font-weight:bold;
	line-height:1.2em;
	font-size:16;
}
}
/* kraj @media screen - do 600px */
div.str_multimedija_popis > a > div > span {
	display:inline-block;
	font-weight:normal !important;
	font-size:14px;
	padding-bottom:5px;
}

div.str_multimedija_popis > a:hover > div {
	background-color:rgba(71,71,71,1);
}
div.str_multimedija_popis > a:active > div {
	background-color:#000;
}


/* prikaz albuma */








/* ===================================================================================================================== BURZA VOLONTERA */
/* dio FILTER */
div.burza_org_popis_filter {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	position:relative;
	margin:20px 0 0 0;
}
div.burza_org_popis_filter > div {
	height:70px;
	background-color:#B6E2F4;
	margin:0 -70px;
	box-sizing:border-box;
	padding:15px 70px;
}
div.burza_org_popis_filter > div > form > select {
	display:block;
	float:left;
	width:49%;
	margin-right:2%;
	height:40px;
	background-color:#EAF7FC;
	box-sizing:border-box;
	padding:0 10px;
	cursor:pointer;
	border:0;
	
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 16px;
}
div.burza_org_popis_filter > div > form > select:nth-of-type(2n) { margin-right:0;}
@media screen and (max-width: 600px) {
div.burza_org_popis_filter > div {
	height:115px;
	margin:0 -30px;
	padding:15px 30px;
}
div.burza_org_popis_filter > div > form > select {
	width:100%;
	margin-right:0;
	margin-bottom:6px;
}
div.burza_org_popis_filter > div > form > select:nth-of-type(2n) { margin-bottom:0;}
}
/* kraj @media screen - do 600px */


/* dio POPIS */
div.burza_org_popis {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	position:relative;
	margin:0px 0 0 0;
	/*background-color:rgba(0,0,0,.1);*/
}
div.burza_org_popis > div {
	/*background-color:rgba(0,0,0,.1);*/
	margin:0 -70px;
	box-sizing:border-box;
	padding:0px 0px;
}
div.burza_org_popis > div > a {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:15px 70px;
	text-decoration:none;
	color:#333;
	/*background-color:rgba(0,0,0,.1);*/	
	border-bottom:1px solid #B6E2F4;
}
@media screen and (max-width: 600px) {
div.burza_org_popis > div {
	margin:0 -30px;
}
div.burza_org_popis > div > a {
	padding:15px 30px;
}
}
/* kraj @media screen - do 600px */
div.burza_org_popis > div > a > div:nth-of-type(1) {
	float:left;
	width:135px;
	height:135px;
	box-sizing:border-box;
	border:1px solid #B6E2F4;
	margin-right:20px;
	background-image:url(/dizajn/burza-no-image.png);
	
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFF;
}
@media screen and (max-width: 600px) {
div.burza_org_popis > div > a > div:nth-of-type(1) {
	width:70px;
	height:70px;
	margin-right:10px;
}
}
/* kraj @media screen - do 600px */
div.burza_org_popis > div > a > p:nth-of-type(1) {
	font-weight:bold;
	margin:0 0 0;
}
div.burza_org_popis > div > a > p:nth-of-type(2) {
	margin:7px 0 0;
}
div.burza_org_popis > div > a > p:nth-of-type(2) > span {
	display:inline-block;
	box-sizing:border-box;
	background-color:#27A9DD;
	text-transform:uppercase;
	font-size:12px;
	padding:1px 5px;
	color:#FFF;
	margin:0px 10px 0px 0;
	vertical-align:top;
}
div.burza_org_popis > div > a > p.podrucja { margin:15px 0 0;}
div.burza_org_popis > div > a > p.podrucja > span {
	display:inline-block;
	box-sizing:border-box;
	background-color:#B6E2F4;
	text-transform:uppercase;
	font-size:12px;
	padding:2px 6px;
	color:#333;
	margin:0px 0px 5px 0;
	vertical-align:top;
}
div.burza_org_popis > div > a > p.pozicije { margin:15px 0 0;}
div.burza_org_popis > div > a > p.pozicije > span {
	display:inline-block;
	box-sizing:border-box;
	background-color:#59BC5D;
	text-transform:uppercase;
	font-size:12px;
	padding:2px 6px;
	color:#FFF;
	margin:0px 0px 5px 0;
	vertical-align:top;
}

/*div.burza_org_popis > div > a:hover {
	background-color:#B6E2F4;
}
div.burza_org_popis > div > a:hover > p.podrucja > span {
	background-color:#27A9DD;
	color:#FFF;
}*/
div.burza_org_popis > div > a:hover {
	background-color:#27A9DD;
	color:#FFF;
}
div.burza_org_popis > div > a:hover > p:nth-of-type(2) > span {
	background-color:#FFF;
	color:#27A9DD;
}
div.burza_org_popis > div > a:hover > p.podrucja > span {
	background-color:#FFF;
	color:#27A9DD;
}
div.burza_org_popis > div > a > p.podrucja > span.filter_oznaka {
	background-color:#333;
	color:#FFF;
}
div.burza_org_popis > div > a:hover > p.pozicije > span {
	background-color:#FFF;
	color:#27A9DD;
}

/* prikaz logotipa organizacije */
/* zasebni p redak */
div.burza_org_info_foto {
	display:inline-block;
	box-sizing:border-box;
	width:150px;
	height:150px;
	background-color:#FFF;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	
	border:1px solid #B6E2F4;
}
/* unutar teksta opisa organizacije */
div.burza_org_info_foto2 {
	display:block;
	box-sizing:border-box;
	width:150px;
	height:150px;
	float:left;
	margin:0 15px 10px 0;
	background-color:#FFF;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	
	border:1px solid #B6E2F4;
}
@media screen and (max-width: 600px) {
div.burza_org_info_foto {
	width:100px;
	height:100px;
}
/* unutar teksta opisa organizacije */
div.burza_org_info_foto2 {
	width:100px;
	height:100px;
	margin:0 10px 10px 0;
}
}
/* kraj @media screen - do 600px */


/* POPIS VOLONTERSKIH POZICIJA UNUTAR INFO O ORGANIZACIJI */
div.burza_org_info_vol_poz {
	/*background-color:#ccc;*/
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
	border:1px solid #B6E2F4;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
div.burza_org_info_vol_poz > a {
	display:block;
	width:100%;
	float:left;
	box-sizing:border-box;
	text-decoration:none;
	color:#474747;
	padding:10px 10px;
	border-bottom:1px solid #B6E2F4;
}
div.burza_org_info_vol_poz > a:last-of-type {
	border-bottom:0;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}
div.burza_org_info_vol_poz > a:hover { background-color:#27A9DD; color:#FFF;}

div.burza_org_info_vol_poz > a > div {
	box-sizing:border-box;
	float:left;
	width:100%;
}
div.burza_org_info_vol_poz > a > div:nth-of-type(1) { width:75%; font-weight:bold;}
div.burza_org_info_vol_poz > a > div:nth-of-type(2) { width:15%;}
div.burza_org_info_vol_poz > a > div:nth-of-type(3) { width:10%;}
div.burza_org_info_vol_poz > a > div:nth-of-type(3) > span {
	display: inline-block;
    box-sizing: border-box;
    background-color: #59BC5D;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px 6px;
    color: #FFF;
    margin: -1px 0px;
    vertical-align: top;
}
div.burza_org_info_vol_poz > a:hover > div:nth-of-type(3) > span { background-color:#FFF; color:#27A9DD;}

/* zaglavlje */
div.burza_org_info_vol_poz > div.zaglavlje,
div.burza_org_info_vol_poz > div.zaglavlje > div {
	width:100%;
	float:left;
	box-sizing:border-box;
}
div.burza_org_info_vol_poz > div.zaglavlje {
	padding:5px 10px;
	text-transform:uppercase;
	font-size:13px;
	border-bottom:1px solid #B6E2F4;
	font-weight:bold;
	background-color:#B6E2F4;
}

div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(1) { width:75%;}
div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(2) { width:15%;}
div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(3) { width:10%;}

@media screen and (max-width: 600px) {
div.burza_org_info_vol_poz > a > div:nth-of-type(1) { width:100%; margin-bottom:10px;}
div.burza_org_info_vol_poz > a > div:nth-of-type(2) { width:50%;}
div.burza_org_info_vol_poz > a > div:nth-of-type(3) { width:50%; text-align:right;}

div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(1) { width:100%;}
div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(2) { width:50%;}
div.burza_org_info_vol_poz > div.zaglavlje > div:nth-of-type(3) { width:50%; text-align:right;}
}
/* kraj @media screen - do 600px */








/* ===================================================================================================================== OTVORENE VOLONTERSKE POZICIJE */
/* popis */
div.burza_otv_vol_poz_popis {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	position:relative;
	margin:0px 0 0 0;
	/*background-color:rgba(0,0,0,.1);*/
}
div.burza_otv_vol_poz_popis > div {
	/*background-color:rgba(0,0,0,.1);*/
	margin:0 -70px;
	box-sizing:border-box;
	padding:0px 0px;
}
div.burza_otv_vol_poz_popis > div > a {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:30px 70px;
	text-decoration:none;
	color:#333;
	/*background-color:rgba(0,0,0,.1);*/
	border-bottom:1px solid #B6E2F4;
}
@media screen and (max-width: 600px) {
div.burza_otv_vol_poz_popis > div {
	margin:0 -30px;
}
div.burza_otv_vol_poz_popis > div > a {
	padding:10px 30px;
}
}
/* kraj @media screen - do 600px */
div.burza_otv_vol_poz_popis > div > a:hover {
	background-color:#27A9DD;
	color:#FFF;
}
div.burza_otv_vol_poz_popis > div > a div { box-sizing:border-box; float:left; line-height:1.3em;}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(1) {
	width:70%;
	/*background-color:red;*/
}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(2) {
	width:15%;
	/*background-color:blue;*/
	text-align:right;
}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(2) > span,
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(3) > span {
	font-weight:bold; 
	font-size:12px; 
	text-transform:uppercase;
	vertical-align:top;
}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(3) {
	width:15%;
	text-align:right;
	/*background-color:green;*/
}
@media screen and (max-width: 600px) {
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(1) {
	width:100%;
	margin-bottom:10px;
}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(2) {
	width:50%;
	text-align: left;
}
div.burza_otv_vol_poz_popis > div > a > div:nth-of-type(3) {
	width:50%;
}
}
/* kraj @media screen - do 600px */







/* ===================================================================================================================== STRANICA REGISTRIRAJ SE */
/* postupak registracije - prikaz koraka */
div.registracija_postupak {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	/*background-color:rgba(0,0,0,.1);*/
	margin:40px 0 20px;
}
div.registracija_postupak > div {
	float:left;
	width:25%;
	box-sizing:border-box;
	/*background-color:rgba(0,0,0,.1);*/
	text-align:center;
	padding:0 30px;
	line-height:1.3em;
	
	background-image:url(/dizajn/ikona-tockice.png), url(/dizajn/ikona-tockice.png);
	background-repeat:no-repeat;
	background-position:top 30px left, top 30px right;
}
div.registracija_postupak > div:nth-of-type(1) {
	background-image:none, url(/dizajn/ikona-tockice.png);
}
div.registracija_postupak > div:nth-of-type(4) {
	background-image:url(/dizajn/ikona-tockice.png), none;
}
div.registracija_postupak > div > div {
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	background-color:#27A9DD;
	width:70px;
	height:70px;
	padding-top:25px;
	font-size:28px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:15px;
	
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
@media screen and (max-width: 600px) {
div.registracija_postupak {
	margin:20px 0 10px;
}
div.registracija_postupak > div {
	width:100%;
	padding:60px 0px;
	line-height:1.3em;
	
	background-image:url(/dizajn/ikona-tockice2.png), url(/dizajn/ikona-tockice2.png);
	background-repeat:no-repeat;
	background-position:top center, bottom center;
}
div.registracija_postupak > div:nth-of-type(1) {
	background-image:none, url(/dizajn/ikona-tockice2.png);
	padding-top:20px;
}
div.registracija_postupak > div:nth-of-type(4) {
	background-image:url(/dizajn/ikona-tockice2.png), none;
	padding-bottom:20px;
}
}
/* kraj @media screen - do 600px */



/* dio za izbor */
div.registracija_izbor {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	/*background-color:rgba(0,0,0,.1);*/
	margin-top:20px;
}
div.registracija_izbor > a {
	background-color:#B6E2F4;
	display:block;
	float:left;
	width:48%;
	box-sizing:border-box;
	text-decoration:none;
	color:#333;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	padding:80px 0 30px;
	
	background-repeat:no-repeat;
	background-position:top 30px center;
}
div.registracija_izbor > a.disabled,
div.registracija_izbor > a.disabled:hover { background-color:#CCC; cursor:not-allowed;}
div.registracija_izbor > a.disabled > span { font-size:14px;}

div.registracija_izbor > a:nth-of-type(1) {
	margin-right:4%;
	background-image:url(/dizajn/ikona-volonter-c.png);
}
div.registracija_izbor > a:nth-of-type(2) {
	background-image: url(/dizajn/ikona-organizacija-c.png);
}

div.registracija_izbor > a:hover {
	background-color:#27A9DD;
	color:#FFF;
}
div.registracija_izbor > a:nth-of-type(1):hover {
	background-image: url(/dizajn/ikona-volonter-b.png);
}
div.registracija_izbor > a:nth-of-type(2):hover {
	background-image: url(dizajn/ikona-organizacija-b.png);
}

@media screen and (max-width: 600px) {
div.registracija_izbor > a {
	width:100%;
	font-size:17px;
	padding:80px 0 30px;
}
div.registracija_izbor > a:nth-of-type(1) {
	margin-right:0;
	margin-bottom:10px;
}
}
/* kraj @media screen - do 600px */




/* REGISTRACIJA - FORMA */
div.registracija_forma {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	
	/*background-color:rgba(0,0,0,.1);*/
}

div.registracija_forma > div.kartica_sadrzaj {
	/*background-color:rgba(0,0,0,.1);*/
	float:left;
	width:100%;
	box-sizing:border-box;
}
div.registracija_forma > div.kartica_sadrzaj h2,
div.registracija_forma > div.kartica_sadrzaj p,
div.registracija_forma > div.kartica_sadrzaj div {
	float:left;
	width:100%;
	box-sizing:border-box;
}
div.registracija_forma > div.kartica_sadrzaj p { margin:10px 0; }

div.registracija_forma > div.kartica_sadrzaj h2 {
	/*background-color:rgba(0,0,0,.1);*/
	margin:35px 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #B6E2F4;
}

div.registracija_forma > div.kartica_sadrzaj div.redak { margin:0; margin-bottom:15px; }
div.registracija_forma > div.kartica_sadrzaj div.redak > div:nth-of-type(1) { width:40%; padding:15px 10px 0 0;}
div.registracija_forma > div.kartica_sadrzaj div.redak > div:nth-of-type(2) { width:60%;}
div.registracija_forma > div.kartica_sadrzaj div.redak > div.no_input { padding-top:15px;}
div.registracija_forma > div.kartica_sadrzaj div.redak > div > span {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	font-size:14px;
	padding-top:7px;
	color:#666;
	line-height:1.2em;
}
@media screen and (max-width: 600px) {
div.registracija_forma > div.kartica_sadrzaj div.redak > div:nth-of-type(1) { width:100%; padding:10px 0px 5px 0;}
div.registracija_forma > div.kartica_sadrzaj div.redak > div:nth-of-type(2) { width:100%;}
div.registracija_forma > div.kartica_sadrzaj div.redak > div.no_input { padding-top:0px;}
}
/* kraj @media screen - do 600px */

div.registracija_forma > div.kartica_sadrzaj input[type=text],
div.registracija_forma > div.kartica_sadrzaj input[type=password],
div.registracija_forma > div.kartica_sadrzaj textarea,
div.registracija_forma > div.kartica_sadrzaj select {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	background-color:transparent;
	border:1px solid #B6E2F4;
	vertical-align:top;
}
div.registracija_forma > div.kartica_sadrzaj select { cursor:pointer; }
div.registracija_forma > div.kartica_sadrzaj textarea { height:120px;}
div.registracija_forma > div.kartica_sadrzaj input[type=text]:hover,
div.registracija_forma > div.kartica_sadrzaj input[type=password]:hover,
div.registracija_forma > div.kartica_sadrzaj textarea:hover,
div.registracija_forma > div.kartica_sadrzaj select:hover,
div.registracija_forma > div.kartica_sadrzaj input[type=text]:focus,
div.registracija_forma > div.kartica_sadrzaj input[type=password]:focus,
div.registracija_forma > div.kartica_sadrzaj textarea:focus,
div.registracija_forma > div.kartica_sadrzaj select:focus {
	background-color:#FFF;
}
@media screen and (max-width: 600px) {
div.registracija_forma > div.kartica_sadrzaj input[type=text],
div.registracija_forma > div.kartica_sadrzaj input[type=password],
div.registracija_forma > div.kartica_sadrzaj textarea,
div.registracija_forma > div.kartica_sadrzaj select {
	padding:10px;
}
}
/* kraj @media screen - do 600px */

div.registracija_forma > div.kartica_sadrzaj > div.redak > div.datum_rodenja select {
	width:120px;
	margin-right:15px;
}
div.registracija_forma > div.kartica_sadrzaj > div.redak > div.datum_rodenja select:nth-of-type(1) {
	width:80px;
}
div.registracija_forma > div.kartica_sadrzaj > div.redak > div.datum_rodenja select:nth-of-type(3) {
	width:95px;
}

div.registracija_forma > div.kartica_sadrzaj button {
	display: inline-block;
    background-color: #27A9DD;
    padding: 20px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
}
div.registracija_forma > div.kartica_sadrzaj button.crven { background-color:red;}
div.registracija_forma > div.kartica_sadrzaj button:hover,
div.registracija_forma > div.kartica_sadrzaj button.gumb_x:hover { background-color:#333;}
div.registracija_forma > div.kartica_sadrzaj button:active,
div.registracija_forma > div.kartica_sadrzaj button.gumb_x:active { background-color:#000;}

div.registracija_forma > div.kartica_sadrzaj button.gumb_x {
	display:block;
	float:left;
	margin-left:-41px;
	z-index:5;
	background-color:red;
	font-weight:bold;
	padding:15px;
}
@media screen and (max-width: 600px) {
div.registracija_forma > div.kartica_sadrzaj button {
    padding: 11px;
	font-size:14px;
}
div.registracija_forma > div.kartica_sadrzaj button.gumb_x {
	margin-left:-33px;
	padding: 11px;
}
}
/* kraj @media screen - do 600px */



/* JS autocomplete */
.autocomplete-suggestions {
  border: 1px solid #f9f9f9;
  background: #ffffff;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: rgba(152, 166, 173, 0.3);
  cursor: pointer;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #36404a;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: #36404a;
  display: block;
}



/* izgled dijela sa koracima */
ul.registracija_forma_koraci {
	display:block;
	float:left;
	width:100%;
	/*background-color: rgba(0,0,0,.1);*/
	box-sizing:border-box;
	margin:0 0 10px 0;
	padding:0px 0;
}
.registracija_forma_koraci > li {
  float: left;
  list-style:none;
  box-sizing:border-box;
  padding: 0px 0;
  margin-bottom:5px;
  width:33.33333%
}
.registracija_forma_koraci > li > a {
  position: relative;
  background-color: #B6E2F4;
  padding:15px 30px;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
  color:#474747;
  box-sizing:border-box;
  text-align:center;
  
  float:left;
  width:97%;
}
@media screen and (max-width: 600px) {
.registracija_forma_koraci > li > a {
  padding:10px 0px;
  font-size:12px;
  width:96%;
}
}
/* kraj @media screen - do 600px */
.registracija_forma_koraci > li > a .badge {
  margin-left: 3px;
  color: #eeeeee;
  background-color: #428bca;
}
.registracija_forma_koraci > li:not(:first-child) > a {
  padding-left: 34px;
}
@media screen and (max-width: 600px) {
.registracija_forma_koraci > li:not(:first-child) > a {
  padding-left: 20px;
}
}
/* kraj @media screen - do 600px */
.registracija_forma_koraci > li:not(:first-child) > a:before {
  width: 0px;
  height: 0px;
  border-top: 25px inset transparent;
  border-bottom: 25px inset transparent;
  border-left: 25px solid #F3FAFD;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.registracija_forma_koraci > li:not(:last-child) > a {
  margin-right: 6px;
}
.registracija_forma_koraci > li:not(:last-child) > a:after {
  width: 0px;
  height: 0px;
  border-top: 25px inset transparent;
  border-bottom: 25px inset transparent;
  border-left: 25px solid #B6E2F4;
  position: absolute;
  content: "";
  top: 0;
  right: -25px;
  z-index: 2;
}
@media screen and (max-width: 600px) {
.registracija_forma_koraci > li:not(:first-child) > a:before {
  border-top: 19px inset transparent;
  border-bottom: 19px inset transparent;
  border-left: 19px solid #F3FAFD;
}
.registracija_forma_koraci > li:not(:last-child) > a:after {
  border-top: 19px inset transparent;
  border-bottom: 19px inset transparent;
  border-left: 19px solid #B6E2F4;
  right: -19px;
}
}
/* kraj @media screen - do 600px */
.registracija_forma_koraci > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.registracija_forma_koraci > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.registracija_forma_koraci > li.done:hover > a,
.registracija_forma_koraci > li:hover > a {
  background-color: #27A9DD;
  color:#FFF;
}
.registracija_forma_koraci > li.done:hover > a:before,
.registracija_forma_koraci > li:hover > a:before {
  border-right-color: #27A9DD;
}
.registracija_forma_koraci > li.done:hover > a:after,
.registracija_forma_koraci > li:hover > a:after {
  border-left-color: #27A9DD;
}
.registracija_forma_koraci > li.done > a {
  background-color: #e2e2e2;
}
.registracija_forma_koraci > li.done > a:before {
  border-right-color: #e2e2e2;
}
.registracija_forma_koraci > li.done > a:after {
  border-left-color: #e2e2e2;
}
.registracija_forma_koraci > li.active > a,
.registracija_forma_koraci > li.active > a:hover,
.registracija_forma_koraci > li.active > a:focus {
  color: #ffffff;
  background-color: #27A9DD;	/* boja aktivnog taba */
}
.registracija_forma_koraci > li.active > a:after {
  border-left-color: #27A9DD;	/* boja aktivnog taba - strelica */
}
.registracija_forma_koraci > li.active > a .badge {
  color: #428bca;
  background-color: #ffffff;
}
.registracija_forma_koraci > li.disabled > a {
  color: #777777;
}
.registracija_forma_koraci > li.disabled > a:hover,
.registracija_forma_koraci > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: #eeeeee;
  cursor: default;
}
.registracija_forma_koraci > li.disabled > a:before {
  border-right-color: #eeeeee;
}
.registracija_forma_koraci > li.disabled > a:after {
  border-left-color: #eeeeee;
}
.registracija_forma_koraci.nav-justified > li {
  float: none;
}
.registracija_forma_koraci.nav-justified > li > a {
  padding: 10px 15px;
}
@media (max-width: 768px) {
  .registracija_forma_koraci.nav-justified > li > a {
    border-radius: 4px;
    margin-right: 0;
  }
  .registracija_forma_koraci.nav-justified > li > a:before,
  .registracija_forma_koraci.nav-justified > li > a:after {
    border: none !important;
  }
}











/* ===================================================================================================================== MOJ RAČUN, PRIJAVA, ODJAVA */
/* PRIJAVA */
div.prijava_forma {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	/*background-color:rgba(0,0,0,.1);*/
}

/* MOJ RAČUN naslovna */
div.moj_racun_naslovna_popis {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	margin-top:30px;
	/*background-color:rgba(0,0,0,.1);*/
}
div.moj_racun_naslovna_popis > a {
	display:block;
	float:left;
	box-sizing:border-box;
	width:49%;
	margin:0 2% 2% 0;
	text-decoration:none;
	background-color:#27A9DD;
	height:170px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	padding:75px 20px 0;
	
	background-size:auto 40px;
	background-repeat:no-repeat;
	background-position:top 25px center;
}
div.moj_racun_naslovna_popis > a.ikona_user {
	background-image:url(/dizajn/ikona-moj-racun-b.png);
}
div.moj_racun_naslovna_popis > a.ikona_vol_poz {
	background-image: url(/dizajn/ikona-burza-b.png);
}
div.moj_racun_naslovna_popis > a.ikona_postavke {
	background-image: url(/dizajn/ikona-projekti.png);
}
div.moj_racun_naslovna_popis > a.ikona_suglasnosti {
	background-image: url(/dizajn/ikona-uvjeti.png);
}
div.moj_racun_naslovna_popis > a:hover {
	background-color:#333;
}
div.moj_racun_naslovna_popis > a:nth-of-type(2n) {
	margin-right:0;
}
div.moj_racun_naslovna_popis > a > span {
	display:inline-block;
	font-weight:normal;
	font-size: 14px;
	margin-top:10px;
	line-height:1em;
}

@media screen and (max-width: 600px) {
div.moj_racun_naslovna_popis > a {
	width:100%;
	margin:0 0 10px 0;
	height: auto;
	font-size:16px;
	padding:55px 20px 20px;
	
	background-size:auto 30px;
	background-position:top 20px center;
}
div.moj_racun_naslovna_popis > a > span {
	font-size: 13px;
	margin-top:5px;
	line-height:1.1em;
}
}
/* kraj @media screen - do 600px */














/* ===================================================================================================================== KONTAKT STRANICA */
/* dio PIŠITE NAM */
form.obrazac_kontakt {
	float:left;
	width:100%;
	box-sizing:border-box;
}
form.obrazac_kontakt input[type=text] {
	display:block;
	border:1px solid #27A9DD;
	width:32%;
	margin:0 2% 15px 0;
	box-sizing:border-box;
	float:left;
	padding:10px 15px;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	text-align:left;
	color:#474747;
	background-color:#EAF7FC;
}
form.obrazac_kontakt input[type=text]:nth-of-type(3n) { margin:0 0 2% 0;}
@media screen and (max-width: 600px) {
form.obrazac_kontakt input[type=text] {
	width:100%;
	margin:0 0 10px 0;
	padding:10px 10px;
	font-size: 16px;
}
form.obrazac_kontakt input[type=text]:nth-of-type(3n) { margin:0 0 10px 0;}
}
/*kraj @media screen*/

form.obrazac_kontakt textarea {
	display:block;
	border:1px solid #27A9DD;
	width:100%;
	margin:0 0 15px 0;
	box-sizing:border-box;
	float:left;
	padding:10px 15px;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	text-align:left;
	color:#474747;
	background-color:#EAF7FC;
}
@media screen and (max-width: 600px) {
form.obrazac_kontakt textarea {
	margin:0 0 10px 0;
	padding:10px 10px;
	font-size: 16px;
}
}
/*kraj @media screen*/
form.obrazac_kontakt input[type=text]:hover,
form.obrazac_kontakt textarea:hover,
form.obrazac_kontakt input[type=text]:focus,
form.obrazac_kontakt textarea:focus {
	/*background-color:#E3F4FB;*/
	border:1px solid #333;
}


form.obrazac_kontakt div {
	box-sizing:border-box;
	float:left;
	width:100%;
	text-align:center;
}
form.obrazac_kontakt div > button {
	display:inline-block;
	background-color:#27A9DD;
	padding:15px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-family: "PT Sans", Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size:17px;
	border:0;
	cursor:pointer;
	box-sizing:border-box;
}
@media screen and (max-width: 600px) {
form.obrazac_kontakt div > button {
	padding:15px 20px;
	font-size:17px;
	display:block;
	float:left;
	width:100%;
}
}
/*kraj @media screen*/
form.obrazac_kontakt div > button:hover {
	background-color:#333;
}
form.obrazac_kontakt div > button:active {
	background-color:#000;
}



/* dio GOOGLE KARTA */
iframe.kontakt_karta {
	float:left;
	width:100%;
	height:400px;
	box-sizing:border-box;
	border:1px solid #27A9DD;
	margin:0;
	padding:0;
	margin-bottom:25px;
}
@media screen and (max-width: 600px) {
iframe.kontakt_karta {
	height:250px;
	margin-bottom:0;
}
}
/* kraj @media screen - do 600px */



/* POPUP */
div.kontakt_popup_poslan_mail {
	position:fixed;
	top:200px;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	background-color:#59BC5D;
	background-image: url(/dizajn/ikona-gumb-posalji.png);
	background-repeat:no-repeat;
	background-position:top 30px center;
	padding: 90px 40px 30px 40px;
	/*border:2px solid #333;*/
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	z-index:5555;
	color:#FFF;
	box-sizing:border-box;
	text-align:center;
	
	-webkit-box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	
	-webkit-animation: fade-out 0.5s ease-in;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	-webkit-animation-delay: 10s;
		
	-moz-animation: fade-out 0.5s ease-in;
	-moz-animation-fill-mode: forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 10s;
		
	animation: fade-out 0.5s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-delay: 10s;
}
@media screen and (max-width: 600px) {
div.kontakt_popup_poslan_mail {
	top:200px;
	left:50%;
	width:300px;
	margin:0 0 0 -150px;
}
}
/*kraj @media screen*/

div.kontakt_popup_nije_poslan_mail {
	position:fixed;
	top:200px;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	background-color:red;
	background-image: url(/dizajn/ikona-gumb-posalji-off.png);
	background-repeat:no-repeat;
	background-position:top 30px center;
	padding: 90px 40px 30px 40px;
	/*border:2px solid #333;*/
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	z-index:5555;
	color:#FFF;
	box-sizing:border-box;
	text-align:center;
	
	-webkit-box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.75);
	
	-webkit-animation: fade-out 0.5s ease-in;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	-webkit-animation-delay: 10s;
		
	-moz-animation: fade-out 0.5s ease-in;
	-moz-animation-fill-mode: forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 10s;
		
	animation: fade-out 0.5s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-delay: 10s;
}
@media screen and (max-width: 600px) {
div.kontakt_popup_nije_poslan_mail {
	top:200px;
	left:50%;
	width:300px;
	margin:0 0 0 -150px;
}
}
/*kraj @media screen*/







/* ===================================================================================================================== PODNOŽJE */
div.diz_podnozje {
	position:relative;
	/*background-color:red;*/
	height:60px;
	margin-top:20px;
}
div.diz_podnozje > div {
	position: absolute;
	top:0;
	left:0;
	right:0;
	background-color:rgba(39,169,221,1);
	margin-right:-70px;
	box-sizing:border-box;
	color:#FFF;
	text-align:center;
	font-size:16px;
	padding:0px 0;
}
@media screen and (min-width: 1601px) {
div.diz_podnozje > div {
	margin-left:-670px;
}
}
/* kraj @media screen - od 1601px */

@media screen and (min-width: 1401px) and (max-width: 1600px) {
div.diz_podnozje > div {
	margin-left:-570px;
}
}
/* kraj @media screen - od 1401px do 1600px */

@media screen and (min-width: 1201px) and (max-width: 1400px) {
div.diz_podnozje > div {
	margin-left:-470px;
}
}
/* kraj @media screen - od 1201px do 1400px */

@media screen and (min-width: 1015px) and (max-width: 1200px) {
div.diz_podnozje > div {
	margin-left:-370px;
}
}
/* kraj @media screen - od 1015px do 1200px */

@media screen and (max-width: 1014px) {
div.diz_podnozje > div {
	margin-left:-70px;
}
}
/* kraj @media screen - do 1014px */
@media screen and (max-width: 600px) {
div.diz_podnozje > div {
	margin:0 -30px;
}
}
/* kraj @media screen - do 600px */


@media screen and (min-width: 1500px) {
div.diz_podnozje > div {
	margin-right:-170px;
}
}
/* kraj @media screen - od 1500px */

@media screen and (min-width: 1700px) {
div.diz_podnozje > div {
	margin-right:-270px;
}
}
/* kraj @media screen - od 1700px */

@media screen and (min-width: 1850px) {
div.diz_podnozje > div {
	margin-right:-370px;
}
}
/* kraj @media screen - od 1850px */

div.diz_podnozje > div > p:nth-of-type(1) {
	margin-bottom:0;
}
div.diz_podnozje > div > p:nth-of-type(2) {
	font-size:14px;
	margin-top:5px;
}
div.diz_podnozje > div > p a {
	text-decoration:none;
	color:#FFF;
	font-weight:normal;
	margin:0 15px;
}
div.diz_podnozje > div > p:nth-of-type(2) a {
	margin:0;
	font-weight:bold;
}
div.diz_podnozje > div > p a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 600px) {
div.diz_podnozje > div {
	padding:0 30px;
}
div.diz_podnozje > div > p:nth-of-type(1) {
	box-sizing:border-box;
	margin-top:30px;
}
div.diz_podnozje > div > p:nth-of-type(1) > a {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px 0;
	margin:0;
	text-transform:uppercase;
	border-bottom:1px solid #B6E2F4;
	font-size:14px;
}
div.diz_podnozje > div > p:nth-of-type(1) > a:nth-of-type(1) {
	border-top:1px solid #B6E2F4;
}
div.diz_podnozje > div > p:nth-of-type(1) > a:hover {
	text-decoration:none;
	background-color:#B6E2F4;
}
div.diz_podnozje > div > p:nth-of-type(2) {
	margin-top:30px;
}
div.diz_podnozje > div > p:nth-of-type(2) > span {
	display:inline-block;
	padding-top:20px;
}
}
/* kraj @media screen - do 600px */





/* ===================================================================================================================== ERROR STRANICE */
div.div_error {
	padding:65px 10px;
	text-align:center;
	font-size:20px;
	line-height:1.3em;
}
div.div_error img {
	width:100%;
	max-width:270px;
	height:auto;
}









/* ############################ */
/* #####  GUMBI I OBRASCI  #### */
/* ############################ */










/* PRIKAZ PLACEHOLDER-A U POLJIMA ZA TEKST */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #0B9AD6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #0B9AD6;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #0B9AD6;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #0B9AD6;
}