html, body{ 
font-family:arial; font-size:10pt;
margin:0; padding:0; 
background-image:url('../img/bgr-tile.png'); background-repeat:repeat;
min-height:100%;
}
div{
	box-sizing:border-box;
}
#prvul_center{ 
width:980px; height:580px;
margin-left:-490px; margin-top:-290px;
top:50%; left:50%;
position:absolute;
}
#prvul_wrapper{
width:980px; height:560px;
background-color:rgb(252,252,252);
box-shadow:#555 0 0 16px;
}
#prvul_header{
width:960px; height:115px; margin-left:11px;
background-image:url('../img/header-bgr.png'); background-repeat:no-repeat;
background-size:cover;
}
#prvul_header .logo{
	margin-left:37px;
	margin-top:10px;
}

#prvul_content{
width:960px; height:405px; margin-left:11px;
}
#prvul_footer{
width:960px; height:40px;
color:#ffa640; font-size:8pt;
text-align:center;
padding:12px;
}
#prvul_footer a{ color:#ffa640; }
#prvul_nav{
width:140px;
margin-left:40px;
float:left;
}
.prvul_nav-item{
/* background-color:#38e156; */
background-color:#01b550;

color:fcfcfc;
padding:9px 10px 9px 30px;
margin-bottom:8px;
}
.prvul_nav-item:hover{
background-color:#ff8900;
}
a, a:visited, a:hover, a:active{ text-decoration:none; color:#fcfcfc; }
a .prvul_nav-item , a:visited .prvul_nav-item , a:hover .prvul_nav-item , a:active .prvul_nav-item {
color:#fcfcfc;
text-decoration:none;
}
.prvul_nav-item a:hover{
font-weight:bold;
}
.prvul_nav-active{
background-color:#096fa1;
}
#prvul_kontakt{
	border:1px solid #e2e2e2;
width:420px; height:305px;
margin-left:20px;
float:left;
}
#prvul_slider{
border:1px solid #e2e2e2;
width:420px; height:305px;
margin-left:20px;
float:left;
}
#prvul_right-col{
width:280px; height:305px;
float:right; margin-right:43px;
}
#prvul_right-col div{
width:280px; height:90px;
margin-bottom:8px;
border:1px solid #e2e2e2; border-right:2px solid #e2e2e2;
}
#prvul_right-col .red{
border-right-color:#ff1300;
}
#prvul_right-col .orange{
border-right-color:#ff8900;
}
#prvul_right-col .blue{
border-right-color:#096fa1;
}
#prvul_right-col .green{
border-right-color:#00c323;	
}
#prvul_right-col h2{
font-size:14px; font-family:arial;
margin:7px 0px 5px 10px;
}
#prvul_right-col p{
font-size:12px; font-family:arial;
margin:0px 0px 0px 25px;
}
ul{
list-style-type:none;
padding:0;
margin:0;
padding-left:30px;
text-indent:-15px;
}
li{}
#prvul_bottom{
clear:both;
}
#prvul_bottom1{
margin-top:20px; margin-left:40px;
width:180px; height:80px;
border:none; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;
float:left;
}
#prvul_bottom2{
margin-top:20px; margin-left:20px;
width:180px; height:80px;
border:none; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;
float:left;
}
#prvul_bottom3{
margin-top:20px; margin-left:20px;
width:180px; height:80px;
border:none; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;
float:left;
}
#prvul_bottom	h2{
font-size:14px; font-family:arial;
margin:8px 0px 8px 30px;
margin:8px 0px 8px 0px;
}
#prvul_bottom p{
font-size:12px; font-family:arial;
margin:0px 0px 0px 5px;
}
.clear{ clear:both; }
#prvul_galerija{
border:none;
width:735px; height:305px;
margin-left:20px;
float:left;
overflow:auto;
}
#prvul_galerija .red{
clear:both;
}
#prvul_galerija .slika{
margin-right:13px;
margin-bottom:8px;
width:130px;
float:left;
}
#prvul_galerija .slika img{
width:130px;
border:none;
}
input[type="text"], textarea{
width:400px; font-family:arial; font-size:10pt;
border: 1px solid #ccc;
margin-bottom:6px;
padding:3px;
height:26px;
}
.popusti{
padding-left:20px;
}
.popusti h2{
margin:0;
}
.popusti h3{
margin:0;
margin-top:12px;
}
.statusslanja .green{
font-weight:bold;
font-size:20px;
color:green;
border:1px solid green;
margin:5px 11px 5px 0;
padding:5px;
background-color:rgb(215,255,215);
}
.statusslanja .red{
font-weight:bold;
font-size:20px;
color:red;
border:1px solid red;
margin:5px 11px 5px 0;
padding:5px;
background-color:rgb(255,215,215);
}



