/*
Spasov Template 2021
*/

body{max-width: 840px;margin: auto; background-color: #f0f0f0;}
    body,table,button {font-family: Tahoma, sans-serif; font-size:13px;margin: auto;}
    table, th, td {border: 1px #efefef solid; border-collapse: collapse;  padding: 10px;}
    button, input{padding: 5px;}
    button:hover, input[type="submit"]:hover {cursor: pointer;}
    input[type="button"]{margin-left: 5px; cursor: pointer;}
    #telo{
        background-color: #fff;
        display: block;  
        margin-top: 0px; 
        min-height: 340px;
    }
    
    .center{
        text-align: center; !important
    }

    .overflow-x{
        overflow-x: auto;
    }

    #header{
    	text-decoration: none;
    	background-color: #fff;
    	color: #fff;
      background-color: #f8f8f8; /* #13246B; #457173;*/
    }
    
  	#footer{ 
    position: relative;
    
    bottom: 0px;
    border-bottom: 1px solid #fff;
    
    background-color: #13246B; /*#457173;*/
    color: #fff;
    
    
    text-decoration: none;
    padding: 10px;
    
    font-size: 11px;
    display: block;

	}
	#footer-1{
		/*background-color: darkgray;*/
        width: 100%;
        /*background-color: #13246B; #457173;*/
        display: inline-block;


	}
	#footer-1  img{
		background-color: #fff;
		height: 50px;
		float: left;
		margin-top: 2px;
        margin-right: 2px;
        padding: 5px;
        border: 1px solid #e0e1e8;
        text-align: center;
        
	}
  .prikazi{
    padding: 10px;
  }
  .prikazi hr{
    border: 1px solid #f0f0f0;
  }
  .label {
    color: #a3a3a3;
    font-size: 10px;
    padding: 15px 0 0 0px;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    border-bottom: 1px solid #eaeaea;}

    .count {
    
    color: #a3a3a3;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    
}

    table{
        border-collapse: collapse;
    }

#prebaruvac{
    width:460px; 
    height: 30px; 
    font-size: 18px;
}
.naslov1{
    background-color: #13246B; /*#457173;*/
    font-size:19pt; 
    color: #fff; 
    border: 1px solid #EAEAEA; 
    padding: 30px;
}
.naslov2{
     font-size: 14pt;
}


span {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    padding: 3px;
}

a {
    
    text-decoration: none;
    cursor: pointer;
    
}
a:hover span{
     background-color:  #fff;
     color: #457173; 
}



 a:visited {
  color: #13246B;
  
}

input#username{
    height: 24px;
    width: 200px;
    font-size: 16px;
}
input#password{
    height: 24px;
    width: 200px;
    font-size: 16px;
}
input#login_button{
    /*background:#457173; 
    color:white;*/ 
    width:65px; 
    height: 35px; 
    font-size: 16px;
}

#meni{
    /*margin-top: 6px;*/
    font-size: 13px;
    padding: 9px;
    /*background-color: #f7ec49; /*#f8f8f8; /* #13246B; #457173;*/
    text-transform: uppercase;
    border: 1px solid #fff;
}

#meni span{
    font-size: 13px;
    text-decoration: none;
    color: #000;
    padding: 8px 3px;
}

ul.type{
    columns: 2;
}
ul.type li{
    padding-top: 2px;
}
ul.year{
    columns: 4;
}
ul.year li{
    padding-top: 2px;
}

 #telo h1{
        margin-top: -50px;
    }


@media only screen and (max-width: 620px) {
    
    #prebaruvac{
        width: 200px;
        font-size: 18px;
    }    
    .naslov1{
        font-size: 14pt;
    }  
    #telo h1{
        margin-top: 0px;
    }

}

@media only screen and (max-width: 410px) {
    table, thead, tbody, th, td, tr { 
    /*display: block;*/ 
        
    }
    
   
}


@media only screen and (max-width: 348px) {
    
    
#meni span{
    font-size: 13px;
    text-decoration: none;
    color: #000;
    padding: 8px 0px;
}
   
}