/* podaci za sajt SUIP */

body{
    margin: 2px 0px 0px 0;
    padding:0px;
}
@font-face 
	{
		font-family:"Nudista bold";
		src:url("Nudista bold.otf") format("truetype");
		font-weight:normal;
		font-style:normal;
	}	
	
@font-face 
	{
		font-family:"Nudista Light";
		src:url("Nudista Light.otf") format("truetype");
		font-weight:normal;
		font-style:normal;
	}		

@font-face 
	{
		font-family:"Nudista Medium";
		src:url("Nudista Medium.otf") format("truetype");
		font-weight:normal;
		font-style:normal;
	}		
	
.tnas
	{
		text-align:center;
		float:center;
		margin-top:-15%;
		padding-bottom:5%;
		/*padding: 13% 10% 0 0;*/
			
	}
	
.naslovna
	{		
		float:none;
		clear:both;
		/*position:relative;*/
		font-family:"Nudista bold";		
		width:100%;
		font-size:2em;
		min-height:650px;
		padding-top:6%;
		margin-top:90px;
		/*width:99%;*/
		color:#ffffff;
		text-align:center;
		background:url('slike/suip2.jpg');
		background-size:cover;
		background-position:center;
		/*background-repeat:no-repeat;*/
		z-index: 0;
	}
	
.naslovna1
	{		
		float:none;
		clear:both;
		/*position:relative;*/
		width:100%;
		font-size:2em;
		min-height:350px;
		padding-top:6%;
		margin-top:100px;
		/*width:99%;*/
		color:#ffffff;
		text-align:center;
		background:url('slike/glavna1.jpg');
		background-repeat:no-repeat;
		background-position:center center;
		/*background-repeat:no-repeat;*/
		z-index: 0;
	}

.pozeduk
	{
		text-align:left;
		border-radius:0px 12px 12px 0px;
		border-color:#ffffff;
		border-style:solid 2px;
		border-width:2;
		background-color:#d09a2d;
		color:#ffffff;
		height:23px;
		padding: 7px 5px 5px 5px;
		text-decoration:none;
		width:220px;
		z-index:10;
	}
	
.pozeduk a
	{
		color:#ffffff;
		text-decoration:none;
		background-color:#d09a2d;
		z-index:10;
	}

.pozeduk a hover	
	{
		background-color:#d09a2d;
		z-index:10;
	}

	
.pozakt
	{
		text-align:left;
		border-radius:0px 12px 12px 0px;
		border-color:#ffffff;
		border-style:solid 2px;
		border-width:2;
		background-color:#d09a2d;
		color:#ffffff;
		height:23px;
		padding: 7px 5px 5px 5px;
		text-decoration:none;
		width:220px;
		z-index:10;
	}
	
.pozakt a
	{
		color:#ffffff;
		text-decoration:none;
		background-color:#d09a2d;
		z-index:10;
	}

.pozakt a hover	
	{
		background-color:#009a2d;
		z-index:10;
	}	

	
.onama
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		width:100%;
		color:#000000;
		text-align:center;
		background:url('slike/onama28.jpg');
		background-size:100% auto;
		background-position: top-center;
		background-repeat;no-repeat;
	}		

.skok
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		width:100%;
		color:#000000;
		text-align:center;
		background:url('okt16/dev.jpg');
		background-size:cover;
		background-position: center;
		background-repeat:no-repeat;
		overflow-x:hidden;
		line-height: 120%;
		/*opacity: .35;
		-moz-opacity: .35;
		filter:alfa(opacity=35);*/
	}		

.skok1
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		width:100%;
		color:#000000;
		text-align:center;
		background:url('okt16/dev.jpg');
		background-size:200% 200%;
		background-position: center;
		/*background-repeat:no-repeat;*/
		overflow-x:hidden;
		line-height: 120%;
		/*opacity: .35;
		-moz-opacity: .35;
		filter:alfa(opacity=35);*/
	}			
	
.skok2
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		/*width:100%;*/
		color:#000000;
		text-align:center;
		/*background:url('okt16/sep21.jpeg'); za septembar 18*/
		background:url('okt16/old.jpg');
		/*background:url('okt16/ckuca.jpg');*/
		background-size: cover;
		background-position: top-center;
		background-repeat: repeat-x;
		/*overflow-y:scroll;*/
		overflow-y:hidden;
		line-height: 120%;
		/*opacity: .30;
		-moz-opacity: .30;
		filter:alfa(opacity=35);*/
	}	
	
.skok2mo
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		/*width:100%;*/
		color:#000000;
		text-align:center;
		/*background:url('okt16/sep21.jpeg'); za septembar 18*/
		background:url('okt16/mrlja.jpg');
		/*background:url('okt16/ckuca.jpg');*/
		background-size: cover;
		background-position: top-center;
		background-repeat: repeat-x;
		/*overflow-y:scroll;*/
		overflow-y:hidden;
		line-height: 120%;
		/*opacity: .30;
		-moz-opacity: .30;
		filter:alfa(opacity=35);*/
	}	
	
.skok2a
	{		
		font-size:1.0em;
		padding-top:2%;
		color:#000000;
		text-align:center;
		/*background:url('okt16/olovka.jpg'); za septembar 18*/
		/*background:url('okt16/s1610b.jpeg');*/
		/*background:url('okt16/ckuca.jpg');*/
		
		/*overflow-y:scroll;*/
		line-height: 120%;
		opacity: .90;
		-moz-opacity: .90;
		filter:alfa(opacity=35);*/
	}	
	
