body {
background: #D0AC70 url('gradient.jpg') repeat-x scroll;
font-family: Georgia, Times;
font-size: 16px;
color: #9E8E7C;
}
a img { border: none; }
a { text-decoration: none; }
a.backt { display: block; 
          color: #816D4D; 
          font-size: 90%; 
          margin-left: 42%; 
          margin-top: 20px; 
          } 
     a.backt:hover { color: #B4A081; }
     
a.actions {  
            text-align: center; 
            display: block; 
            color: #AA9371; 
            padding: 0px 30px; 
            font-size: 120%;
            font-weight: 600;  
            }
    a.actions:hover { color: #D1C3B1; }
    
    h3.construction  { display: block; margin-top: 40px; margin-left: 40px; font-style: italic; font-size: 25px; }         
/* =====intro-page-front===== */

body#int {
     background: #F8F4ED;
     }
div#okvir {
    border: none; 
    width: 525px;
    margin: 120px auto 0 auto;
}
#okvir h1 { font-size: 1.3em; text-align: center; margin-top: 10px; }
#okvir h2 { font-size: 1em; text-align: center; margin-top: 10px; }

div#ram {
     background-image: url('intrologo.jpg');
     background-repeat: no-repeat;
     background-position: bottom right; 
     margin: 0px auto;
     width: 500px;
     height: 270px;
     background-color: #DCC49D;
     border: 1px solid #806D4D;
     padding: 10px;
     padding-bottom: 0;
     }
div#ram a {
     width: 150px; 
     margin-left: 30px;
     margin-top: 30px;
     display: block; 
     text-decoration: none;
     font-size: 120%;
     color: #DCC49D;
     padding: 0px;
     }
div#ram a img { border: none; }
div#ram b { display: inline; vertical-align: super; padding: 5px;}
div#ram a:hover { color: #F8F4ED; }

.clear {
text-align: center;
clear: both;
font-family: arial;
margin-top: 5px;
font-size: 70%;
}
/* =====intro-page-end===== */




/* =====index-page-front===== */

.pano {
     width: 760px;
     margin: 0px auto;
     padding: 0px;
     }


h1.serbheader { background-image: url('header1.jpg'); }
h1.engheader { background-image: url('headeng.jpg'); }
h1.fraheader { background-image: url('headfra.jpg'); }
h1.serbheader span, h1.engheader span, h1.fraheader span { display: none; }

h1.serbheader, h1.engheader, h1.fraheader { width: 760px; 
                                            height: 134px; 
                                            background-repeat: no-repeat;
                                            background-attachment: sroll;
                                            background-position: center top;
                                            margin-top: 0px;
                                            margin-bottom: 6px;
                                            padding: 0px;
                                            border: 0px; 
                                            }

   
.levi {
     height: 100%;
     background-color: #E3D2B5;
     padding: 0px;
     margin: 0px;
     width: 200px;
     float: left;
	 position: relative;
	 }
