@charset "utf-8";
/* CSS Document */

	html, body
	{
		height: 100%;
		width: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 100%;
		font-weight: normal;
		color: #707070;
	}
	
	h2
	{
		font-size: 2.25em;
		letter-spacing: 0.05em;
		font-weight: normal;
		text-align: center;
		color: #ebebeb;
		margin: 0;
		padding: 1em 0;

	}
	
	h3
	{
		margin: 0;
		padding: 30px 0 10px 0;
		text-transform: none;
		font-size: 2.25em;
		letter-spacing: 0.05em;
		font-weight: normal;
		text-align: left;
		color: #034ea2;
		border-bottom:2px solid #034ea2;
	}
	
	h4
	{
		margin:0 auto;
		padding: 20px 0 5px 0;
		text-align:center;
		text-transform: none;
		text-decoration: none;
		font-size: 1em;
		color: #034ea2;
	}
	
	h4 a
	{
		text-transform: none;
		text-decoration: none;
		font-size: 1em;
		font-weight: normal;
		color: #034ea2;
	}
	
	h4 a:hover
	{
		text-transform: none;
		text-decoration: none;
		font-size: 1em;
		font-weight: normal;
		color: #707070;
	}
	
	h5
	{
		margin: 0;
		padding: 20px 0;
		text-align:left;
		text-transform: none;
		font-size: 1.5em;
		font-weight: normal;
		color: #034ea2;
	}
	
	h6
	{
		margin: 0;
		padding: 20px 0;
		text-align:left;
		text-transform: none;
		font-size: 1.25em;
		font-weight: normal;
		color: #034ea2;
	}
	
	a {
		text-decoration: none;
		text-transform: none;
		color: #F00;
	}
	
	a:hover {
		text-decoration: none;
		text-transform: none;
		color: #034ea2;
	}
	
	#header {
		width: 100%;
		background: #1b1e1f;
		margin: 0;
		padding: 0;
	}
	
	.menu {
		width: 90%;
		margin: 0 5%;
		padding: 0 0 1em 0;
		display: inline-block;
	}
	
	.logo {
		width: 20%;
		float: left;
		margin: 0;
		padding: 1em 0 0 0;
	}
	
	.logo img {
		width: 100%;
	}
	
	.main_h {
		display: inline-block;
		width: 75%;
  		top: 0px;
  		z-index: 999;
  		padding-top: 1.5em;
  		background: none;
  		padding-bottom: 0.8em;
	}

.row2 {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
	text-align: right;
	font-size: 2em;
}
	
	#one-column
	{
		background-color: #444444;
		width:100%;
		margin:0;
		padding: 0;
	}
	
	.banner
	{
		width: 90%;
		margin: 0 5%;
		padding: 1em 0;

	}
	
	#three-column
	{
		width:100%;
		margin: 0;
		background-color:#333333;
	}
	
	.column
	{
		width: 90%;
		margin: 0 5%;
		display: inline-block;
	}
		
	.tbox
	{
		float: left;
		background-color:#ffffff;
		width: 24.5%;
		padding: 20px;
		border: solid 1px #000000;
		border-radius:5px;
		margin: 3em 0 3em 2%;
	}
	
	.tbox img
	{
		width: 100%;
	}
	
	.tbox1
	{
		float: left;
		background-color:#ffffff;
		width: 24.5%;
		padding: 20px;
		border: solid 1px #000000;
		border-radius:5px;
		margin: 3em 0 3em 4%;
	}
	
	.tbox1 img
	{
		width: 100%;
	}
	
	.title
	{
		border-bottom:2px solid #034ea2;
		margin: 0;
		padding: 0;
	}
	
	#onama
	{
		width:100%;
		margin:0;
		padding: 0;
	}
	
	.stranica
	{
		width: 90%;
		margin: 0 5%;
	}
	
	.tekst
	{
		margin: 0;
		padding: 10px;
		text-align: justify;
		font-size: 1em;
	}
	
	.svaloga
	{
		width: 100%;
		margin: 1em 0;
		padding: 0;
	}
	
	.svaloga img
	{
		width: 100%;
	}
	
	.stranica img
	{
		width: 100%;
	}
	
	.karta
	{
		width: 100%;
		margin: 1em 0;
		padding: 0;
	}
	
	.uizbornik
	{
		margin: 1em 2em;
	}
	
	.prvired
	{
		margin: 0;
		background: #f9f9f9;
		padding: 7px 0 7px 20px;
		text-align: left;
		font-size: 1em;
		color: #024869;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #ffffff;
	}
	
	.prvired a
	{
		color: #024869;
		text-transform: none;
		text-decoration: none;
	}
	
	.prvired a:hover
	{
		color: #000000;
		text-transform: none;
		text-decoration: none;
	}
	
	.drugired
	{
		margin: 0;
		background: #fcfcfc;
		padding: 7px 0 7px 50px;
		text-align: left;
		font-size: 1em;
		color: #0272a7;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #ffffff;
	}
	
	.drugired a
	{
		color: #0272a7;
		text-transform: none;
		text-decoration: none;

	}
	
	.drugired a:hover
	{
		color: #000000;
		text-transform: none;
		text-decoration: none;
	}
	
	.slikesve {
		width: 100%;
		margin: 1em 0;
		padding: 0;
		display: inline-block;
	}
	
	.slike {
		width: 18.5%;
		margin: 0;
		padding: 0.5em 0 0.5em 1%;
		float: left;
	}
	
	.slike img {
		width: 100%;
	}
	
	.proizvodisve {
		width: 100%;
		margin: 0;
		padding: 1em 0;
		border-bottom: 1px dotted #CCCCCC;
		display: inline-block;
	}
	
	.proizvodsl {
		width: 40%;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.proizvodtxt {
		width: 60%;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.sep {
		width: 100%;
		height: 2em;
	}
	
	.sep2 {
		width: 100%;
		margin: 1em 0;
		padding: 0;
		height: 5px;
		background: #F1F1F1;
		border-bottom: 2px dotted #CCCCCC;
	}
	
	#prava
	{
		width:100%;
		margin:0;
		padding: 0;
		background: #1b1e1f;
	}
	
	.praval
	{
		display: inline-block;
		width: 90%;
		margin: 0 5%;
	}
	
	.pravaltxt
	{
		display: inline-block;
		width: 70%;
	}

	.pravaltxt2
	{
		padding: 2.5em 0;
		font-size: 0.875em;
		text-align: left;
		color: #ffffff;
	}

	.pravaltxt a
	{
		color: #959595;
		text-decoration:none;
		text-transform:none;
	}
	
	.pravaltxt a:hover
	{
		color: #555555;
		text-decoration:none;
		text-transform:none;
	}
	
	.itemTop
	{
		display: inline-block;
		margin: 1em 0;
		float: right;
		width: 30%;
	}
	
	.itemTop a
	{
		margin: 0;
		float: right;
		width:60px;
		height:60px;
		background:url(../slike/strelica.png);
		z-index:2;
	}
	
	.itemTop a:hover
	{
		z-index:1;
		margin: 0;
		float: right;
		width:60px;
		height:60px;
		background:url(../slike/strelica2.png);
	}