body{ 
background: url(../images/bg.gif) repeat;
margin:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}

#content{
overflow:hidden;
width:789px;
height:auto;
margin: 10px auto;
border: 2px #CC6633 solid;
}

#header{
float:left;
overflow:hidden;
width: 789px;
height:63px;
background:url(../images/bg-top.jpg) 0 0 no-repeat;
}

#content-links{
float:left;
width:789px;
height: auto;
margin: 0px;
background:url(../images/grb-bottom.jpg) top left no-repeat;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #CC6633;
}

#maincontent{
margin:0px auto;
overflow:hidden;
float:left;
width:789px;
height:auto;
background:#663300;
padding-bottom: 20px;
}

#sadrzaj{
overflow:hidden;
float:left;
width:789px;
height:auto;
}

#content-left{
overflow:hidden;
float: left;
width: 358px;
height:auto;
margin:0px;
background-color:#663300;
}

#slika{
width: 358px;
height:246px;
float:left;
margin:0px;
background:url(../images/slika.jpg) 0 0 no-repeat;
}

#info-box{
float:left;
width: 336px;
height:auto;
margin: 10px;
background:#993300;
border: 1px solid #FFCC66;
}

#info-box1{
float:left;
width: 336px;
height:auto;
margin: 10px;
background:#993300;
border: 1px solid #FFCC66;
}

#banner{
float:left;
width: 338px;
height:auto;
margin: 10px;
}

#content-right{
float:left;
width:411px;
min-height:505px;
margin:10px;
background-color: #FFCC66;
}

#footer{
width:789px;
height:50px;
clear:both;
float:left;
margin: 0 0 10px 0;
border-top: 2px solid #CC6633;
padding-top:15px;
padding-bottom:10px;
}

p.footer{
font-size: 10px;
color: #FFCC66;
text-align:center;
margin: 4px 0;
}

#footer a{
color:#FFCC66;
}

p{
padding: 0px 15px;
text-align:justify;
}

p a{
color: #993300;
}

p a:hover{
color: #996600;
}

p.info{
text-align:justify;
color: #FFCC66;
font-size:11px;
}

p.read{
text-align:right;
padding-bottom: 10px;
padding-right: 10px;
}

p.read a{
color:#FFCC66;
}

p.read a:hover{
color: #CC9900;
}


h1{
color: #993300;
font-size: 1.3em;
padding-left: 10px;
margin: 10px 10px 20px 10px;
border-bottom: 1px dashed #993300;
}

h2{
color: #996600;
font-size: 1em;
padding-left:5px;
margin: 10px;
}

h3{
margin: 10px;
font-weight:bold;
font-size:12px;
color: #660000;
border: 1px solid #FFCC66;
background:#CC6633;
padding: 3px;
text-align:center;
}

img.banner{
border: 1px solid #FFCC66;
margin-right:10px;
}

img.banner-r{
border: 1px solid #FFCC66;
margin-left:10px;
}

img.right{
float:right;
padding:3px;
border: 1px solid #003300;
margin:10px;
}

img.center{
padding:3px;
border: 1px solid #003300;
margin-left: 40px;
}

img.left{
float:left;
margin:0px 15px;
}

table{
width: 370px;
border: 1px dotted #993300;
text-align:left;
margin:10px 20px;
}

td{
padding: 6px;
border: 1px dotted #993300;
}