* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	overflow-y: scroll;
	-ms-overflow-y: scroll;
}

body p {
	color: #3d3d3d;
}

body h4 {
	color: #3d3d3d;
}

#vesti h2 {
	color: #3d3d3d;
}

html {
	position: relative;
	min-height: 100%;
}

#footer_pozicija {
	position: absolute;
	bottom: 0;
	width: 100%;
}


#main {
	overflow: hidden;
	margin-bottom: 330px;
}

#zaglavlje_spoljni {
	background-color: white;
}

#zaglavlje {
	width: 1170px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	position: relative;
	height: 100px;
}

#logo {
	width: 280px;
}

#meni_spoljni {

	width: 100%;
	background-color: #8f64aa;
	z-index: 1000;
	height: 80px;
}

#meni {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

#meni li {
	list-style-type: none;
	display: inline-block;
	
	
}

#meni li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	line-height: 40px;
	margin-right: 15px;
	font-size: 19px;
	height: 40px;
	margin-top: 20px;

}

#meni li:hover a {
	color: white;
	background-color: #8D5FA8;
}

#meni_chat_link {
	position: absolute;
	top: 0;
	right: -1000px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

#meni #meni_home {
	width: 30px;
	float: left;
	overflow: hidden;
	margin-right: 15px;
}

#meni #meni_home a {
	padding: 5px 0 5px 0;
	display: inline-block;
}

#meni #meni_home a img {
	width: 30px;
	height: 30px;
}


#jezici {
	position: absolute;
	display: inline-block;
	top: 0;
	display: inline-block;
	right: 0;
}

#jezici a {
	margin-left: 10px;
	text-decoration: none;
	color: #3d3d3d;
}

#jezici a:hover {
	color: #8f64aa;
}

#poruka_za_donatore img {
	width: 170px;
	position: absolute;
	top: 30px;
	right: 0;
}

#zaglavlje_podaci {
	position: absolute;
	top: 25px;
	left: 420px;
	font-size: 26px;
	color: #8D5FA8;
	font-family: Cambria, Georgia, Serif;
	font-style: italic, bold;
	text-align: center;
}

#zaglavlje_radno_vreme {
	margin-bottom: 5px;
	background-color: #8f64aa;
	color: #FFFFFF;
	border-radius: 20px;
}

#zaglavlje_kontakt {
	float: left;
	margin-right: 40px;
	text-align: left;
}

#zaglavlje_chat_link {
	float: right;
	font-size: 18px;
}

#centar_strane_spoljni {

}

#centar_strane {
	width: 1170px;
	margin: 20px auto;
	text-align: center;
}


#slideshow {
	width: 100%;
}



#vesti {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
	background-color: #f2e1fc;
	position: relative;
	border: 1px solid silver;
}

.vesti_class {
	width: 250px;
	height: 300px;
	text-align: center;
	background-color: white;
	border: 1px solid silver;
	border-radius: 5px;
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.vesti_class img {
	width: 178px;
	height: 112px;
	margin-top: 20px;
}

.vesti_class p {
    font-size: 12px;
	width: 90%;
	display: inline-block;
}

#vesti h1 {
	margin: 5px 0 20px 0;
	text-align: left;
	padding-left: 10px;
	color: #3d3d3d;
}

.vesti_link {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8D5FA8;
	width: 178px;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 35px;
	padding: 10px 0 10px 0;
}

.vesti_link:hover {
	background-color: #e5e5e5;
	color: #8D5FA8;
}



#video {

}

#video_spoljni {
	height: 300px;
	width: 300px;
	display: inline-block;
	float: right;
	margin-right: 10px;
	background-color: white;
	border: 1px solid silver;
	border-radius: 0 0 5px 5px;
}

#video_text {
	margin-top: 30px;
	padding: 0 10px 0 10px;
	font-size: 12px;
	}


#linkovi {
	width: 1170px;
	text-align: center;
	margin: 0 auto;
	height: 70px;
}

