#tekstwrapper {
background-color: #ffffff;
margin: 0px 0px 0px -10px;
padding: 5px 5px 5px 5px;
border: solid 1px #eaeaea;
height:100%;
float:left;
}

#tekst {
width: auto;
height:100%;
float: left;
margin:0 0 0 0px;
padding: 0 5px 0 5px;
background-color: #fafafa;
border: solid 1px #eaeaea;/*a5a5a5*/
}

#tekst img {
border:none;
padding:0 0 0 0;
margin:0 0 0 0;
}

#tekst a {
font-weight: bold;
color:#800000;
}
#tekst a:hover {
color:red;
cursor:pointer;
} 

#tekst p.naslov {
font:Times New Roman, Times, serif;
font-style:bold;
font-size:1.5em;
color:#000080;
margin-bottom:-10px;
}

#tekst p.note {
font:Arial, Times New Roman, Times, serif;
font-style:bold;
font-size:1.2em;
text-align: center;
}
/* sve ovo gore je vazno za celokupni sadrzaj sajta */

/* ====================================================  za druge elemente ======================*/

#tekst p.opis {
font-face: Times New Roman, Times, serif;
font-style: italic;
font-size:1em;
text-align:left;
color:#a5a5a5;
}

/* ovo moze da se ostavi, zbog upotrebe menija */
/* CSS Document za meni*/

#obavestenje .p {
font: Arial, Times, serif;
}
#obavestenje p.naslov {
font-size:1.5em;
color:#800000;
}
#obavestenje p.tekst {
font-style: oblique;
}
#obavestenje img {
border:none;
padding:0 0 0 0;
margin:0 0 0 0;
}
*/
/* Za izradu oblih coskova */
#pozadina {
background-color:#464d55;
font-size:9px;
}
/* here's the box... the image is the upper-left corner */
#csc {
  background : #fafafa url(img/csc_tl.png) no-repeat;
  width : auto; /* bilo 600 px;*/
  height : auto;
  position : relative;
  padding : 0px 0px;
  float:left; /*right*/
  border:1px solid #aaa;
  }

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(img/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(img/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(img/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}

/* header style */
#okvirspiskova {
margin: -4px 0 -5px  0;
padding:0 0;
font-size:1.2em;
color:#000000;
background-color:transparent;
float:left;
}
#okvirspiskova li.naslov {
font-face:arial;
font-style:bold;
font-size:18px;
text-align: left;
color: #0b437d;/*9ec9fa;*/
}
#okvirspiskova a {
color:#000080;/*faf99e;*/
}
#okvirspiskova a:hover {
font-style:bold;
color:#800000;/*88fa7d;*/

}
#spisak1 {
list-style:none;
width:184px;
height:105px;
margin:0 -2px 2px 0;
padding: 0 5px 0 5px;
background-image: url(../images/footer_pozadina.gif);
background-repeat: repeat-x;
background-color: #f5f5f5;/*ae3f3f6;*/
border-left: solid 1px #aaa;/*5a5a5a;*/
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
float:left;
}
#spisak2 {
list-style:none;
width:184px;
height:105px;
margin:0 0px 2px 0;
padding: 0 5px 0 5px;
background-image: url(../images/footer_pozadina.gif);
background-repeat: repeat-x;
background-color: #f5f5f5;/*ae3f3f6;*/
/*border-left: solid 1px #aaa; 5a5a5a;*/
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
float:left;
}
#spisak3 {
list-style:none;
width:184px;
height:105px;
margin:0 0px 2px 0;
padding: 0 5px 0 5px;
background-image: url(../images/footer_pozadina.gif);
background-repeat: repeat-x;
background-color: #f5f5f5;/*ae3f3f6;*/
/*border-left: solid 1px #aaa; 5a5a5a;*/
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
float:left;
}
#spisak4 {
list-style:none;
width:184px;
height:105px;
margin:0 0px 2px 0;
padding: 0 5px 0 5px;
background-image: url(../images/footer_pozadina.gif);
background-repeat: repeat-x;
background-color: #f5f5f5;/*ae3f3f6;*/
/*border-left: solid 1px #aaa; 5a5a5a;*/
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;

float:left;
}
#spisak5 {
list-style:none;
width:184px;
height:105px;
margin:0 0px 2px 0;
padding: 0 5px 0 5px;
background-image: url(../images/footer_pozadina.gif);
background-repeat: repeat-x;
background-color: #f5f5f5;/*ae3f3f6;*/
/*border-left: solid 1px #aaa; 5a5a5a;*/
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
border-right:solid 1px #aaa;
float:left;
}

/*#spisak1:hover {background-color:#b8d6f8;}
#spisak2:hover {background-color:#f8b8cd;}
#spisak3:hover {background-color:#d9f8b8;}
#spisak4:hover {background-color:#f8e7b8;}
*/
#spisak li {
padding:0 0 0 0;
}

#spisak li.zeleno {
color: #4bcf6a;
}
#uvod1 {
list-style:none;
width:318px;
height:560px;
margin:0 2px 5px 2px;
padding: 5px  15px 0 5px;
background-color: transparent;
border: solid 1px #a5a5a5;
float:left;
font-size:0.8em;
}
/*#uvod1 img {
margin:0 10px 0 15px;
}*/
/* End Styles */