@charset "utf-8";
/* CSS Document */
@font-face {  
	  font-family: "Calibri-font";  
	  src: url( ../font/calibri.eot); /* IE */  
	  src: local("Calibri"), url( ../font/calibri-font.ttf ) format("truetype"); /* non-IE   */
	  font-style:normal;
	  font-weight:normal;
	}	
	
@font-face {
    font-family: "Calibri-font";
    src: url(../font/calibrib-font.ttf);
    font-style: bold;
	font-weight: bold;}
	
@font-face {
    font-family: "Calibri-font";
    src: url(../font/calibrii-font.ttf);
    font-style: italic;
	font-weight: italic;}
	
@font-face {  
	  font-family: "TrajanPro";  
	  src: url( ../font/trajanproregular.eot); /* IE */  
	  src: local("TrajanPro"), url( ../font/TrajanPro-Regular.otf) format("opentype"); /* non-IE   */
	}


body {padding:0; margin:0 auto; background:#ffeecd; text-align:center; color:#eb8e09; font-family:"Calibri-font"; font-size:1em;}
	
img {border:0;}

p {margin:0 auto; padding:0 0 1em 0;}

#wrapper {padding:0; margin:0 auto; text-align:left; width:972px; background-image:url(../images/pozadina2.png); background-repeat:repeat;}

#content {padding:0; margin:0 auto; background:#fff; width:950px;}

#header {padding:0; margin:0 auto; height:152px; width:950px; background:#ffeecd;}
#slika1 {padding:0; margin:13px 0 0 27px; border:2px solid #ef9a5b; z-index:2; position:absolute;}
#naslov {padding:0; margin:0 auto; z-index:1; position:absolute;}
h1 {position:relative; padding:0; padding:0; margin:62px 0 0 192px; height:48px; width:800px; text-indent:-9999px; font-family:"TrajanPro"; font-size: 38px; background-image:url(../images/zorica-h1.png); background-repeat:no-repeat; background-position:bottom left; }
#meni {position:relative; margin:0; padding:0; height:32px; width:950px; color:#439639; background:#f4d8a2; border-top:2px solid #ef9a5b; border-bottom:2px solid #ef9a5b; font-size:18px; font-weight:normal;}
#meni ul {margin:0 0 0 142px; padding:6px 0 0 0; }
/*#meni ul li {margin:0 auto; padding-right:30px; float:left;}
#meni ul li a {margin:0 auto; margin-left:-5px; text-decoration:none; color:#439639;}
#meni ul li a:hover {border-bottom:1px solid #439639;}*/

#content-main{position:relative; min-height:620px; padding:35px 74px 0 74px; background:#fff; background-image:url(../images/background.jpg); background-repeat:repeat-x;}
#content-main ul{margin:0; padding:0; list-style-position:inside;}

#knjiga {padding:13px 0 0 9px; position:relative; overflow:auto; border-bottom:1px solid #f09d5f;}
#pdf {height:34px;}
#pdf a {font-weight:normal; display:block; text-decoration:none; color:#eb8e09; text-indent:-9999px; background-image:url(../images/pdf-1.png); background-repeat:no-repeat; width:60px; height:30px;}
#pdf a:hover {color:#439639; background-image:url(../images/pdf-2.png);}
h2 {padding:0; margin:0 0 23px 0;color:#439639; text-transform:uppercase; font-weight:bold; font-size:20px;border-bottom:1px solid #f09d5f;}
#slika2 {position:relative; float:left; padding:0; width:120px; height:150px; text-align:center;}
#opis {position:relative; padding:0; float:right; width:650px; line-height:1;}
h3 {position:relative; padding:0 0 1em 0; margin:0 auto; color:#439639; font-weight:normal; font-size:20px;}
h4 {position:relative; padding:1em 0 0 0; margin:0 auto; color:#439639; font-weight:normal; font-size:20px; text-transform:uppercase;}
h5 {padding:1em 0 0 0; margin:0;color:#439639; text-transform:uppercase; font-weight:normal; font-size:1em;}

#footer {margin:0 auto; padding:50px 0 20px 0; position:relative; color:#eb8e09; font-size:13px; text-align:center; background:#fff;}
#footer a{color:#eb8e09;}
#footer a:hover{color:#439639;}

a {color:#eb8e09;}
a:hover {color:#439639;}

/*#nav {position:relative; margin:0; padding:0;}
#nav ul {margin:0; padding:0;}
#nav li {list-style-type:circle; display:inline; font-size:18px; font-weight:normal; padding-right:20px;}
#nav li a{color:#439639; text-decoration:none;}
#nav li a:hover{border-bottom:2px solid #fff6e6;}

#nav ul {width:290px; padding:0; margin:0; position:absolute; z-index:5; visibility:hidden; line-height:1em; background-image:url(../images/link-bg.png);}
#nav ul li {width:290px; display:inline; padding:0; margin:0; text-indent:0;}
#nav ul li a{width:280px; display:block; padding:4px 6px 6px 6px;} 
#nav ul li a:hover { background:#fff6e6; border:none;}*/

#nav {
    margin:0;
    padding:0;
    list-style:none;
	font-weight:normal;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        /*width:100px;*/
        /*background:#ccc;*/
        position:relative;
        z-index:5;
        
		margin-right:11px;
		font-size:17px;
		background-image:url(../images/bullet.jpg);
		background-position:0 6px;
		background-repeat:no-repeat;
		padding-left:15px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        /*padding:8px 5px 0 5px;*/
		margin:0;
        text-decoration:none;
        color:#439639;
        text-align:left;
		font-weight:normal;
    }
 
    #nav li a:hover {
        border-bottom:2px solid #fff6e6;
    }
     
    /* you can make a different style for default selected value */
   /* #nav a.selected {
        color:#f00;
    }*/
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 -1px;
            padding:0;
            list-style:none;
			background-image:url(../images/link-bg.png);
			
        }
         
        #nav ul li {
            width:290px;
            float:left;
			margin-right:-15px;
			background:none;
			padding-left:0;
           /* border-top:1px solid #fff;*/
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
			width:259px;
            display:block; 
            /*height:15px;*/
            padding:4px 6px 6px 10px;
            color:#439639;
			font-weight:normal;
        }
         
        #nav li ul li a:hover {
            text-decoration:none; 
			border:none;
			background:#fff6e6;
        }
		
#biblioap {margin:0; padding:0; overflow:auto;}
#biblioap p {margin:0; padding:1em 0 1em 0; border-bottom:1px solid #f09d5f;}	
		
#biblio {margin:0; padding:0; overflow:auto;}
#biblio p{margin:0; padding:0 0 1em 0; }

#tab {margin:0; padding:0; overflow:auto;}
#tab p{margin:0; padding:0;}
#tabl {float:left; width:80px; padding-bottom:1em; text-transform:uppercase; color:#439639;}
#tabr {float:right; width:722px; padding-bottom:1em;}
#tabr ul {list-style-position:outside; padding-left:15px;}

#tab-bio {margin:0; padding:0; overflow:auto; padding-bottom:1em;}
#tab-bio p{margin:0; padding:0;}
#tabl-bio {float:left; width:150px; text-transform:uppercase; color:#439639;}
#tabr-bio {float:right; width:652px;}
#tabr-bio ul {list-style-position:outside; padding-left:15px;}

table {	position:relative; margin:20px 0 6px 0; border-collapse: collapse; width:802px;}
th {padding-left:5px; padding-right:5px; text-transform:uppercase; font-weight: normal; color:#439639; border: 1px solid #439639; }
tbody td, tbody th {padding-left:5px; border: 1px solid #f09d5f;}

#flags {position:absolute; padding-left:850px; z-index:3; margin-top:-30px;}
#flags ul{padding:0; margin:0;}
#flags ul li {padding-left:5px; list-style-type:none; display:inline; height:22px; width:39px;}

ul {margin:15px 0 0 40px; padding:0;}
#biog {margin-top:15px;}

#tekst-bio {margin:0 auto; padding:0; position:relative; text-align:justify;}
#slika-ind {margin:0 auto; padding:0 0 10px 20px; position:relative; float:right;}

#top {margin:0 0 0 74px; padding:0; text-align:left; font-size:16px;}