body 
{
    font-family:Verdana;
    font-size:small;
}
.baneri
{
    margin:0;
    padding:0 0 0 1px;
    

    }

.baneri a img
{
    border:none;
    
    }
#foterSpan
{
    float:right;
    padding:0 8px 0 0;
    font-size:x-small;
    }
#foterSpan a img
{
    border:none;
    
   
    padding:5px 0 0 0;
    
    }
#right_sidebar h4
{
    padding:30px 0 0 10px;
    margin:0;
    color:#00aff8;
    }
#right_sidebar h4 a
{
    color:#000066;
    
    
    }
#right_sidebar h4 a:hover
{
    color:#666666;
    border:1px s;
    
    }
.tekstovi
{

    padding:10px 10px 0 10px;
    margin:0;
    
    }
.pozadina
{
    width:258px;
    color:#333333;
    background-color:#F1F1F1;
    text-align:left;
    display:block;
    
    padding-left:4px;
    }

#flash_autogram
{
    width:190px;
    height:67px;
    display:block;
    float:left;
    margin:70px 0 0 -320px;
    }

.headerNav
{
    float:left;
    padding:25px 10px 0 0; 
    font-size:10pt;
    margin:0;
    
    
    }
.headerNav a
{
    color:#4977C2;
    border:none;
    text-decoration:none;
    
    }
.headerNav a:hover

