/*

STRUCTURE

01. eric meyers reset
02. typography
03. containers

--CONTAINER--

    --NAVIGATION--
        04. left navigation

    --HEADER--
        05. top navigation

    --MAIN--

        --CONTENT--
            06. header images
            07. content menu
            08. content styles

        --SIDEBAR--
            09. sidebar

    --FOOTER--
	   10. footer

11. aditional classes


*/

/*        #01 - 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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#000;
	background:#fff url(body.gif) no-repeat 50% 0;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:11px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
em{ 
    font-style:italic; 
}


/*     #02 - typography styles      */
a{ color:#ed3024; text-decoration:underline; }
a:hover{ text-decoration:none; }
a img{ display:block; text-decoration:none; }

h1, h2, h3, h4, h5, h6,
li, dt, dd, 
th, td{ font-family:Arial, Sans-Serif; }

h2, h3, p{ padding-bottom:15px; }

h1{ width:600px; height:84px; margin-bottom:25px; margin-left:-58px; display:block; background:#ed3024; }
h1 span{ display:none; }
h2{ font-size:18px; line-height:1.3em; }
h3{ font-size:18px; line-height:1.6em; color:#ed3024; }
h4{ font:bold 12px/1.3em Arial; padding-bottom:5px; }
p, li{ font:normal 12px/1.3em Arial; }
input{ background:#fff; border:0; }
ul, ol{ padding-left:20px; }
#content ul{ padding-bottom:15px; }
dl{ margin-top:-10px; padding-bottom:20px; }
dt{ font-size:12px; font-weight:bold; padding-top:5px; padding-bottom:5px; }
dd{ font-size:12px; line-height:1.2em; padding-bottom:5px;  }


/*     #03 - containers     */
#container{ width:984px; margin:0 auto; }
    #navigation{ float:left; width:185px; }
    #header{ position:relative; float:right; width:799px; height:170px; padding-top:92px; }
    #flash-banner{ float:right; clear:right; width:728px; height:90px; background:#FFF; position:relative; z-index:10; }
    #flash-banner-outer{ float:right; padding:20px 35px; background:#fd0; margin-bottom:15px; }
    #main{ clear:right; float:right; width:799px; }
        #content{ float:left; width:490px; padding:0  60px 75px; background:url(content.gif) no-repeat 2px 100%; }
        #sidebar{ float:right; width:189px; padding-top:26px; background:url(features-top.gif) no-repeat 100% 0; }
    #footer{ clear:both; width:602px; margin:0 auto; padding:40px 190px 0; }


/*     #04 - left navigation       */
#navigation h2{ margin:90px 30px 0 25px; padding:40px 0 0; background:url(dot.gif) repeat-x 0 0; color:#ed3024; font-weight:bold; text-transform:uppercase; text-align:center; }
.left-menu{ list-style:none; padding-left:0; background:url(navigation.gif) no-repeat 65px 269px; }
.menu-eng{ background:url(left-menu-eng.gif) no-repeat 65px 269px; }
.left-menu li{ display:block; height:70px; }
.left-menu a{ width:185px; height:70px; display:block; text-decoration:none; }
.left-menu span{ visibility:hidden; }
.left-menu a:hover, .left-menu a.active{ background-image:url(navigation.gif); background-repeat:no-repeat; }
.menu-eng a:hover, .menu-eng a.active{ background-image:url(left-menu-eng.gif); }

li#home-link{ height:180px; padding:40px 0 20px; }
li#home-link a{ height:180px; }
li#home-link a:hover{ background:none; }

#link-prvi a:hover, #link-prvi a.active{ background-position:-135px 29px; }
#link-drugi a:hover, #link-drugi a.active{ background-position:-135px -41px; }
#link-treci a:hover, #link-treci a.active{ background-position:-135px -111px; }
#link-cetvrti a:hover, #link-cetvrti a.active{ background-position:-135px -181px; }
#link-peti a:hover, #link-peti a.active{ background-position:-135px -251px; }
#link-sesti a:hover, #link-sesti a.active{ background-position:-135px -321px; }


/*     #05 - header top menu    */
.top-menu{ position:relative; list-style:none; display:block; height:170px; padding-left:0; background:url(top-menu.gif) no-repeat 30px 100%; }
.header-eng{ background:url(top-menu-eng.gif) no-repeat 30px 100%; }
.top-menu li{ position:absolute; width:153px; height:170px; }
.top-menu a{ display:block; text-decoration:none; width:153px; height:170px; }
.top-menu span{ display:none; }

#za-djecu, #for-children{ left:30px; }
#za-mlade, #for-young{ left:208px; }
#program, #programme{ left:384px; }

#za-djecu a:hover, #za-djecu a.active{ background:url(top-menu.gif) no-repeat 0 0; }
#za-mlade a:hover, #za-mlade a.active{ background:url(top-menu.gif) no-repeat -178px 0; }
#program a:hover, #program a.active{ background:url(top-menu.gif) no-repeat -354px 0; }

#for-children a:hover, #for-children a.active{ background:url(top-menu-eng.gif) no-repeat 0 0; }
#for-young a:hover, #for-young a.active{ background:url(top-menu-eng.gif) no-repeat -178px 0; }
#programme a:hover, #programme a.active{ background:url(top-menu-eng.gif) no-repeat -354px 0; }

#switch-language{ position:absolute; padding:15px; right:127px; bottom:15px; font-weight:bold; }


/*     #06 - header images       */
.title-home{ margin-top:-10px; height:95px; background:url(naslovi/home.gif) no-repeat 0 0; }
.title-o-nama{ background:#ed3024 url(naslovi/onama.gif) no-repeat 0 0; }
.title-za-mlade{ background:#ed3024 url(naslovi/za-mlade.gif) no-repeat 0 0; }
.title-arhiva{ background:#ed3024 url(naslovi/arhiva.gif) no-repeat 0 0; }
.title-biblioteka{ background:#ed3024 url(naslovi/biblioteka.gif) no-repeat 0 0; }
.title-press{ background:#ed3024 url(naslovi/press.gif) no-repeat 0 0; }
.title-program{ background:#ed3024 url(naslovi/program.gif) no-repeat 0 0; }
.title-za-djecu{ background:#ed3024 url(naslovi/za-djecu.gif) no-repeat 0 0; }
.title-za-pedagoge{ background:#ed3024 url(naslovi/za-pedagoge.gif) no-repeat 0 0; }
.title-rezervacija{ background:#ed3024 url(naslovi/rezervacije.gif) no-repeat 0 0; }
.title-anketa{ background:#ed3024 url(naslovi/anketa.gif) no-repeat 0 0; }
.title-info{ background:#ed3024 url(naslovi/info.gif) no-repeat 0 0; }
.title-blog{ background:#ed3024 url(naslovi/blog.gif) no-repeat 0 0; }
.title-darovi{ background:#ed3024 url(naslovi/darovi.gif) no-repeat 0 0; }

/*     #07 - content menu        */
.content-menu{ float:left; margin-left:-15px; padding:0 0 25px 0; list-style:none; }
.content-menu li{ float:left; font-size:13px; margin-bottom:4px; padding:2px 15px; background:url(dot.gif) repeat-y 100% 0; }
.content-menu a{ color:#000; }
.content-menu a:hover, .content-menu .active{ color:#ed3024; }


/*     #08 - content styles     */
.schedule-list{ list-style:none; padding-left:0; }
.schedule-list-item{ padding:10px 0; background:url(dot.gif) repeat-x 0 100%; }
.schedule-list h3{ padding-bottom:10px; }
.schedule{ position:relative; border-bottom:5px solid #fff; padding:10px 140px 10px 10px; background:#fd0; }
.schedule p{ font:14px/1.6em Arial; padding:0; }
    .sponsor{ position:absolute; top:7px; right:10px; width:110px; height:42px; padding:5px; text-align:center; background:url(sponsor.gif) no-repeat 0 0; }
    .sponsor h4{ /* position:absolute; top:-15px; left:0; */ display:none; }

.show-info{ position:relative; margin-bottom:15px; height:150px; }
    .show-image{ position:absolute; top:0; left:0; }
    .show-sponsor{ position:absolute; top:0; right:30px; }
    .show-sponsor img{ padding-top:5px; }
    .show-rating{ position:absolute; right:30px; bottom:0; width:70px; height:65px; padding:15px 20px 0; background:url(rating-large.gif) no-repeat 0 0; color:#fff; font:40px "Trebuchet MS"; text-align:center; }
    .show-rating-small{ position:absolute; right:0; bottom:30px; padding:8px 15px 0 10px; width:38px; height:38px; background:url(rating-small.gif) no-repeat 0 0; color:#fff; font:23px "Trebuchet MS"; text-align:center; }
    .rating-small{ position:relative; padding-bottom:10px; }

.show-info .show-rating-small{ bottom:0px; }

.biblioteka{ clear:left; padding-top:20px; }
.biblioteka dt{ float:left; clear:left; padding:0; }
.biblioteka img{ border:1px solid #ed3024; }
.biblioteka dd{ padding-left:100px; }

.wallpaperi{ clear:left; padding-top:20px; }
.wallpaperi dt{ float:left; clear:left; padding:0; }
.wallpaperi img{ border:1px solid #ed3024; }
.wallpaperi dd{ padding-left:170px; }

.zaposlenici{ float:left; width:225px; padding-top:20px; padding-right:20px; }
.zaposlenici dt{ float:right; clear:right; padding:0; }
.zaposlenici dd{ padding-right:70px; }

/*
.suradnici{ padding:0; list-style:none; }
.suradnici li{ float:left; width:32%; padding-right:1%; }
*/

.suradnici{  width:100%; font:normal 11px/1.3em Arial; }
.suradnici td{ padding:5px 10px 5px 0; vertical-align:top; }

.galerija{ list-style:none; width:500px; padding:15px 0 0 0; float: left;}
.galerija li{ float:left; padding:0 10px 10px 0; }
.galerija a{ display:block; border: 2px solid #ed3024; }
.galerija .no-border a{ border:0; }
.galerija a:hover{ border-color:#fff; }

.ecard{ width:600px; padding-top:10px; }
.ecard fieldset{ padding:0 10px; }
.ecard legend{ text-align:right; color:#ed3024; font:bold 16px Helvetica, Arial; }
.ecard label{ display:block; font-weight:bold; cursor:pointer; text-align:left; }
.ecard input, .ecard textarea{ display:block; margin-bottom:10px; border:2px solid #ed3024; padding:2px; font:11px Arial; }

fieldset.two-columns{ float:left; width:280px; padding-top:10px; }
.two-columns input{ width:272px; }
fieldset.one-column{ clear:both; }
.one-column textarea{ width:572px; }

input.submit{ cursor:pointer; background:#ed3024; color:#fff; font-weight:bold; }


/*     #09 - sidebar   */
.features{ width:167px; margin-bottom:10px; padding:0 9px 20px 13px; background:url(features-bottom.gif) no-repeat 6px 100%; }
.features ul{ list-style:none; padding-left:0; }
.features li{ background:url(dot.gif) repeat-x 0 100%; padding:10px 0; }

.social li{ background:none; float:left; padding:16px 4px 0; }

#sidebar input{ font:12px Arial; }

.na-programu{ background:url(danas-na-programu.gif) no-repeat 0 100%; margin-top:-15px; padding-top:0; padding-bottom:20px; }
.na-programu dt{ background:url(danas-na-programu-header.gif) no-repeat 0 0; height:59px; font-weight:bold; padding-top:5px; }
.na-programu dt em{ float:left; padding:28px 0 0 15px; }
.na-programu dd{ padding:10px 15px 0; }
.anketa{ height:85px; padding:22px 35px; background:url(anketa.gif) no-repeat 50% 0; }

#anketa-images li{ padding:0; background:none; }

.trazilica, .newsletter{ position:relative; }
.trazilica{ height:61px; background:url(trazilica.gif) no-repeat 0 100%; } 
.newsletter{ padding-bottom:30px; padding-left:65px; background:url(newsletter.gif) no-repeat 50% 100%; }

.trazilica input, .newsletter input{ position:absolute; height:16px; }
.trazilica input{ top:30px; left:10px; width:118px; }
#sidebar .search-submit{ width:27px; height:19px; bottom:6px; left:132px; cursor:pointer; background:url(submit-button.gif) no-repeat 0 0; }
.newsletter input{ bottom:7px; left:9px; width:120px; padding-right:28px; }

.blog, .darovi{ text-align:center; background-repeat:no-repeat; background-position:100% 100%; }
.blog{ width:53px; height:32px; padding-top:35px; padding-left:10px; background-image:url(blog.gif); float:left; }
.darovi{ width:77px; height:35px; padding-top:35px; background-image:url(darovi.gif); float:right; }

.sponsors{ position:relative; width:189px; height:105px; background:url(sponsors.gif) no-repeat 100% 0; }
    .sponsors .sponsor{ top:28px; left:37px;  }
#sidebar .sponsors{ clear:left; }

input.text{ border:1px solid #000; padding:2px; }


/*         #10 - footer        */
.sponzori-lista{ padding:0 0 15px 0; list-style:none; float:left; }
.sponzori-lista li{ float:left; width:100px; height:60px; }
#footer h4{ clear:both; }


/*         #11 - aditional classes        */
.dark{ color:#000; }
.strong{ color:#ed3024; }
.clear{ clear:both; display:block; }
.frame{ margin-bottom:15px; border:2px solid #ed3024; }
.button-top{ float:right; clear:both; margin-right:-30px; margin-bottom:-15px; padding:25px 0 0; }
.biography{ float:right; margin:0 0 10px 10px; }
.without-sponsor{ padding-right:10px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
dl.press dt{ padding-top:40px; }
.forward{ background:url(button-forward.gif) no-repeat 0 100%; width:27px; height:19px; display:block; text-decoration:none; padding-top:10px;  float:right; }
.back{ background:url(button-back.gif) no-repeat 0 100%; width:27px; height:19px; display:block; text-decoration:none; padding-top:10px;  float:left; }
.site-english{ background:#fff url(body-eng.gif) no-repeat 50% 0; }
.floated{ float:left; margin:0 15px 15px 0; display:inline; }
.copyright{ clear:both; }
.hdnSpam{ display:none; }
.dots{ background:url(dot.gif) repeat-x 0 100%; display:block; height:10px; margin-bottom:15px; }

.cjenik{ background:#FFDD00; }
.cjenik th, .cjenik td{ padding:5px 10px; }
.cjenik th{ font-size:12px; font-weight:bold; }

#godisnjica{ position:absolute; top:55px; right:0; width:201px; height:132px; background:url(20-godina.gif) no-repeat 0 0; }

.komentariBlog input, .komentariBlog textarea{ width:200px; border:1px solid #ed3024; padding:3px; }
.komentariBlog textarea{ width:480px; height:100px; overflow:auto; } 
.komentariBlog input.btnSubmit{ width:auto; cursor:pointer; background:url(submit-button.gif) no-repeat 100% 50%; padding-right:35px; border:none; }

/* nagradna igra button */

#kutija-nagradna-igra{ margin:0; padding:0; border:0; background:url(kutija-nagradna_igra.jpg) no-repeat 0 0; width:79px; height:100px; display:block; clear:both; }
#kutija-nagradna-igra span{ display:none; }

/* floating flash */

#floating-banner{ padding:5px; background: #EC3024; position: absolute; z-index:1000; top:0 left:0; }
#floating-banner-close{ cursor:pointer; padding-top:5px; display:block; font:bold 9px Arial, sans-serif; color:#fff; clear:both; text-align:right; text-decoration:none; }


.tags { line-height: 150%; }
.tags ul{ list-style:none; padding:0; }
.tags li{ display:inline; padding:0 5px; }
.tag6x { text-decoration: none; font-size: 2.5em; }
.tag5x { text-decoration: none; font-size: 2.2em; }
.tag4x { text-decoration: none; font-size: 1.9em; }
.tag3x { text-decoration: none; font-size: 1.6em; }
.tag2x { text-decoration: none; font-size: 1.3em; }
.tag1x { text-decoration: none; font-size: 1em; }










































































































































































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