﻿body {margin: 0; padding: 0; 
line-height: 1.5em;
background-color: #E2E5EA;
/*background-image: url("images/page_bg.jpg");
background-repeat: repeat-x;*/
font: 11px Verdana;
}

a {color: #42576C; text-decoration: none; /*font-weight:bold*/ }
a:hover	{color: #42576C; text-decoration: underline;}
a:visited {color: #42576C;}

.bPrint {background-color: #E2E5EA; background-image: none;}
/* zajednicko */
.lbl {FONT: 11px Verdana; color: #333333; height: 16px; width: 150px;}
.lblReq {FONT: 11px Verdana; color: Red; height: 16px; width: 150px;}
.lblVal {FONT: 11px Verdana; color: Red; height: 16px;}
.lblHelp {FONT: 10px Verdana; color: Gray ; height: 16px;}
.fld {FONT: 11px Verdana; color: #333333; border: 1px #C6CCD1 solid; /*height: 16px;*/ width: 128px; vertical-align: middle;}
.chk {FONT: 11px Verdana; color: #333333; border: 0; vertical-align: baseline; }
.btn {FONT: 11px Verdana; color: #333333; height: 22px; }
.btnGrid {FONT: 9px Arial; COLOR: #333333; height:16px; width:16px; vertical-align: middle; text-align: center;}
.tArea {FONT: 11px Verdana; color: #333333; width: 470px; height: 100px;}
.tblDet {border: 0; vertical-align: top; width: 97%;}
.tblPrint {border: 0; width: 100%;}
.hiddenObject {display: none; visibility: hidden;}
.shownObject {visibility: visible; background-repeat:no-repeat  }

IMG {border: 0; background-color:Transparent;}
HR {border: 0; color: Black; width: 100%;}
/* /zajednicko */


/*gore*/
#toptop {/*background-image:  url("images/page_bg.jpg"); background-repeat: repeat-x;*/ text-align: right; height: 14px; font-family: Verdana, Arial, Sans-serif 10px;}
#searchBar {background-image:  url("images/sb.gif"); background-repeat: repeat-x; height: 30px; color: #FFFFFF; font: 11px Verdana;}
#searchBar a {text-decoration: none; color: #E2E5EA; font: 11px Verdana; font-weight:bold;}
#searchBar a:hover {text-decoration: underline; color: #E2E5EA;}
#searchBar a:visited {color: #E2E5EA;}
#topsection {background: #E2E5EA; height: 231px; /*Height of top section*/ }

.fldSearch {height: 12px; width: 110px; font: 11px Verdana; color: #333333;}
.btnSearch {height: 17px; width: 17px; font: 9px Verdana; border: 1px #C6CCD1 solid; background-color: #FFFFFF;}

.sbTable {color: #FFFFFF; font: 11px Verdana; vertical-align: middle; height: 100%;}

/*.hText {color: #42576C; font: bold 11px Verdana; vertical-align: middle; height: 100%; text-indent: 20px; width: 100%;}*/
.hText {color:#FFFFFF; background-color:#565656; padding-left:10px; line-height:25px; font-weight:bold; margin:0px; height:25px;}
.naslovC {color:#FFFFFF; background-color:#C5151B; padding-left:10px; line-height:25px; font-weight:bold; margin:0px; height:25px; margin-bottom:1px;}
.kocka {width:12px;height:25px; background-color:#565656; float: left;}
.vijest {padding:10px; /*height:199px;*/min-height:225px;}

#gore1   {height: 99px; color: #FFFFFF; font: 11px Verdana; margin: 0px;}
#gore1 a {font: bold 11px Verdana; color: #FFFFFF; text-decoration: none;}
#gore1 a:hover	{font: bold 11px Verdana; color: #FFFFFF; text-decoration: underline;}
#gore1 a:visited {font: bold 11px Verdana; color: #FFFFFF;}

#gore2   {height: 30px; color: #FFFFFF; font: 11px Verdana; margin: 0 2px 0 0; text-align: right;}
.rSpacerGore {height: 18px; vertical-align: middle;}
/* /gore*/


/*sredina*/
.hMiddle {/*background-image: url("images/hLR.jpg"); background-repeat: repeat-y;*/ background-color: #FFFFFF; height: 30px; color: #FFFFFF; font: 12px Verdana; text-indent: 10px; vertical-align: middle;}
.bMiddle {height: 100%; /*background-color: #FFFFFF;*/ margin-bottom:1px;}
/*.bMiddle {background-image: url("images/bgMiddle.jpg"); background-repeat: repeat-y;}*/
.fMiddle {background-image: url("images/hLR.jpg"); background-repeat: repeat-y; background-color: #B02423; height: 3px; font-size: 1px; padding: 0px;}
.sep	 {background-color: #FFFFFF; height: 1px; font-size: 1px; padding: 0px;}

#maincontainer{
width: 780px; /* 782 Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #E2E5EA;
}

#contentwrapper {/*float: left;*/ width: 100%;}
#contentcolumn {margin: 0 0 0 193px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
/* /sredina*/


/*lijevo*/
#leftcolumn {/*float: left;*/
/*width: 202px; /*Width of left column in pixel*/
/*margin-left: -780px; /*Set margin to that of -(MainContainerWidth)*/
/*background: #AFFFFF;*/
}

.divOnama {margin-left: 0px; margin-right: 0px; padding-top: 110px; background-color: #9A9A9A; background-image: url("images/Onama.jpg"); background-repeat: no-repeat; min-height:450px;}
.divonamatxt {margin-left: 10px; margin-right: 8px; color: #0D2434; font: 11px Verdana; color: #FFFFFF;}
/* /lijevo*/

/* lijevo desno*/
.hLR {background-image: url("images/hLR.jpg"); background-repeat: repeat-y; height: 30px; color: #FFFFFF; font: 12px Verdana; text-indent: 10px; vertical-align: middle; }
.bLR {background-color: #F2F2F2; color: #0D2434; font: 11px Verdana; text-indent: 10px;}
/*.bLR {background-image: url("images/bLR.jpg"); background-repeat: repeat-y; color: #0D2434; font: 11px Verdana; text-indent: 10px;}*/
.fLR { background-image: url("images/hLR.jpg"); background-repeat: repeat-y; height: 3px; font-size: 1px;}
.bControls {color: #42576C; font: 11px Verdana; margin: 0;}
.mControls {color: #42576C; font: 11px Verdana; margin: 0;}
/* /lijevo desno*/

/*dolje*/
#footer	{clear: left; width: 100%; background-color: #565656; color: #FFFFFF; text-align: center; height: 25px;}
#footer a {color: #E2E5EA; text-decoration: none; font-weight:bold;}
#footer a:hover	{color: #E2E5EA; text-decoration: underline;}
#footer a:visited {color: #E2E5EA;}
/* /dolje*/

.innertube {
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
font: 11px Verdana; color: #FFFFFF; }

.innertubeL {
width: 199px;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
/*margin-left: 2px; margin-right: 2px;*/
font: 11px Verdana; color: #FFFFFF; /*background-color: #D9DDE0;*/
background-color: #FFFFFF; 
vertical-align: top;}

.innertubeR {
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 0px;
margin-right: 0px;
font: 11px Verdana; color: #42576C;
vertical-align:top;
background-color: #F2F2F2;
width:575px;
}


.t1 {POSITION: relative; TOP: -18px}
.t2 {Z-INDEX: 20; BACKGROUND-IMAGE: url(images/povecalo.gif); WIDTH: 18px; POSITION: relative; TOP: 0px; HEIGHT: 18px}
.loadingcircle {BACKGROUND-IMAGE: url(images/l1t.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px;}





/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn {position: relative; 
  width: 480px; height: 97px;
  clip: rect(0, 480px, 97px, 0); overflow: hidden;}

div#cnt {position: relative; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width: 480px; height: 97px; color:#336 }



.fLRg { background-image: url("images/hLRg.jpg"); background-repeat: repeat-x; height: 1px; font-size: 1px;}
.fLRw { background-image: url("images/hLRw.jpg"); background-repeat: repeat-x; height: 1px; font-size: 1px;}

