h1 {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 18px;
		text-align:center;
        color: #FFFFFF;
        margin:10px 0 0 10px;
        }


h2 {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #666666;
        
  }
        
h3 {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #999999;
        text-decoration: underline;
        
  }
ul {
        list-style:none; /* da nam se ne bi pojavljivale one tacke ispred linkov koje browser sam postavlja */
 }
        
a:link, a:visited{ /* definišemo neposecene i posecene linkove */
                                
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration:none; /* ako ne stavimo ovo, linkovi ce biti podvuceni */  
        font-weight: bold; /* da tekst bude boldiran*/
 }
                                
a:hover{ /* definišemo linkove na prelazak kursora preko njih */ 
                
                
         text-decoration:underline;
 }
 p{
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#999999;
        
        text-align:justify;/* poravnanje teksta */  
        line-height: 1.5;/* prored 1.5 red */
  }
        
p.footer{ /* to je ona klasa za footer */
                
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        margin:0 0 0 10px;
}


#spoljni{
         width:700px; /*širina 700px;*/
         margin-top:0px; /*margina od vrha ce biti 0*/
         margin-left:auto;/*marginu sa leve i desne strane stavimo auto da bi nam stranica bila na sredini, bez toga, slojevi bi polazili iz gornjeg levog ugla sledeci normalan tok strane*/
         margin-right:auto;
         padding:0px;/* padding je osobina koja oznacava koliko ce npr. tekst biti odvojen od ivice sloja ili nekog drugog objekta sa unutrašnje strane */ 
 }
                
#unutrasnji{
         float:left; /* ovim oznacavamo da objekt treba da plutati levo, ovo radimo  da nebi morali apsolutno pozicionirati objekte na stranicama, što treba izbegavati kad god je moguce jer bi inace dobili glomaznu I nefunkcionalnu stranicu */
         margin:0px; /* margin je osobina koja odreduje koliko ce neki objekat biti odvojen od drugih objekata sa spoljne strane */
 }

#header{
         width:700px;
         height:85px; /* visina je 150px */
		 background: url(images/header1.jpg) no-repeat top left;
 }
 
#sadrzaj{
         float:left;
         margin-top: 5px; /* gornja margina 5px */
         width:700px; 
 }
                                        
#levo{
         width:280px;
         float:left;
         margin:0px;
         border-top: #666666 1px solid; /* gornja ivica ce biti sive boje širine 1px i puna linija */
         border-bottom: #999999 1px solid; /* donja ivica tamnije sive širine 1px puna linija*/ 
 }
                                        
#desno{
         width: 400px;
		 height:400px;
         float:left;
		 background: url(images/desno_bgr.jpg) no-repeat bottom right;
         margin-left: 5px;
         padding: 0 5px 0 5px;/* kada ovako napišemo padding to znaci da ce gornji padding biti 0, da ce desni biti 5, donji 0 i levi 5 */
 }
 #desno1{
         width: 400px;
		 height:500px;
         float:left;
         margin-left: 5px;
         padding: 0 5px 0 5px;/* kada ovako napišemo padding to znaci da ce gornji padding biti 0, da ce desni biti 5, donji 0 i levi 5 */
 }
 
#gmeni ul{
          padding:0px;
          margin:0px;
                                                                       
}
                                                                       
#gmeni ul li a:link, a:visited{
                                                                               
          width:90px;
          height:20px;
          display:block;
          background: #000000;
          padding-left: 10px;

}
                                                                               
#gmeni ul li a:hover{
                                                                       
        background: #FFFFFF;
        color:#000000;
        text-decoration:none;
 }
 #gmeni ul li{                                                                        
                                float:left;                                                                        
                                }                        
#footer{
         float:left;
         clear: both;/*Ovo nam i nije neophodno za sada jer slojevi levo i desno još uvek nisu popunjeni sadržajem, ali kad se popune, moglo bi da se desi da preklope footer. Ovime što smo napisali sprecavamo preklapanje */
         width:700px;
         height:20px;
		 background: url(images/footer.gif) repeat-x top left;
         margin-top:5px;
 }