.lang { text-decoration: none; margin-left: 35%; padding: 0px;}
.lang a { padding: 2px; display: inline; }
.lang img { border: 1px solid #C6A263; }
#info { width: 160px; margin: 10px auto; line-height: 1em; text-align: center; }
#logo { border-bottom: 1px solid #A08861; margin: 5px; text-align: center; }
#logo b { letter-spacing: 0.1em; font-size: 18px; }
#logo a { color: #9E8E7C; }
#logo a:hover { color: #B4A89A; }


#info img { border: 2px solid #C6A263; }
#info a { line-height: 1em; font-size: 70%; font-weight: 400; text-decoration: none; color: #806D4D; display: block; margin-top: 5px; }
#info a:hover { color: #802F2F; }
#info hr { padding: 0; margin: 5px; border: none 0; border-top: 1px solid #ACA899; border-bottom: 1px solid #ECE9D8; height: 0; }
* html #info hr { padding: 10px; margin: 0; height: 2px; border: none; }

ul#navlist .infos a {color:red; font-weight:bold}


.cont {
     height:100%;
     background-color: #F8F4ED;
     padding: 0;
     margin: 0;
     width: 555px;
     float: right;
     position: relative;
     background-image: url('contentback.jpg');
     background-repeat: repeat-y;
     background-attachment: scroll;
     background-position: top center;
     }
.cont p { margin: 0px; word-spacing: 2px;  line-height: 1.3em; padding: 5px 35px; text-align: justify; }
.cont ul { word-spacing: 3px;  line-height: 1.3em; padding: 5px 38px 5px 48px; }
.cont p:first-letter { margin-left: 1.5em; font-size: 150%; color: #A99B8B; }
.cont h3 { padding: 0px; margin: 35px 50px 5px 50px; font-size: 17px; text-align: center; }
.cont h2 { font-size: 20px; text-align: center; margin: 35px 30px 5px 30px; padding: 0px; } 


.dekor_up { position: relative;
            margin-top: 0px;
            left: auto;
            width: 555px;
            height: 14px; 
            background-position: top center;
            background-image: url('contdekor_up.jpg');
            background-repeat: no-repeat;
            background-attachment: scroll;
            }
.dekor_down { position: absolute;
              bottom: 0;
              left: auto;
              width: 555px;
              height: 16px; 
              background-position: bottom center;
              background-image: url('contdekor_down.jpg');
              background-repeat: no-repeat;
              background-attachment: scroll;
              }
h2#godine { width: 425px; 
           height: 174px; 
           background-image: url('godine.jpg');
           margin-left: 65px; 
           }
h2#kako  { width: 500px;
           height: 129px; 
           background-image: url('kako.jpg');
           margin-top: 5px;
           margin-left: 27px; 
           }
h2#how   { width: 424px;
           height: 109px;
           background-image: url('how1.jpg');
           margin-top: 5px;
           margin-left: 55px;
           }
h2#comment { width: 500px;
             height: 129px;
             background-image: url('howfra.jpg');
             margin-top: 5px;
             margin-left: 27px;
             }
          
h2#years { width: 435px;
           height: 178px;
           background-image: url('years.jpg');
           margin-left: 60px;
           }
  h2#ans { width: 360px;
           height: 166px;
           background-image: url('years_fra.jpg');
           margin-left: 100px;
           }                     
 .cont h2 span { display: none; }
 .cont h2 { background-repeat: no-repeat; padding: 0px; margin-bottom: 5px; margin-top: 25px; }
.cont i { font-style: italic; font-weight: 400; padding: 0px; display: block; }

img#dole { margin-top: 5px; float: right; padding: 0px; }

ul.infolista li { margin-left: 5px; }
.infolista span { font-size: 12px; font-weight: 400; }

