body{
width:100%;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom: 0px;
background-image: url(4.jpg);
	background-size:00px;
	background-size: cover;

	background-repeat: no-repeat;
	background-position:center;
	
	


min-height: 900px;

}


#body{
	background-color: #363f48;

	height: auto;

	width: 70%;
    position: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-bottom: 30px;


}


#LINKOVI{
  text-align: center;
  padding-top: 25px;

}
.LINKOVI{
  width: 350px;
}

#pretrazivac{
    background-image:url(pozadina.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-size: cover;
    height: 200px;
    width: 100%;
    z-index: 90;
}

/* Scrollbar  */ 
                                           

::-webkit-scrollbar {
width: 8px;
height: 12px;


}

::-webkit-scrollbar-track {
background:  #363f48;
border-radius: 10px;

}

::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #747576;  /*boja scrollbar */ 
}
                                                 
::-webkit-scrollbar-thumb:hover {
background:#999;  
}


#meni{

width:auto;
height: 55px; 

margin:0 ;
margin-top: -5px;



}

td{color: white;}

th{color: white;}  

h2,h1{
text-align: center;
	color: white;
font-family: CURSIVE;

}

h3{
	color: white;
  font-family: CURSIVE;
}

p{
	color: white;
	font-family: CURSIVE;
}
ul {
	z-index: 100;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    width: 100%;
   position: relative;
  }

li {
    float: left;
    font-size: 16px;
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 18px 20px;
    text-decoration: none;z-index: 920;

   
}
/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}


#zakup{ 
    /*
	border:2px;
	border-style: solid;
	/*border-color: red;  */

	margin-left: 5%;
	margin-right: 5%;
}

#table1{

margin: auto;

width: 200px;


/*
  border: 5px solid #FFFF00;
*/

  padding: 10px;
	


}




















#Table{
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 30px;
	margin-bottom: 30px;
}







table.cinereousTable {
  /*border:  solid ; */
  background-color: ;
  width: 100%;
  text-align: center;
}
table.cinereousTable td, table.cinereousTable th {
  border: 1px solid #948473;
  padding: 4px 4px;
}
table.cinereousTable tbody td {border-right-width: 0px; border-left-width: 0px;border-top-width: 0px;
  font-size: 16px;
}
table.cinereousTable thead {
  background: #948473;
  background: -moz-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: -webkit-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: linear-gradient(to bottom, #afa396 0%, #9e9081 66%, #948473 100%);
}s

table.cinereousTable thead th {
  font-size: 17px;
  font-weight: bold;
  color: #F0F0F0;
  text-align: center;
}
table.cinereousTable tfoot td  {
  font-size: 16px;

}




.myButton {
	box-shadow:inset 0px -12px 15px 3px #23395e;
	background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	background-color:#2e466e;
	border-radius:28px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:25px;
	font-weight:bold;
	padding:18px 50px ;
	margin-top: 100px;
	text-decoration:none;
}
.myButton:hover {
	background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	background-color:#415989;
}
.myButton:active {
	position:relative;
	top:1px;
}

        
@media screen and (max-width: 915px){
#body{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
    height: auto;

}