BODY {
       background-color: white;  
       /*background: url(../images/back3.gif) 0 0% y-repeat #91A8FF; width:100%; 
       background-attachment: fixed;*/

      font-family : Verdana, Arial, sans-serif;
      font-size : small;
      color : 000000;
     
      scrollbar-face-color: #91A8FF; 
      scrollbar-highlight-color: silver;
      scrollbar-shadow-color: #91A8FF; 
      scrollbar-3dlight-color: #91A8FF;
      scrollbar-arrow-color: white; 
      scrollbar-track-color: #91A7FF;
      scrollbar-darkshadow-color: #000000;
      /*overflow: hidden;*/
}


.texta { 
   font-size: 10px; 
   background-color: white; 
   border: 1px solid white;
   border-color : white;
}

.textf { 
   font-size: 10px; 
}



A {
    color: #91A8FF;
    font-style: bold;
    text-decoration: none;
}

A.hover {
    color: #c00;
    font-style: bold;
    text-decoration: none;
}

A.visited {
    color: grey;
    font-style: bold;
    text-decoration: none;
}

H1 {
    font-family: Tahoma, sans-serif;
    font-size: large;
    color: ababab;
}

H2 {
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: silver;
    font-weight: bold;
}

H3 {
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;   /* #91A8FF; */
}

H3 a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}



#menitekst {
    margin-top: 5px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;   /* #91A8FF; */
}

#menitekst a {
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF6600;
    text-decoration: none;
}

#menitekst a.hover {
	color: #91A8FF;
        font-style: bold;
        text-decoration: underline;
}


H4 {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: black;
}

H4 a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}

H5 {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

H5 a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}

.page-header {
    font-size: xx-large;
    color: ababab;
    font-weight: bold;
    font-style: italic;
}

DIV.comment-section P {
    font-size: xx-small;
    color: ababab;
}

#body {
       position: relative;
}

#entry {
        position: absolute;
width: 75%;
} 


div.menu a {
	color: #91A8FF; 
	background: #ffffff; 
	text-decoration:none; 
	font-size:11px; 
	line-height:16px; 
	font-family: Tahoma, verdana, sans-serif;
	padding: 2px 5px;
}

div.menu a:link {
	color: #333333; 
	background: #cccc99; 
}

div.menu a:active { 
	color: #000000;
	background: #cccc99; 
}

div.menu a:visited {
	color: #333333; 
	background: #cccc99; 
}

div.menu a:hover {
	color: #eeeeee;
	background: #333333; 
	border:1px solid #000000; 
}

.bl {background: url(../images/1bl.gif) 0 100% no-repeat #e68200; width: 20em} 
.br {background: url(../images/1br.gif) 100% 100% no-repeat} 
.tl {background: url(../images/1tl.gif) 0 0 no-repeat} 
.tr {background: url(../images/1tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}


.box { 
     border: 1px solid black;
     background: yellow; 
     width: 100px;
     float: right; 
}



#images { 
     border: 2px solid white;
     background: white; 
}




#mainframe {
  position:relative; 
  width: 780px;  
  overflow:auto; 
  margin-bottom: 5px;
  margin-top: 5px;
  font-family : Tahoma, Arial, sans-serif;
  font-size : 12px;
  color: #FFFFFF;
  /* background: url(../images/fullbox_mid.gif) 0 0% y-repeat #91A8FF; width:620px; */
  border: 1px solid black;           /* #91A8FF; */
  border-color: black;  
}





#header {
  position:relative; 
  width:100%; 
  height:105px; 
  overflow:auto; 
  /* background: white; */
  color:#fff;
}

#footer {
  position:relative; 
  width:100%; 
  height:80px; 
  overflow:auto; 
  text-align:center; 
  /* background: white; */
}


#contents {
  position:relative; 
  width: 100%;
  height: 100%;
  border: 1px solid black;
  border-color : #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:auto; 
  background:#fff;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

#articalbox {
  position:relative; 
  width: 370px;
  height: 175px;
  border: 1px solid #c00;
  border-color : #c00;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow:auto; 
  background:#FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}


#halfbox {
  position:relative; 
  width: 290px;
  height: 100%;
  overflow:auto; 
  margin-top: 5px;
  margin-bottom: 10px;
  font-family : Tahoma, Arial, sans-serif;
  font-size : 12px;
  color : 000000;
  /* background: url(../images/halfbox_mid.gif) 0 0% y-repeat #91A8FF; width:100%; */
  border: 1px solid #91A8FF; 
  border-color: #91A8FF;
}



#fullbox {
  position:relative; 
  width: 96%;
  height: 100%;
  /* overflow: auto; */
  margin-bottom: 10px;
  margin-top: 10px;
  font-family : Tahoma, Arial, sans-serif;
  font-size : 12px;
  color : 000000;
  /* background: url(../images/fullbox_mid.gif) 0 0% y-repeat #91A8FF; width:620px; */
  border: 1px solid silver;           /* #91A8FF; */
  border-color: silver;  
}

#box {
  position:relative; 
  padding-left: 5px;
  padding-right: 5px; 
  /* overflow:auto; */ 
  text-align:left; 
}

#baners img{
  border: 1px solid #91A8FF; 
  border-color: #91A8FF;

}

