/* GALERIJA MATHEO COLORS *************************************************** */
/* CSS body  *************************************************** */
body {
	background-color: #ffffff;
	color: rgb(0, 0, 0);
	/* CSS body  FONT COLOR TEKSTOVI */
}

.pageTextFrame {
	background-color: #ffffff;
	/* CSS body  COLOR POZADINA TEKSTOVI */
}


/* CSS topnav  *************************************************** */
.header3div {
	background: #ffefb3;
}

.hederLeft {
	background: #ffefb3;
}

.headerMID {
	color: rgb(0, 0, 0);
	background: #ffefb3;
}




.header {

	background: #000000;
}

.headerCenter {
	font-size: 30px;
	margin-top: auto;
	margin-bottom: auto;
	color: #ffffff;
}

.headerCenter img {
	margin-left: 80px;
	margin-right: 60px;
	display: inline-block;
	vertical-align: middle;

}

.NameLink {
	/* MATHEO DELALLE */
	color: #fff;
	/* NAVIGATION MOBILE LINKS COLOR */
}

.NameLink:hover {
	color: rgb(255, 155, 49);
	/* NAVIGATION MOBILE LINKS COLOR */
}

.NameLink1 {
	/* MATHEO DELALLE */
	color: rgb(0, 0, 0);

	/* NAVIGATION MOBILE LINKS COLOR */
}

.NameLink1:hover {
	color: rgb(255, 155, 49);
	/* NAVIGATION MOBILE LINKS COLOR */
}

.GalleryLink {
	/* Gallery */
	color: #fff;
	/* NAVIGATION MOBILE LINKS COLOR */
}

.GalleryLink:hover {
	color: rgb(255, 155, 49);
	/* NAVIGATION MOBILE LINKS COLOR */
}

/* CSS nextprev  *************************************************** */
.previous {

	background-color: #4b4b4b;
	color: #FFFFFF;
}

.Next {
	background-color: #4b4b4b;
	color: #FFFFFF;

}

.previous:hover span {
	color: rgb(255, 155, 49);
}

.Next:hover span {
	color: rgb(255, 155, 49);
}


ul li {
	padding: 3px 0px;
}

/* RAZMAK IZMEDJU ITEMA NA PADAJUCEM MENIJU */

/* CSS topnav *************************************************** */
nav {
	background-color: #400077;

	/* NAVIGATION MOBILE BAR BG COLOR */
}

nav .logo {
	color: rgb(255, 191, 62);
	/* NAVIGATION MOBILE BAR NAME COLOR - SVE STO NIJE LINK*/
}

nav .links a {
	color: rgb(255, 255, 255);
	/* BAR NAVIGATION LINKS COLOR */
}

nav .links a:hover {
	color: rgb(255, 155, 49);
	/* NAVIGATION MOBILE LINKS HOOVER COLOR */
}

nav .icon-burger .line {
	background-color: rgb(255, 255, 255);
	/* NAVIGATION MOBILE HAMBURGER */
}

/* *** CSS topnav FOOTER  ******** */

.footerMID,
.footerMIDMed {
	background-color: #c7c7c7;
}

.footerMID a,
.footerMIDMed a {
	color: rgb(0, 0, 0);
}

.footerMID a:hover,
.footerMIDMed a:hover {
	color: rgb(235, 129, 0);

}

/* CSS thumbSlideShow *************************************************** */
.container {

	font-size: 24px;
	padding-top: 10px;
	/* Ako nema teksta iznad container-a, povecati */
	background-color: #aca486;
	color: rgb(255, 255, 255);
}

.caption-container2 {

	font-size: 20px;
	color: rgb(0, 0, 0);
	background-color: #aca486;
}

.thumbSlideTitle {
	color: rgb(0, 0, 0);
	background-color: #aca486;
	/* background-color: #aca486; */


}

.dotSlideTitle {
	color: rgb(0, 0, 0);
	background-color: #c7c7c7;
	/* background-color: #aca486; */


}

/* *** OTVARA NASLOVE U PADAJUCEM MENIjU ******** */
@media screen and (max-width: 768px) {



	.dropmenititle {
		color: rgb(0, 0, 0);
	}

	nav {
		background-color: #400077;
		width: auto
			/* NAVIGATION MOBILE BAR BG COLOR */
	}

	nav .links a {
		color: #fff;
		/* FONT PADAJUCI MENI MOBIL*/

	}


	nav .links {
		background-image: url("img/LOGO.png");
		/* 	BG IMAGE PADAJUCI MENI MOBIL */
		background-color: rgba(120, 120, 120, 0.9);
		/* ***ovaj se ne pojavljuje ako ima bg image */


	}

	.imgBORDER1 {
		/* Border oko slike */

		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 2px;
		border: 0px solid #ffffff;
		background-color: rgb(131, 131, 131);
		width: 80vw
			/* SHINK TO FIT NA MOBILNIM */

	}
}

.imgBORDER1 {
	/* Border oko slika */

	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	border: 0px solid #525252;
	background-color: rgb(131, 131, 131);
}

.pageDotSlideFrame1,
.pageDotSlideFrame2 {

	background-color: #c7c7c7;




}

.ArchiveImage {
	/* Border oko slike tip 1 */

	border: 10px solid #8a8a8a;



}