body {
background: rgb(255,255,255) url(../Images/bg_cont.jpg) top left fixed;
font-family: tahoma, arial, helvetica;
text-align: center;
}

#kons {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
background: rgb(255,255,255) url(../Images/bg_sad.jpg) repeat-x top left;
border: rgb(0,80,0) 3px ridge;
}

#kons .gamatabela {
margin-left: auto;
margin-right: auto;
}

#navigate {
margin-top: 3px;
margin-left: 2px;
margin-right: 2px;
}

#logo {
position: relative;
top: 3px;
}

#tip {
margin-left: 20px;
margin-right: 20px;
}

#select {
position: relative;
top: 10px;
width: 789px;
margin-left: auto;
margin-right: auto;
}

.cluster {
background-color: rgb(0,0,0);
margin-left: auto;
margin-right: auto;
}

.leftcluster {
float: left;
width: 370px;
height: 163px;
margin-bottom: 10px;
text-align: left;
background: url(../potkrovlje/bg_clst.gif) top left no-repeat;
}

.leftcluster img {
margin: 12px;
padding: 3px;
border: 1px solid rgb(255,255,255);
}

.leftcluster h3 {
display: inline;
position: relative;
bottom: 130px;
left: 10px;
padding: 0;
margin: 0;
color: rgb(255,255,255);
text-decoration: underline;
}

.leftcluster h4 {
position: relative;
bottom: 130px;
left: 230px;
padding: 0;
margin: 0;
color: rgb(255,255,255);
}

.leftcluster a {
text-decoration: none;
}

.leftcluster a:hover {
position: relative;
top: 1px;
}

.rightcluster {
float: right;
width: 370px;
height: 163px;
margin-bottom: 10px;
text-align: right;
background: url(../potkrovlje/bg_clst.gif) top left no-repeat;
}

.rightcluster img {
margin: 12px;
padding: 3px;
border: 1px solid rgb(255,255,255);
}

.rightcluster h3 {
display: inline;
position: relative;
bottom: 40px;
right: 10px;
padding: 0;
margin: 0;
color: rgb(255,255,255);
text-decoration: underline;
}

.rightcluster h4 {
position: relative;
bottom: 40px;
right: 225px;
padding: 0;
margin: 0;
color: rgb(255,255,255);
}

.nav {
font-size: 0.8em;
text-align: center;
font-weight: bold;
width: 130px;
background-color: rgb(0,80,0);
border: rgb(0,200,0) 2px solid;
}

.nav a {
display: block;
}

a {
text-decoration: none;
color: rgb(255,255,255);
}

a:hover {
color: rgb(0,255,0);
position: relative;
top: 1px;
left: 1px;
}

h1 {
font-size: 1.4em;
text-align: left;
color: rgb(255,255,255);
background-color: rgb(0,80,0);
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding-left: 1em;
}

h2 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
background-color: rgb(0,80,0);
color: rgb(255,255,255);
font-size: 1.2em;
}

p {
font-size: 1.1em;
color: rgb(20,20,20);
margin-left: 200px;
margin-right: 200px;
font-family: verdana, tahoma, arial, helvetica;
}

.gama {
text-align: left;
font-size: 0.8em;
margin-left: 10px;
margin-right: 10px;
}

.high {
font-weight: bold;
color: rgb(40,164,12);
}

.one {
text-align: center;
font-weight: bold;
font-style: italic;
color: #ef3210;
}

.two {
text-align: center;
font-weight: bold;
font-style: italic;
color: #ef3210;
}

.three {
text-align: center;
font-weight: bold;
font-style: italic;
color: #ef3210;
}

.four {
text-align: center;
font-weight: bold;
font-style: italic;
color: #ef3210;
}

.a {
width: 6em;
text-align: center;
font-weight: bold;
background-color: rgb(0,80,0);
border-style: ridge;
border-width: 3px;
border-color: rgb(0,200,0);
}

.b {
font-size: 1.2em;
width: 6em;
text-align: center;
font-style: italic;
font-weight: bold;
}

.c {
text-align: center;
font-weight: bold;
}