b.rtop, b.rtop1 {display:block;background: #D5BA8F}
b.rbottom, b.rbottom1 {display:block;background: #D0AC70}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #F8F4ED}
b.rtop1 b, b.rbottom1 b{display:block;height: 1px;
    overflow: hidden; background: #E3D2B5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
b.rtop1 b.r4, b.rbottom1 b.r4{margin: 0 1px;height: 2px}

b.rbottom{position: absolute; bottom: 0; left: 0; right: 0;}
b.rbottom1{position: absolute; bottom: 0; left: 0; right: 0;}

/* =====index-page-end===== */

/* =====kontakpage-page===== */
div#kontaktinfo { margin: 20px 0px 0px 45px; }
div#kontaktinfo  b { line-height: 1.7em; }

/* =====kontakpage-page-end===== */

/* =====navigacija_p===== */
#navcontainer
{
background: #E3D2B5;
width: 180px;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
text-transform: lowercase;
font-size: 13px;
text-align: center;
letter-spacing: 0.1em;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}
* html ul#navlist { width: 90%; }


ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color:#806D4D;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: #F3F1F1;
border-color: #aaab9c #fff #fff #ccc;
}
/* =====navigacija_k===== */

/* =====history_p===== */

    
      
       

       
          h2#rat { width: 373px;
                   height: 25px;
                   background-image: url('rat.jpg');
                   margin-left: 90px;
                   margin-bottom: 10px;
                   }
          h2#war { width: 476px;
                   height: 25px;
                   background-image: url('war.jpg');
                   margin-left: 38px; 
                   margin-bottom: 10px;
                   }
      h2#tragedy { width: 252px;
                   height: 25px;
                   background-image: url('tragedy.jpg');
                   margin-left: 150px;
                   }
    h2#tragedija { width: 312px;
                   height: 25px;
                   background-image: url('tragedija.jpg');
                   margin-left: 125px;
                   }            
   h2#aggression { width: 331px;
                   height: 25px;
                   background-image: url('aggression.jpg');
                   margin-left: 115px;
                   }
     h2#agresija { width: 384px;
                   height: 25px;
                   background-image: url('agresija.jpg');
                   margin-left: 85px;
                }            
        h2#paths { width: 253px;
                   height: 25px;
                   background-image: url('paths.jpg');
                   margin-left: 149px;
                   } 
        h2#staze { width: 305px;
                   height: 25px;
                   background-image: url('stazama.jpg');
                   margin-left: 125px;
                   }    
    h2#salvation { width: 293px;
                   height: 25px;
                   background-image: url('salvation.jpg');
                   margin-left: 125px;
                   }  
   h2#spasavanje { width: 300px;
                   height: 25px;
                   background-image: url('spasavanje.jpg');
                   margin-left: 123px;
                   }                 
       h2#battle { width: 241px;
                   height: 25px;
                   background-image: url('battle.jpg');
                   margin-left: 145px;
                   } 
        h2#borbe { width: 295px;
                   height: 25px;
                   background-image: url('borbe.jpg');
                   margin-left: 130px;
                   }           
 h2#breakthrough { width: 245px;
                   height: 25px;
                   background-image: url('breakthrough.jpg');
                   margin-left: 148px;
                   } 
       h2#proboj { width: 214px;
                   height: 25px;
                   background-image: url('proboj.jpg');
                   margin-left: 165px;
                   }                                  

/* =====history_k===== */

/* =====house_p===== */

   
  h2#kuca { width: 217px;
            height: 25px;
            background-image: url('2kuca.jpg');
            margin-left: 150px; 
            }
 h2#house { width: 227px;
            height: 25px;
            background-image: url('2house.jpg');
            margin-left: 150px; 
            }
h2#maison { width: 163px;
            height: 25px;
            background-image: url('housefra.jpg');
            margin-left: 180px; 
            }                          
  #citat { border: none; margin: 30px 45px; }
  #citat h3 { margin: 0px; font-size: 1em; font-weight: 400; padding: 0px; }
  #citat i { padding: 0px; margin-left: 85px; }
  
/* =====house_k===== */

/* =====actions_p===== */

 
        
   h2#actions { width: 440px;
                height: 60px;
                background-image: url('concrete.jpg');
                margin-top: 5px;
                margin-left: 56px; 
                }
h2#actions_fra { width: 440px;
                height: 54px;
                background-image: url('concrete_fra.jpg');
                margin-top: 5px;
                margin-left: 55px; 
                }           
    h2#akcije { width: 395px;
                height: 49px;
                background-image: url('konkretne.jpg');
                margin-top: 5px;
                margin-left: 75px; 
                }            
                
 .actionlist { margin: 0px; padding: 0px; }
 .actionlist li { margin-top: 5px; margin-left: 7px; }
 
 
 /* =====actions_k===== */
 
 /* =====links_p===== */
 
   
   .linklist { border: none; margin-top: 25px; }
   .linklist a { border-bottom: 1px dashed #D4CBA5; display: block; margin: 5px 30px; color: #A08861; }
   .linklist b { font-weight: 400; }
   .linklist a:hover { color: #C7B8A1; }
   .linklist i { margin-left: 50px; margin-top: 15px; } 
   
 /* =====links_k===== */  
 
 /* =====actuality-p===== */
 
   
               
 
     h2#aktuelno { width: 128px;
                   height: 25px;
                   background-image: url('h2aktuelnosti.jpg');
                   margin-left: 198px;
                   }
      h2#actualy { width: 102px;
                   height: 25px;
                   background-image: url('h2actualities.jpg');
                   margin-left: 223px;
                   }
      h2#actualites { width: 99px;
                      height: 25px;
                      background-image: url('actualites.jpg');
                      margin-left: 223px;
                      } 
      h2#guerre { width: 424px;
                      height: 25px;
                      background-image: url('guerre.jpg');
                      margin-left: 65px;
                      } 
       h2#la  { width: 317px;
                height: 25px;
                background-image: url('la.jpg');
                margin-left: 122px;
                } 
  h2#nouvelle { width: 418px;
                height: 25px;
                background-image: url('nouvelle.jpg');
                margin-left: 70px;
                } 
  h2#sur { width: 364px;
           height: 25px;
           background-image: url('sur.jpg');
           margin-left: 95px;
           }
h2#salut { width: 271px;
           height: 25px;
           background-image: url('salut.jpg');
           margin-left: 142px;
           } 
  h2#les { width: 360px;
           height: 25px;
           background-image: url('les.jpg');
           margin-left: 105px;
           } 
  h2#laliberation { width: 231px;
                    height: 25px;
                    background-image: url('laliberation.jpg');
                    margin-left: 156px;
                    }        
                    
  .slika {
  display:block;
  margin:4px auto;
  border: 2px solid #D5BD93
  } 
  
  .onleft {
  float:left;
  margin:2px 10px 4px 22px !important;
  }                                               
                                        
 .slike { margin-left: 21px; }
 .slike img { margin: 2px; 15px; border: 2px solid #D5BD93; }
 .slike a:hover img { border: 2px solid #B9914C; }
 div#uspslika { padding-left: 167px; }
 
 .udesno {margin-left:102px}
 
 /* =====actuality-k===== */ 
 
 /* =====aktgall-p===== */
  
                      
  .aktgal { background: #F8F4ED; } 
  .slika660 { border: 3px solid #D5BD93; }
  .aktslika a { vertical-align: super; }
  
  
  
  .aktulista ul  { padding: 10px 65px; margin: 0px; }
  .aktulista li { padding: 6px; margin: 0px; }
  
  .srednjitxt { margin-top: 50px; }
  .stareaktu  { margin: 15px 0px 0px 45px; padding: 0px; }
  .stareaktu li a { text-decoration: none; color: #9E8E7C; }
 
  .stareaktu li a:hover, a#aktivne  { text-decoration: underline; }
  
  .cistilica { clear: both; display: block; padding-top: 25px; }
  
  
  /* =====aktgall-k===== */
  
  
  /* =====info_p===== */
  
  
  .informacije { margin: 40px 5px 0px 5px; padding: 0px; }
  .informacije h1 { font-size: 25px; text-align: center; }
  .informacije h2 { font-size: 20px; text-align: center; margin-top: 35px; }
  .cena { display: block; margin: 15px 0px 20px 0px; text-align: center; font-size: 19px; }
  .informacije dl { margin-left: 60px; }
  .informacije i { margin-left: 360px; }
  
  strong#oba { color: #FF0000; font-size: 130%; font-weight: 900; }
  
  
  /* =====info_k===== */
  
  
  
  body em {
  padding:3px 35px 10px 35px;
  text-align:center;
  display:block;
  }
  
  .informacije p.more a {
  color:#9E8E7C;
  }
  
  .informacije p.more a:hover {color:#484036}
p.more a, .cont a {color:#9E8E7C;text-decoration:underline}

body .informacije em {text-align:left}


.cont .tocenter p {text-align:center}