html,body { height:100%; margin:0; padding:0; }
body { font-family:Tahoma, Arial, sans-serif; font-size:11px; text-align:center; color:#505367; background-color:#fff; background-image:url(../gifs/bg_blue.jpg); background-attachment:fixed; }

#container { margin-left:auto; margin-right:auto; width:980px; min-height:100%; text-align:left; background: #fff url(../gifs/toddbg.gif) repeat-y right top; position:relative; border-left:1px solid white; border-right:1px solid white; }
* html #container { height:100%; width:980px; }
* html body { font-size:x-small; }

#header { width:100%; background-color:#D1DCE9; position:relative; z-index:2; overflow:hidden; padding:0px; background-image:url(../gifs/header_mq.jpg); height:85px; }
* html #header { height:127px; }

#mainnav { width:100%; position:relative; z-index:2; list-style:none; margin:0; padding:5px 0; }
#mainnav li { padding:0 5px; }
* html #mainnav { height:20px; }

#subheader1 { width:100%; background:#fff; padding:0px; background-image:url(../gifs/meniji2.jpg); height:32px; }
#subheader2 { width:100%; background:#fff; padding:0px; background-color:#fff; height:107px; padding-top:1px; }
#subheader3 { width:100%; background:#fff; padding:0px; background-color:#fff; height:22px; }
#subheader4 { width:100%; background:#fff; padding:0px; background-color:#fff; height:40px; }

#subheader2 #p1 { background-image:url(../gifs/projekti_back.jpg); width:324px; height:103px; float:left; margin-left:0px; position:relative;}
#subheader2 #p2 { background-image:url(../gifs/projekti_back.jpg); width:324px; height:103px; float:left; margin-left:4px; position:relative;}
#subheader2 #p3 { background-image:url(../gifs/projekti_back.jpg); width:324px; height:103px; float:left; margin-left:4px; position:relative;}

#subheader3 #p4 { background-image:url(../gifs/scroll.png);                   width:978px;/*652px*/ height:22px; float:left; margin-left:0px; position:relative; overflow:hidden;}
#subheader3 #p5 { background-image:url(../gifs/svi_projekti.jpg); width:324px; height:22px; float:left; margin-left:4px;}
#marquee { white-space: nowrap; line-height: 22px; font-size: 11px; font-weight:bold; color:#003366; }
#marquee p { padding:0px; margin:0px 20px 0px 20px; display:inline;}
#marquee br { display:none; }

#subheader4 #p6 { background-image:url(../gifs/novosti.jpg); width:656px; height:40px; float:left; margin-left:0px;}
#subheader4 #p7 { background-image:url(../gifs/vijesti.jpg); width:324px; height:40px; float:left; margin-left:0px;}

#sidebar { float:right; width:324px; position:relative; padding:5px 0; background-color:#E7E8ED;}
#sidebar hr { border:1px solid #33CC66; color:#33CC66 }

#content { width:656px; padding:5px 0; background-color:#FFFFFF; }
#content p,#sidebar p,#mainnav p,#header p,#footer p { margin:5px; }

#footerwrap { height:30px; background:#fff; position:relative; width:980px; text-align:left; border-top:2px solid #3366CC; margin:-30px auto 0; padding:0px;}
#footer { position:relative; width:100%; background-color:#fff; }
#footer p {  margin-left:auto; margin-right:auto; width:500px; text-align:center; padding:5px; background-image:url(../gifs/cr.jpg); background-repeat:no-repeat; }
* html #footerwrap { height:30px; }
#clearfooter { height:30px; width:100%; clear:both; }

.blank,.blank2 { position:absolute; left:547px; width:7px; height:0; overflow:hidden; border-top:1px solid #fff; }
.blank { top:-7px; }
.blank2 { top:-1px; border-top:1px solid #fff; left:-13px; z-index:99; }


