/* CSS Document */

/* ++++++++++++++++++++++ Global ++++++++++++++++++++++++ */
* { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; background-image: url(../pic/bkg.jpg); background-repeat: repeat-x; }
h1 {
	border-bottom: solid 1px #8b0000;
	font-size: 16px; /* line-height: 1.1em; */
	font-weight: bold; /* vertical-align: top; */
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
h2 { border-bottom: solid 1px #8b0000; font-size: 16px; margin: 0px 0px 10px 0px; padding: 12px 0px 6px 0px; }
p { padding: 5px 0px 5px 0px; }
a, a:link { text-decoration: none; color: #8b0000; }
a:visited { }
a:hover, #bread_crumb_list a { color: black; }
img { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
input, textarea { border: solid #8b0000 1px; padding: 1px 3px 1px 6px; margin: 3px 0px 6px 0px; }
tr { background-color: #e0e0e0; }
td { 
	padding: 0px 3px 0px 3px; 
	white-space: nowrap;
}
/* ---------------------- Global ------------------------ */

/* ++++++++++++++++++++++ Layout ++++++++++++++++++++++++ */
#pagewidth_800 { width: 760px; margin: 0 auto; border-left: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; }
/*#header { width: 760px; height: 230px; background-image: url(../pic/header.jpg); background-repeat: no-repeat; }*/
#header { }
/*#header_logo { position: absolute; top: 35px; width: 141px; height: 160px; margin: 8px; }*/
#header_logo { margin: 8px; padding-top: 25px;}
.header_image { margin: 0; padding: 0;}
#content { float: left; width: 760px; background: #f6f6f7; padding: 0px 0px 10px 0px;}
#leftcol { float: left; width: 140px; text-align: center;}
#maincol { float: left; width: 605px; max-width: 595px; margin-top: 0px; padding: 0px 3px 0px 6px;}
#rightcol { float: right; width: 220px; padding: 2px;}
#footer { width: 760px; height: 80px; background: #ebeced; clear: both; background-image: url(pic/footer_line.gif); background-position: top; background-repeat: repeat-x; text-align: center; }
/* ---------------------- Layout ------------------------ */

/* ++++++++++++++++++++++ Menu ++++++++++++++++++++++++++ */
#menu_left { margin: 0px 0px 30px 20px; padding: 6px; text-align: left; }
#menu_left .menu_option_0 { color: #8b0000; line-height: 25px; font-weight: bold; text-transform: uppercase; }
#menu_left .menu_option_0 a, #menu_left .menu_option_0 .supst { }
#menu_left .menu_option_0 a:hover { color: Black; }

#menu_bottom { 
/*	margin-left: 80px; */
/*	text-align: right; */
	padding: 8px;
}
#menu_bottom_item { 
	text-align: center;
}

#menu_bottom_item div { 
	display: inline; 
}

#menu_bottom .menu_option_0 { font-size: 10px; font-weight: bold; }
#menu_bottom .menu_option_0 a, #menu_left .menu_option_0 .supst { padding: 18px 10px 10px 10px; color: #8b0000; cursor: pointer; }
#menu_bottom .menu_option_0 a:hover { color: Black; }
/* ---------------------- Menu -------------------------- */

/* ++++++++++++++++++++ Sidebar +++++++++++++++++++++++++ */
#sidebar { float: right; background-color: #f6f6f7; padding: 3px; margin-left: 6px;}
.sidebar_title { background-color: #8b0000; font-size: 11px; font-weight: bold; color: white; text-align: center; padding: 3px; }
.sidebar_table, .sidebar_contents {
	font-size: 10px; 
	border: solid 1px #8b0000; 
	margin-bottom: 20px; 	
}
.sidebar_table {
	line-height: 20px; 
	text-align: center; 
	padding: 2px;
	width: 220px;
}
.sidebar_contents { 
	text-align: left; 
	padding: 0px;
}

.sidebar_contents h3 { 
	font-size: 10px;
	margin: 0px;
	padding: 4px 8px 4px 8px;	
}

.sidebar_contents p { 
	margin: 0px;
	padding: 0px;	
}
.sidebar_contents a { 
	display: block;
	margin: 2px;
	background-color: #ddd;
	padding: 6px;
}

.sidebar_contents a:hover { 
	background-color: #eee;
}

.tim { text-align: left; width: 100%; }
/* -------------------- Sidebar ------------------------- */

#potpis, #potpis a { padding-top: 3px; font-size: 10px; text-decoration: none; text-align: center; color: #aaaaaa; }
#potpis a:hover { color: #000000; }
#language_list { float: right; margin: 10px 0px 0px 0px;}
#bread_crumb_list, #bread_crumb_list a {font-size: 10px; color: #8b0000; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 12px 3px 0px 0px; text-decoration: none; }
#bread_crumb_list a:hover { color: #000000; }
#document_header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; }
#document_header h1 { border-bottom: 0px; font-size: 18px; margin: 3px 0px 0px 0px; }
#top_level_title a, #second_level_title a { text-decoration: none; }
#top_level_title { float: left; padding: 0px 0px 0px 0px; color: #8b0000; }
#second_level_title { float: right; padding: 0px 0px 0px 0px; text-decoration: none; }
#document_contents { }
.baner { width: 140px; }
.baner img { margin: 20px 6px 20px 6px; }

/* ++++++++++++++++++++++ Vesti +++++++++++++++++++++++++ */
.lead { font-weight: bold; color: #8b0000 }

#vesti p {
}

.img_left, .img_right, .img_center, .news_img_left, .news_img_right, .news_img_full_width {
	font-style: italic; 
	font-size: 10px;
	text-align: center; 
	background-color: #f6f6f7;
}

.img_left, .img_right, .img_center {
	padding: 8px;
}


.img_left, .news_img_left, .himna_img_left  {
	float: left; 
}

.img_right, .news_img_right {
	float: right; 
}

.news_img_left, .news_img_right {
	padding: 10px 6px 2px 6px; 
	width: 220px;
}

.img_center {
}

.news_img_full_width {
	padding: 4px 0px 2px 0px; 
	width: 350px;
 
}

.himna_img_left {
	padding: 0px 12px 0px 0px; 
}

/* ---------------------- Vesti ------------------------- */

/* ++++++++++++++++++++++ Klub ++++++++++++++++++++++++++ */

#klub_info { float: left; width: 590px; text-align: center; }
#klub_table { margin: 10px 0px 10px 20px !important; margin: 10px 0px 10px 0px; width: 550px; font-size: 10px; line-height: 20px; text-align: left; padding: 4px; border: solid 1px #8b0000; }
#klub_info td { background-color: #e0e0e0s; padding: 0px 0px 0px 15px; }

#klub_uprava { float: left; width: 550px; }

#klub_uprava .osoba { 
	float: left; 
	width: 180px; 
	margin: 15px 0px 5px 0px; 
	height: 210px;
	text-align: center; 
}

#strucni_stab { 
	float: left; 
	width: 550px;
}
#strucni_stab .osoba {
	float: left;
	width: 120px;
	margin: 15px 0px 5px 0px;
	padding: 4px 9px 4px 8px; 	
	height: 210px;
	text-align: center;
	display: inline;	
}

.spacer_img { float: left; width: 90px; margin: 15px 0px 5px 0px; text-align: center; }
/* ---------------------- Klub -------------------------- */

/* ++++++++++++++++++++ Takmicenje ++++++++++++++++++++++ */
.result { float: left; }
.result_title { background-color: #8b0000; font-size: 11px; font-weight: bold; color: white; text-align: center; width: 274px; margin-left: 10px; padding: 3px; }
.result_table { width: 280px; margin-left: 10px; font-size: 10px; line-height: 20px; text-align: center; /* 	white-space: nowrap; */ padding: 4px; border: solid 1px #8b0000; margin-bottom: 20px; }
.league { float: left; }
.league_title { background-color: #8b0000; font-size: 11px; font-weight: bold; color: white; text-align: center; width: 564px; margin-left: 10px; padding: 3px; }
.league_table { width: 570px; margin-left: 10px; font-size: 10px; line-height: 20px; text-align: center; /* 	white-space: nowrap; */ padding: 4px; border: solid 1px #8b0000; margin-bottom: 20px; }
.position { background-color: #eed8d8; }
/* -------------------- Takmicenje ---------------------- */

/* +++++++++++++++++++++ Prvi tim +++++++++++++++++++++++ */
.player { float: left; width: 170px; margin: 12px 6px 6px 6px }
.player_name { text-align: center; }
/* --------------------- Prvi tim ----------------------- */

/* +++++++++++++++++++ Foto arhiva ++++++++++++++++++++++ */
.photo_category { clear: both; }
.photo_category h2 { border-bottom: solid 1px #8b0000; font-size: 16px; margin: 0px; padding: 12px 0px 6px 0px; }
.photo_thumb_frame { float: left; margin: 6px; }
.photo_thumb { width: 170px; }
.photo_thumb img { padding: 0px; margin: 6px 4px 4px 4px; }
.photo_caption, .photo_caption_full { 
	text-align: center; 
	height: 42px; 
	margin: 0px 4px 0px 4px; 
}
.photo_caption { width: 162px; 	font-size: 0.96em; }
.photo_caption_full { font-weight: bold; 	font-size: 1.1em; }

/* ------------------- Foto arhiva ---------------------- */



/* +++++++++++++++++++ Linkovi ++++++++++++++++++++++ */
.link { 
	margin: 8px;
}
/* ------------------- Linkovi ---------------------- */


/*

#document_top_header {
}

#document_header img {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header_separator {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contact_official, .contact_representative {
	padding: 4px;
	background-color: #FCF9F5;
	text-align: center;
}

#owners {
	text-align: center;
}

#owners {
	margin:  5px 0px 15px 0px;
}

.logo {
	margin:  0px 0px 0px 0px;
}

.contact_representative {
	height: 215px;
}

.contact_official {
	height: 90px;
	padding-top: 30px;
	margin-left: 30px;
	margin-bottom: 20px;
	border-top: solid 3px #6c3600;
	border-bottom: solid 1px #6c3600;
}

.contact_official .name, .contact_representative .name, .contact_representative .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 13px;
}

.contact_official .markets, .contact_representative .markets {
	padding: 10px 0px 0px 0px;
	font-style: italic;
}

.contact_representative {
}

.contact_item a {
	text-decoration: underline;	
	font-size: 13px;
}

.inline_title {
	font-weight: bold;
	list-style-position: outside;
	list-style-type: disc;
}

.table_data, .table_data_centered {
	padding: 0;
	margin: 0;
	border-color: #6C3600;
	border-style: solid;
	border-width: 2px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.table_data_centered {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.table_data th, .table_data_centered th {
	background-color: #f5c491;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

.table_data caption, .table_data_centered caption {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	font-variant: small-caps;
	caption-side: top;
}

.table_data_centered caption {
    margin-left: auto;
    margin-right: auto;
}

.table_data .col_hdr, .table_data_centered .col_hdr {
	font-weight: bold;
	text-align: center;	
	font-size: 11px;
}

.table_data .col_centered, .table_data_centered .col_centered {
	text-align: center;	
	font-size: 11px;
}

.table_data td, .table_data_centered td {
	border-color: #6C3600;
	border-style: solid;	
	border-spacing: 0px;	
	border-width: 1px;	
	border-collapse: collapse;	
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.img-shadow, .img-shadow-right, .img-shadow-left {
	background-color: #ddd;
	margin: 10px 8px 8px 10px;
  }

.img-shadow-right {
	float:right;
  }

.img-shadow-left {
	float:left;
  }

.img-shadow img, .img-shadow-right img, .img-shadow-left img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 3px 3px -5px;
	padding: 3px;
  }
  
.img_caption {
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
 
li {
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}
 
.clear-both {
 	clear: both
 }

.clear-left {
 	clear: left }
 
.clear-right {
 	clear: right }
*/