#linkovi_spoljni {
	width: 100%;
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 19px 0 19px 0;
}

.linkovi_class {
	display: inline-block;
	margin: 0 20px 0 20px;
}

.linkovi_class img {
	height: 70px;

}

#pozadina_fixed_1 {
	background-image: url("../img/bkg10.jpg");
	background-position: center center;
	background-attachment: fixed;
	height: 400px;
	width: 100%;
	text-align: center;
}

.pozadina_fixed_text {
	color: white;
	position: relative;
	top: 115px;
}

#prijava {
	padding-bottom: 60px;
	widht: 100%;
	text-align: center;
	position: relative;
}

#prijava_link_position {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

#prijava_link {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #8D5FA8;
	padding: 10px 20px 10px 20px;
	display: inline-block;
}

#prijava_link:hover {
	background-color: #e5e5e5;
	color: #8D5FA8;
}

#prijava h1 {
	margin: 10px 0 10px 0;
	color: #3d3d3d;
}


#pozadina_fixed_2 {
	background-image: url("../img/bkg7.jpg");
	background-position: center center;
	background-attachment: fixed;
	height: 400px;
	width: 100%;
	text-align: center;
}


#footer_spoljni {
	width: 100%;
	background-color: #3D3D3D ;
}
#footer {
	width: 1170px;
	height: 220px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#footer p{
	color:white;
	text-align: center;
}

.footer_class {
	display: inline-block;
}

#footer1 {
	position: absolute;
	top: 10px;
}

#footer2 {
	position: absolute;
	left: 280px;
	top: 10px;
}

#footer3 {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
}

#footer1 a {
	display: block;
	color: white;
	text-decoration: none;
	text-align: left;
}

#footer1 a:hover {
	color: #8D5FA8;
}

#footer_devizni_racun {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid white;
}

#footer3-1 p {
	text-align: right;
}

#footer3-2 p {
	text-align: left;
}

#footer3-1 {
	border-right: 1px solid white;
	padding-right: 10px;
	margin-right: 5px;
}

/* ***************************************************************** */

#sadrzaj_strane {
	text-align: left;
	margin-bottom: 70px;
}

#sadrzaj_strane h2 {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
	color: #8D5FA8;

}

.centar_text {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #8D5FA8;
	font-style: italic;
	text-align: center;
}

#sadrzaj_strane p {
	margin-bottom: 10px;
}

.mala_lista {
	margin: 10px 0 10px 30px;
}

.mala_lista li {
	color: #8D5FA8;
	font-weight: bold;
	margin-bottom: 10px;
        list-style-image: url("../img/bullet.png");
}


.text_chat {
	margin: 20px 0 30px 0;
}

.oblacic {
	margin-bottom: 20px;
	border: 1px solid black;
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
	background-color: #e8deed;
	box-shadow: 5px 5px 5px grey;
}

.oblacic2 {
	margin-bottom: 20px;
	border: 1px solid black;
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
	background-color: #e8deed;
	box-shadow: 5px 5px 5px grey;
    display: inline-block;

}


#sadrzaj_strane .oblacic p {
	margin: 0px;
}


#sadrzaj_strane .oblacic2 p {
	margin: 0px;
}

.text_lista {
	margin: 10px 0 10px 30px;
}

.text_lista li {
	margin-bottom: 10px;
        list-style-image: url("../img/bullet.png");
	color: #3d3d3d;

}

.text_link {
	color: #8D5FA8;
	font-weight: bold;
}

.zaglavlje_link {
	text-decoration: none;
	color: #8D5FA8;
}

.footer_link {
	color: white;
}

.mala_tabela {
	border-collapse: collapse;
	background-color: #e8deed;
	color: #3d3d3d;
}

.mala_tabela tr {
	border-top: 1px solid black;
}

.mala_tabela tr:first-child {
	border-top: 0px;
}

.mala_tabela th, .mala_tabela td {
	border-left: 1px solid black;
}

.mala_tabela th:first-child, .mala_tabela td:first-child {
	border-left: 0px;
}

