/*----------------------- MAIN STUFF -----------------------*/
body{
background: #ececec url('../img/bg.png') repeat-x 0 210px;
margin: 0;
font-size: 11px;
font-family: Verdana, Arial,Tahoma;
text-align: center;
color: #333
}

a{color: gray;}
a:visited{color: gray;}
a:hover{
color: black;
text-decoration: none;
}

img{ border: none; }

p{text-align:justify}
/*----------------------- CLASSES -----------------------*/
.fl{position: relative;float: left}
.fr{position: relative;float: right}
.tr{text-align:right}
.tl{text-align:left}
.tc{text-align:center}
.tj{text-align:justify}
/*----------------------- WRAPPER -----------------------*/
#wrapper{
position: relative;
margin: 5px auto 20px auto;
width: 950px;
overflow: hidden;
text-align: center;
}
/*----------------------- CONTENT -----------------------*/
#cont{
width: 950px;
position: relative;
text-align: center;
float:left;
}
#cont1{
background: white url('../img/cont-1.png') no-repeat;
width: 950px;
height: 55px;
float:left;
position: relative;
}
#cont2{
background: white url('../img/cont-2.png') repeat-y;
width: 950px;
float:left;
position: relative;
}
#cont3{
background: white url('../img/cont-3.png') no-repeat;
width: 950px;
height: 55px;
position: relative;
float:left;
}
#cont3 p{
font-size: 10px;
position:relative;
top:13px;
}
/*----------------------- MENU -----------------------*/
#menu{
width: 870px;
height: 168px;
position: relative;
margin: 0 auto 10px auto;
border-bottom: 1px dashed gray;
}
#menu a{
text-decoration: none;
color: #888;
}
#menu a:hover{
color: #444;
}
#menu ul{margin:0}
#menu ul li{
cursor: pointer;
height: 17px;
margin: 0;
background: white url('../img/menubullet.png') no-repeat;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding:0 17px 0 18px;
list-style-type:none;
float:left;
}
/*----------------------- LOGO -----------------------*/
#logo{
width: 870px;
height: 90px;
background: white url('../img/logo.png') no-repeat;
position: relative;
float: left;
}
/*----------------------- LINKOVI -----------------------*/
#linkovi{
height: 19px;
position: relative;
float: right;
margin:7px 0;
}
/*----------------------- ZVEZDE -----------------------*/
#zvezde_desno{
width: 870px;
height: 24px;
background: white url('../img/zvezde-desno.png') no-repeat right;
position: relative;
float: left;
}

#zvezde_levo{
width: 870px;
height: 24px;
background: white url('../img/zvezde-levo.png') no-repeat left;
position: relative;
margin: 0 auto;
}
/*----------------------- BRENDOVI -----------------------*/
#brendovi{
height: 20px;
position: relative;
float: left;
text-align:left;
margin: 0;
}

#brendovi a{
text-decoration: none;
color: #555;
}
#brendovi a:hover{
color: black;
}
#brendovi ul{margin:0}
#brendovi ul li{
height: 17px;
margin: 0 4px 0 0;
background: white url('../img/menubullet.png') no-repeat;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
padding:0 0 0 14px;
list-style-type:none;
}

#slide {position:absolute; bottom:0; height:3px; background-color: #555;; z-index:10}
/*----------------------- STRAFTA -----------------------*/
#strafta{
width: 870px;
position: relative;
padding-bottom: 10px;
margin: 0 auto 5px auto;
border-bottom: 1px dashed gray;
}
/*----------------------- MAIN -----------------------*/
#main{
width: 840px;
margin: 0 auto;
overflow: auto;
position: relative;
}
/*----------------------- DOWNMENU -----------------------*/
#downmenu{
width: 870px;
margin: 0 auto;
position: relative;
padding-top:20px;
}
/*----------------------- FOOTER -----------------------*/
#footer{
width: 950px;
font-size: 9px;
position: relative;
float: left;
}
/*----------------------- REFERENCE -----------------------*/
.reference{
padding-left: 20px;
width: 150px;
margin: 3px 0;
text-align: left;
position: relative;
float: left;
min-height: 16px;
background: white url('../img/star.png') no-repeat;
}
/*----------------------- GALLERIJA -----------------------*/
.slika{
width: 100px;
height: 100px;
margin: 20px;
position: relative;
float: left;
}
.slika:hover{background: silver}
.slika a{text-decoration: none;}

/*----------------------- CENOVNIK -----------------------*/
#cenovnik{margin:0 auto;}
#cenovnik td{border:1px solid gray;padding:2px 10px;vertical-align:bottom}
#cenovnik tr:hover{background-color:#ddd}      

/*----------------------- POZADINA -----------------------*/
.bg_help{
top: 150px;
width:30px;
height:100px;
}
/*----------------------- NEWS -----------------------*/
.news{
background: white url('../img/post.jpg') no-repeat right top;
}