body
{
	background-image: url("img/bg.png");
	background-color: #ddd; /* ZMIAANA */
	color: #000;
   	font-family: 'Open Sans', sans-serif;
    font-size: 18px; /* ZMIAANA */
	margin: 0px;
	margin-top: 48px;
	padding: 0px;
	height: 100%;
	text-align: center;
	background-image: none; /* ZMIAANA - Dodano linie */
}


::-webkit-scrollbar 
{
  width: 8px; /* ZMIAANA */
}

::-webkit-scrollbar-track 
{
  background: #bbb; /* ZMIAANA */
}

::-webkit-scrollbar-thumb 
{
  background: #471b4a; /* ZMIAANA */
}


::-webkit-scrollbar-thumb:hover 
{
  background: #4488cc;
}



td 
{
	border-style: dotted; /* ZMIAANA */
	border-color: #ccc; /* ZMIAANA - Dodano linie */
	border-width: 1px; /* ZMIAANA - Dodano linie */
	padding: 5px;
	text-align: center;
}

.ster td 
{
	border-style: solid; /* ZMIAANA */
	border-color: #333; /* ZMIAANA - Dodano linie */
	border-width: 3px; /* ZMIAANA - Dodano linie */
	padding: 15px;
	padding-right: 35px;
	padding-left: 35px;
	text-align: center;
}

.ster2 td 
{
	border-style: solid; /* ZMIAANA */
	border-color: #333; /* ZMIAANA - Dodano linie */
	border-width: 1px; /* ZMIAANA - Dodano linie */
	padding: 15px;
	padding-right: 35px;
	padding-left: 35px;
	text-align: center;
}
.td-0 td:first-child
{
	border-width: 0px;
}

.ster a
{
	color: #507d1f; /* ZMIAANA */
	text-decoration: none;
	align: center;
	font-size: 20px;
}

.ster a:hover
{
	color:  #e8881c; /* ZMIAANA */
}

.add 
{
	text-align: center;
}

.add a
{
	color: #471b4a; /* ZMIAANA */
	text-decoration: none;
	align: center;
	font-size: 24px;
}

.add a:hover
{
	color:  #950f0f; /* ZMIAANA */
}

h1
{
	font-size: 38px; /* ZMIAANA */
	font-weight: 900; /* ZMIAANA */
	color: #471b4a; 
	padding: 15px;
	padding-top: 35px;
	margin: 0px;
	text-align: center;
}

h2
{
	font-size: 28px; /* ZMIAANA */
	font-weight: 700; /* ZMIAANA */
	color: #471b4a; 
	padding: 15px;
	margin: 0px;
	text-align: center;
}

h3
{
	font-size: 24px; /* ZMIAANA */
	font-weight: 700; /* ZMIAANA */
	color: #471b4a; 
	padding: 15px;
	margin: 0px;
	text-align: center;
}

h4
{
	font-size: 20px; /* ZMIAANA */
	font-weight: 700; /* ZMIAANA */
	color: #471b4a; 
	padding: 15px;
	margin: 0px;
	text-align: center;
}


p
{
	padding: 0px;
	padding-left: 25px;
	padding-right: 25px;
}

img
{
	width: 100%; /* ZMIAANA */
	float: left;
	padding: 10px; 
	/* padding-left: 0px; ZMIAANA */
}

.stimg
{
	width: 50%; /* ZMIAANA */
	float: none;
	display: inline-block;
	padding: 10px; 
	/* padding-left: 0px; ZMIAANA */
}

#navid
{
	background-color: #471b4a;
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
	margin: 0px;
	z-index: 1000;
	
}

#navid3
{
	background-color: #471b4a;
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
	margin: 0px;
	z-index: 10000;
	
}

#navid2
{
	background-color: #507d1f;
	position: fixed;
	
	width: 100%;
	text-align: center;
	margin: 0px;
	
}

.menu
{
	list-style-type: none;
	margin: 0;
	padding: 15px;
}

.menu > li
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
}


.menu a
{
	color: #eee; /* ZMIAANA */
	text-decoration: none;
	font-weight: 700;
}

.menu a:hover
{
	color: #aaa;
}



