.banner{display: block; align:center; opacity:0.8}

#navigation {
	align:center;
	width: 950px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/navigation-bg.jpg) no-repeat left top;
} 
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #993300;
	text-decoration: none;
	background: url(images/navigation-separator.png) no-repeat right center;
} 

#navigation ul li a:hover {
	color:#FFF;
	background: url(images/navigation-hover.png) repeat-x left top;
}

#navigation ul li#active a {
	color:#FFF;
	background: url(images/navigation-hover.png) repeat-x left top;
}


body	{
background: url(images/pozadina1.jpg) fixed;
margin: auto auto;
padding: 0px;
position: relative;
width: 1024px;}

.td1{border:0; width:15%; opacity:0.8; border-radius:15px; vertical-align:top;}
.td2{border:0; width:70% ;vertical-align:top; background-color:#660000; border-radius:15px; border-top-right-radius:0;  border-bottom-left-radius:0; opacity:0.8}
.box1{border-style:solid; border-left-color:#660000; border-width:15px; width:150px;height:340px; background-color:#660000; border-radius:15px; border-top-left-radius:0px; border-bottom-left-radius:0px; opacity:1}

h3 {text-align:right; text-align:justify; font: 14px Arial; color:white; margin-right:10px;
margin-left:10px}
h1 {text-align:center; font: 16px Arial; font-weight:bold; color:white; margin-right:10px;
margin-left:10px}
.h3b{text-align:center; font: 15px Arial; color:white; font-weight: bold; margin-right:10px; margin-left:10px}
.h3a{text-align:center; font: 20px Arial; color:white; font-weight: bold; margin-right:10px; margin-left:10px}
strong{text-align:right;text-align:justify; font: 14px Arial; color:white; margin-right:10px;
margin-left:10px; font-weight:bold;}

button: {
  display: block;
  width: 159px;
  height: 25px;
  background-image: url(images/button.png);
  color: white;
 }
 button:hover {
  background-image: url(images/button1.png);
  color: white;
 }

 .img1{display: block;
    margin-left: auto;
    margin-right: auto }
 
 
.kontakt {
text-align:center;
background-repeat: no-repeat;
background-position: center;}
.kontakt p{
	font-size:20px;
}
.kontakt img{
	width:25px;
}
.center { margin: 0 auto; width: 484px; }

 
.button {
    float:left;
    font:76%/150% "Lucida Grande", Geneva, 
    Verdana, Arial, Helvetica, sans-serif;
    width: 130px;
    height: 50px;
    text-align:center;
    white-space:nowrap;
}

.arrows {
    font-size:90%;
    margin:0.2em;
}

.button a:link, .button a:visited {
	width: 130px;
    height: 50px;
	border-radius:15px;
    color: #eee;
    background-color:#000000;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding:0.2em;
    display:block;
}
.button a:hover {
    background-color:#660000;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
    margin: 0.2em;
}
 

 
 .box2{width:115px;height:25px; background-color:#660000; opacity:1; align:center; text-align:center;}
 footer{align:center; text-align:center}
 
a:link {color:#FFCC33;}
a:visited {color:#F5B800;}