/*
#393a3d << siva
#800000 << bordo
#d45500 << orange
#81c1da << svetlija plava
#2d7b9a << plava
*/


/* MAIN ELEMENTS */
#ie6{
background:#FFE8E8;
border:2px solid maroon;
margin:20px; padding:10px;
font-size:18px;
}
body{
background: #ccc url('img/bg.png') repeat-y;
color: #393a3d;
font-family: Tahoma, Arial, Verdana;
font-size: 13px;
text-align: center;
}

a{
color: #d45500;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #d45500;
text-decoration: underline;
font-weight: bold;
}

a:visited{
color: #d45500;
}

img{
border: none;}

table, p{
text-align: left;}

.top{
float: right;
text-align: right;}

/* DIVS */
 
/* HEADER */

#header_wrapper{
height: 180px;
position: relative;
background: white;
border: 2px solid #999;
width: 1000px;
margin: 0 auto;
text-align: center;

}

#header{
text-align: center;
margin: 5px;
height: 170px;
position: relative;
background: transparent url('img/header.png') repeat-x;
}

/* MENU */
#menu{
height: 35px;
float: left;
left: 250px;
position: relative;
}

#menu_left{
width: 15px;
height: 35px;
background: transparent url('img/menu_left.png') no-repeat;
float: left;
}

.stavka{
height: 35px;
background: transparent url('img/menu_bg.png') repeat-x;
padding: 0 20px;
float: left;
padding-top: 7px;
}

.selected, .stavka:hover{
height: 35px;
background: transparent url('img/menu_selected.png') repeat-x;
padding: 0 20px;
float: left;
padding-top: 7px;
color: white;
}

.separator{
height: 35px;
width: 1px;
background: transparent url('img/menu_sep.png') no-repeat;
float: left;
}

#menu_right{
width: 15px;
height: 35px;
background: transparent url('img/menu_right.png') no-repeat;
float: left;
}

#menu a{
font-weight: bold;
color: #246e8b;
}

/* CONTENTS */

#contents_wrapper{
position: relative;
background: white;
border: 2px solid #999;
width: 1000px;
margin: 1em auto;
text-align: center; overflow:hidden;
}

#contents{
padding: 1em 2em;
text-align: center;
margin: 5px;
position: relative;
background: #EEE;
  min-height:100px;

overflow:hidden;
}


.column{
position: relative;
float: left;
}

/* FOOTER */

#footer_wrapper{
min-height: 80px;
position: relative;
background: white;
border: 2px solid #999;
width: 1000px;
margin: 0px auto;

}

#footer{
text-align: center;
margin: 5px;
min-height: 50px;
position: relative;
background: #333;
padding: 8px;
font-size: 10px;
color: white;
}

#footer a{
font-size: 10px;
color: white;
font-weight: normal;
text-decoration: none;
}

#footer a:hover{
font-weight: bold;
}

/* GALERIJA */
.slika{
float: left;
height: 180px;
width: 100px;
margin: 0 15px 15px 15px;
padding: 10px;
position: relative;
background: url('images/bg_slike.png') repeat;
}

.slika:hover{background: silver;color:black;text-decoration:none;font-weight:normal;}

.slika a{
font-size: 11px;
text-decoration: none;
font-weight: normal;
color: gray;
}

.slika a:hover{
font-size: 11px;
text-decoration: none;
font-weight: normal;
color: black;
}

.slika a:hover{color: black;}

.thumb{
float: left;
height: 110px;
width: 100px;
position: relative;
display:table-cell;
}