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

    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: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

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

    STRUCTURE

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

body{ text-align:center; background:/*#339ba5 #008966*/ fixed url(bg/cardifbck.jpg) no-repeat 50% 0; padding:0 0 90px; }
    #container{ width:960px; text-align:left; margin:0 auto; /**/ } /* postaviti bg na bijelo */
    #header{ position:relative; height:45px; background:url(bg/header.gif) no-repeat 0 0; }
    .hrvatski #header{ background:url(bg/header-hrv.gif) no-repeat 0 0; }
    #main-nav{ height:20px; margin-top:50px; border-top:4px solid #dceff1; padding:5px 40px; /**/ background:#58585a; position:relative; z-index:100; }
    #intro{ position:relative; z-index:10; height:240px; padding:30px 540px 30px 30px; background:#fff; /**/ }
        #intro-flash{ position:absolute; top:0; right:0; width:485px; height:300px; }
        #intro-flash img{ position:relative; z-index:10; display:block; }
    #track{ width:100%; height:10px; background:url(bg/track.gif) no-repeat 0 0; }
    #content{ position:relative; width:860px; padding:35px 50px 25px; /**/ background:#f9f9f9 url(bg/content.gif) repeat-x 0 100%; background:#fff; }
    #content-main{ position:relative; background:#f9f9f9 url(bg/content.gif) repeat-x 0 100%; }
    #footer{ clear:both; width:940px; margin-top:10px; padding:0 10px; height:47px; background:url(bg/footer.gif) repeat-x 0 0; position:relative; }
#footer ul{ display:block; text-align:center; }
#footer li{ display:inline; line-height:41px; padding:0 5px; }
#ador{ background:transparent url(bg/ador.gif) no-repeat scroll 0 0; height:10px; position:absolute; right:15px; top:15px; width:21px; } 
#ador span{ display:none; visibility:hidden; }

/* colors 

zelena #206c33

*/


.green{ color:#206c33; }


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

    TEXT

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

h1{ color:#000; font:normal 22px Arial, sans-serif; padding-bottom:25px; }
h2{ color:#000; font:normal 18px Arial, sans-serif; padding-bottom:15px; }
h3{ color:#000; font:bold 14px Arial, sans-serif; padding-bottom:10px; }
h4{ color:#000; font:bold 12px Arial, sans-serif; }

h6{}
p{ color:#000; font:normal 12px/1.4em Arial, sans-serif; padding-bottom:25px; text-align:justify; }

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

    LINKS

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

a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:none; }

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

    IMAGES

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

img{}

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

    LISTS

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

ul, ol, dl{ padding:0 0 25px 25px; }
dl{}
li, dd{ color:#000; font:normal 12px Arial, sans-serif; }
dt{}

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

    TABLES

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

table{}
th, td{ font:normal 12px/1.4em Arial, sans-serif; padding:5px; }
thead, tbody, tfoot{}

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

    FORMS

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

select{}
option{}
fieldset{}
label{ float:left; width:150px; }
input, textarea{ width:300px; padding:3px; overflow:auto; }
.submit{ width:auto; font-weight:bold; background:#666; color:#fff; cursor:pointer; margin-left:150px; }


/* logo */

#logo{ position:absolute; top:0px; left:60px; width:170px; height:45px; }
#slogan{ display:none; visibility:hidden; font:bold 14px/62px Arial, Verdana; padding-left:300px; }

/* footer */

.footer{ clear:both; padding:50px 0 0; color:#141215; font-size:12px; font-weight:normal; text-align:center; }

/* galerija */

.galerija{ float:left; border:1px solid #ddd; padding:6px 0 0 6px; background:#fff; }
.galerija li{ float:left; overflow:hidden; display:block; width:278px; height:190px; padding-right:6px; padding-bottom:6px; /**/ }
.galerija img{ width:278px; height:190px; }
#content .galerija li{ background:none; }

/* obrazac */

form ul{ padding:0; }
form li{ float:left; clear:left; padding-bottom:5px; }

/* naslovna */

.border-image{ position:absolute; top:0; right:0; }
.homepage ul{ padding:0; float:left; }
.homepage li{ float:left; overflow:hidden; width:200px; /* height:265px; */ padding-right:80px; padding-bottom:15px; }
.homepage li p{ text-align:left; }
.homepage img{ display:block; }
.homepage h2{ padding-bottom:10px; color:#000; font:bold 12px Verdana; }

.partneri{ width:300px; float:left; }
.partneri .logo{ display:block; margin:0 auto; text-align:center; }
.partneri .logo img{ display:block; text-align:center; padding:5px 0; }

/* navigacija */

   	#main-nav ul{ float:left; list-style:none; border-left:1px solid #fff; padding:0; display:block; height:20px; position:relative; }
    	#main-nav ul li{ display:block; float:left; padding:0; position:relative; font:bold 12px/20px Arial, Tahoma; }
    	#main-nav ul li a{ display:block; color:#fff; text-decoration:none; border-right:1px solid #fff; padding:0 25px; }
   	    #main-nav ul li a:hover, #main-nav ul .active a, #main-nav a.selected{ color:#ccc; }

/* second level */
	
	#main-nav ul ul { display: none; visibility:hidden; width:200px; margin:0; border:0; padding:5px 0 0; position:relative; z-index:100; }
	#main-nav ul ul li { width:200px; float:none; display:block; border-bottom:1px solid #58585A; padding:0; font-size:10px; line-height:1.5em; }
	#main-nav ul .active ul a{ background:#fff; color:#58585A; display:block; padding:3px 5px; }
    #main-nav ul .active ul a:hover{ background:#58585A; color:#fff; }

.jedan { cursor: pointer; }
.dva p { font-weight: normal; }

#header-links{ padding:15px 0; width:960px; height:20px; text-align:right; }
#header-links li{ display:inline; font-size:12px; font-weight:bold; }
#header-links a{ text-decoration:none; border-right:1px solid #000; padding:0 15px; }

.partner-logo{ float:left; padding:0 10px 10px 0; }

.sitemap dl{ width:260px; padding:0 13px 0 0; float:left; }
.sitemap dt{ font:bold 14px Arial, sans-serif; }

.alt{ display:none; }
.clear{ width:100%; clear:both; height:1%; }

fieldset ul{ list-style:none; }