/* ######### Marker List Vertical Menu ######### */

.markermenu-plavo {
background: url(glavni-meni-glava-plavo.png) no-repeat left top;
width: 166px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
margin-top:5px;
margin-bottom:12px;
padding-top: 3px;
}

.markermenu-plavo ul{
list-style-type: none;
padding: 0;
margin:0;
border-top: 1px dotted #3974c9;
}

.markermenu-plavo ul li a{
background: #284ca0 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-bottom:4px;
padding-right:0;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #3974c9;
}

* html .markermenu-plavo ul li a{ /*IE6 hack*/
width: 146px;
}

.markermenu-plavo ul li a:hover, .markermenu-plavo ul li a.selected{
color: white;
background-color: #123162;
}

/* ######### Glavni meni - plavo 2 ######### */


.markermenu-plavo2 {
background: url(glavni-meni-glava-plavo2_napis.png) no-repeat left top;
width: 166px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
margin-top:5px;
margin-bottom:12px;
padding-top: 23px;
}

.markermenu-plavo2 ul{
list-style-type: none;
padding: 0;
margin:0;
border-top: 1px dotted #8aa4e0;
}

.markermenu-plavo2 ul li a{
background: #5c78b8 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-bottom:4px;
padding-right:0;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #8aa4e0;
}

* html .markermenu-plavo2 ul li a{ /*IE6 hack*/
width: 146px;
}

.markermenu-plavo2 ul li a:hover, .markermenu-plavo2 ul li a.selected{
color: white;
background-color: #3e568d;
}

/* ######### Glavni meni - zeleno ######### */


.markermenu-zeleno {
background: url(glavni-meni-glava-zeleno.png) no-repeat left top;
width: 166px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
margin-top:5px;
margin-bottom:22px;
padding-top: 3px;
}

.markermenu-zeleno ul{
list-style-type: none;
padding: 0;
margin:0;
border-top: 1px dotted #a1d53f;
}

.markermenu-zeleno ul li a{
background: #79ad17 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-left: 3px;
padding-bottom:4px;
padding-right:0;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #a1d53f;
}

* html .markermenu-zeleno ul li a{ /*IE6 hack*/
width: 146px;
}

.markermenu-zeleno ul li a:hover, .markermenu-zeleno ul li a.selected{
color: white;
background-color: #5f8616;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.podmeni-plavo li a{
background: #284ca0 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-bottom:4px;
padding-right:10px;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
text-align: left;
border-left: 1px dotted #8aa4e0;
border-bottom: 1px dotted #8aa4e0;
}

.podmeni-plavo li a:hover{
color: white;
background-color: #103a67;
}

.podmeni-plavo2 li a{
background: #5c78b8 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-bottom:4px;
padding-right:10px;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
text-align: left;
border-left: 1px dotted #8aa4e0;
border-bottom: 1px dotted #8aa4e0;
}

.podmeni-plavo2 li a:hover{
color: white;
background-color: #3e568d;
}

.podmeni-zeleno li a{
background: #79ad17 url(glavni_meni_krog.png) no-repeat 3px center; /*light gray background*/
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-bottom:4px;
padding-right:10px;
padding-top:4px;
padding-left: 20px;
text-decoration: none;
text-align: left;
border-left: 1px dotted #a1d53f;
border-bottom: 1px dotted #a1d53f;
}

.podmeni-zeleno li a:hover{
color: white;
background-color: #5f8616;
}