/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// noscript notification
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
noscript h1
{ position:absolute; width:100%; top:0; left:0; margin:0; padding:0; display:block; clear:both; font-size:12px; text-align:center; color:#000; background-color:#d3b160; z-index:1000; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body#intro h1#logotip
{ margin:0 auto; padding:0; width:650px; height:250px; clear:both; }
	body#intro h1#logotip a
	{ margin:0; padding:0; width:650px; height:300px; display:block; text-indent:-9999em; background:url(../_images/intro_logo.png) no-repeat top right; }
body#site h1#logotip
{ position:absolute; top:75px; left:250px; width:445px; height:150px; }
	body#site h1#logotip a
	{ width:445px; height:150px; display:block; text-indent:-9999em; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// intro text
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#intro_text
{ width:920px; height:200px; margin:200px 0 0 0; float:right; overflow:hidden; clear:both; }
	div#intro_text p
	{ text-align:left; }
	div#intro_text div#hr
	{ width:460px; height:200px; float:left; overflow:hidden; text-align:center; background-color:transparent; }
	div#intro_text div#en
	{ width:460px; height:200px; float:right; overflow:hidden; text-align:center; background-color:transparent; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// jadranka
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#jadranka
{ width:240px; height:240px; display:block; position:absolute; top:65px; left:20px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// language selection
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#language_selection
{ position:absolute; top:75px; right:25px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// music
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#music
{ position:absolute; right:0; bottom:50px; width:150px; height:50px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// champions
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#champions, div#champions ul, div#champions li
{ width:210px; margin:0 auto; padding:0; }
	div#champions li
	{ height:70px; margin:0 0 10px 0; list-style:none; }
	div#champions li.male
	{ background:url(../_images/champion_male_bg.gif) no-repeat top left; }
	div#champions li.female
	{ background:url(../_images/champion_female_bg.gif) no-repeat top left; }
		div#champions li a
		{ width:160px; height:40px; display:block; clear:both; padding:25px 25px 5px 25px; font-size:18px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// breadcrumbs
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#breadcrumbs
{ width:665px; margin:0 0 25px 0; display:block; overflow:hidden; }
	div#breadcrumbs ol
	{ width:665px; margin:0; padding:0; background:transparent; border:none; }
	div#breadcrumbs li
	{ margin:0; padding:0; display:inline; float:left; list-style:none; }
	div#breadcrumbs a
	{ display:block; color:#fff; padding:2px 15px 2px 5px; text-transform:lowercase; background:url(../_images/capa.gif) no-repeat center right; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#search
{ position:absolute; top:130px; right:30px; width:220px; }
	div#search fieldset
	{ width:220px; position:relative; }
		div#search fieldset legend
		{ display:none; }
		div#search input.search_text
		{ background-color:transparent; border:none; width:170px; color:#d2b160; font:85%/1.4 Georgia, "Times New Roman", Times, serif; }
		div#search input.search_button
		{ position:absolute; right:0; top:-20px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// central banner
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#central_banner
{ position:relative; width:665px; margin:0 auto; padding:0 0 1px 0; background:url(../_images/fancy_gold.jpg) no-repeat bottom center; overflow:hidden; z-index:10; }
	div#central_banner img
	{ margin:0; padding:0; display:block; }
		div#central_banner ul
		{ width:665px; height:185px; margin:0; padding:0; overflow:hidden; z-index:10; border:none; }
			div#central_banner li
			{ width:665px; height:185px; margin:0; padding:0; list-style:none; float:left; display:none; z-index:10; overflow:hidden; }
			div#central_banner li a
			{ width:665px; height:185px; margin:0; padding:0; display:block; overflow:hidden; }
			div#central_banner li span.description
			{ position:absolute; right:0; top:0; background-color:#000; 
				/*filter: alpha(opacity=70);*/ -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; 
				display:none; font-size:16px; line-height:1.4em; overflow:hidden; }
				div#central_banner li span.description span
				{ width:230px; height:150px; padding:25px; display:block; color: #fff; }
				
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart image
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_image
{ width:108px; margin:0 10px 10px 0; float:left; 
	background:url(../_images/small_picture_frame_bottom.jpg) no-repeat center bottom; overflow:hidden; }
	div.apart_image a
	{ display:block; overflow:hidden; width:100px; height:150px; padding:4px; background:url(../_images/small_picture_frame_top.jpg) no-repeat center top; position:relative; }
		div.apart_image span
		{ display:block; width:55px; height:41px; background:url(../_images/ribbon_smallimage.png) no-repeat left top; position:absolute; left:0; top:0; cursor:pointer; }
		div.apart_image img
		{ border:none; display:block; margin:0; padding:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// content list
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#content_list
{ width:665px; margin:10px auto; padding:15px 0 0 0; display:block; clear:both; background:url(../_images/news_bg.jpg) no-repeat center top; overflow:hidden; }
	div#content_list ul
	{ width:665px; margin:0; padding:0; }
		div#content_list li
		{ width:665px; margin:0 0 10px 0; padding:0 0 5px 0; list-style:none; display:block; clear:both; float:left; 
			background:url(../_images/news_bg.jpg) no-repeat center bottom; overflow:hidden; }
			div#content_list div.content_list_item
			{ width:320px; margin:0 5px; display:inline; float:left; }
				div#content_list h1.title
				{ margin:0 0 10px 0; padding:0; font-size:16px; }
				div#content_list p
				{ text-align:left; }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#news
{ width:665px; margin:10px auto; padding:15px 0 0 0; display:block; clear:both; background:url(../_images/news_bg.jpg) no-repeat center top; overflow:hidden; }
	div#news ul
	{ width:665px; margin:0; padding:0; }
		div#news li
		{ width:665px; margin:0 0 10px 0; padding:0 0 5px 0; list-style:none; display:block; clear:both; float:left; 
			background:url(../_images/news_bg.jpg) no-repeat center bottom; overflow:hidden; }
			div#news div.news_item
			{ width:320px; margin:0 5px; display:inline; float:left; }
				div#news h1.title
				{ margin:0 0 10px 0; padding:0; font-size:16px; }
				div#news p
				{ text-align:left; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// link
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.links
{ text-align:right; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pedigree
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.pedigree
{ font-size:18px; text-align:right; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// documents
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.documents
{ width:663px; margin:25px auto; display:block; clear:both;  }
	div.documents ol
	{ margin:0; padding:0; }
	div.documents li
	{ margin:0; padding:0; list-style-image:url(../_images/capa.gif); list-style-position:inside; }
		div.documents li a
		{ font-weight:bold; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gallery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery
{ width:665px; margin:25px auto; display:block; clear:both; }
	div.gallery div.row
	{ overflow:hidden; text-align:center; }
		div.gallery div.apart_image
		{ display:inline-block; float:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// media
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.media
{ width:665px; margin:25px auto; display:block; clear:both; }
	div.media ol
	{ margin:0; padding:0; }
	div.media li
	{ margin:0; padding:0; list-style:none; display:inline-block; }
	
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// contacts
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.contacts
{ width:665px; display:block; margin:25px auto; clear:both; }
	div.contact
	{ position:relative; width:665px; margin:5px auto; padding:5px 0; display:block; overflow:hidden; background:#0C0C0C; border-bottom:solid 1px #101010; overflow:hidden; }
		div.contact a.query
		{ position:absolute; top:5px; right:5px; font-weight:bold; }
		div.contact div.image
		{ width:100px; height:100px; margin:0 10px 10px 0; display:inline; float:left; }
			div.contact div.image img
			{ border:none; }
		div.contact h2
		{ margin:0; }
		div.contact h3
		{ margin:0; padding:0; color:#333; font-size:14px; text-transform:uppercase; }
		div.contact ul
		{ margin:10px 0; padding:0; }
			div.contact ul li
			{ width:250px; margin:0; padding:0; list-style:none; float:left; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pagination
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.pagination 
{ width:75%; margin:0 auto; border:none; display:block; clear:both; overflow:hidden; background:none; }
ul.pagination ul,
ul.pagination li
{ margin:0; padding:0; list-style:none; border:0; }
	ul.pagination li
	{ display:inline; float:left; }
	ul.pagination li.current,
	ul.pagination li.arhive
	{ font-size:10px; width:100%; display:block; margin:0 0 5px 0; clear:both; text-align:center; display:none; }
		ul.pagination li.current h3,
		ul.pagination li.arhive h3
		{ margin:0; padding:0; line-height:1.5em; border:none; color:#333; background:inherit; }
	ul.pagination li.pages
	{ float:left; margin:0 1em; }
		ul.pagination li.pages ul li
		{ float:left; display:inline; margin:0 .7em 0 0; }
	ul.pagination li.pages a
	{ font-size:100%; display:block; width:2em; text-align:center; }
	ul.pagination li.pages a:link, ul.pagination li.pages a:visited { text-decoration:none; }
	ul.pagination li.pages a:active, ul.pagination li.pages a:hover, ul.pagination li.pages a:focus {  }

		ul.pagination li.pages a.active, 
		ul.pagination li.pages a.active:active,
		ul.pagination li.pages a.active:hover,
		ul.pagination li.pages a.active:focus,
		ul.pagination li.pages a.active:link,
		ul.pagination li.pages a.active:visited
		{ font-weight:bold; font-size:150%; }
		ul.pagination li.first, 
		ul.pagination li.previous
		{ float:left; font-size:18px; }
		ul.pagination li.next, 
		ul.pagination li.last
		{ float:right; font-size:18px; }
			ul.pagination li.first a,
			ul.pagination li.previus a,
			ul.pagination li.next a,
			ul.pagination li.last a,
			ul.pagination li.first a:active,
			ul.pagination li.previus a:active,
			ul.pagination li.next a:active,
			ul.pagination li.last a:active,
			ul.pagination li.first a:hover,
			ul.pagination li.previous a:hover,
			ul.pagination li.next a:hover,
			ul.pagination li.last a:hover,
			ul.pagination li.first a:link,
			ul.pagination li.previous a:link,
			ul.pagination li.next a:link,
			ul.pagination li.last a:link,
			ul.pagination li.first a:visited,
			ul.pagination li.previous a:visited,
			ul.pagination li.next a:visited,
			ul.pagination li.last a:visited
			{ margin:0 2px; color:#fff; background-color:transparent; 
				text-align:center; display:block; width:25px; }