body { margin: 0px; padding: 0px; font-family: "Courier New"; color: #000; }
* html body { }

body.index { background: url(Images/podloga-zagreb.jpg) fixed; }

form { margin: 0px; padding: 0px; }

/*********************** text styles ***************************/

h1 { font: bold 160% "Courier New"; padding-left: 5px; background: #fff; }
h2 { font: bold 110% "Courier New"; padding-left: 5px; background: #fff; float: left; }

.h2 { font: bold 105% "Courier New"; padding-left: 5px; background: #fff;   }



p { color: #000; font-size: 80%; }
span { color: #000; font-size: 80%;}

ol { color: #000; font-size: 80%; margin-left: 10px; }
* html ol { margin-left: 50px; }
/*
ul { color: #000; font-size: 80%; margin-left: 10px; }
* html ul { margin-left: 50px; }
*/


/************************* header divs *****************************/
#header { width: 878px; margin-top: 0px; padding-top: 0px; }
#header a { text-decoration: none; }


/**************************** top menu divs ******************************/


#header a { background-repeat: no-repeat; margin-top: 0px; padding-top: 0px; }

.proj { float: left; width: 25px; height: 80px; background-image: url(Images/nav-projekti.gif); margin-right: 10px; }

.lang { float: left; display: block; margin: 0px; padding: 0px; width: 90px; height: 25px; }
.lang img { border: 0px; margin: 0px; padding: 0px; }


/**************************** content divs ******************************/

#content { width: 838px; margin-top: 0px; padding-top: 0px; padding-top: 10px; margin-bottom: 0px; padding-bottom: 0px;  }




/************************* footer divs *****************************/
#footer { width: 838px; margin-bottom: 20px; }
#footer img  { border: 0px; } 

#footer p { color: #000; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; background: #fff; }
#footerL { float: left; width: 320px; height: 90px; }
#footerD { float: left; width: 518px; height: 90px; }

/************************ left Intro div ******************************/

#left { font: 100% "Courier New" , Courier, mono; width: 320px; float: left; }

#nav { margin: 0px; padding: 0px; }


#nav li { margin-bottom: 5px; }



/* hrvatski izbornik */

#nav li a.lnk_84 { padding-bottom: 5px; display: block; width: 220px; height: 40px; text-indent: -9999px; background-image: url(images/nav/kraljevi-ulice.gif); background-repeat: no-repeat; }
#nav li a.lnk_84Act { padding-bottom: 70px; display: block; width: 220px; height: 40px; text-indent: -9999px; background-image: url(images/nav/kraljevi-ulice_act.gif); background-repeat: no-repeat; }
#nav li a.lnk_84:hover { background-image: url(images/nav/kraljevi-ulice2.gif) }
* html #nav li a.lnk_84 { padding-bottom: 90px; }
* html #nav li a.lnk_84Act { padding-bottom: 90px; }


#nav li.li_84 div { margin-top: -65px; }
*html #nav li.li_84 div { margin-top: -60px; }

#nav li a.lnk_85 { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-1-1-cest.gif); background-repeat: no-repeat; }
#nav li a.lnk_85Act { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-1-3-cest.gif); background-repeat: no-repeat; }
#nav li a.lnk_85:hover { background-image: url(images/nav/nav-1-2-cest.gif); }

#nav li a.lnk_86 { display: block; width: 170px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-2-1-stross.gif); background-repeat: no-repeat; }
#nav li a.lnk_86Act { display: block; width: 170px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-2-3-stross.gif); background-repeat: no-repeat; }
#nav li a.lnk_86:hover { background-image: url(images/nav/nav-2-2-stross.gif); }

#nav li a.lnk_87 { display: block; width: 208px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-3-1-martin.gif); background-repeat: no-repeat; }
#nav li a.lnk_87Act { display: block; width: 208px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-3-3-martin.gif); background-repeat: no-repeat; }
#nav li a.lnk_87:hover { background-image: url(images/nav/nav-3-2-martin.gif); }

#nav li a.lnk_88 { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-4-1-markov.gif); background-repeat: no-repeat; }
#nav li a.lnk_88Act { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-4-3-markov.gif); background-repeat: no-repeat; }
#nav li a.lnk_88:hover { background-image: url(images/nav/nav-4-2-markov.gif); }

#nav li a.lnk_89 { display: block; width: 220px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-5-1-promenadni.gif); background-repeat: no-repeat; }
#nav li a.lnk_89Act { display: block; width: 220px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-5-3-promenadni.gif); background-repeat: no-repeat; }
#nav li a.lnk_89:hover { background-image: url(images/nav/nav-5-2-promenadni.gif); }

#nav li a.lnk_90 { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-press1.gif); background-repeat: no-repeat; }
#nav li a.lnk_90Act { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-press3.gif); background-repeat: no-repeat; }
#nav li a.lnk_90:hover { background-image: url(images/nav/nav-press2.gif); }
#nav li.li_90 { padding-top: 60px; }

#nav li a.lnk_116 { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-cestagram1.gif); background-repeat: no-repeat; }
#nav li a.lnk_116Act { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-cestagram3.gif); background-repeat: no-repeat; }
#nav li a.lnk_116:hover { background-image: url(images/nav/nav-cestagram3.gif); }

#nav li a.lnk_168 { display: block; width: 70px; height: 25px; text-indent: -9999px; background-image: url(Images/en.gif); background-repeat: no-repeat; }
#nav li a.lnk_168:hover { background-image: url(Images/en_o.gif); }

#nav li a.lnk_98 { display: block; width: 195px; height: 28px; text-indent: -9999px; background-image: url(images/home_hr_1.gif); background-repeat: no-repeat; }
#nav li a.lnk_98Act { display: block; width: 195px; height: 28px; text-indent: -9999px; background-image: url(images/home_hr_3.gif); background-repeat: no-repeat; }
#nav li a.lnk_98:hover { background-image: url(images/home_hr_2.gif); }

#nav li a.lnk_184 { display: block; width: 70px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-kontakt1.gif); background-repeat: no-repeat; }
#nav li a.lnk_184Act { display: block; width: 70px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-kontakt3.gif); background-repeat: no-repeat; }
#nav li a.lnk_184:hover { background-image: url(images/nav/nav-kontakt2.gif); }




/* engleski izbornik */

#nav li a.lnk_91 { padding-bottom: 70px; display: block; width: 348px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-kraljevi-ulice.gif); background-repeat: no-repeat; }
#nav li a.lnk_91Act { padding-bottom: 70px; display: block; width: 348px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-kraljevi-ulice.gif); background-repeat: no-repeat; }
#nav li a.lnk_91:hover { background-image: url(images/nav/en-kraljevi-ulice2.gif) }

#nav li.li_91 div { margin-top: -67px; }
*html #nav li.li_91 div { margin-top: -45px; }

#nav li a.lnk_92 { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-1-1-cest.gif); background-repeat: no-repeat; }
#nav li a.lnk_92Act { display: block; width: 165px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-1-3-cest.gif); background-repeat: no-repeat; }
#nav li a.lnk_92:hover { background-image: url(images/nav/nav-1-2-cest.gif); }

#nav li a.lnk_93 { display: block; width: 170px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-2-1-stross.gif); background-repeat: no-repeat; }
#nav li a.lnk_93Act { display: block; width: 170px; height: 40px; text-indent: -9999px; background-image: url(images/nav/nav-2-3-stross.gif); background-repeat: no-repeat; }
#nav li a.lnk_93:hover { background-image: url(images/nav/nav-2-2-stross.gif); }

#nav li a.lnk_94 { display: block; width: 232px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-3-1-martin.gif); background-repeat: no-repeat; }
#nav li a.lnk_94Act { display: block; width: 232px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-3-3-martin.gif); background-repeat: no-repeat; }
#nav li a.lnk_94:hover { background-image: url(images/nav/en-nav-3-2-martin.gif); }

#nav li a.lnk_95 { display: block; width: 147px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-4-1-markov.gif); background-repeat: no-repeat; }
#nav li a.lnk_95Act { display: block; width: 147px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-4-3-markov.gif); background-repeat: no-repeat; }
#nav li a.lnk_95:hover { background-image: url(images/nav/en-nav-4-2-markov.gif); }

#nav li a.lnk_96 { display: block; width: 231px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-5-1-promenadni.gif); background-repeat: no-repeat; }
#nav li a.lnk_96Act { display: block; width: 231px; height: 40px; text-indent: -9999px; background-image: url(images/nav/en-nav-5-3-promenadni.gif); background-repeat: no-repeat; }
#nav li a.lnk_96:hover { background-image: url(images/nav/en-nav-5-2-promenadni.gif); }

#nav li a.lnk_97 { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-press1.gif); background-repeat: no-repeat; }
#nav li a.lnk_97Act { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-press3.gif); background-repeat: no-repeat; }
#nav li a.lnk_97:hover { background-image: url(images/nav/nav-press2.gif); }
#nav li.li_97 { padding-top: 60px; }

#nav li a.lnk_119 { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-cestagram1.gif); background-repeat: no-repeat; }
#nav li a.lnk_119Act { display: block; width: 90px; height: 25px; text-indent: -9999px; background-image: url(images/nav/nav-cestagram3.gif); background-repeat: no-repeat; }
#nav li a.lnk_119:hover { background-image: url(images/nav/nav-cestagram3.gif); }

#nav li a.lnk_170 { display: block; width: 70px; height: 25px; text-indent: -9999px; background-image: url(Images/hr.gif); background-repeat: no-repeat; }
#nav li a.lnk_170:hover { background-image: url(Images/hr_o.gif); }

#nav li a.lnk_172 { display: block; width: 195px; height: 28px; text-indent: -9999px; background-image: url(images/home_en_1.gif); background-repeat: no-repeat; }
#nav li a.lnk_172Act { display: block; width: 195px; height: 28px; text-indent: -9999px; background-image: url(images/home_en_3.gif); background-repeat: no-repeat; }
#nav li a.lnk_172:hover { background-image: url(images/home_en_2.gif); }







#nav li ul li { margin: 0px; padding: 0xp; }


#nav li ul { margin: 0px; padding: 0px; }
#nav li ul { margin-bottom: 14px; margin-top: 14px; }


#nav li ul li { padding: 0px; margin: 0px; padding-bottom: 2px; margin-top: 2px; }
#nav li ul li a { font-size: 14px !important; color: #fff; font-weight: bold; text-decoration: none; background: #000; padding: 2px 10px 2px 10px; }

#nav li ul li a:hover { color: #626262; background: #000;  }

#nav li ul li a.linkA { color: #000; background: #fff; }
#nav li ul li a.linkA:hover { color: #000; background: #fff;  }


#nav li ul li ul { margin: 0px; padding: 0px; padding-top: 5px; list-style-type: none; }
#nav li ul li ul li { margin-left: 20px; }

#nav li ul li ul li a.linkSA { color: #000; background: #fff;  }
#nav li ul li ul li a.linkSA:hover { color: #000; background: #fff;  }


#nav li ul li ul li ul li {  padding-bottom: 2px; margin-top: 2px;}
#nav li ul li ul li ul li a {font-size: 70% !important; }
#nav li ul li ul li ul li a:hover { color: #626262; background: #000;  }


#nav li ul li ul li ul li a.linkSSA { color: #000; background: #fff;  }
#nav li ul li ul li ul li a.linkSSA:hover { color: #000; background: #fff;  }


/**************************** right div ********************************/

/*#right { float: right; width: 615px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 30px; margin-top: 64px; }*/
#right { float: right; width: 518px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 30px; margin-top: 60px; overflow: hidden; }
*html #right { margin-top: 79px; } 
#right span, #right span { background-color: #FFFFFF; padding: 0px; margin: 0px; line-height: 19px; }

#right span { color: #000; padding-left: 5px; padding-right: 5px; margin-bottom: 15px; background: #fff; }
#right p { margin: 0px; padding: 0px; }


#center { }

#right a:link, #right a:visited { color: #fff; font-size: 80%; text-decoration: none; background: #000; padding-left: 5px; padding-right: 5px; }
#right a:hover { color: #ccc; }

span a { font-size: 120% !important;  }




.clear { clear: both; }


h1.pageHeadline { float: left; padding-right: 3px; margin-bottom: 30px; }
h1.pageHeadline span { margin: 0px; padding: 0px; padding-right: 3px; margin-bottom: 30px; height: auto; font-size: 28px !important; line-height: 26px !important; }



span.centerContent { background-color: #FFFFFF; padding: 0px; margin: 0px; line-height: 19px; }
span span { font-size: 120%; }

.galTumb { text-align: left; float: left; padding-bottom: 20px; height: 160px; padding-right: 20px; }
* html .galTumb { height: 180px; }

.galTumb div { width: 180px;  }

.galTumb div img { background-color: Transparent; border: solid 3px #FFF; }
.galTumb a.imgLink { background-color: Transparent !important; border: 0px; }
.galTumb img { background-color: Transparent; }

a.imgLink img {  border: solid 3px #FFFFFF !important; }



a.imgLink { padding: 0px !important; margin: 0px !important; background-color: Transparent !important; }





a.hr { display: block; background-image: url(Images/hr.gif); width: 70px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; }
a.hr:hover { background-image: url(Images/hr_o.gif); }

a.en { display: block; background-image: url(Images/en.gif); width: 70px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; }
a.en:hover { background-image: url(Images/en_o.gif); }


.topImg { position: fixed; }

.topDivKralj { background: url(Images/Podloge/podloga-kraljevi.jpg) fixed; width: 900px; height: 600px;   }

body.kralj { background: url(images/Podloge/podloga_kralj.jpg) fixed; }

body.cesta { background: url(Images/podloga-zagreb.jpg) fixed; }

body.cest { background: url(images/Podloge/podloga_cest.jpg) fixed; }

body.mark { background: url(images/Podloge/podloga_mark.jpg) fixed; }

body.martin { background: url(images/podloge/podloga-margaretska.jpg) fixed; } 

body.press {  background: url(Images/podloga-zagreb.jpg) fixed; }  

body.prom { background: url(images/podloge/podloga-zrinjevac.jpg) fixed;  }

body.stross { background: url(images/podloge/podloga-stross.jpg) fixed; }




.home { background-color: #000; float: left;  }
.home {  }

.home a { display: block; width: 195px; height: 25px; text-indent: -9999px; }
.home a:hover {  }

.home a.lnk_hr { background-image: url(Images/home.gif); }
.home a.lnk_hr:hover { background-image: url(Images/home_o.gif); }
/*
.home a:hover { color: #ccc; }
*/

.hnSep { padding-bottom: 5px; }
* html .hnSep { padding-bottom: 20px; }
* html .hnhSep { padding-bottom: 30px; }

.listItems img { border: solid 3px #FFF;  }

.hnews {  background-repeat: no-repeat !important; background-position: 2px 1px !important; line-height: 23px !important; }
.tp1 { padding-left: 3px !important; }