.crnis
	{		
		opacity: .90;
		-moz-opacity: .90;
		filter:alfa(opacity=90);
	}		
	
.edukacija
	{		
		/*position:static;*/
		font-size:1.0em;
		padding-top:2%;
		/*margin-top:12%;*/
		width:100%;
		color:#000000;
		text-align:center;
		background:url('slike/edukacija28.jpg');
		background-size:100% auto;
		background-repeat:no-repeat;
		
	}			

/* Odavde su podaci sa HERON SAJTA */


/*.naslov
	{
		font-size: 25;
		text-align:center;
		color: #000000;
		margin-top:-3%;
		z-index:500;
	}*/

#tekst-u-3-auto
	{
		-moz-column-count:1; 
		-webkit-column-count:1;
		column-count:1;
		-moz-column-fill: auto;
		-webkit-column-fill: auto;
		column-fill: auto;
		text-align: justify;
		font-family; Arial;
	}
	
#tekst-u-3-bal
	{
		-moz-column-count:3;
		-webkit-column-count:3;
		column-count:3;
		-moz-column-gap: 5%;
		-webkit-column-gap: 5%;
		column-gap: 5%;
		/*-moz-column-rule: thin dotted #000000; 
		-webkit-column-rule: thin dotted #000000; 
		column-rule: thin dotted #000000;*/
		-webkit-column-fill: balance;
		-moz-column-fill: balance;
		column-fill: balance;
		font-family; Arial;
	}	
	

.sredina
	{
		font-size:2em;
		width: 45%;
		text-align:center;
		/*text-indent:justify;*/
		float:left;
		position:relative;
		padding-top:5%;
	}
	
.desno
	{
		/*height:750px;*/
		/*min-height:800px;*/
		float:left;
		width:45%;
		position:relative;
	}

.clear
	{
		float:none;
		clear:both;
	
	}


	

.cenovnik
	{		
		font-size:2em;
		min-height:100px;
		padding-top:3%;
		width:100%;
		/*background-color:#234567;*/
		text-align:center;
		/*background:url('slike/sredina.jpg');*/
		z-index: 0;
		
		position:relative;
	}	
	
#vestimar
	{
		/*height:0px;*/
		
		/*width:30%;*/
		/*margin-top:10px;*/
		/*margin-left:35%;*/
		background-color:#f0bc1a;
		/*border-color: #ffffff;*/
		/*border-style:solid;*/
		text-align:center;
		/*position: absolute;*/
		padding-top:10px;
		-moz-border-radius:12px;
		border-radius:12px;
		/*z-index:100%;*/
	}

#vestimar input
	{
		height: 30px;
		width: 300px;
		vertical-align:top;
		background-color:#c6c6c5;
		border-bottom-color:#ffffff;
		border-style:solid;
		border-radius:5px;
	}	

#vestimar textarea
	{
		height: 70px;
		width: 300px;
		vertical-align:top;
		background-color:#c6c6c5;
		border-bottom-color:#ffffff;
		border-style:solid;
		border-radius:5px;
	}	
	
#vestimar label
		{
			height:30px;
		}
	
#vestimar> input#submit
		{
			height:30px;
			background-color:#b01c20;
			width:100px;
		}


.radline {
	border-bottom: 2px solid #d09a2d;
	width:90%;
}
.dole
	{
		height:300px;
		width: 100%;
		/*text-color:#ffffff;*/
		background-color:#357E46;
		/*background:url('slike/sredina.jpg');*/
		text-align:center;
	}
	
#nesto>label input
	{
		background-color:#000000;
		border-bottom-color:#ffffff;
		border-style:solid;
		
	}
	

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:center;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	position:relative;
	margin-left:15%;
	text-align:center;
	/*width:20%*/;
	padding: 5% 0 0 0;
	/*width:70%;*/
	border: 0;
	list-style-type: none;
	/*background-image: url('imagez/MenuItem.png');*/
	display: block;
}

.art-menu li
{
	font-family:"Nudista bold";
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
	/*width:11.66666667%;*/
}

.art-menu li:hover
{
	z-index: 10;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ul
{
	visibility: hidden;
	position: relative;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	/*left: 100%;*/
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	background-image: url(imagez/spacer.gif);
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	/*background-image: url(imagez/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;*/
}

.art-menu ul ul
{
	/*padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;*/
}


ul.art-menu
{
	float:none;
}



/* menu structure */

.art-menu
{
	width:100%;
	text-align:center;
	/*margin-left:25%;*/
	padding: 0px 0px 0px 0px;
}

.art-nav
{
	width:70%;
	text-align:center;
	position: relative;
	height: 25px;
	z-index: 100;
	opacity: 1; 
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	opacity: 1; 
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 25px;
	background-image: url('imagez/MenuItem.png') ; 
}

.art-menu a .l
{
	left:0;
	right:0px;
}

.art-menu a .r
{
	width:20px;
	right:0;
	clip: rect(auto, auto, auto, auto);
}

.art-menu a .t 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 15pt;
font-style: normal;
font-weight: bold;
	color: #ffffff;
	opacity: 1; 
	padding: 0 12px;
	margin: 0 0px;
	line-height: 25px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-25px;
}
.art-menu a:hover .t
{
	color: #232622;
}

.art-menu li:hover a .t
{
	color: #232622;
}

.art-menu li:hover>a .t
{
	color: #232622;
}



/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
	display: block;
	width: 1px;
	height: 25px;
	background-image: url('imagez/MenuSeparator.png');
}

/* end MenuSeparator */


/* vise kolona */