.mala_tabela th {
	padding: 5px;
}

.mala_tabela td {
	text-align: center;
	padding: 5px;
}

.tabela_border_radius {
	display: inline-block;
	margin: 20px 0 20px 0;
	border: 1px solid black;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 5px 5px 5px gray;
}

.text_u_boji {
	color: #8D5FA8;
	font-weight: bold;
}

.text_u_boji_inline {
	color: #8D5FA8;
	font-weight: bold;

}

.lista_boje {
	margin: 10px 0 10px 30px;
}

#sadrzaj_strane .lista_text {
	margin: 0;
	font-style: italic;
}

#sadrzaj_strane .lista_boje li {
        list-style-image: url("../img/bullet.png");

}

strong {
	color: #3d3d3d;
}



.padajuci_podmeni {
	position: absolute;
	z-index: 10000;
	background-color: #BFD630;
	display: none;
	border-left: 1px solid #8D5FA8;
	border-right: 1px solid #8D5FA8;
	border-bottom: 1px solid #8D5FA8;

}

#meni .padajuci_podmeni li {
	display: block;
	border-bottom: 1px solid #e5e5e5;
}

#meni .padajuci_podmeni li:first-child {
	border-top: 1px solid #8D5FA8;
}

#meni .padajuci_podmeni li:last-child {
	border-bottom: 0px;
}

.padajuci_meni:hover .padajuci_podmeni {
	display: block;
}

#meni .padajuci_podmeni li a {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#meni .padajuci_podmeni li a:hover {
	background-color: #e5e5e5;
	color: #8D5FA8;
}

#sadrzaj_strane_vesti {

}

#sadrzaj_strane_vesti h2 {
	color: #8D5FA8;
}

.cela_vest {
	width: 100%;
	display: none;
	text-align: left;
	position: relative;
	border-bottom: 2px solid #8D5FA8;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.vesti_naslov {

}

.cela_vest img {
	width: 40%;
	float: right;
	margin-left: 10px;
	border: 1px solid black;
}

.vesti_text {

}

.citat {
	font-style: italic;
	margin: 20px 0 20px 20px;
}

.cela_vest p {
	margin-bottom: 10px;
}

.text_border {
	border: 2px solid #8D5FA8;
	border-radius: 10px;
	padding: 5px;
}

#prijava_forma {
	width: 640px;
	margin-top: 50px;
}

#prijava_forma input[type="text"] {
	width: 95%;
	height: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 0 5px 0 5px;
}

#prijava_forma textarea {
	width: 95%;
	height: 100px;
	padding: 5px;
	font-size: 16px;
	font-family: Arial;
	margin-bottom: 20px;
}

#prijava_forma #obavezna_polja_text {
	color: red;
	font-size: 12px;
	margin-bottom: 20px;
}

.obavezno_polje {
	color: red;
}

#captcha_slika {
	float: left;
	border: 1px solid black;
	margin: 20px 20px 20px 0;
}

#prijava_forma #captcha_text {
	width: 142px;
	height: 40px;
	margin-top: 20px;
}

#prijava_button {
	width: 152px;
	height: 42px;
	border: 0;
	background-color: #BFD630;
	font-size: 16px;
	margin: 20px 0 50px 0;
}

#prijava_button:hover {
	background-color: #8D5FA8;
	color: white;
}

#prijava_forma input[type="text"]:focus {
	box-shadow: 0 0 5px gray;
}

#prijava_forma textarea:focus {
	box-shadow: 0 0 5px gray;
}

.brosura {
	margin-top: 50px;
}

.brosura p {
	border-bottom: 1px solid #8D5FA8;
}

.brosura img {
	height: 150px;
	border: 1px solid black;
}

.brosura img:hover {
	box-shadow: 0 0 10px gray;
}

#socijalne_mreze {
	position: absolute;
	right: 72px;
	top: 140px;
}

#socijalne_mreze img {
	width: 30px;
	height: auto;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

#socijalne_mreze a {
	margin-right: 10px;
}

