body {
        margin: 0 0 0 0;
        background: white;
        margin-left:10px;
        margin-right:10px;
      }
.main{
      width:1024px;
      margin: auto;
       
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #5E8402;    
}

li {
    float: left;
    text-transform: uppercase;
    font-family:Calibri;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px 8px 8px;
    text-decoration: none;
}
.button{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px 8px 8px;
    text-decoration: none;
    background-color: #5E8402;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #726503;
    
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          
}

.padding {
    padding-top:10px;
    padding-left:10px;  
    padding-right:10px;
     padding-bottom:10px;
}
.textbox{
    margin-bottom:5px;
}
.dropdown-content a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}  

.crop {
    width: 512px;
    height: 150px;
    overflow: hidden;
}

.crop img {
        width: 256px;
        height: 150px;
        margin: 10px 10px 10px 10px;
}
.slik{
    float: left;
    width: 200px;
    margin-right:15px;
    margin-top:0px;
    margin-bottom:15px;
}
.slikp{
    float: left;
    width: 200px;
    margin-right:10px;
    margin-top:0px;
    margin-bottom:15px;
}
.dat{
   
    font-family:Calibri;
}
.datp{
    float:left;
    font-family:Calibri;
    margin-bottom:5px;
}
.nasl{
    text-transform: uppercase;
    font-family:Calibri;
    
}
.naslp{
    text-transform: uppercase;
    font-family:Calibri;
   font-size:larger;
   margin-top:10px;
   margin-bottom:0px;
}
.tekst{
    float: left;
    width:480px;
    font-family:Calibri;
     margin-top:0px;
  
}
.tekst3{
    float: left;
    
    font-family:Calibri;
     margin-top:5px;
   
}
.tekstp{
   font-size:initial;
    width:300px;
    font-family:Calibri;
     margin-top:0px;
   
}
.stavka
{
    float:left;
    width:700px;
    margin-top:15px;
    margin-left:10px;
    margin-bottom:15px;
}
.stavkap
{
    float:right;
    width:300px;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:5px;
}
.datnasl{
     float: left; 
     width:220px;
}
.datnaslp{
     float: right; 
     width:300px;
     margin-top:5px;
}
.rub{
     margin-top:5px;    
     font-family:Calibri;
}
.rubp{
    float:left;
     margin-top:5px;    
     font-family:Calibri;
}
a{
    text-decoration:none;
    color:#5E8402;
}
a:hover{
    text-decoration:none;
    text-shadow:1px 1px 0px #726503;
    color:#5E8402;
}
a:visited{
    text-decoration:none;
    color:#5E8402;
}
.ban
{
    float:right;
    width:270px;
    margin-top:15px;
    margin-bottom:15px;
    margin-right:10px;
}
.menu a:visited{
    color:#f9f9f9;
}
.menu a:hover{
    color:#f9f9f9;
}
.menusub a:visited{
    color:black;
}
.menusub a:hover{
    color:#726503; 
      text-decoration:none;
    text-shadow:0px 0px 0px #726503;
}
.alter{
    background-color: white;
}
.levi{
float:left;
 width:700px;
  margin-top:10px;
}
.area {
    width: 1000px;
   
   white-space:nowrap;
}

.area img {
     border: 1px solid black;
     height:96px;  
     margin-right:10px;
     cursor:pointer; 
}
.box {
    width: 506px;
   /* border: 1px solid black;
   /* padding: 10px;*/
    overflow-x: scroll;
}
.zindex0 {
    z-index:auto;
    overflow:visible;
}
.zindex100 {
    z-index:100;
    overflow:visible;
}

/*  
/* CSSTerm.com CSS Horizontal menu with images */

/*    .gl {
        width:1054px;
        /*width: 100%;
       margin: auto;
       /* margin: 0 0 0 0;
     
             
    }*/
