html, body {
	font:14px Verdana;  
	color:black;
	margin: 0 auto;
	padding:0;
	background-color:grey;
	text-align: center; /* align za ie */
	height:auto;
}



#center-div {
	margin: 0 auto;   /* align za ostale browsere */
	text-align: left; /* vrati body center */
	width: 1021px;
	padding:0;
	background-color:#c6dbf8;
	border:2px solid #032f86;
}

.otvori {
	
}

img {
	border:none;
	vertical-align:bottom;/* da ne bude white space iza img*/
}

h1 {
	font-size:18px;
}


h2  {
	font-size:14px;
}

h3  {
	font-size:13px;
}

a {
	color:white;
	text-decoration:none;
}

#header {
	width:1021px;
	background-image:url(images/background-header.jpg);
	background-repeat:repeat-x;
	height:24px;
	color:#badfef;
	vertical-align:middle;
}

#header-lijevo {
	width:22px;
}

#header-sredina {
	
}

#header-desno {
	width:19px;
}

#lijevo {
		width:539px;
		vertical-align:top;
}

#desno {
		width:482px;
		vertical-align:top;
}

#lijevo-table-1 {
	height:75px;width:539px;
}

#lijevo-table-2 {
	height:39px;width:539px;
}

#lijevo-table-3 {
	height:47px;width:539px;
}



#gumbi {
	width:539px;
	height:541px;
	border:2px white solid;
	margin:0;
	background-color:#dafaf7;
	vertical-align:middle;
}

/*  uzmi cijeli td kao link  - za ispravno prikazivanje rollover efekta iz pozadine*/
#gumbi td a{
	width:100%;
	height:100%;
	display:block;
	vertical-align:middle;
	color:black;
	font-weight:bold;
	font-size:16px;
	}
.gumbi td a:hover{
	width:100%;
	height:100%;
	display:block;
}


.gumb, gumb a{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/gumb.jpg);
	color:black;
	font-weight:bold;
}

.gumb a:hover{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/gumb-over.jpg);
}


/*  coca cola */
#gumbi-cola td a{
	width:100%;
	height:100%;
	display:block;
	vertical-align:middle;
	color:black;
	font-weight:bold;
	font-size:16px;
	}
.gumbi-cola td a:hover{
	width:100%;
	height:100%;
	display:block;
}


.gumb-cola, gumb-cola a{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-cola.jpg);
	color:black;
	font-weight:bold;
}

.gumb-cola a:hover{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-cola-over.jpg);
}

/*  machiato */
#gumbi-macchiato td a{
	width:100%;
	height:100%;
	display:block;
	vertical-align:middle;
	color:black;
	font-weight:bold;
	font-size:16px;
	}
.gumbi-macchiato td a:hover{
	width:100%;
	height:100%;
	display:block;
}


.gumb-macchiato, gumb-macchiato a{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-macchiato.jpg);
	color:black;
	font-weight:bold;
}

.gumb-macchiato a:hover{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-macchiato-over.jpg);
}

/* cappuccino */
#gumbi-cappuccino td a{
	width:100%;
	height:100%;
	display:block;
	vertical-align:middle;
	color:black;
	font-weight:bold;
	font-size:16px;
	}
.gumbi-cappuccino td a:hover{
	width:100%;
	height:100%;
	display:block;
}


.gumb-cappuccino, gumb-cappuccino a{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-cappuccino.jpg);
	color:black;
	font-weight:bold;
}

.gumb-cappuccino a:hover{
	text-align:center;
	vertical-align:middle;
	width:117px;
	height:79px;
	background-image:url(images/button-cappuccino-over.jpg);
}

#stavke-racuna {
	width:482px;
	border-left:1px solid black;
}

#stavke-racuna-td1 {
	width:1px;
	border-left:1px solid black;
}

#stavke-racuna-td2 {
	width:457px;
	background-color:#ababab;
	height:345px;
}

#div1 {
	width:100%;
	height:345px;
	overflow:auto;
	color:white;
}
#div1 a {
	color:#032f86;
}

#razmak {
	width:5px;
}
#stavke-racuna-footer {
		background-image:url(images/stavke-footer.jpg);
		widows:482px;
		height:1px;
}

#stavke-racuna-td3 {
	width:25px;
	background-image:url(images/stavke-racuna-td3-bg.jpg);
	background-repeat:repeat-y;
}


#lijevo-ispod {
		width:539px;
		height:30px;
		text-align:right;
}

#desno-ispod {
		width:482px;
		height:30px;
}


#footer-lijevo {
	width:521px;
	background-color:#0e2c82;
	height:24px;
	color:#badfef;
	vertical-align:middle;
}

#footer-desno {
	width:500px;
	background-color:#0e2c82;
	height:24px;
	color:#badfef;
	vertical-align:middle;
	text-align:right;
}