#socijalne_mreze img:hover {
	transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	-moz-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	box-shadow: 0 0 10px #e5e5e5;
}

#potpis {
        position: absolute;
        bottom: 0;
        left: 0;

}

#potpis a {
        text-decoration: none;
        color: #8D5FA8;
}


.vesti_button {
	border: 0px;
	font-size: 16px;
	padding: 5px;
	background-color: #BFD630;
}

#vesti_od_do {
	display: inline-block;
	margin: 0 20px 0 20px;
}

.radio_emisija {
	margin-top: 100px;
	border: 1px solid #8D5FA8;
	padding-bottom: 10px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.radio_emisija h3 {
	margin-bottom: 10px;
	background-color: #BFD630;
	padding: 3px 10px 3px 10px;
}

.radio_emisija P {
	margin: 0 10px 0 10px;
}

.mp3 {
	margin: 20px 0 0 10px;
}

.radio_emisija a {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#potvrda_prijave {
	margin: 50px auto;
	text-align: center;
	width: 350px;
	height: 100px;
	border: 2px solid #8D5FA8;
	padding: 10px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 0 10px black;
	background-color: #ECF2BF;
}

#potvrda_prijave input[type="submit"] {
	position: absolute;
	bottom: 10px;
	right: 10px;
	border: 0;
	background-color: #BFD630;
	padding: 5px 10px 5px 10px;
	margin-top: 50px;
}

#potvrda_prijave input[type="submit"]:hover {
	background-color: #8D5FA8;
	color: white;
}

#potvrda_prijave p {
	font-size: 30px;
}

#mobilni_meni {
	display: none;
}

#mobilni_meni input[type="checkbox"] {
	display: none;
}

.mob_padajuci_podmeni {
	display: none;
}

#mobilni_meni input[type="checkbox"]:checked + .mob_padajuci_podmeni {
	display: block;
}


#mobilni_meni li {
	background-color: #e5e5e5;
	text-align: center;
	list-style-type: none;
	border-top: 1px solid #8D5FA8;
}


#mobilni_meni a {
	color: #8f64aa;
	text-decoration: none;
}

#mobilni_meni a, #mobilni_meni label {
	color: #8f64aa;
	display: block;
	padding: 5px 0 5px 0;
	font-size: 20px;
	font-weight: bold;
}

#mobilni_meni .mob_padajuci_podmeni li {
	background-color: #8D5FA8;
	border-top: 1px solid #FFFFFF;
}

#mobilni_meni .mob_padajuci_podmeni a, #mobilni_meni .mob_padajuci_podmeni li {
	color: white;
	font-size: 15px;
	padding: 5px 0 5px 0;
	font-weight: normal
}

#prikazi_meni_spoljni {
	background-color: #8D5FA8;
	position: relative;
	overflow: hidden;
}

#mobilni_meni #prikazi_meni_label {
	background-color: #e5e5e5;
	padding: 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
	float: left;
}

#mobilni_meni_logo {
	height: 46px;
	width: 114px;
	float: left;
	border-bottom: 1px solid #8D5FA8;
	border-top: 1px solid #8D5FA8;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -57px; 
}

#mobilni_meni #mobilni_meni_logo_link {
	padding: 0;

}

#mobilni_meni_ul {
	display: none;
}

#prikazi_meni:checked + #mobilni_meni_ul {
	display: block;
}

#mob_meni_chat_link {
	position: absolute;
	top: 0px;
	right: 100px;
}

#mob_jezici {
	position: absolute;
	top: 0;
	right: 10px;
	height: 48px;
	line-height: 48px;
}

#mob_jezici a {
	font-size: 15px;
	color: white;
	display: inline-block;
	padding: 0;
	margin-right: 10px;
}

#mobilni_zaglavlje {
	width: 100%;
	padding: 10px 0 5px 0;
	display: none;
	text-align: center;
}

#mobilni_zaglavlje p {
	color: #8D5FA8;
}

