#podrocjaContainer {
    position:relative;
    float:left;
    width:100%;
    height:auto;
}
#podrocjeTitle {
    position:relative;
    float:left;
    width:100%;
    height:auto;
}
#podrocjaList {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    margin-top:10px;
}
.podrocjaItem {
    position:relative;
    float:left;
    width:100%;
    border-bottom:1px solid #dedede;
    padding-top:4px;
    padding-bottom:4px;
}
.podrocjaItem:hover {
    position:relative;
    float:left;
    width:100%;
    border-bottom:1px solid #dedede;
    padding-top:4px;
    padding-bottom:4px;
    background:#f2f2f2;
}
.imePodrocja {
    position:relative;
    float:left;
    width:90%;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    padding-left: 5px;
}
.imePodrocja:hover {
    text-decoration:none;
}
.imePodrocja p{
    margin-left:5px;
}
.arrowImage {
    position:relative;
    float:left;
    width:5%;
    margin-left:2px;
}

.arrowImageLeft {
    position:relative;
    float:left;
    width:3%;
    margin-left:6px;
}
/*****PREGLED PODROCJA*/
.urbangreymenu{
    width:204px;
}

.headerbar p {
    border-bottom:1px solid #dedede;
}

.headerbar a {

    display: block;

    font-size:11px;

    font-weight:bold;
    text-decoration:none;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 5px;

}


.selected {
    background: #f2f2f2 url(../Images/common/arrow_blue_down.png) no-repeat 190px 7px; /*last 2 values are the x and y coordinates of bullet image*/
    color: #1c69b1;
}
.collapsed {
    background: #FFF url(../Images/common/arrow_blue.png) no-repeat 192px 7px; /*last 2 values are the x and y coordinates of bullet image*/
}

.urbangreymenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;

    padding-left: 8px; /*link text is indented 8px*/
    text-decoration: none;

    font-size:11px;
}

.urbangreymenu ul li a:visited{
    /*color: #1c69b1 !important;
    font-weight: bold !imporant;*/
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
    /*color: #333232;*/
    background: #f2f2f2;
}
.urbangreymenu ul li a:active{ /*active state CSS*/
    color: #1c69b1;
    background: #f2f2f2;
}
.urbangreymenu ul li a:focus{ /*active state CSS*/
    color: #1c69b1;
    background: #f2f2f2;
}
.active {
    color: #333232;
    background: #f2f2f2;
}
.submenu ul li:active {
     color: #333232;
    background: #f2f2f2;
}

/*spodnja črta*/
ul.submenu {
    border-bottom:1px solid #dedede;
}