html, body {
	color: #000000;
	background-color: #052c65;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	height: 100%;
  }

body {
  border-top: 20px solid #052c65;
  font-family: Verdana;
  font-size: 1em;
  line-height: 1.1em;
  height: 100.5%;
  }
  
#container {
	float: none;
	width: 790px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	border-top: 5px solid #D4D4D4;
	border-bottom: 5px solid #D4D4D4;
  }

#page {
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 0px;
  margin-bottom: 8px;
  }
  
.velicina_1 {
  font:Verdana;
  color:#052c65;
  font-size: 1.1em;
  font-style: normal;
  font-weight: normal;
  padding:0px 0px 10px 20px;
  margin: 0px 0px 10px 0px;
  }
  
.velicina_2 {
  font:Verdana;
  color:#777777;
  font-size: 0.9em;
  font-style: normal;
  font-weight: normal;
  font-stretch:condensed;
  padding:0px 0px 10px 20px;
  margin: 0px 0px 10px 0px;
  }

.sivi_tekst {
  font:Verdana;
  color:#777777;
  font-size: 0.9em;
  font-style:normal;
  font-weight:900;
  font-stretch:condensed;
  padding:0px 0px 10px 10px;
  margin: 10px 0px 0px 0px;
  }

.ime-berza {
  font:Verdana;
  color:#777777;
  font-size: 0.8em;
  font-style:normal;
  font-weight:900;
  padding:0px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
  }

.telefon-berza {
  font:Verdana;
  color:#777777;
  font-size: 0.8em;
  font-style:normal;
  padding:0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
  }

.e-mail-berza {
  font:Verdana;
  color:#777777;
  font-size: 0.8em;
  font-style:italic;
  font-weight:300;
  padding:0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
  }

.naslovi {
  font:Verdana;
  color:#777777;
  font-size: 0.9em;
  font-style:normal;
  font-weight:900;
  font-stretch:condensed;
  padding:10px 0px 10px 10px;
  margin: 0px 5px 0px 0px;
  }
 
.velicina_3 {
  font:Verdana;
  color:#052c65;
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  }
  
ul {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }

li {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }
a {
  text-decoration: none;
  }

a:link {
  color: #052c65;
  text-decoration: none;
  }

a:visited {
  color: #052c65;
  text-decoration: none;
  }

a:hover {
  color: #777777;
  background: #E9E9E9;
  text-decoration: none;
  }

img {
  border-width: 0px;
  }

.slika {
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  padding: 10px;
  }
  
.dugmic {
  border-width: 0px;
  padding: 10px;
  }

/* FORME --------------------------------------------------------------------------------------------------*/
form {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }

.text-forma {
font:Verdana;
font-family:Verdana;
font-size:0.8em;
color:#052c65;
font-style:normal;
line-height:0.8em;
  }

input.btn {
  height: 1.9em;
  width: 5.4em;
  font-family: Verdana;
  font-size: 0.8em;
  color: #000000;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #D4D4D4;
  cursor: pointer;
  }

input.btnhov {
  color: #052c65;
  background-color: #E9E9E9;
  border-color: #052c65;
  }
  
/* HEDER SVIH STRANICA --------------------------------------------------------------------------------------------------*/
#header {
  padding-left: 20px;
  padding-top: 18px;
  padding-bottom: 23px;
  border-bottom: 1px solid #D4D4D4;
  }

#header ul {
  float: right;
  text-align: right;
  width: 320px;
  color: #000000;
  list-style-type: none;
  margin: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 20px;
  }

#header li {
  display: inline;
  }

#header li.active {
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 0.8em;
  color: #ffffff;
  background: #D4D4D4;
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  }

#header li a {
  text-decoration:none;
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 0.8em;
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  }

#header li a:hover {
  border-color: #052c65;
  }

#headerlogo {
  margin-right: 340px;
  }

#headerlogo velicina_1 {
  display: inline;
  }

#headerlogo img.logoline {
  display: inline;
  margin-right: 18px;
  margin-left: 18px;
  }

#headerlogo .tagline {
  display: inline;
  position: relative;
  top: -12px;
  }

/* VELIKI O NAMA sa slikom ---------------------------------------------------------------------------------------------*/

#sivi-onama {
  clear: both;
  height: 185px;
  line-height: 1.30em;
  background: #E9E9E9;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  }

