/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:1; position:relative; width:960px; height:20px; z-index:211;padding:0}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:118px; font-size:11px; color:#fff; height:20px; line-height:20px; text-decoration:none; text-indent:4px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#7484ad;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-10px; left:80px; padding:10px 30px 30px 30px; background:transparent url(images/TransCist.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:12px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(images/SlikiGlavna/FlyLeft10.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(images/SlikiGlavna/DropDown10.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:10px; 
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
body { font-family:tahoma,verdana,georgia,; font-size:100%; color:#000;} 
p,table,ol,ul,li { font-family:verdana,tahoma,georgia, "times new roman", serif; font-size:100%; } 

.box { border: solid; border-width: thin; padding: 0.1em; } 

p.dropcap:first-letter { font-size: 2em; font-weight: bolder; float: left; color: teal; } 
.white { color:white; } 
.naslov {border-style: outset; border-width: 2px;border-color:##E4E4E4; font-size: 0.9em;font-weight:bold;margin:5px 100px;padding:4px;text-align:center} 
.naslovTesen {font-size:0.9em;font-weight:bold;color:Red; margin-top10:px;padding:0px;text-align:center} 
.podSlikaPrognozaTekst { font-size: 0.7em;color:teal;margin:0;padding 0px;text-align:center;} 
.podNaslovSliki { margin:0;padding:10px 0 10px;text-align:center;} 
.podNaslovTekst { font-size: 0.8em;margin:0;padding-left:25px;padding-top:2px;text-align:left;} 
.podNaslovTekstLista { font-size: 0.9em;margin:0;padding:35px} 
.hidden { visibility: hidden; } 
.indented { text-indent:20pt; } 
.NajaviNovosti {line-height:0.95em;font-size: 0.57em;}

li.NabrojLevo {list-style-type: circle;font-size: 0.9em;text-align:left;padding-left:10px;padding-top:2px;}
.NabrojLevoSub {list-style-type: square;font-size: 0.7em;line-hight:0.8em;text-align:left;padding-left:30px;padding-top:2px;}
.NabrojLevoR2 {list-style-type: circle;font-size: 0.9em;text-align:left;padding-left:10px;padding-top:2px;color:navy;}
.NabrojLevoSubR2 {list-style-type: square;font-size: 0.7em;line-hight:0.8em;text-align:left;padding-left:30px;padding-top:2px;color:navy;}
table
.ispaknat {border-style: outset; border-width: thin;border-color:#E4E4E4;text-align:center;font-family:verdana,tahoma,arial;}
tr
.tabNaslov {background-color:#FFCC99;font-size: 0.85em;line-height:1.1em}
.tabPodNaslov {background-color:#FFF1D2;font-size: 0.8em;}
.prvRed {background-color:#E4E4E4;font-size: 0.8em;line-height:1.2em}
.vtorRed {background-color:#F5F5F5;font-size: 0.8em;line-height:1.2em}
td
.prekuRadar {line-height:2em;position:relative;top:-3px;z-index:4}
.cent {text-align:center;}
div {border:0 solid black;background:white}
.ProzorGlaven {width:815px;margin:2;padding=3}
.ProzorZaIndex {margin:2;padding=3}
.ProzorZaLista {margin:2;padding=3;width:70%;}
.ProzorZaLista85 {margin:2;padding=1;width:85%;}
.backKopceGoreLevo {position: absolute; z-index: 1; margin: 5px 0px 0px 5px; padding: 1px;}
.backKopceGoreCentar {position: absolute; left:50%; z-index: 5; margin-top:45px ; padding: 2;}
.backKopceGoreDesno {position: absolute; right:3%; z-index: 1; margin-top: 0%; padding: 2;}
.meteoAl{position: absolute; z-index: 1000; margin: 100px 0px 0px 0px; padding: 1px;}

h1,h2,h3,h4,h5,h6 { font-family:tahoma,verdana,sans-serif; margin-top: 0.1em; margin-bottom: 0.1em;} 

h1 { font-size: 100%; color:blue} 
h2 { font-size: 90%; color:red} 
h3 { font-size: 80%; color:gray} 
h4 { font-size: 70%; text-align:center; color:silver} 
h5 { font-size: 75%; text-align:center; color:navy; font-weight: bold; } 
.NajaviNovosti {line-height:1em;font-size: 0.6em;color:black; font-weight: normal;}
/* za alarni i novosti naslovite */
h6 { font-size: 60%; color:teal} 

a:link { color: #00C; text-decoration:underline; } 
a:visited { color: #F30; text-decoration:underline; }
a:active { color: #000; background: #0F2; text-decoration:none; } 
/*a:hover { color: #faa; background: #09F; text-decoration:none; } */
b {font-weight: bold; } 
.svetlo  {color:white;}
.temno {color:black;}
hr { color:teal; width:600px; } 
.legal { font-family:georgia,serif; font-size:70%; font-style:italic; } 
.codesample { font-family:"Courier New", courier, monospace; font-size:90%;margin-left: 1em; } 
.codeinline { font-family:monospace; } 
.monosans { font-family:monaco, fixedsys, monospace; } 
.monoserif { font-family:"Courier New", courier, monospace; }

/* za opsto menija */
#hoverstranaZaNas ul#outer li div p {font-size:11px; line-height:12px; margin:5px 0 5px 0;}
#hoverstranaZaNas ul#outer li div h2 {line-height:1em; color:#585; font-size:1.15em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverstranaZaNas ul#outer li div h3 {line-height:1em; color:#66a; font-size:0.8em; font-weight:normal; margin-top:0;}
#hoverstranaZaNas ul#outer li div h3.clear {clear:left;}

#hoverstranaZaNas {width:650px; height:500px; border:1px solid #aaa; background:#fff; position:relative; z-index:100; overflow:hidden; text-align:left;}
#hoverstranaZaNas table {border-collapse:collapse; margin:-1px;}
#hoverstranaZaNas ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverstranaZaNas ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverstranaZaNas ul#outer li.page a.menuitem {text-decoration:none;}

#hoverstranaZaNas ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverstranaZaNas ul#outer li.p1 i {top:30px;}
#hoverstranaZaNas ul#outer li.p2 i {top:55px;}
#hoverstranaZaNas ul#outer li.p3 i {top:80px;}
#hoverstranaZaNas ul#outer li.p4 i {top:105px;}
#hoverstranaZaNas ul#outer li.p5 i {top:130px;}
#hoverstranaZaNas ul#outer li.p6 i {top:155px;}
#hoverstranaZaNas ul#outer li.p7 i {top:180px;}


#hoverstranaZaNas ul#outer li.page div {display:block; width:600px; height:500px; padding:25px; font-weight:normal; color:#444;}
#hoverstranaZaNas ul#outer li.p1 div {background:#fff url(images/ZaNas/st1_poz.jpg);}
#hoverstranaZaNas ul#outer li.p2 div {background:#fff url(images/ZaNas/st2_poz.jpg);}
#hoverstranaZaNas ul#outer li.p3 div {background:#fff url(images/ZaNas/st3_poz.jpg);}
#hoverstranaZaNas ul#outer li.p4 div {background:#fff url(images/ZaNas/st4_poz.jpg);}
#hoverstranaZaNas ul#outer li.p5 div {background:#fff url(images/ZaNas/st5_poz.jpg);}
#hoverstranaZaNas ul#outer li.p6 div {background:#fff url(images/ZaNas/st6_poz.jpg);}
#hoverstranaZaNas ul#outer li.p7 div {background:#fff url(images/ZaNas/st4_poz.jpg);}

#hoverstranaZaNas ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverstranaZaNas ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverstranaZaNas ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverstranaZaNas ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(images/SlikiGlavna/zaHoverStrana.gif) no-repeat; margin-right:10px;}

#hoverstranaZaNas ul#outer li.p1 div em {background-position: 21px 0;}
#hoverstranaZaNas ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverstranaZaNas ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverstranaZaNas ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverstranaZaNas ul#outer li.p5 div em {background-position: 21px 100px;}
#hoverstranaZaNas ul#outer li.p6 div em {background-position: 21px 125px;}
#hoverstranaZaNas ul#outer li.p7 div em {background-position: 21px 150px;}

#hoverstranaZaNas ul#outer li.page div a:hover {text-decoration:none;}

#hoverstranaZaNas ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverstranaZaNas ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverstranaZaNas ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverstranaZaNas ul#outer :hover a i {color:#66a; font-weight:bold;}

#hoverstranaZaNas ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverstranaZaNas ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;}

#hoverstranaZaNas ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverstranaZaNas ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}

/* za opsto menija podolgi tekstovi*/

#hoverstranaZaNasDolga ul#outer li div p {font-size:11px; line-height:12px; margin:5px 0 5px 0;}
#hoverstranaZaNasDolga ul#outer li div h2 {line-height:1em; color:#585; font-size:1.15em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverstranaZaNasDolga ul#outer li div h3 {line-height:1em; color:#66a; font-size:1em; font-weight:normal; margin-top:0;}
#hoverstranaZaNasDolga ul#outer li div h3.clear {clear:left;}

#hoverstranaZaNasDolga {width:650px; height:800px; border:1px solid #aaa; background:#fff; position:relative; z-index:100; overflow:hidden; text-align:left;font-size:10px}
#hoverstranaZaNasDolga table {border-collapse:collapse; margin:-1px;}
#hoverstranaZaNasDolga ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverstranaZaNasDolga ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverstranaZaNasDolga ul#outer li.page a.menuitem {text-decoration:none;}

#hoverstranaZaNasDolga ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverstranaZaNasDolga ul#outer li.p1 i {top:30px;}
#hoverstranaZaNasDolga ul#outer li.p2 i {top:55px;}
#hoverstranaZaNasDolga ul#outer li.p3 i {top:80px;}
#hoverstranaZaNasDolga ul#outer li.p4 i {top:105px;}
#hoverstranaZaNasDolga ul#outer li.p5 i {top:130px;}
#hoverstranaZaNasDolga ul#outer li.p6 i {top:155px;}
#hoverstranaZaNasDolga ul#outer li.p7 i {top:180px;}


#hoverstranaZaNasDolga ul#outer li.page div {display:block; width:600px; height:800px; padding:25px; font-weight:normal; color:#444;}
#hoverstranaZaNasDolga ul#outer li.p1 div {background:#fff url(images/ZaNas/st1_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p2 div {background:#fff url(images/ZaNas/st2_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p3 div {background:#fff url(images/ZaNas/st3_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p4 div {background:#fff url(images/ZaNas/st1_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p5 div {background:#fff url(images/ZaNas/st2_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p6 div {background:#fff url(images/ZaNas/st3_poz800.jpg);}
#hoverstranaZaNasDolga ul#outer li.p7 div {background:#fff url(images/ZaNas/st1_poz800.jpg);}

#hoverstranaZaNasDolga ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverstranaZaNasDolga ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverstranaZaNasDolga ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverstranaZaNasDolga ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(images/SlikiGlavna/zaHoverStrana.gif) no-repeat; margin-right:10px;}

#hoverstranaZaNasDolga ul#outer li.p1 div em {background-position: 21px 0;}
#hoverstranaZaNasDolga ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverstranaZaNasDolga ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverstranaZaNasDolga ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverstranaZaNasDolga ul#outer li.p5 div em {background-position: 21px 100px;}
#hoverstranaZaNasDolga ul#outer li.p6 div em {background-position: 21px 125px;}
#hoverstranaZaNasDolga ul#outer li.p7 div em {background-position: 21px 150px;}

#hoverstranaZaNasDolga ul#outer li.page div a:hover {text-decoration:none;}

#hoverstranaZaNasDolga ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverstranaZaNasDolga ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverstranaZaNasDolga ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverstranaZaNasDolga ul#outer :hover a i {color:#66a; font-weight:bold; font-size:0.9em}

#hoverstranaZaNasDolga ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverstranaZaNasDolga ul#outer div ul li a {line-height:20px; font-size:1.5em; color:#c00;}

#hoverstranaZaNasDolga ul#outer div dl dd {line-height:20px; font-size:1.9em; color:#448;}
#hoverstranaZaNasDolga ul#outer div dl dt {line-height:30px; font-size:1.9em; color:#333;}


/* ÇÀ ÊÀÐÒÈ - The hover image map styling */

#hovermap {border:0px solid #000; position:relative;}
#hovermap ul {background:transparent url(MapaGlavnaTrans.gif); padding:0; margin:0; width:500px; height:386px; list-style:none;}

#hovermap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

#hovermap ul li a {position:absolute; display:block; width:12px; height:12px; background:#279; cursor:default; z-index:1;}

#hovermap ul li a b {display:none;}
#hovermap ul li a:hover {background:#A00;}
#hovermap ul li a:hover {position:static; display:block; width:0; height:0; text-decoration:none;}
#hovermap ul li a:hover b {position:absolute; left:0; top:0; display:block; background:transparent; width:468px; height:361px; z-index:0;}
#hovermap ul li a:hover b em {display:block; position:absolute; left:-105px; top:40px; color:#000; border:1px solid #000; background:#E2E2E2;
			 padding:3px;font: Normal normal 0.9em tahoma,verdana;text-align:left;}


#q-graph {position: relative; width: 660px; height: 300px;
  margin: 1.1em 0 3.5em; padding: 0;  background: #DDD;  border: 1px solid gray; list-style: none;
  font: 9px Arial, Tahoma, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; z-index: 2;
  margin: 0; padding: 0;text-align: center;color:red; list-style: none;}
#q-graph li.qtr {height: 298px; padding-top: 2px; border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graph li.bar {border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 3px 0 0; padding: 0;}
#q-graph li.paren {left: 0px; background: #E4E4E4 url(razno/fade-dark.png) repeat-x; border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.nepar {left: 0px; background: #E4E4E4 url(razno/fade-light.png) repeat-x; border-color: #EDC #BA9 #000 #EDC;}

#q-graph #ticks {position: relative;width: 660px; height: 300px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 660px;height: 59px}
#q-graph #ticks .tick p {position: absolute; left:100%; top: -0.67em; margin: 0 0 0 0.5em;}

ul#calendar {padding:0; margin:0 auto; list-style-type:none; width:181px; position:relative; font-family:arial, sans-serif; font-size:10px; border:1px solid #888; background:#FFF; height:198px;}
ul#calendar li.top {display:block; float:left; width:30px; height:30px; text-align:center; margin:5px 0 55px 0;}
ul#calendar li.bottom {display:block; float:left; width:30px; height:30px; text-align:center; margin:80px 0 0 0;}
ul#calendar li a, ul#calendar li a:visited {text-decoration:none; display:block; color:#000; font-weight:bold;}
ul#calendar li a.month_bot, ul#calendar li a.month_bot:visited {text-decoration:none; display:block; color:#000; font-weight:bold; margin-top:14px; width:30px;}


ul#calendar table {font-size:10px; background:#FFF; border-collapse:collapse; width:177px;}
ul#calendar tbody td {text-align:center; background:#fff; border:1px solid #aaa; padding:0; width:25px; height:17px; margin:0;}
ul#calendar tbody td.blank {background:#FFF;}
ul#calendar caption {font-weight:bold; font-size:11px;}
ul#calendar thead th {color:#840; font-size:9px;}
ul#calendar tfoot td {text-align:center; color:#840; font-size:9px;}


ul#calendar td a, ul#calendar td a:visited {color:#345; text-decoration:none; display:block; width:100%; height:100%; line-height:15px;}
ul#calendar table {visibility:hidden;position:absolute; top:-99999px; left:2px;}

ul#calendar li a.month_top:hover {border:0; height:30px;}
ul#calendar li a.month_bot:hover {border:0; margin:0; padding-top:14px;}


ul#calendar :hover table {visibility:visible; top:25px; left:2px;}
ul#calendar :hover table :hover {background:#d4d8bd;cursor:pointer;}