#navigation{
margin: 0 auto;
height: 37px;
list-style: none;
}
#navigation li{
float: left;
margin: 0px 0px 0px 0px;
text-align: center;
height: 37px;
}
#navigation li.separator{
width: 1px;
background: url(../pics/navigationBorder.gif) no-repeat 0 0;
}
#navigation li a{
display: block;
height: 26px;
padding: 11px 3px 0px 3px;
width: 120px;
font: 12px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
}
#navigation li a:hover{
text-decoration: none;
background:#3c5f89; 
}
/*---------------------------   DROP DOWN MENU    --------------------------------------*/
ul#navigation ul{
margin:0;
float: left;
width: 200px;
list-style: none;
line-height: 1em;
font-weight: normal;
}
/*#navigation a{
font-weight:normal;
text-align:center;
display: block;
width:100%;
color: #000;
text-decoration: none;
padding:2.6em 0em 0em 0em;
}
*/




#navigation ul li{
/*background: url(/slike/nav_a_bg.gif) repeat 0 0;*/
/*padding-left: 10px;*/
}
#navigation ul li a{
width: 200px;
text-align:left;
height: 19px;
/*w\idth: 4em;*/
/*padding-left: 10px;*/
/* omogueit ako hoau ikone!! 
margin-left:0em;
*/
}
#navigation li ul{
position: absolute;
left: -999em;
height: auto;
width: 200px;
font-weight: normal;
background:#3c5f89; 
z-index: 999;
}
#navigation li li {
width: 170px;
}
#navigation li ul ul {
/*margin: -1.9em 0 0 21em;*/
}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
left: -999em;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
left: auto;
}
ul#navigation ul li:hover ul a,
ul#navigation ul li.sfhover ul a{
/*background-color: #FAF8F3;*/
border: none;
}
ul#navigation ul li:hover a,
ul#navigation ul li.sfhover a,
ul#navigation ul li:hover ul li:hover a,
ul#navigation ul li.sfhover ul li.sfhover a,
ul#navigation ul li:hover,
ul#navigation ul li.sfhover {
/*background-color:#89A7D8;*/
border: none;
}
ul#navigation li:hover , ul#navigation li.sfhover {
/*background-color: #89A7D8;*/
border: none;
}
#navigation li ul{
background:#3c5f89; 
}
#navigation li ul li{
background:#3c5f89;
}
#navigation li ul li a, #navigation li ul li a.first{
background:#3c5f89; 
display: block;
height: 20px;
padding: 10px 0px 6px 10px;
width: 190px;
font-weight: normal;
text-decoration: none;
color: #fff;
border-top: solid 1px #fff;
}
#navigation li ul li a.first{
border-top: solid 1px #3c5f89;
}
#navigation li ul li a:hover{
/*background: #708aa4 url(slike/nav_strelica.gif) no-repeat 150px 7px;*/
display: block;
height: 20px;
padding: 10px 0px 6px 10px;
width: 190px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
background: #29496f;
border-top: solid 1px #fff;
}
#navigation li ul li a.first:hover{
border-top: solid 1px #29496f;
}
/*--------------- USER NAVIGATION -------------*/
#ulUserNavigation{
width: 150px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
list-style: none;
}
#ulUserNavigation li{
margin-bottom: 5px;
background: url(/slike/btn_user_bg.gif) no-repeat 0 0;
}
#ulUserNavigation li a{
display: block;
width: 100px;
height: 22px;
font-size: 11px;
text-decoration: none;
color: #000;
padding-left: 40px;
padding-top: 10px;
padding-bottom: -13px;
}
#M_1{
background: url(/slike/btn_user_izlaz.gif) no-repeat 10px 50%;
}
#M_1:hover{
background: url(/slike/btn_user_izlaz.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_2{
background: url(/slike/btn_user_profil.gif) no-repeat 10px 50%;
}
#M_2:hover{
background: url(/slike/btn_user_profil.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_3{
background: url(/slike/btn_user_kosarica.gif) no-repeat 10px 50%;
}
#M_3:hover{
background: url(/slike/btn_user_kosarica.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_4{
background: url(/slike/btn_user_ponude.gif) no-repeat 10px 50%;
}
#M_4:hover{
background: url(/slike/btn_user_ponude.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_5{
background: url(/slike/btn_user_racuni.gif) no-repeat 10px 50%;
}
#M_5:hover{
background: url(/slike/btn_user_racuni.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_6{
background: url(/slike/btn_user_otpremnice.gif) no-repeat 10px 50%;
}
#M_6:hover{
background: url(/slike/btn_user_otpremnice.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#M_7{
background: url(/slike/btn_user_djeleomicno.gif) no-repeat 10px 50%;
}
#M_7:hover{
background: url(/slike/btn_user_djeleomicno.gif) no-repeat 10px 50%;
text-decoration: underline;
}
#tblProfil, #tblProfil2, #tblProfil3 {
width: 638px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
background-color: #f9f9f9;
}
#tblProfil td, #tblProfil2 td, #tblProfil3 td{
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
height: 25px;
padding-left: 10px;
padding-right: 10px;
}
#tblProfil td.first, #tblProfil2 td.first, #tblProfil3 td.first{
width: 320px;
}
#tblProfil td.categories, #tblProfil2 td.categories, #tblProfil3 td.categories{
width: 150px;
}
#tblProfil td input, #tblProfil2 td input, #tblProfil3 td input{
width: 150px;
padding: 2px 5px 2px 5px;
}
#tblProfil td input.long, #tblProfil2 td input.long, #tblProfil3 td input.long{
width: 180px;
}
#spnPageTitle{
font-size: 16px;
font-weight: normal;
width: 638px;
display: block;
border-bottom: 2px solid #3E5975;
color: #3E5975;
}
#spnPageTitle1{
font-size: 16px;
font-weight: normal;
display: block;
border-bottom: 2px solid #3E5975;
color: #3E5975;
}
#spnPageTitle2{
font-size: 16px;
font-weight: normal;
display: block;
border-bottom: 2px solid #3E5975;
color: #3E5975;
}
#tblTipPlacanja input{
border: none;
}
.spnPageActive{
font-weight: normal; 
font-size: 14px;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}
#divNacinPlacanja{
background-color: #f1f1f1;
border: 1px solid #cccccc;
width: 630px;
}
#divPodaciPonude{
background-color: #f1f1f1;
border: 1px solid #cccccc;
width: 630px;
}
#divPlacanjePodaci{
background-color: #f1f1f1;
border: 1px solid #cccccc;
width: 625px;
}
#divIframe{
background-color: #fff;
}
#tblUserData tr td{
height: 25px;
}
#tblCardData{
margin-top: 5px;	
}
#tblCardData tr td{
font-weight: normal;
font-size: 12px;
text-align: center;
height: 30px;
}
#tblCardData tr td input{
text-align: center;
padding: 3px 5px 4px 5px;
font-size: 12px;
font-weight: normal;
}
#tblCardData tr td select{
font-size: 12px;
}
.naslovRubrike{
font-weight: normal;
font-size: 14px;
margin: 10px 0 0 5px;
}
#imgLoader{
margin: 5px 0 8px 0;
}


#navigation li:hover>ul { display: block; }