#sivi-onama p {
  padding:0px 0px 10px 20px;
  }

#sivi-onama a {
  color: #052c65;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  }

#sivi-onama .velicina_1 {
padding: 5px 0px 0px 10px;
margin: 5px 0px 10px 10px;
line-height:1.30em;
}

#sivi-onama .velicina_2 {
padding:0px 0px 0px 20px;
line-height:1.30em;
  }

#sivi-onama .velicina_3 {
text-align:right;
padding: 0px;
  }

#sivi-onama1 {
  float: left;
  width: 360px;
  padding: 20px 0px 0px 20px;
  }
  
#sivi-onama img {
border:none;
float: right;
margin-left:20px;
margin-top:10px;
margin-right:10px;
}  

/* MANJI SIVI sa slikom ---------------------------------------------------------------------------------------------*/

#sivi-podgupe {
  clear: both;
  height: 160px;
  line-height: 1.30em;
  background: #E9E9E9;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  }

#sivi-podgupe p {
  padding:0px 0px 10px 20px;
  }

#sivi-podgupe a {
  color: #052c65;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  }

#sivi-podgupe .velicina_1 {
padding: 5px 0px 0px 10px;
margin: 5px 0px 10px 10px;
line-height:1.30em;
}

#sivi-podgupe .velicina_2 {
padding:0px 0px 0px 20px;
line-height:1.30em;
  }

#sivi-podgupe .velicina_3 {
text-align:right;
padding: 0px;
  }

 
#sivi-podgupe img {
border:none;
float: right;
margin-left:20px;
margin-top:10px;
margin-right:10px;
}  

/* PONUDA PROGRAMA sa slikom ---------------------------------------------------------------------------------------------*/

#sivi-poprg {
  clear: both;
  height: 280px;
  line-height: 1.30em;
  background: #E9E9E9;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  }

#sivi-poprg p {
  padding:0px 0px 10px 20px;
  }

#sivi-poprg a {
  color: #052c65;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  }

#sivi-poprg .velicina_1 {
padding: 5px 0px 0px 10px;
margin: 5px 0px 10px 10px;
line-height:1.30em;
}

#sivi-poprg .velicina_2 {
padding:0px 0px 0px 20px;
line-height:1.30em;
  }

#sivi-poprg .velicina_3 {
text-align:right;
padding: 0px;
  }
 
#sivi-poprg img {
border:none;
float: right;
margin-left:20px;
margin-top:10px;
margin-right:10px;
}  

/* BERZA PROGRAMA sa slikom ---------------------------------------------------------------------------------------------*/

#sivi-berzaprg {
  clear: both;
  height: 200px;
  line-height: 1.30em;
  background: #E9E9E9;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  }

#sivi-berzaprg p {
  padding:0px 0px 10px 20px;
  }

#sivi-berzaprg a {
  color: #052c65;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  }

#sivi-berzaprg .velicina_1 {
padding: 5px 0px 0px 10px;
margin: 5px 0px 10px 10px;
line-height:1.30em;
}

#sivi-berzaprg .velicina_2 {
padding:0px 0px 0px 20px;
line-height:1.30em;
  }

#sivi-berzaprg .velicina_3 {
text-align:right;
padding: 0px;
  }
 
#sivi-berzaprg img {
border:none;
float: right;
margin-left:20px;
margin-top:10px;
margin-right:10px;
}  

/* MALI O NAMA ---------------------------------------------------------------------------------------------*/

#sivi-onama2 {
  clear: both;
  height: 150px;
  line-height: 1.30em;
  background: #E9E9E9;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  }

#sivi-onama2 p {
  padding:0px 0px 10px 20px;
  }

#sivi-onama2 .velicina_1 {
padding: 20px 0px 0px 20px;
margin: 5px 0px 10px 20px;
line-height:1.30em;
}

#sivi-onama2 .velicina_2 {
padding:0px 0px 0px 20px;
line-height:1.30em;
  }
  
#sivi-onama2 .velicina_2bold {
padding:0px 0px 0px 20px;
line-height:1.30em;
font-style:bold;
  }
  
#sivi-onama2 .velicina_3 {
text-align:right;
padding: 0px;
  }

#sivi-onama12 {
  float: left;
  width: 360px;
  padding: 20px 0px 0px 20px;
  }
  
