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

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


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

.hederLeft {
	background: #aca486;
}

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




.header {

	background: #aca486;
}

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

.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 */
}

.ExternalGalleryLink {
	/* Gallery */
	color: rgb(226, 90, 0);
	text-decoration: none;
	font-weight: bold;
	/* NAVIGATION external gallery link KIKI */
}

.ExternalGalleryLink:hover {
	color: rgb(52, 77, 63);
	/* NAVIGATION external gallery link KIKI */
}

/* 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: #4b4b4b;
	/* NAVIGATION MOBILE BAR BG COLOR */
}

nav .logo {
	color: rgb(255, 178, 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: #F5EABF;
}

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

.footerMID a:hover,
.footerMIDMed a:hover {
	color: rgb(187, 66, 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: #aca486;
	/* background-color: #aca486; */


}

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

	.dropmenititle {
		color: rgb(255, 155, 49);
	}

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

	nav .links {
		background-image: url("../comimg/logosmenu.jpg");
		/* 	BG IMAGE PADAJUCI MENI MOBIL */
		background-color: rgba(40, 38, 175, 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: 4px solid #525252;
		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: 6px solid #525252;
	background-color: rgb(131, 131, 131);
}


.pageDotSlideFrame1,
.pageDotSlideFrame2,
.pageDotSlideFrame3,
.pageDotSlideFrame4 {

	background-color: #F5EABF;




}

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

	border: 15px solid #bab08a;



}

.ExternalGalleryLink {
	/* Gallery */
	color: rgb(226, 90, 0);
	text-decoration: none;
	font-weight: bold;
	/* NAVIGATION external gallery link KIKI */
}

.ExternalGalleryLink:hover {
	color: rgb(52, 77, 63);
	/* NAVIGATION external gallery link KIKI */
}