#container 
{
	max-width: 1200px;
	min-height: 100%;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#container2 
{
	position: relative;
	width: 1265px;
	height: 800px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
}


#container3 
{
	background-color: #e6e6e6; 
	width: 90vw;
	min-height: 100%;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
}


#foot
{
	width: 100%;
	background-color: #471b4a; /* ZMIAANA */
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #eee; /* ZMIAANA - Dodano linie*/
}


.shift
{
  display: block;
  height: 48px;
  margin-top: -48px; 
  visibility: hidden;
}

.shift2
{
  display: block;
  height: 86px;
  margin-top: -48px; 
  visibility: hidden;
}

.content
{
	background-color: #e6e6e6; /* ZMIAANA */
	display: inline-block;
	text-align: center; /* ZMIAANA */
	width: 75%; /* ZMIAANA */
	margin: 0;
	vertical-align: top;
	padding: 0px;
	padding-bottom: 40px;
}

.content2
{
	background-color: #e6e6e6; /* ZMIAANA */
	display: inline-block;
	text-align: center; /* ZMIAANA */
	width: 75%; /* ZMIAANA */
	margin: 0;
	vertical-align: top;
	padding: 0px;
	padding-bottom: 40px;
}




.blocklink
{
	display: block;
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	z-index: 220;
}

.rout
{
	width: 15%;
	margin: 0% 8%;
	display: inline-block;
	z-index: 100;
}




.rout img
{
	width: 66%;
	float: none;
	padding: 0px;
	position: relative;
	z-index: 100;
}


.rout h3
{
	font-size: 1vw; /* ZMIAANA */
	color: #471b4a; 
	padding: 0px;
	margin: 0px;
	text-align: center;
	position: relative;
	z-index: 100;
	background-color: #e6e6e6;
}

.rout h5
{
	font-size: 1vw; /* ZMIAANA */
	color: #471b4a; 
	padding: 0px;
	margin: 0px;
	text-align: center;
	visibility: hidden;
	position: relative;
	z-index: 100;
	background-color: #e6e6e6;
}
.rout:hover h5
{
	visibility: visible;
}

.rout h4
{
	font-size: 1.5vw; /* ZMIAANA */
	font-weight: 700; /* ZMIAANA */
	color: #471b4a; 
	padding: 0px;
	margin: 0px;
	margin-top: 2.5vw;
	text-align: center;
	position: relative;
	z-index: 100;
	background-color: #e6e6e6;
}

.bg
{
	background-color: #e6e6e6;
}

.rout a
{
	text-decoration: none;
}

a
{
	text-decoration: none;
}

.p1 {
  display: flex;
  align-items: center;
}

.p2 {
  flex-grow: 1;
  border-bottom: 1px solid black;
  margin: 5px
}

.muConnector {
  position: absolute;
  border-left: 3px solid blue;

}

.rout2
{
	width: 15%;
	margin: 0% 8%;
	display: inline-block;
	z-index: 100;
}




.rout2 img
{
	width: 66%;
	float: none;
	padding: 0px;
	position: relative;
	z-index: 100;
}

.rout2 h4
{
	font-size: 1.5vw; /* ZMIAANA */
	font-weight: 700; /* ZMIAANA */
	color: #471b4a; 
	padding: 0px;
	margin: 0px;
	margin-top: 1vw;
	text-align: center;
	position: relative;
	z-index: 100;
	background-color: #e6e6e6;
}

.rout2 h5
{
	font-size: 1vw; /* ZMIAANA */
	color: #471b4a; 
	padding: 0px;
	margin: 0px;
	text-align: center;
	position: relative;
	z-index: 100;
	background-color: #e6e6e6;
}

.rout2 a
{
	text-decoration: none;
}

#i-on-off0
{
	color: #666;
}

#i-on-off0:hover
{
	color: #0d0;
}

#i-on-off1
{
	color: #4a2;
}

#i-on-off1:hover
{
	color: #f00;
}

@media screen and (max-width: 1000px) 
{
	body
	{
		margin-top: 0px;
	}
	
	.shift
	{
	  height: 0px;
	  margin-top: 0px; 
	}

	
	.shift2
	{
	  height: 0px;
	  margin-top: 0px; 
	}


	#navid
	{
		background-color: #471b4a; /* ZMIAANA */
		position: relative;
		margin-left: auto;
		margin-right: auto;
		min-width: 100%;
	}


	#navid3
	{
		background-color: #471b4a; /* ZMIAANA */
		position: relative;
		margin-left: auto;
		margin-right: auto;
		min-width: 100%;
	}


	#navid2
	{
		background-color: #507d1f; /* ZMIAANA */
		position: relative;
		margin-left: auto;
		margin-right: auto;
		min-width: 100%;
	}

	.menu
	{
		margin-right: 0px;
		padding: 0px;
	}
	
	.menu > li
	{
		display: inline-block;
		padding: 20px;
	}


	.rout
	{
		width: 30%;
		margin: 0% 9%;
		display: inline-block;
		z-index: 100;
	}
	
	
	.rout h5
	{
		font-size: 2vw; /* ZMIAANA */
	}
	
	.rout h4
	{
		font-size: 2vw; /* ZMIAANA */
	}
	.rout2
	{
		width: 30%;
		margin: 0% 9%;
		display: inline-block;
		z-index: 100;
	}
	
	
	.rout2 h5
	{
		font-size: 2vw; /* ZMIAANA */
	}
	
	.rout2 h4
	{
		font-size: 2vw; /* ZMIAANA */
	}

}