#prvul_kontakt form a div{
	width:145px;
}



#slogan{ font-family:'Time new roman', serif; font-size:26px; font-style:italic; font-weight:bold;
	position:absolute;
	top:65px;
	right:50px;
}
#slogan .red{ color:#ff1300; }
#slogan .orange{ color:#ff8900; }
#slogan .blue{ color:#096fa1; }
#slogan .green{ color:#00c323; }



@media screen and (max-width:1000px){
	
	#slogan{
		position:relative;
		font-size:17px;
		top:0; right:auto;
		width:100%;
		text-align:right;
	}
	#prvul_header{
		width:100%;
		padding:20px;
	}
	#prvul_header .logo{
		margin:0;
		max-width:100%;
	}
	
	.popusti-red{
		display:flex;
	}
	.popusti-red .popust{
		flex:1;
	}

	
	#prvul_center{
		width:100%;
		height:auto;
		margin:0;
		position:relative;
		top:0; left:0;
		float:none;
	}
	#prvul_wrapper{
		width:100%;
		height:auto;
		float:none;
	}
	#prvul_header{
		width:100%;
		background-size:contain;
		float:none;
		margin:0;
	}
	#prvul_content{
		width:100%;
		height:auto;
		float:none;
		margin:0;
	}
	#prvul_footer{
		width:100%;
		height:auto;
		float:none;
		margin:0;
		box-sizing:border-box;
	}
	#prvul_nav{
		float:none;
		clear:both;
		height:auto;
		width:auto;
		margin:20px;
		text-align:right;
	}
	#prvul_nav a{
		display:inline-block;
	}
	#prvul_nav a div{
		display:inline-block;
		padding:10px 15px;
	}
	
	
	#prvul_right-col{
		float:none;
		margin-top:20px;
		width:100%;
		height:auto;
	}
	#prvul_right-col > div.red,
	#prvul_right-col > div.orange,
	#prvul_right-col > div.blue,
	#prvul_right-col > div.green
	{
		width:100%; 
		margin:0;
		display:inline-block;
		border-right:2px solid #e2e2e2;
		border:2px solid #e2e2e2;
	}
	
	#prvul_right-col div.red{
	border-top-color:#ff1300;
	}
	#prvul_right-col div.orange{
	border-top-color:#ff8900;
	}
	#prvul_right-col div.blue{
	border-top-color:#096fa1;
	}
	#prvul_right-col div.green{
	border-top-color:#00c323;	
	}
	
	#prvul_slider{
		width:100%;
		float:none;
		margin:0;
		border-left:none;
		border-right:none;
	}
	#prvul_slider div{
		width:100%;
	}
	
	#prvul_bottom{
		float:none;
		position:relative;
		clear:both;
		display:flex;
	}
	#prvul_bottom1,
	#prvul_bottom2,
	#prvul_bottom3
	{
		float:none;
		flex:1;
		margin:10px;
	}
	
	#prvul_kontakt{
		margin:0;
		padding:20px;
		box-sizing:border-box;
		display:block; float:none;
		height:auto; width:100%;
	}
	#prvul_kontakt form a div{
		text-align:center;
	}
	#prvul_kontakt form,
	#prvul_kontakt form input,
	#prvul_kontakt form textarea
	{
		box-sizing:border-box;
		width:100%;
	}
	#prvul_right-col.kontakt{
		padding:20px;
	}
	
	#prvul_galerija{
		width:100%;
		height:auto;
		margin:0;
		overflow:visible;
		padding:20px;
	}
	
}



@media screen and (max-width:400px){
	
	.popusti-red{
		display:block;
	}
	.popusti-red .popust{

		display:block;
	}

}