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

    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;
}
em{ 
    font-style:italic; 
}
.clear{ 
    clear:both; 
}


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

    STRUCTURE

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

#container{ width:960px; margin:0 auto; }
#header{ height:100px; position:relative; }
    #logo{ text-decoration:none; }
#navigation{ float:left; width:100%; }
#main-image{ clear:both; width:100%; display:block; }
#main{ width:920px; float:left; padding:0 20px; }
    #content{ float:right; width:530px; padding:20px 0; /**/ }
    #menu{ position:relative; z-index:10; float:left; width:165px; padding-right:30px; background-repeat:no-repeat; background-position:100% 100%; /**/ min-height:306px; }
    #content-image{ float:left; width:171px; padding:53px 0 50px 24px; }
#footer{ clear:both; height:1%; /**/ }

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

    TEXT

****************/
.emphasize{ text-align:right; display:block; padding-top:10px; }


h1{ display:block; width:100%; }
h2{ font:bold 11px Verdana; padding-bottom:10px; }
p{ font:normal 11px/1.5em Verdana; padding-bottom:15px; }

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

    LINKS

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

a{}
a:hover{ text-decoration:none; }

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

    IMAGES

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

img{}

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

    LISTS

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

ul, ol{ padding:0 0 15px 20px; }
dl{}
li, dd{ font:normal 11px/1.5em Verdana; }
dt{ font:bold 11px Verdana; }

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

    TABLES

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

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

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

    FORMS

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

select{}
option{}
fieldset{}
label{ float:left; width:10em; padding:2px 5px 2px 0; }
input, textarea{ width:20em; padding:3px; }
.submit{ width:auto; margin-left:8.7em; }

/* contact form */

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

/* photo gallery */

.foto-gallery{ list-style:none; padding-left:0; }
.foto-gallery li{ float:left; height:100px; overflow:hidden; padding-right:25px; padding-bottom:20px; }

/* navigation */

#navigation ul{ float:left; list-style:none; height:16px; padding:11px 0 11px 20px; }
#navigation li{ float:left; font-size:16px; padding-right:30px; }
#navigation a{ float:left; text-decoration:none; }
#navigation a:hover{ color:#999; }

#menu ul{ list-style:none; padding:20px 0; }
#menu li{ font-size:13px; padding-bottom:20px; }
#menu a{ text-decoration:none; }

/* unordered list inside content */

.one-column, .two-columns{ list-style:none; padding-left:0; }
.one-column li, .two-columns li{ padding-bottom:15px; }
.two-columns li{ float:left; width:250px; padding-right:15px; }

/* predstava svijetla */

.boja5{ background:url(bg/light/bg.gif) repeat 0 0; color:#000; }
.boja5 #header{ background:#37d0e2; }
.boja5 #logo{ display:block; width:210px; height:100px; background:url(bg/light/logo.gif) no-repeat 0 0; }
.boja5 #navigation{ background:#fff; }
.boja5 #navigation a{ color:#000; }
.boja5 #main{ background:#fff; }
.boja5 #menu{ background-image:url(bg/light/menu.gif); }
.boja5 #menu a{ color:#000; }
.boja5 #menu a:hover{ color:#999; }

/* predstava tamna */

.boja6{ background:url(bg/dark/bg.gif) repeat 0 0; color:#fff; } 
.boja6 #header{ background:#BA0000; }
.boja6 #logo{ display:block; width:210px; height:100px; background:url(bg/dark/logo.gif) no-repeat 0 0; }
.boja6 #navigation{ background:#c28c19; }
.boja6 #navigation a{ color:#000; }
.boja6 #main{ background:#181818; }
.boja6 #menu{ background-image:url(bg/dark/menu.gif); }
.boja6 #menu a{ color:#b48217; }
.boja6 #menu a:hover{ color:#fff; }
.boja6 h2, .boja6 strong, .boja6 #content a{ color:#b48217; }
.boja6 #content-image{ background:url(bg/dark/frame.gif) no-repeat 15px 45px; }
.boja6 label{ color:#b48217; }
.boja6 input, .boja6 textarea{ border:1px solid #282828; background:#181818; color:#fff; }
.boja6 .submit{ border:0; background:#b48217; color:#000; font-weight:bold; cursor:pointer; }

/* predstava pink */

.boja7{ background:url(bg/pink/bg.gif) repeat 0 0; color:#9f298f; }
.boja7 #header{ background:#B133A3; }
.boja7 #logo{ display:block; width:210px; height:100px; background:url(bg/pink/logo.gif) no-repeat 0 0; }
.boja7 #navigation{ background:#fff; }
.boja7 #navigation a{ color:#9f298f; }
.boja7 #main{ background:#fff; }
.boja7 #menu{ background-image:url(bg/pink/menu.gif); }
.boja7 #menu a{ color:#9f298f; }
.boja7 #menu a:hover{ color:#bc9d24; }
.boja7 h2, .boja7 strong, .boja7 #content a{ color:#9f298f; }
.boja7 #content-image{ background:url(bg/pink/frame.gif) no-repeat 15px 45px; }


.naslov{ margin-left:-410px; margin-top:-20px; position:relative; z-index:1000; }
#flash{ position:absolute; top:0; right:0; }


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