body {margin:0; 
     font-family: Quicksand;
	 background-color: #ddd;}

footer {clear: both;
        text-align: center;
		background-color: #03563a;
		color: #fff;
		padding-top: 50px;
		padding-bottom: 50px;}

.navigacija {
    background-color: #03563a;
    overflow: hidden;
	cursor:pointer;
}

.navigacija a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 15px 15px;
    text-align: center;
    font-size: 16px;
}

.navigacija a:hover {
    background: #eee;
    color: #222;
}

.navigacija .mobilni {
    display: none;
}

@media screen and (max-width: 700px) {
  .navigacija a:not(:first-child) {display: none;}
  .navigacija a.mobilni {
    float: right;
    display: block;
  }
 
#tabelaDok {width: 70%;
            margin-left: 15%;
			margin-right: 15%;
			margin-bottom: 50px;}
			
#Naslov {width: 100%;}
  
}
@media screen and (max-width: 800px){
#levi{width: 80%!important;
      margin-left: 10%!important}
	  
#desni{margin-bottom: 50px!important;
       width:80%!important; padding-left:0px!important;
	   margin-left: 10%!important}
#artikli {width: 90%!important;
	      margin-right: 5%!important;
		  margin-left: 5%!important;
		  margin-bottom: 50px;
		  color: #03563a;
		  text-align: center;}
#desni{background-position: center!important; background-repeat: no-repeat!important;}
}

@media screen and (max-width: 700px) {
  .navigacija.responsive {position: relative;}
  .navigacija.responsive a.mobilni {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navigacija.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.pih{padding:0px!important}
.pih img{width:30%!important;}
.Dokumenta td{padding-right:0px!important}
#tabelaDok{width:100%!important;margin-left:0px!important;margin-right:0px!important}
}
#pozadina{width:100%}

#desni{
	margin-right: 10%;
	width: 40%;
	margin-bottom: 100px;
	height: 400px;
	clear: both;
	border: 4px solid #00563a;
	float:right;
}
#levi{width:35%; margin-left:10%}

.ikona{}
.ikona img{width:50px;margin:10px;}
.tekst{font-size:20px}

#agro{color: #03563a;
      background-color: #ddd;
	  text-align: center;
	  padding: 30px 60px;
	  text-align: center;
	  font-size: 40px; 
	  font-weight: bold;}

#proizvodi{color: #03563a;
           background-color: #ddd;
		   text-align: center;
		   padding: 50px 80px;
		   text-align: center;
		   font-size: 30px;
		   font-weight: bold;}
		   
#artikli {width: 60%;
	      margin-right: 20%;
		  margin-left: 20%;
		  margin-bottom: 50px;
		  color: #03563a;
		  text-align: center;}
		  
.naziv {width: 50%;
		text-align: center;}
		
.cena {width: 50%;
	   text-align: center;}
	
.pdf {color: #03563a;
	  font-weight: bold;
	  text-decoration: none;
	  }
	  
.Dokumenta {text-align: center;}
			
.Dokumenta td {padding-right: 25px;}

	
.pdf img {height: 80px;
		  }
		  
#kompanije{color: #03563a;
           background-color: #ddd;
	       text-align: center;
	       padding: 30px 60px;
	       text-align: center;
	       font-size: 40px; 
	       font-weight: bold;}
		   
#kompanije img {height: 50px;
				margin-right: 10px;
				}
.pih{
	color: #03563a;
      background-color: #ddd;
	  text-align: center;
	  padding: 30px 60px;
	  text-align: center;
	  font-size: 40px; 
	  font-weight: bold;
}

.fade{-webkit-animation:opac 3s;animation:opac 3s;  animation-name: fade;}
@-webkit-keyframes fade{from{opacity:0.5} to{opacity:1}}
@keyframes fade{from{opacity:0.6} to{op6acity:1}}