{
    color:#666666;}
    
.headerKontaktLeft
{
    /*position:relative;*/
    width:185px;
    font-size:smaller; 
    float:right; 
    padding:0 15px 0 0; 
    text-align:right; 
    /*clear:both;*/ 
    margin:0;
    }
    
.headerKontaktLeft a
{
   color:#4977C2;
    border:none;
    text-decoration:none;
    }
.headerKontaktLeft a:hover
{
   color:#666666; }
   
.headerKontaktRight
{
    font-size:smaller; 
    float:right;
    width:165px; 
    padding:0 5px 0 0; 
    text-align:left; 
    
    margin:0;
    }
    
.headerKontaktRight a
{
   color:#4977C2;
    border:none;
    text-decoration:none;
    }
.headerKontaktRight a:hover
{
   color:#666666; }
   
.autor
{
    float:left;
    width:130px;
    padding:0 2px 5px 5px;
    
       
    }
.fotka
{
    float:left;
    
    }
.fotka a img
{
    border:none;
    }
.opsirnije
{
    clear:both;
    float:right;
    padding:0 10px 0 0;
    margin:0;
    font-size:small;
    }
.opsirnije a
{
    color:#000066;
    }
.opsirnije a:hover
{
    color:#666666;
    }

.opsirnijeNaslov
{
    float:left;
    width:130px;
    padding:0 2px 5px 5px;
    font-weight:bold;
    
    }
.opsirnijeNaslov a
{
    color:#666666;
    text-decoration:none;
    }
.opsirnijeNaslov a:hover
{
    color:#000066;
    }    
    
.izlozbe
{
    font-size:x-small;
    padding:0 0 0 5px;
    margin:0;
    }
.izlozbe span
{
    padding:0 0 0 10px;
    color:#666666;
    }
.datumIzlozbe
{
    
    font-size:x-small;
    font-weight:bold;
    padding:4px 0 4px 5px;
    margin:0;
    }
.datumIzlozbe a
{
    color:#000066;
    }
.datumIzlozbe a:hover
{
    color:#666666;
    }

.novost
{
    clear:both;
    float:left;
    margin:0 0 20px 0 ;
    padding:0 0 5px 0;
    width:616px;
    border-bottom:1px dotted #666;
    
    }


.naslov
{
    
    float:left;
    width:450px;
    margin:0 0 0 5px;
    padding:0;
    }
.naslov a
{
    color:#666666;
    text-decoration:none;
    }
    
.naslov a:hover
{
    color:#000066;
    }
.opis
{
    font-size:small;
    text-align:justify;
    padding:0;
    margin:0;
    }

.slika
{
    
    width:140px;
    float:left;
    clear:both;
    padding:0;
    margin:3px 0 0 0;
   
    }
.slika a img
{
     border:solid 1px #00aff8;
     padding:2px;
    
    }

.bezSlike
{
    
    clear:both;
    float:left;
    margin:0;
    padding:0;
    width:518px;
   
    }
.datumNovosti
{
    float:left;
    clear:both;
    display:block;
    padding:0;
    font-size:x-small;
    color:#666666;
    width:140px;
    
    
    }

.opsirnijeNovost
{
    clear:both;
    float:left;
    margin:0;
    padding:0;
    width:608px;
    text-align:right;
    
    }    
    
.linija
{
    clear:both;
    width:618px;
    
    padding:0;
    margin:0;
    float:left;
    
    
    }
 .sadrzajPrveNovosti
 {
    

    background-color:#F8F8F8; 
    font-size:small; 
    text-align:justify; 
    padding:3px; 
    margin:5px 0 0 0; 
    clear:both; 
    float:left;
    width:607px;
    
    
    } 
    .sadrzajPrveNovosti a
{
    color:#000066;
    }
.sadrzajPrveNovosti a:hover
{
    color:#666666;
    } 
    
     .sadrzajOstalihNovosti
 {
  
    } 
    .sadrzajOstalihNovosti a
{
    color:#000066;
    }
.sadrzajOstalihNovosti a:hover
{
    color:#666666;
    } 
 
.arhivaNovosti
{
    clear:both;
    text-align:center;
    padding-bottom:5px;
    }
    
    
.arhivaNovosti a
{
    color:#000066;
    }
.arhivaNovosti a:hover
{
    color:#666666;
    }

.preporuke_naslov
{
    width:300px;
    float:left;
    margin:0;
    padding:5px 8px 0 8px;
    font-size:small;
    }
.preporuke_naslov span
{
    
    font-style:italic;
    
    }

.notacija
{
    clear:both;
    float:left;
    margin:2px 0 0 5px;
    padding:0;
     width:508px;
    }

    
.preporuke_slika
{
    clear:both;
    float:left;
    margin:3px 5px 3px 0;
    
    }
.preporuke_slika a img{border:none;}
.preporuke_text
{
    
    /*float:left;*/
    font-size:small;
    text-align:justify;
    padding:0;
    margin:0;
   
    
    }
    
.back
{
    clear:both;
    float:left;
    width:500px;
    margin-top:25px;    
    font-size:small;
    text-align:center;
    
    }
.back a{color:#14b2ef;}
.back a:hover
{
    color:#14b2ef;}


    
/*Arhiva novosti*/    
.novosti 
{
   text-align:left;
   padding:0 0 0 25px;
   font-size:small;
   color:#000066;
   text-decoration:underline;
    
    }
.novosti a
{
    color:#000066;
   text-decoration:underline;
    }
.novosti a:hover
{
    color:#666666;
    }
    
/*Arhiva novosti - detalji novosti*/
.detaljiArhivNovosti
{
    border:#CCCCCC 1px solid; 
    background-color:#F2F2F2; 
    font-size:small; 
    text-align:justify; 
    padding:5px; 
    margin:5px 0 5px 3px; 
    clear:both; 
    float:left;
    width:520px;
    }
/*Arhiva izlozbi*/
.arhivaIzlozbi
{
    font-size:x-small;
    padding:2px 5px 0 5px;
    margin:0 0 5px 0;
   
    } 
.arhivaIzlozbi a
 {
    color:#000066;
    }
    
.arhivaIzlozbi a:hover
{
    color:#666666;   
    }    
    
/*Bibliobus*/
.datum
{
    padding:5px 0 0 5px; 
    margin:0 0 0 5px; 
    font-size:small; 
    font-weight:bold; 
    color:#999999;
    }
.datum span
{
    padding:0 0 0 20px;
    }
    
.lokacije
{
    padding:5px 0 0 25px;
    margin:0 0 0 5px;
    font-size:small;
    color:#999999;
    font-weight:bold;
    
    }
.lokacije span
{
    font-size:small;
    padding:0 0 0 15px;
    color:Black;
    }
    

#galerija
{
    width:470px;
    margin:10px 0 0 30px;
    padding:0;
    clear:both;
    float:left;
    
    
    }
    
#galerija ul
{
    width:470px;
    float:left;
    margin:0;
    padding:0;
    
    
    }
    
#galerija ul li
{
    
    width:130px;
    
    display:inline;
    margin:10px 0 0 25px;
    list-style:none;
    float:left;
      
    }
    
#galerija ul li a img
{
    border:none;
    }

.fotka_gal
{
    width:130px; 
    height:135px; 
    margin:0; 
    padding:0; 
    display:block;
    
    }    
    
#pitanja
{
    
    width:490px;
    float:left;
    clear:both;
    padding:0;
    margin:10px 0 0 10px; 
        
    }
 .pitanjeHr 
 {
    width:490px;
    clear:both;
    float:left;
    display:block;
    
    }   
.pitanje
{
   width:475px;
   clear:both;
   float:left;
   margin:0;
   padding:0;
   color:#666666; 
    
    }
    
.odgovor
{
    clear:both;
    float:left;
    width:475px;
    margin:0;
    padding:0;
    
    }  
 
 
 #linkovi
 {
    
    width:470px;
    clear:both;
    float:left;
    margin:15px 0 0 30px;
    padding:0;
       
    }
    
#linkovi a
{
    color:#000066;
    border:none;
    text-decoration:none;
    }  

#linkovi a:hover
{
    color:#666666;
    }
    
.formaPitanja
{
    clear:both;
    float:left;
    margin:15px 0 5px 10px;
    padding:0;
    }
    
.formaPitanja a
{
    text-decoration:none;
    color:#000066;
    }
    
.formaPitanja a:hover
{
    text-decoration:none;
    color:#666666;
    }
    
    
    
    
.ostale_preporuke
{
    clear:both; 
    float:left; 
    width:450px; 
    margin:15px 0 0 15px; 
    padding:0;
    }
    
.ostale_preporuke table tr td a
{
    text-decoration:none;
    color:#000066;   
    }
    
.ostale_preporuke table tr td a:hover
{
    text-decoration:none;
    color:#666666;   
    }
    
    
.tekst
{
    
    width:618px;
    clear:both;
    float:left;
    padding:0;
    margin:10px 0 5px 10px;
    text-align:justify;
            
    }
    
.tekst a
{
    text-decoration: none;
    color: #00acf6;
    font-weight: bold;
}
    
.tekst a:hover
{
    text-decoration:none;
    color:#ccc;     
    }
    
.tekst p
{
    margin:5px 0 5px 0;
    padding:0;
    }




/*Reorder List*/
.dragHandle {
	position:relative;
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#000000;
}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}



/*------Županijska matična služba linkovi ----------*/

#zms_linkovi
{
    width:516px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    }
    
#zms_linkovi_left
{
    width:250px;
    float:left;
    margin:0;
    padding:0;
    
    
    }
    
#zms_linkovi_right
{
    width:246px;
    float:left;
    margin:0;
    padding:0;
    }

#zms_linkovi_right ul
{
    width:246px;
    margin:10px 0 0 0;
    padding:0;
    border:solid 1px #cccccc;
    }
    
#zms_linkovi_right ul li
{
    list-style:none;
    height:21px;
    background-color:#00ADEF;
    border-bottom:solid 1px #cccccc;
    padding:3px 0 0 8px;
    color:#FFFFFF;
   
    }
    
#zms_linkovi_right ul li a
{
     font-size:x-small;
    font-weight:bold;
    color:#FFFFFF;
    
    }
    
#zms_linkovi_right ul li a:hover
{
    
    text-decoration:underline;

        
    
    
    }
    
 .slika_iz_knjiznica
 {
    float:left;
    width:135px;
    margin:0 5px 2px 0;
    padding:0;
    }
    
 .slika_iz_knjiznica a img
 {
    border:solid 2px #CCCCCC;
    margin:0;
    padding:0;
    }
    
    
.datumVijestiIzKnjiznica
{
    }
.linkVijestiIzKnjiznica
{
    padding:0 0 0 25px;
    }
    
    
    
    
    
    
    
    /*
    STILOVI KALENDARA DOGAĐANJA
*/


	#calendar {
		width: 525px;
		margin: 0 auto;
		}

#kalendar
{
    clear:both;
    float:left;
    width:248px;
    display:block;
    margin:6px 0 0px 6px;
    padding:0;
    }

.myCalendar {
    background-color: #efefef;
    width: 248px;
}

/*
    Common style declaration for hyper linked text
*/
.myCalendar a {
    text-decoration: none;
}

/*
    Styles declaration for top title
    [TitleStyle] [CssClass] = myCalendarTitle
*/
.myCalendar .myCalendarTitle {
    font-weight: bold;
    background-color:#00aff8;
}

/*
    Styles declaration for date cells
    [DayStyle] [CssClass] = myCalendarDay
*/
.myCalendar td.myCalendarDay {
    border: solid 2px #fff;
    border-left: 0;
    border-top: 0;
}

/*
    Styles declaration for next/previous month links
    [NextPrevStyle] [CssClass] = myCalendarNextPrev
*/
.myCalendar .myCalendarNextPrev {
    text-align: center;
}

/*
    Styles declaration for Week/Month selector links cells
    [SelectorStyle] [CssClass] = myCalendarSelector
*/
.myCalendar td.myCalendarSelector {
    background-color: #fff;
}

.myCalendar .myCalendarDay a,
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a {
    display: block;
    line-height: 18px;
}

.myCalendar .myCalendarDay a:hover,
.myCalendar .myCalendarSelector a:hover {
    background-color: #cccccc;
}

.myCalendar .myCalendarNextPrev a:hover {
    background-color: #fff;
}



.ikoneibrojac {

    width:350px;
    height:80px;
    display:block;
    float:right;
    border:;

}


.brojacPosjeta
{
    width:150px;
    height:40px;
    display:block;
    float:right;
    margin:3px 10px 3px 0;
    font-size:12px;
    text-align:right;
    color:#00aff8;
    
    }

.brojacPosjeta span
{
    color:#000;
     
}
    
.ikone
{
    width:200px;
    height:40px;    
    display:block;
    float:right;
    margin:3px 10px 3px 0;
    font-size:10px;
    text-align:right;
    color:#00aff8;
    
} 
    
#css_vertical_menu{
width:200px;
list-style:none;

} 


#css_vertical_menu a{

color:#666;
display:block;
text-decoration:none;
font-size:11px;
line-height:1.8em;
padding:4px;
border-bottom:1px dotted #ccc;
margin-left:-25px;
text-align:left;

} 


#css_vertical_menu a:hover{

b/ackground-color:#fff;
padding:4px;
color:#13b3ef;

} 



.menuleft1 {
	background:url(../images/menubg.jpg) no-repeat;
	height:440px;
	width:260px;
	margin:30px 0 0 7px;

}



.menuleft2 {
	background:url(../images/menubg2.jpg) no-repeat;
	height:300px;
	width:260px;
  margin:15px 0 30px 7px;
}



.menuleft3 {
	background:url(../images/menubg3.jpg) no-repeat;
	height:730px;
	width:260px;
	margin:30px 0 0 7px;
	padding-left:10px;

}

.menutop {
clear:both;
	background:url(../images/menutop.jpg) no-repeat;
	height:42px;
	width:248px;
	margin:0px 0 0 -6px;
	padding-left:10px;

}


.menuleft_naslov {

color:#fff;
padding:18px 0 0 18px ;
font-weight:bold;

}