#menibox {
  position:relative; 
  width: 100%;
  /* height: 100%; */
  padding-left: 1px;
  padding-right: 1px;
  /* overflow:auto; */
  /* background: white; */ /* #91A8FF; */
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}


#smallbox {
  position:relative; 
  width:150px; 
  /* height:100%; */
  
  /*border: 1px solid #FFCC00; 
  border-color: #FFCC00; */
  
  /* border-top-width: 1px;
  border-bottom-width: 1px;
  padding-left: 5px;
  padding-right: 5px; 
  padding-top: 5px;
  padding-bottom: 5px; */
  /* overflow:auto; */ 
  text-align:left; 
  /* background: #003366; */
  font-family: Tahoma, Verdana, sans-serif;
  font-size:12px; 
  margin-bottom: 5px;
  
    
  /* background: url(../images/box_mid.gif) 0 0% y-repeat #91A8FF; width:100%; */
  
}


#smallbox a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}





#fastbox {
  position:relative; 
  width:150px; 
  height:100%; 
  padding-left: 5px;
  padding-right: 5px; 
  overflow:auto; 
  font-family: Tahoma, Verdana, sans-serif;
  font-size:12px; 
  margin-bottom: 5px;
}


#fastbox a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}



#pscroller1{
	
	height: 200px;
	align: center;
	border-top: 1px solid gray;
        border-bottom: 1px solid gray;
	padding-left: 5px;
        padding-right: 5px;
	background-color: #2F4BAF;
	background: url(../images/page_bg.jpg) 0 0% y-repeat width:100%;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 1px solid black;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}


#invertedtabs{
margin-left: 2px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 1px;
}

#invertedtabs ul{
font: 9px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 5px; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1em;  /* Visina taba */
}


#invertedtabs a{
float:left;
color: white;
background: #4268FF url(images/color_tabs_left2.gif) no-repeat left bottom;  /* Pozadina neoznacenih tastera */
margin:0 3px 0 0;    /* razmak izmedju tastera */
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
/* background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom; */
padding:4px 6px 4px 4px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;  /*Boja tastera po prelasku misa */
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509; /* Boja oznacenog tastera */
}

#invertedtabsline{
clear: both;
margin-top: 0px;
padding: 0;
width: 100%;
height: 2px;
line-height: 1px;
background: #91A8FF;
border-bottom: 1px solid #91A8FF; /*Remove this to remove border between bar and tabs*/
}








/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	/*margin: 1em 5%;*/
	background-color: #FFF;
	border: 1px solid red;
	/*padding: .5em;*/
	width: 100%;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .5px;
	padding: 5px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 225px;            /* adjusts with text size */
	min-width: 110px;      /* not always honored, but that's OK */
	border: 1px solid #ccc;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 120px;         /* a bit larger than highest img */
	width: 200px;
	line-height: 120px;    /* same value as height */
	text-align: center;
	margin-top: 5px;
/*	border: 1px dashed #f00;  uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 100%;         /* makes each box a consistent height */
	
	padding: 5px 5px 0px 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
		
	/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */






.col{
	float: left;
	width: 10px;
	padding-right: 5px;
}
						
.box{
	border: solid 1px #D9D1C7;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px;
	/* background: url('../_img/box_background.jpg') repeat-y #FFF; */
}
						
/* Hides from IE-mac \*
/* html .box { height: 100%; }
/* End hide from IE-mac */
					        						
.box:after{
	display: block;
	clear: both;
	visibility: hidden;
	content: '.';
	height: 0;
}
							
.box .dates{
	float: left;
	display: block;
	border: solid 1px #D9D1C7;
	border-right: 0;
	padding: 4px 5px 5px 5px;
	background: #91A8FF;
	color: #000;
	text-align: center;
}
							
.box .more{
	float: left;
	display: block;
	border: solid 1px #91A8FF;
	padding: 4px 5px 5px 5px;
	text-align: center;
}
							
.white{
	background: #FFF;
}
						
.fix{
	width: 600px;
	padding: 0;
}
						
.scroll{
	overflow-x: auto;
	overflow: -moz-scrollbars-horizontal;
}

.hal{ text-align: left; }
.hac{ text-align: center; }
.har{ text-align: right; }


#destbox {
    position:relative; 
    overflow:auto; 
    margin-top: 4px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    /* background: url(../images/fullbox_mid.gif) 0 0% y-repeat #91A8FF; width:620px; */
    border: 1px solid silver;         
    border-color: silver;
}

#destbox a {
    color: #0000FF;
    font-style: bold;
    text-decoration: none;
}

#destbox a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}


#normaltext {
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;
}

#normaltext a:hover{
	color: #F60;
        font-style: bold;
        text-decoration: none;
}

#boxnaslov {
  width: 150px; 
  height: 20px; 
  background: #285480;
  font-family: Tahoma, Verdana, sans-serif;
  color: #FFFFFF;
  font-size: 12px; 
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  margin: 5px 0 3px 0;
}

.buttons { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 9px;
 font-weight: bold;
 border: 1px solid #3C5AA8; 
 background-color: #285480;
 color: #FFFFFF; 
 height: 20px;
 width: 80px;
}