/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #2a4545;
	background: white url(bg/Vidikovac.jpg) fixed no-repeat 50% 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/****************

    STRUCTURE

****************/

#container{ width:960px; margin:0 auto; /**/ }
    #header{ position:relative; height:160px; background:#eee59d url(bg/header.jpg) no-repeat 0 0; /**/ }
        #logo{ position:absolute; top:30px; left:28px; display:block; width:100px; height:110px; }
    #navigation{ float:left; background:#2a4545; /**/ }
    #imagery{ clear:both; height:240px; }
    #main{ float:left; background:#F9F4DE url(bg/main.jpg) no-repeat 0 100%; }
        #content{ float:left; width:565px; padding:40px; /**/ }
        #sidebar{ float:right; width:290px; padding-top:270px; padding-left:25px; position:relative; /**/ }
            #angled-image{ position:absolute; top:-20px; left:5px; width:264px; height:263px; z-index:100; }
            #square-outer{ width:237px; background:url(bg/sidebar-repeat.png) repeat-y 0 0; }
	    #square-inner{ position:relative; bottom:-13px; background:url(bg/sidebar-bottom.png) no-repeat 0 100%; }
    #footer{ clear:both; padding:25px 0; text-align:center; /**/ }

/****************

    TEXT

****************/

h1{  font:bold 15px Georgia, 'Times new Roman'; text-transform:uppercase; padding-bottom:25px; }
h2{ font:bold 13px Georgia; padding-bottom:10px; }
h3{ font:italic 13px Georgia; padding-bottom:10px; }
h6{}
p{ font:12px/1.6em Georgia; padding-bottom:15px; }

/****************

    LINKS

****************/

a{ text-decoration:underline; color:#2a4545; }
a:hover{ text-decoration:none; }

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol{ padding:0 0 15px 20px; }
ul ul{ padding-bottom:0; }
dl{ padding-bottom:15px; }
dt{ font:bold 12px/1.5em Georgia; }
li, dd{ font:12px/1.5em Georgia; }

/****************

    TABLES

****************/

table{}
th, td{}
thead, tbody, tfoot{}

/****************

    FORMS

****************/

select{}
option{}
fieldset{}
label{ float:left; width:100px; padding:3px; padding-right:10px; text-align:right; }
input, textarea{ width:420px; border:0; padding:3px; background:#fff; font:11px Georgia; }
.submit{ width:auto; background:#2a4545; color:#f3edc1; margin-left:113px; cursor:pointer; }
textarea{ overflow:auto; }


/**/

#navigation ul{ float:left; width:960px; list-style:none; padding:0; }
#navigation li{ float:left; line-height:35px; padding:0 5px; }
#navigation a{ float:left; display:block; text-align:center; color:#e6e2b9; text-decoration:none; height:35px; padding:7px 15px; }
#navigation a:hover, #navigation a.active{ color:#96bf26; }

/**/

#square-outer h2{ position:relative; top:-26px; margin-bottom:-15px; padding:20px 20px 0; background:url(bg/sidebar-top.png) no-repeat 0 0; }
#square-outer dl{ padding:0 20px 20px; }
#square-outer dt{ padding-top:10px; color:#008545; }
#square-outer dd a{ color:#9cc230; display:block; text-align:right; text-decoration:none; } 

.newsletter{ padding:0 20px 20px; }
.newsletter input{ width:160px; border:1px solid #2A4545; }
.newsletter .submit{ margin-left:0; width:20px; }

/**/

.contact-form ul{ float:left; list-style:none; padding:0; }
.contact-form li{ float:left; padding-bottom:8px; }
.txtSpam{ visibility:hidden; }

/*  biblioteka  */

.biblioteka{ list-style:none; padding:0; width:100%; float:left; }
.biblioteka li{ float:left; clear:left; width:100%; background:url(bg/rule.gif) no-repeat 50% 100%; padding:30px 0; }
.biblioteka-image{ float:left; width:100px; }
.biblioteka-info{ padding-left:120px; }

/* galerija */
.image-gallery{ float:left; list-style:none; padding:0; }
.image-gallery li{ float:left; padding:0 5px;}
.image-gallery img{ border:2px solid #fff; }

.date{ font-style:italic; margin-top:-15px; color:#555; }
.divider{ background:url(bg/rule.gif) no-repeat 50% 100%; padding-bottom:40px; margin-top:15px; }
.pdf{ background:url(bg/pdf-icon.gif) no-repeat 100% 50%; padding-right:35px; font-weight:bold; text-decoration:none; }
#news .archive{ padding-top:20px; font-weight:bold; }
#news .archive a{ color:#008545; text-align:center; text-decoration:underline; }
#news .archive a:hover{ text-decoration:none; }
.news-archive li{ line-height:2em; }
.news-archive a{ text-decoration:none; }
.news-archive a:hover{ text-decoration:underline; color:#333; }

#footer #ador{ display:block; margin:0 auto; background:url(bg/ador.gif) no-repeat 0 0; width:21px; height:10px; }
#ador span{ display:none; }




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */