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

    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: #010101;
	background: white;
	background:#d7d7d7;
	font-size:62.5%;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

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

    STRUCTURE

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

#container{ width:960px; margin:0 auto; background:#fff url(bg/logo-bg.png) no-repeat 0 0; /**/ }
    .navigation{ position:relative; z-index:100; float:left; width:690px; margin-bottom:5em; border-bottom:1px solid #d6d6d6; padding:100px 0 0 270px; }
    .imagery{ position:relative; z-index:50; clear:both; height:229px; overflow:hidden; background:#fff url(bg/imagery-logo.gif) no-repeat 100% 50%; border:1px solid #d6d6d6; border-width:1px 0; }
    .middle{ clear:both; float:left; margin-bottom:4em; border:1px solid #d6d6d6; border-width:1px 0; background:url(bg/divider.gif) repeat-y 690px 10px; }
        .user-actions{ float:left; width:230px; padding:5px 20px; background:url(bg/user-actions.png) no-repeat 100% 100%; /**/ }
        .extra{ float:left; width:550px; padding:20px 70px 10px; }
    .breadcrumbs{ height:4em; }
    .main{ float:left; width:100%; border-top:1px solid #d6d6d6; background:url(bg/divider.gif) repeat-y 690px 10px; }
        .content{ float:left; width:680px; padding:0; /**/ }
        .sidebar{ float:right; width:270px; }
		.sidebar .user-actions{ border-bottom:1px solid #d6d6d6; }
    .footer{ position:relative; text-align:center; padding-top:15px; clear:both; border-top:1px solid #d6d6d6; /**/ }

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

    TEXT

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

h1{ font:normal 27px "Trebuchet MS"; /* background:#fff; top:-43px; */ color:#818284; position:relative; left:-45px; padding:0 10px 25px 10px; }
h2{ font:normal 20px "Trebuchet MS"; color:#818284; }
h3{ font:normal 20px Arial, Tahoma; color:#818284; }
h4{ font:normal 18px "Trebuchet MS"; padding:5px; background:#c4c4c4; color:#fff; }
h5{}
h6{}
p{ font:normal 11px/1.6em Arial, Tahoma; padding-bottom:1.5em; }
    .sidebar p{ padding:15px; font-size:1em; color:#a1a1a4; }

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

    LINKS

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

a{ color:#db4415; }
a:hover{}

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

    IMAGES

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

img{}

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

    LISTS

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

ul, ol, dl{}
dt{}
dd, li{ font:normal 11px/1.6em Arial, Tahoma; }

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

    TABLES

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

table{ width:100%; }
th, td{ text-align:center; font:normal 14px "Trebuchet MS", Arial; border:1px solid #e0e0e0; padding:10px 4px; color:#818284; }
th{ font:10px "Trebuchet MS"; text-transform:uppercase; border:0; }
table a{ text-decoration:none; font-weight:bold; }
thead, tbody, tfoot{}

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

    FORMS

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

select{}
option{}
fieldset{}
label{}
input, textarea{ border:1px solid #ccc; border-color:#b8b8b8 #e1e1e1 #e1e1e1 #b8b8b8; padding:3px; font:normal 1.3em Arial; }
.submit{ width:auto; border:0; }

/* section */

.section{ border-top:1px solid #d6d6d6; padding:20px 70px 40px; clear:both; }
.section:first-child{ border:0; }
.section ul{ padding-bottom:10px; padding-left:20px; }
.section ul ul{ padding-bottom:0; }

/* news list sidebar */
.news-list{ border-top:1px solid #d6d6d6; padding-right:20px; text-align:right; /* background:url(bg/sarena-kutija.gif) no-repeat 1px 0; */ }
.news-list h2{ /* padding:35px 0; */ padding:10px 0; }
.news-listed-item{ padding-bottom:15px; }
.news-listed-item:hover h4{ background:#DB4415; }
.news-listed-item:hover p{ color:#010101; }

/* calendar */
.calendar{ clear:both; width:230px; padding:0 20px 10px; /**/ }
.calendar tr:first-child td{ border:0; font:normal 27px "Trebuchet MS"; background:#fff; }
.calendar h3{ font:normal 22px "Trebuchet MS"; }

.dot{ position:absolute; width:13px; height:13px; background:url(bg/dot.png) no-repeat 0 0; top:-7px; left:684px; }


/* user actions */
.user-actions ul{ list-style:none; }
.user-actions li{ width:100%; float:left; background:url(bg/small-dots.gif) repeat-x 0 0; padding:25px 0; }
.user-actions h3{ padding-bottom:10px; }
.user-actions .first-item{ background:none; }
.user-actions input{ float:left; margin:5px 0; border:0; padding:5px; width:159px; line-height:25px; height:22px; background:url(bg/input-field.gif) no-repeat 100% 0; }
input.submit{ float:right; width:49px; height:49px; margin:0; border:0; padding:0; cursor:pointer; outline:none; }
   #container .search{ background:url(bg/search-submit.png) no-repeat 0 0; }
   #container .sign-up{ background:url(bg/sign-up-submit.png) no-repeat 0 0; }
   #container .trazi{ background:url(bg/trazi-submit.png) no-repeat 0 0; }
   #container .prijava{ background:url(bg/prijava-submit.png) no-repeat 0 0; }


/* header logo */
#logo{ position:absolute; top:25px; left:40px; display:block; width:174px; height:151px; background:#fff url(bg/logo.png) no-repeat 0 0; }
#english, #hrvatski{ position:absolute; z-index:5005; display:block; top:105px; right:20px; width:64px; height:64px; }
#english{ background:url(bg/english.png) no-repeat 0 0; }
#hrvatski{ background:url(bg/hrvatski.png) no-repeat 0 0; }

/* vijesti */
.vijesti, .news-badge{ width:80px; height:64px; margin-top:-53px; padding:0 0 20px; display:block; text-indent:-9999px; }
.vijesti{ background:#fff url(bg/vijesti.png) no-repeat 0 0; }
.news-badge{ background:#fff url(bg/news.png) no-repeat 0 0; }
.news-section-item{ float:left; width:100%; padding-bottom:30px; }
.news-section-item img{ float:left; padding-right:20px; }
.news-section-item h3{ font-size:13px; font-weight:bold; padding-bottom:10px; }
.news-section-item a{ color:#808080; }
.news-section-item a:hover{ text-decoration:none; }

/* members */

.member{ margin-top:-25px; padding:20px 0 10px; background:url(bg/small-dots.gif) repeat-y 160px 0; float:left; }
.member img{ float:left; margin-right:40px; border:1px solid #d6d6d6; }
.member p .highlite{ font:normal 12px "Trebuchet MS"; letter-spacing:-1px; }
.member p .highlite a{ text-decoration:none; }
.member p .highlite a:hover{ text-decoration:underline; }
.member-text{ margin-left:180px; }

ul.members-list{ padding:0; list-style:none; }
.members-list li{ float:left; width:150px; margin-bottom:45px; border-left:1px solid #bcbdbd; padding-right:20px; padding-left:9px; }
.members-list h3{ font:normal 13px "Trebuchet MS"; padding-bottom:5px; letter-spacing:-1px; }
.members-list h3 a{ text-decoration:none; }
.members-list h3 a:hover{ text-decoration:underline; }
.members-list img{ display:block; margin-left:-9px; padding-bottom:5px; }


/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.highlite{ color:#db4415; }
.read-more, .vise{ text-align:right; }
.read-more a{ display:block; width:64px; height:18px; float:right; background:url(bg/read-more.png) no-repeat 0 0; }
.vise a{ display:block; width:53px; height:18px; float:right; background:url(bg/vise.png) no-repeat 0 0; }
.borderless{ border:0; }

#ador{ position:absolute; width:21px; height:11px; top:18px; right:15px; background:url(bg/ador.png) no-repeat 0 0; }
#ador span{ display:none; visibility:hidden; }

/**/

.breadcrumbs ul{ list-style:none; padding-left:20px; }
.breadcrumbs li{ display:inline; line-height:3.7em; padding:0 0 0 5px; color:#666; }
.breadcrumbs li:first-child{ border:0; }

/**/

.ContactForm{ padding-top:20px; }
.ContactForm ul{ list-style:none; padding-left:0; }
.ContactForm label{ display:block; float:left; width:100px; font:italic bold 12px/30px Arial; }
.ContactForm input{ border:0; padding:8px 5px; width:328px; line-height:25px; height:22px; background:url(bg/contact-input-field.gif) no-repeat 100% 0; } 
.ContactForm textarea{ border:0; padding:0 5px; width:328px; height:96px; background:url(bg/contact-textarea-field.gif) no-repeat bottom left; overflow:hidden; } 
.hdnSpam{ display:none; }
.ContactForm .frmButton{ width:49px; height:49px; background:transparent url(bg/posalji.png) no-repeat 0 0; cursor:pointer; }
.ContactForm .hrvatski{ background:transparent url(bg/posalji-hrv.png) no-repeat 0 0; }
.ContactForm .submit { cursor:pointer; height:49px; float:none; padding:0; width:49px; }
/**/

.banners{ position:relative; width:170px; padding:20px 0; margin:0 auto; }
.social{ list-style:none; position:absolute; right:10px; top:20px; }
.social li{ float:left; padding-right:10px; }

/*.member-login{position:absolute; right:20px; top:5px;  }*/





























































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