#mob_zaglavlje_kontakt {
	/* display: inline-block; */
	text-align: center;
	padding-bottom: 5px;
	float: left;
	margin-left: 40px;
	margin-top: 10px;
}

#mob_radno_vreme {
	margin-bottom: 5px;
	background-color: #8f64aa;
	border-radius: 10px;
	padding: 0 10px 0 10px;
}

#mobilni_zaglavlje #mob_radno_vreme {
	color: #FFFFFF;
}

#mob_poruka_za_donatore {
	/* display: inline-block; */
	float: right;
	margin-right: 40px;
}

#mob_poruka_za_donatore img {
	height: 80px;
}

#mobilni_logo {
	height: 80px;
	float: left;
	margin-left: 50px;
}


#jezici .izabrani_jezik  {
	color: #8f64aa;
}

#mob_jezici .izabrani_jezik {
	color: #3d3d3d;
}

.lista_brojevi {
	margin: 10px 0 10px 30px;
}

.lista_brojevi li {
	margin-bottom: 10px;
}

.vesti_text h3 {
	color: #8D5FA8;
	margin-bottom: 10px;
	padding-top: 10px;
}

#popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: 1000;
	display: none;
}

#popup_msg {
	background-color: #ffffff;
}

#popup_img {
	float: left;
	max-height: 100%;
	max-width: 50%;
	margin-left: 100px;
	margin-right: 100px;
}

#popup_text {
	position: relative;
	margin-right: 70px;
	margin-left: 20px;
	font-size: 20px;
}

#popup_text p {
	margin-bottom: 10px;
	color: #f59b07;
}

#popup_btn {
	position: relative;
	font-size: 25px;
	background-color: #ffffff;
	border: none;
	color: #8f64aa;
	cursor: pointer;
}

/*

#razmisljas_li .samoubistvo_meni a,
#velicina_problema .samoubistvo_meni a,
#situacija_kod_nas .samoubistvo_meni a,
#predrasude .samoubistvo_meni a,
#faktori_rizika .samoubistvo_meni a,
#znaci_upozorenja .samoubistvo_meni a,
#sta_mozete_da_uradite .kako_pomoci_meni a,
#kome_se_mozete_obratiti .kako_pomoci_meni a,
#prevencija .kako_pomoci_meni a,
#dan_mentalnog_zdravlja .mentalno_zdravlje_meni a,
#ocuvanje_mentalnog_zdravlja .mentalno_zdravlje_meni a,
#psihicka_kriza .mentalno_zdravlje_meni a,
#emotivna_podrska .kontakt_meni a,
#saradnja .kontakt_meni a,
#kontakt_donacije .kontakt_meni a,
#donacije .donacije_meni a {
	background-color: #728019;
	color: white;

}


#razmisljas_li .padajuci_podmeni .razmisljas_li,
#velicina_problema .padajuci_podmeni .velicina_problema,
#situacija_kod_nas .padajuci_podmeni .situacija_kod_nas,
#predrasude .padajuci_podmeni .predrasude,
#faktori_rizika .padajuci_podmeni .faktori_rizika,
#znaci_upozorenja .padajuci_podmeni .znaci_upozorenja,
#sta_mozete_da_uradite .padajuci_podmeni .sta_mozete_da_uradite,
#kome_se_mozete_obratiti .padajuci_podmeni .kome_se_mozete_obratiti,
#prevencija .padajuci_podmeni .prevencija,
#ocuvanje_mentalnog_zdravlja .padajuci_podmeni .ocuvanje_mentalnog_zdravlja,
#dan_mentalnog_zdravlja .padajuci_podmeni .dan_mentalnog_zdravlja,
#psihicka_kriza .padajuci_podmeni .psihicka_kriza,
#emotivna_podrska .padajuci_podmeni .emotivna_podrska,
#saradnja .padajuci_podmeni .saradnja,
#kontakt_donacije .padajuci_podmeni .kontakt_donacije {
	background-color: #6e4785;
	color: white;
}

*/