/* ----------------------------------------------------------
		CSS style sheet za web stranicu ZSRU Vukovar
   ---------------------------------------------------------- */
   
   
   
/*-------------------------------------------------------------------------------------------------------*/  
/* Ovo je BODY element. */
#tijelo { 
	background-color:#FFFFF;
  /*background-color:#339900;  /* Zelena pozadina stranice-ljeto */
}
/*-------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------*/
/* Ovo je INTERNI "FASCIKL" u kojem je cijela stranica. Prvi kvadrat iznad BODY. */
#omotac {
  width : 1400px;	/* Da izbjegnem probleme sa različitim rezolucijama monitora postavio sam ovo da odgovara 800x600 rezoluciji */
  background : url(slike/omotac_proljece.jpg) repeat-y;		/* Slika koja pokriva područje sadržaja i izbornika ali je ispod headera i footera. */
  border : 0px solid #000033;
  margin : 20px auto;	/* 20 pixela od gornjeg ruba radi boljeg vizualnog dojma. Ako ne postavim auto, bit ce 20 px od lijevog ruba.*/ 
}
/*-------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------*/
/* Globalne postavke za <A> TAG */
a {
  color:#000099;  /* Boja svih linkova  */
}
a:hover {   /* Boja (crvena) linkova kada je kursor na njima */
  color:#CC3333;
}
/*  BEZ A:VISITED!!  */
/*-------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------*/
/*   Stajling za BRZU NAVIGACIJU.   */
ul#brzanavigacija {
  padding : 5px 0;	/* Gore dolje 5pixela podstave, lijevo desno 0 kako bi bilo poravnato. */
  margin : 0;   /*Ako ne deklariram vrijednost margine browser može primjeniti neki svoj stil. */
  display : block;  /* Samostalni element.  */
  width : 1200px;  /*  Isto kao za omotač. */
  height : 25px;
}
ul#brzanavigacija li {		/*												*/
  display : inline;			/*		Pozicioniranje desno jedna za drugom	*/
  float : right;			/*												*/
}
ul#brzanavigacija li a {
  padding : 0 10px;			/*	Pozicioniranje	*/
  margin : 0 5px;
}
/*-------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------------------------------------*/
/* 	Stajling za HEADER	*/
#header {
  width : 1200px;	/* Širina odgovara širini omotača.  */
  height : 200px;	/* Visina ogovara visini slike.  */
  background : url(slike/header_proljece.jpg) no-repeat;	/* Slika za pozadinu headera.  */
}
#header h1 {		/* Postavke za H1 element u headeru  */
  padding : 0;
  margin : 40px;
}
/*	Stajling za <A> TAG unutar HEADERA.   */
#header h1 a {
  display : block;
  width : 1200px;
  height : 110px;
  padding : 10px;
  color:#FFCC00;
  font-family : 'trebuchet ms', helvetica, arial, sans-serif;
  text-decoration:none;		
}
#header h1 a:hover {
  color:#FFFFFF;		/*	Bijela boja teksta kada je kursor nad njim.	*/
}
/*-------------------------------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------------------------------*/
 /*  Stajling za SADRŽAJ.	*/
#sadrzaj {
  float : left;
  display : inline;			/*  Postavke za optimalni položaj.  */
  width : 940px;
  margin : 7px 20px;
}
#sadrzaj h3 {
  text-align:center;		/*  Centriranje <H3> elementa samo u SADRŽAJU.  */
}
#sadrzaj p  {
  text-align:justify;
  text-indent:1cm;			/*  Prvi redak odlomka je uvučen za 1cm.  */
}
/*	Listu članova uprave ću ostaviti kako jeste!  */
/*-------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------*/
/*   Postavke za segment NAVIGACIJA   */
#navigacija {
  float : left;
  display : inline;
  width : auto;	
  margin : 0 0 10px 10px;
  padding : 30px;		/*  Izgledno pozicioniranje.   */
}
#navigacija h3 {
  color:#000099;	/*  Plava boja za tekst.   */
}
/*-------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------------------------------------*/
/*    Stajling za FOOTER       */
#footer {
  clear : both;		/* Ako ovo ne stavim Opera poludi.  */
  width : 1200px;
  height : auto;
  padding: 10px 0 10px 0;
  background : #000033;
  text-align : center;
  font-size : 15px;
}
#footer p {
  color:#CCCCCC;		/*  Boja teksta u <P> TAGU.  */
  margin : 5px;
  padding-top : 10px;
}
ul#fooup {
  margin : 0;
  padding : 0;
}
ul#fooup li {
  display : inline;
}
/*-------------------------------------------------------------------------------------------------------*/