/* Dokumenta ----------------------------------------------------------------------------------------------- */  
#sidebar {
  clear: both;
  float: right;
  width: 260px;
  border-top: 1px solid #cccccc;
  margin-bottom: 10px;
  }
  
#sidebar p {
  width: 220px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 0px;
  }
  
#sidebar .velicina_1 {
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
  margin-top: 25px;
  margin-right: 20px;
  margin-left: 20px;
  }

#sidebar .velicina_2 {
  padding: 0px 0px 10px 0px;
  background: url("images/_acrobat_r.gif") 0 0 no-repeat;
  text-indent: 28px;
  margin-top: 5px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 5px;
  }
  
#sidebar a{
  padding: 0px 0px 10px 0px;
  text-decoration: none;
  background:none;
  }

#sidebar .slika{
margin-left:12px;
}


/* Telefoni i dokumenta ----------------------------------------------------------------------------------------------- */  
#sidebartel {
/*  clear: both;*/
  float: right;
  width: 260px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin-bottom: 0px;
  }
  
#sidebartel p {
  width: 220px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 0px;
  }
  
#sidebartel .velicina_1 {
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
  margin-top: 25px;
  margin-right: 20px;
  margin-left: 20px;
  }

#sidebartel .adrtel {
  padding: 0px 0px 10px 0px;
/*  background: url("images/_acrobat_r.gif") 0 0 no-repeat; */
  text-indent: 10px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 0px;

  }

#sidebartel .velicina_2 {
  padding: 0px 0px 10px 0px;
  background: url("images/_acrobat_r.gif") 0 0 no-repeat;
  text-indent: 25px;
  margin-top: 5px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 5px;
  }
  
#sidebartel a{
  padding: 0px 0px 10px 0px;
  text-decoration: none;
  background:none;
  }

#sidebartel .slika{
margin-left:12px;
}

/* Pisanije za O nama ----------------------------------------------------------------------------------------------- */  
#pisanije {
  padding-top: 25px;
  margin-right: 260px;
  border-top: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }
  

#pisanije p {
  width: 450px;
  height:500px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 1.20em;
  }
  
#pisanije .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#pisanije .velicina_2{
  text-indent:10px;
  padding: 0px 0px 10px 0px;
  text-align:justify;
}

#pisanije .velicina_3 {
text-align:right;
padding:0px 0px 10px 20px;
  }

#pisanije a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#pisanije a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }

/* Ponude razne ----------------------------------------------------------------------------------------------- */  
#ponuda {
  padding-top: 25px;
  margin-right: 260px;
  border-top: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }
  
#ponuda img{
  float: left;
  margin-left: 10px;
}

#ponuda p {
  width: 300px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 140px;
  margin-right: 10px;
  line-height: 1.20em;
  }
#ponuda .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#ponuda .velicina_3 {
text-align:right;
padding:0px 0px 10px 20px;
  }

#ponuda a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#ponuda a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }

/* Izbor kategorije ----------------------------------------------------------------------------------------------- */  
#kategorije {
  width: 740px;
  float:left;
  clear:both;
  padding-top: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid #cccccc;
  }
  
#kategorije img{
  float:left;
  margin-left: 20px;
}

#kategorije p {
  float:right;
  width: 460px;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 1.20em;
  }
  
#kategorije .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#kategorije .velicina_2{
  padding: 0px 0px 10px 0px;
  text-indent: 10px;
}

#kategorije .velicina_3 {
padding:150px 0px 10px 150px;
margin: 120px 0px 0px 10px;
text-indent:0px;
  }

#kategorije a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#kategorije a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }
  
#kategorije .ime-berza{
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
}

#kategorije .telefon-berza{
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
}

#kategorije .e-mail-berza{
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
}

/* Login ----------------------------------------------------------------------------------------------- */  
#login-view {
  width: 740px;
  float:left;
  clear:both;
  padding-top: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid #cccccc;
  }
  
#login-view img{
  float:left;
  margin-left: 20px;
}

#login-view p {
  float:right;
  width: 460px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.20em;
  }
  
#login-view .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#login-view .velicina_2{
  padding: 0px 0px 10px 0px;
  text-indent: 10px;
  margin: 0px 0px 0px 0px;
}

#login-view .velicina_3 {
margin: 0px 0px 0px 0px;
text-indent:0px;
  }

#login-view a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#login-view a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }

/* Mail slanje na nase adrese ----------------------------------------------------------------------------------------------- */  
#mejlovanje {
  float: left;
  width: 448px;
  padding: 20px 0px 15px 30px;
  border-top: 1px solid #D4D4D4;
  height: 442px;
  }
  
#mejlovanje img{
  float: left;
  margin-left: 10px;
}

#mejlovanje p {
  width: 300px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 1.20em;
  }

#mejlovanje.ispismail {
  text-indent: 0px;
  line-height: 1.4em;
  color: #052c65;
  padding-bottom: 1.4em;
  }  
  
#mejlovanje .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#mejlovanje .velicina_3 {
text-align:right;
padding:0px 0px 10px 20px;
  }

#mejlovanje a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#mejlovanje a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }

/* Ponuda programa sa downloadom ----------------------------------------------------------------------------------------------- */  
#ponudaprograma {
  float:left;
  width:243px;
  padding-top: 15px;
  padding-bottom:0px;
  }
  
#ponudaprograma img{
  margin-left: 20px;
}

#ponudaprograma p {
  width: 220px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
  line-height: 1.20em;
  }
#ponudaprograma .velicina_1{
  padding: 0px 0px 10px 0px;
  background: url("images/_kockica2.gif") 0 0 no-repeat;
  text-indent: 18px;
}

#ponudaprograma .naslovi{
  clear:both;
  margin: 8px 0px 0px 0px;
}

#ponudaprograma .velicina_2{
  padding: 0px 0px 10px 0px;
  text-indent: 10px;
}

#ponudaprograma .velicina_3 {
clear:both;
background: url("images/_acrobat_r.gif") 0 0 no-repeat;
padding:0px 0px 10px 0px;
margin: 0px 0px 0px 10px;
text-indent:25px;
  }

#ponudaprograma a{
  padding: 0px 0px 10px 0px;
  color: #052c65;
  text-decoration: none;
  background:none;
  }

#ponudaprograma a:hover{
  color: #052c65;
  text-decoration: none;
  background:none;
  }

/* Prijava na listu ------------------------------------------------------------------------------------- */
#kontejner { 
	clear:both;
	float: left;
	width: 740px;
	background-color: #ffffff;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#kontejner img{
clear:both;
float:left;
margin: 0px 0px 0px 0px;
}

/* Prijava na listu ------------------------------------------------------------------------------------- */

#mailinglista {
  clear: both;
  height: 140px;
  margin-bottom: 31px;
  background: #E9E9E9;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }

#mailinglista .velicina_2{
margin-bottom: 10px;
}

#mailinglista p {
  width: 700px;
  line-height: 1.3em;
  }

/* Prijava za berzu ------------------------------------------------------------------------------------- */

#berza-formular {
  clear: both;
  height: 335px;
  margin-top:7px;
  margin-bottom: 31px;
  background: #E9E9E9;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }

#berza-formular .velicina_2{
margin-bottom: 4px;
}

#berza-formular p {
  width: 700px;
  line-height: 1.3em;
  }

/* Prijava za korisnicko ime ----------------------------------------------------------------------------- */

#korisnik-formular {
  clear: both;
  height: 170px;
  margin-top:7px;
  margin-bottom: 31px;
  background: #E9E9E9;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }

#korisnik-formular .velicina_2{
margin-bottom: 4px;
}

#korisnik-formular p {
  width: 700px;
  line-height: 1.3em;
  }

/* Privatnost ------------------------------------------------------------------------------------- */

#privatnost {
  clear: both;
  height: 60px;
  margin-bottom: 31px;
  padding-top:16px;
  background: #E9E9E9;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  }

#privatnost velicina_2{
margin-bottom: 10px;
}

#privatnost p {
  width: 700px;
  line-height: 1.3em;
  }

  
/* Navigacija programa --------------------------------------------------------------------------------------------------*/
#prg-navi {
  clear:both;
  padding-top: 5px;
  padding-bottom: 0px;
  }

#prg-navi ul {
  float:inherit;
  text-align:center;
  color: #000000;
  list-style-type: none;
  margin: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  }

#prg-navi li {
  display: inline;
  }

#prg-navi li.active {
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 0.8em;
  color: #ffffff;
  background: #D4D4D4;
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  }

#prg-navi li a {
  text-decoration:none;
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 0.8em;
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  }

#prg-navi li a:hover {
  border-color: #052c65;
  }