/*
    .leftcol{
        width:522px;
        float:right;
        margin-right:10px;
    }
    .rightcol
    {
        width:522px;
        float:left;
        
    }

.top{
     background-color:#2255A6;
     margin-top:10px;
    
 }
.pager{
    margin-top:0px;
    margin-bottom:10px;   
    float:left;
	width:512px;   
	overflow:hidden;
    font: 14px Sans-Serif;
    background: #726503; 
    text-transform: uppercase;
}

.ptlmenu {
    position: relative;
    margin-top:0px;
    margin-bottom: 0px;
   padding:10px;
    background:#2255A6;     
}
.ptlmenu a {
    display:inline;
    color:#fff;
    text-decoration: none;
    padding:10px;
    
}

.ptlmenu li:hover a {
    color: #fff;
  /*  background: #726503;
}
.ptlmenu li { display: inline-block;}

.ptlmenu li ul { display:block;
    position: absolute;
    left: 0;
    width: 517px;
    background: #726503;
    top: 120px;
   
}

.ptlmenu li ul li:hover a { color: #000; }
.ptlmenu a[disabled]
{
    color:#726503;
}

.selected 
{
background: #726503;
}
.pager span
{
    color:#726503;
    
}

.menu {
    margin-top:0px;
    margin-bottom:10px;
   
    float:left;
	width:1034px;
    /*width:100%;
	overflow:hidden;
    font: 14px Sans-Serif;
    background: #726503; 
    text-transform: uppercase;
  /*  text-shadow: 2px 1px #000000;   
}



.tlmenu {
    position: relative;
   /* position: relative;
    margin-top:0px;
    margin-bottom: 0px;
   
    background:#2255A6;     
}

.tlmenu a {
    display: block;
    color: #000;
    text-decoration: none;
    padding:10px;
}

.tlmenu li:hover a {
    color: #fff;
  /*  background: #726503;
}

ul {
    padding: 0;
    padding-left:10px;
    list-style-type: none;
   
}

.tlmenu li { display: inline-block;}

.tlmenu li ul { display:block;
   /* position: absolute;
    position: absolute;
    left: 0;
    width: 100%;
    background: #726503;
    top: 120px;
   
}

.tlmenu li ul li:hover a { color: #000; }
.mainm
{

}
.subm
{
    color: #fff;
    background: #726503;
}
.submmar
{
margin-top:-10px;
}

.crop {
    width: 512px;
    height: 128px;
    overflow: hidden;  
}

.ccrop {
    width: 512px;
    height: 128px;
    overflow: hidden;  
}
.cccrop {
    width: 256px;
    height: 128px;
    overflow: hidden;  
}
.crop img {
    width: 512px;
    height: 384px;
    margin-top:-128px;
  /* margin: -75px 0 0 -100px;
    position: relative;
    top: 0px;
    left: 0px;
}
.ccrop img {
    width: 512px;
    height: 384px;
   
  /* margin: -75px 0 0 -100px;
    position: relative;
    top: 0px;
    left: 0px;
}
.cccrop img {
    width: 256px;
    height: 192px;
 /*   margin-top:-30px;*/
  /* margin: -75px 0 0 -100px;
    position: relative;
    top: 0px;
    left: 0px;
}
.cctop img
{
     margin-top:0px;
}
.ccmid img
{
     margin-top:-35px;
}
.ccbot img
{
    margin-top:-70px;
}


a:link, a:visited, a:active {
    color:beige;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
a:hover .dropdown-content{
    display:block;
}
.container {
  height: 384px;
  width: 512px;
  position: relative;
 /* position: relative;
  margin-bottom:10px;
  margin-right:10px;
  float:left;
  background-color:#F0F0F0;
  
}
.ccontainer {
  height: 187px;
  width: 512px;
  position: relative;
  margin-bottom:10px;
  margin-right:10px;
  float:left;  
  background-color:#F0F0F0;
}
.cccontainer {
  height: 115px;
  width: 251px;
  position: relative;
  margin-bottom:10px;
  margin-right:10px;
 
  float:left;
  background-color:#F0F0F0;  
}
.cccontainerk {
  height: 115px;
  width: 251px;
  position: relative;
  margin-bottom:10px;
  margin-right:10px;
  float:left;
  background-color:white;
  display:block;  
}

.image {
  position: absolute;
  left: 0;
  top: 0;
 
}
.text {
  z-index: 100;
  position: absolute;
  color: beige;
  font-size: 12px;
  font-weight: bold;
  left: 10px;
  right:10px;
  bottom: 0px;
  padding: 8px 6px;
  line-height:5px;
  margin-bottom:-20px;
}
.textk a {
  color: black;
  }
.textk {
  z-index: 100;
  position: absolute;
  color: black;
  /*font-size: 12px;*/
 /* font-weight: bold;
  left: 10px;
  right:10px;
  top: 0px;
  /*padding: 8px 6px; 
  margin-bottom:0px;  
  
}
.fajlovizaglavlje
{
margin-top:0px;
    margin-bottom:10px;    
    float:left;
	width:100%;
	
    font: 14px Sans-Serif;
    background: #2255A6; 
    text-transform: uppercase;
    padding-top: 10px;
    
    padding-bottom: 10px;
     
    list-style-type: none;
    color:beige;
    
}
.fajlovizaglavlje p
{
   margin:0;
    padding-left:20px;
}
.fajlovi {
   font: 14px Sans-Serif;  
  color:black;
}
.fajlovi a
{
   font: 14px Sans-Serif;  
  color:black;
}
.tekstkk
{
    margin-top:-10px;
    margin-left:10px;
    font: 12px Sans-Serif;
    /*overflow-y: scroll      
}
.podnaslov
{
    margin-top:-5px;
    margin-left:0px;
    /*velicina fonta mora u "font" inace nece da se izmeni tip fonta, ne treba font-size   
   font: 14px Sans-Serif;
    
}
.sadrzaj
{
 margin-top:10px;
    margin-left:0px;
    margin-right:10px;
    font: 14px Sans-Serif;
    margin-bottom:10px;
}

.komen {
  z-index: 100;
  position: absolute;
  color: red;
  font-size: 12px;
  font-weight: bold;
  
  right:10px;
  top: 0px;
  padding: 8px 6px;
  line-height:5px;
  font: 14px Sans-Serif;
  
  
}
.nasl {
 /*   background: rgba(0, 0, 0, 0.45);
  text-shadow: 1px 1px #000000;
  font: 24px Sans-Serif;  
  font-weight:bold;
}
.naslk {
 /*   background: rgba(0, 0, 0, 0.45);
  
  font: 30px Sans-Serif;  
  font-weight:bold;
  margin-bottom:5px;
  line-height:1.0;
}
.rub {
    
    text-shadow: 1px 1px #000000;
    font: 14px Sans-Serif; 
    margin-bottom:-20px; 
}
.naslm {
 /*   background: rgba(0, 0, 0, 0.45);
  text-shadow: 1px 1px #000000;
  font: 16px Sans-Serif;  
  /*font-weight:bold;
 
}
.naslmk {
 /*   background: rgba(0, 0, 0, 0.45);*/
 /* text-shadow: 1px 1px #000000;
  font: 14px Sans-Serif;
margin-top:0px;   
    line-height:15px;
    
  font-weight:bold;
}
.datum
{
  font: 14px Sans-Serif;  
  color:gray;
  margin-bottom:5px;
}
.datum a
{
  font: 14px Sans-Serif;  
  color:gray;
    
}