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


/* CSS topnav  *************************************************** */
.header3div {
  background: #ffefb3;
}
.hederLeft{
	background: #ffefb3;
}
.headerMID{
    color: rgb(0, 0, 0);
	background: #ffefb3;
}




.header {
	
	background: #ffefb3;
}
.headerCenter {
font-size: 26px;
	margin-top: auto;
	margin-bottom: auto;
	color: rgb(91, 91, 91); 
}
.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: #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: #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(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 #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: 6px solid #525252;
	background-color: rgb(131, 131, 131);
}

.pageDotSlideFrame1, .pageDotSlideFrame2{

	background-color: #c7c7c7;
	
	
	
	
}

.ArchiveImage{/* Border oko slike tip 1 */
	
	border:10px solid  #8a8a8a;


	
	}