/* ==================== Standar tags redefined ============= */
body 
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt; 
  
  /* background-color:#f1f1f1;*/
}

ul {list-style-type: square;}


/* ======== NAVIGATION ===================== */
#navigation 
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12pt; 
  /* position: apsolute;
  top: 130px;
  left: 10px;
  width: 790 px;
  */

}

#navigation ul 
{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}			 		 							 																						

#navigation li 
{
  display: inline;
}

#navigation a:link , #navigation a:visited 
{
  padding: 3px 20px; 
  color: #fff;
  background-image: url(images/button-background.gif);

  /* background-color: #00386D; */  
  text-decoration: none;

  /* border-left: 1px solid #fff;
  border-right: 1px solid #fff; */
  border: 1px solid #00386D; 

  float: left;
  
  /* width: auto; */
  width: 70px;
  text-align: center;

  /* border-right:1px solid #333366; */
  font-size: 14px;
  
  /* text-transform:lowercase; */
  /* text-shadow: 2px 2px 2px #555; */
}



#navigation a:hover {

/* text-decoration: underline; */
color:#333366;
background-color: #fff;
/* text-transform:uppercase; 
font-weight: bold; */

background-image: none;

/*border-left: 1px solid #00386D;
border-right: 1px solid #00386D;*/

/* border: 1px solid #00386D; */
}



/* ----------  Making active tabs be marked ---------*/
body#vesti li.vesti a:link, body#vesti li.vesti a:visited,
body#onama li.onama a:link, body#onama li.onama a:visited,
body#statut li.statut a:link, body#statut li.statut a:visited,
body#aktivnosti li.aktivnosti a:link, body#aktivnosti li.aktivnosti a:visited,
body#projekti li.projekti a:link, body#projekti li.projekti a:visited,
body#kontakt li.kontakt a:link, body#kontakt li.kontakt a:visited,
body#linkovi li.linkovi a:link, body#linkovi li.linkovi a:visited 
{
color: #00386D;
background-image:none;
background-color: #FFFFFF;
border-bottom: 1px solid #fff;
}




/* ============== HEADER ======================== */
#header {
        background-image: url(images/header.jpg);
        background-repeat: no-repeat;
      /*  background-position: center center; */
      font-size: 10px;
      text-align: right;
      color: white;
      width: 784px;
      height: 130px;
     /* border-bottom: 10px solid #336666; */
     
     
}

/* ==============  CONTENT ========================== */


div#wrapper {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:784px;
    background-color: #CCCCCC;
}


#content 
{
border: 1px solid #00386D;
border-top: none;
width: 782px;
}

.part 
{
margin: 30px 50px;
text-align:justify;
}

.part a 
{
color: #669999;
border-bottom: 1px dashed #669999;
text-decoration: none;
}

.part a:hover
{
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #990000;
color: #990000;
}

.part h3
{
text-align: left;
text-decoration: underline;
}

.part h5
{
text-align: left;
}

/* ------  Half column part ---------- */
.half-part {
       margin: 30px 50px;
       text-align:justify;
       width: 50%;
}
.half-part a {
  color: #669999;
  border-bottom: 1px dashed #669999;
  text-decoration: none;
}

.half-part a:hover{
        text-decoration: none;
       /* font-style: italic; */
       font-weight: bold;
        border-bottom: 1px dashed #990000;
        color: #990000;
}

/* -----  Special part, yellow background ------ */
.part-special {
              border: 1px solid #00386D; 
              background-color:#ffffcc;
              padding: 20px; 
              text-align:justify; 
              border: 3px solid #00386D; 
              font-size: 10pt; color: #00386D;
}

.part-special a {
  color: #669999;
  border-bottom: 1px dashed #669999;
  text-decoration: none;
}

.part-special a:hover{
        text-decoration: none;
       /* font-style: italic; */
       font-weight: bold;
        border-bottom: 1px dashed #990000;
        color: #990000;
}


/* -----  Special part 2, blue background ------ */
.part-special2 {
              border: 1px solid #00386D; 
              background-color:#7c9eb7;
              padding: 20px; 
              text-align:justify; 
              border: 3px solid #00386D; 
              font-size: 10pt; 
              color: #00386D;
}

.part-special2 a {
  color: #b2d5f1;
  border-bottom: 1px dashed #cbe3ef;
  text-decoration: none; 
}

.part-special2 a:hover{
        text-decoration: none;
       /* font-style: italic; */
       font-weight: bold;
        border-bottom: 1px dashed #990000;
        color: #990000;
}

/* ================= DIVIDER ==================== */
.divider 
{
text-align: center;
border-top: 1px dashed #000000;
width: 605px;
margin: 50px;       
}


/*============   Page Content Header (stands on the top of the content)  ============ */

#pgchd {
	margin-top: 50px;
	margin-bottom: 30px;
	/*margin-left: 50px;
	width: 40%;*/
	margin-bottom: 30px;
	padding: 2px 50px;
	text-align: left;
	
	/*background-image: url(images/button-background.gif);*/
	
	color: #043D72;
	background-color: #fff; /*#EFF0FF; #043D72;*/  
   	border-top: 3px solid #043D72;/*#D9DFE9;*/
    	border-bottom: 3px solid #043D72;
    	
    	text-transform: uppercase;
    
	/*background-image: url(images/button-background.gif);
	border-top: 5px solid #075A8E;
    	border-bottom: 5px solid #075A8E;*/
    	
}







/* ============== Kontakt ============================================ */
.kontakt-part{
	/* border-top: 2px dashed #9FB4D1; */
	/* border-bottom: 2px dashed #7C878E; */
	margin-left: 50px;
	margin-top: 20px;
	padding: 10px 0px;
	width: 40%;
	line-height: 2em;
}

.kontakt-part a:link, a:visited {
	text-decoration: none;
	color: #5C79B3;

}

.kontakt-part a:hover {
	color: #8E333C;
	font-weight: bold;
}



/* ===========================  sprList ================================== */
#sprList {
	line-height: 2;
	padding-left: 60px;
}

#sprList a {
  color: #669999;
  border-bottom: 1px dashed #669999;
  text-decoration: none;
}

#sprList a:hover{
        text-decoration: none;
       /* font-style: italic; */
       font-weight: bold;
        border-bottom: 1px dashed #990000;
        color: #990000;
}




/* ================================  Izbor Aktivnosti =================== */

#aktimen ul{
margin-left: 60px; 
line-height: 2;
}

#aktimen ul a{
color: #669999;
border-bottom: 1px dashed #669999;
text-decoration: none;
} 

#aktimen ul a:hover{
text-decoration: none;
/* font-style: italic; */
font-weight: bold;
border-bottom: 1px dashed #990000;
color: #990000;
}
	
/* ================================  Tabela slika =================== */	
	
table.slika
{
margin-left: 30px;	
}

table.slika td
{
width: 250px;
padding-left: 30px;
}

table.slika img
{
border: 3px solid rgb(0, 56, 109);
}

table.slika ul
{
list-style-position: outside;
list-style-image: url('./images/arrow.gif');
position: relative;
left: -25px;
}

table.slika a#reg 
{
color: #669999;
border-bottom: 1px dashed #669999;
text-decoration: none;
}

table.slika a#reg:hover
{
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #990000;
color: #990000;
}

table.slika span#naslov
{
font-style: normal;
font-weight: bold;
font-size: medium;
text-align: center;
}

/* ================================  Formular =================== */
.form_pretplata 
{
border-top: 2px inset #fafafa;
border-left: 2px inset #fafafa;
}