/* GALERIJA MATHEO COLORS *************************************************** */
/* CSS body  *************************************************** */
body {
	background: #cec39c;
	color: rgb(0, 0, 0); /* CSS body  FONT COLOR TEKSTOVI */
}
.pageTextFrame {
	background: #cec39c; /* 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: #cec39c;
}
.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 18px;
		padding-top: 10px;/* Ako nema teksta iznad container-a, povecati */
		background: #cec39c;
		color: rgb(0, 0, 0);
	  }

	  .caption-container2, .caption-container1,.caption-container3, .caption-container4 {
		
		font-size:1em;
		color: rgb(0, 0, 0);
		background: #cec39c;
	  }
	  .thumbSlideTitle {
	color: rgb(0, 0, 0);
	background: #cec39c;/* 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: 90vw /* SHINK TO FIT NA MOBILNIM */
				
				}


				.imgBORDERscroll{/* skrol horizontal */
					width: 600px;
					height: 400px;
					overflow: scroll;
					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: 2px;
	border: 1px solid #525252;
	background-color: rgb(131, 131, 131);
}
.imgBORDERscroll {/* scroll */
	width: 600px;
	height: 400px;
	overflow: scroll;
	display: block;
    margin-left: auto;
	margin-right: auto;
	padding: 3px;
	border: 6px solid #525252;
	background-color: rgb(131, 131, 131);
}

.pageDotSlideFrame1, .pageDotSlideFrame2{

	background: #cec39c;
	
	
	
	
}

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


	
	}
/* KONTEJNER THUMBS*******************************/
.Row2, .Row1, .Row3{

	background: #cec39c;
  }
  .thumbSlideTitle {
	
	padding-top: 30px;
	padding-bottom: 20px;
	
	
	}
/* STRELICE THUMBS*******************************/
	.prev2:hover, .next2:hover,.prev1:hover, .next1:hover, .prev3:hover, .next3:hover  {
		color: #ffffff;
		
	  }

	  .prev2, .next2, .prev1, .next1, .prev3, .next3, .prev4, .next4{
		
		color: rgb(205, 89, 0);
	
	  
	  }