/* YUMIYA WE CMS - AGNI © 2019 */
/*       agni.excelk.com       */

/*--- Osnovna podešavanja --------------------------------------------------------------------- */

body {

	margin: 0 ;
	padding: 0;			
	background-image: linear-gradient(#d6d3cf, #f3f2f1);
	font-family: Bookman, Times, Serif;
}

a {
	
	text-decoration: none;
	
}


/*--- Glavni stilovi stranice --------------------------------------------------------------------- */

header {
	margin: 0;		
}

header img {
	
	border: none;
	height: 350px;
	width: 100%;
	
}

main {

	width: 930px;
	border: 1px solid #8a8075;
	border-radius: 10px;
	margin: 5px auto 5px auto;
	padding: 10px;
	display: flex;
	flex-direction: row;
	font-family: Bookman, Times, Serif;
	background-color: #f0f0f0;
	
}

section {

	float:left;
	width: 100%;
	padding: 10px;
	overflow: hidden;
	font-family: Segoe UI, Arial, Sans Serif;
	background-color: #f0f0f0;
	
}

h1 {

	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.7em;

}

h2 {

	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.5em;

}

h3 {

	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.3em;

}

p {

	font-size: 18px;
	line-height: 1.3em;
	text-align: justify;
	
}

li {

	line-height: 1.3em;
	text-align: justify;
	font-size: 18px;

}

img {

	margin: 0px;
	
}

section img {

	border: solid 1px black;
	owerflow: auto;

}

footer {
	clear: both;
	height: auto;
	width: 100%;
	height: 30px;
	background: rgb(218,217,223);
	background: linear-gradient(0deg, rgba(218,217,223,1) 0%, rgba(246,245,250,1) 44%, rgba(218,217,223,1) 100%);
	font-family: Segoe UI, Arial, Sans Serif;
}

footer #footerc {

	margin: 0px auto 0px auto;
	padding-top: 5px;
	width: 930px;
	
}

footer #footerc p {

	margin: 0;	
	font-size: 14px;
	text-align: left;
	color: #262262;

}

footer #footerc a:hover {
	
	color: black;
	
}

/*--- Navigacioni meni (gornji) --------------------------------------------------------------------- */


nav {
	display: normal;
	border: 1px solid #292624;
	width:100%;
	margin-top:-4px;
	background: rgb(218,217,223);
	background: linear-gradient(0deg, rgba(218,217,223,1) 0%, rgba(246,245,250,1) 44%, rgba(218,217,223,1) 100%);
	font-family: Verdana, Arial, Sans Serif;
}

nav #inboundh {
	
	margin: 0px auto 0 auto;
	width: 950px;
	overflow: hidden;
}

nav #inboundh a {
    float: right;
    font-size: 24px;
    color: #262262;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	margin-top: 35px;
}

nav #inboundh a:hover {
    background-color: #d5dded;
	color: black;
	border-radius: 10px;
}

.selected {
	
	font-weight: bold;
		
}

nav #inboundh  img {
	
	border: 0px;
	margin: 10px;

}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/*--- Forma --------------------------------------------------------------------- */

input[type=text], select, textarea {
	width: 100%; 
	padding: 12px; 
	border: 1px solid #ccc; 
	border-radius: 4px; 
	box-sizing: border-box; 
	margin-top: 6px; 
	margin-bottom: 16px; 
	resize: vertical 
}

input[type=submit] {
	background-color: #4CAF50;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #45a049;
}

.kontaktforma {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
}

/*--- Tabela ----------------------------------------------- */

#tabela {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
}

.desno {
	text-align:center;
	vertical-align:middle;
}

#tabela tr {background-color: #ccc;}
#tabela tr:nth-child(odd){background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #8a8a5c;
	color: white;
}

/*--- Hero ------------------------------------------------- */

.bg-text {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4); 
  color: white;
  font-family: Bookman, Times, Serif;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 880px;
  padding: 20px;
  text-align: center;
}

.bg-text h1 {
	font-size: 48px;
}

.bg-text p { text-align: center;}

/*--- Parallax ------------------------------------------------- */

.parallax { 
  
  background-image: url("img/njam.jpg");
  height: 360px;
  
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  
}

/*--- Prikaz na mobilnim uređajima ----------------------------------------------- */

@media only screen and (min-width: 1700px) {
  
.parallax { 
   background-size: cover;
}
	    
}