/* Krajem nase ulice - CSS Document */

/*
	=======================================================
	  Title:    www.krajemnaseulice.com
	  Version:  2.0
	-------------------------------------------------------
	  File:     knumain.css
	  Type:     text/css
	  Author:   PlumTS Inc.
	------------------------------------------
	  Description: KNU CSS file - main css file
	-------------------------------
	  Modified:
	=======================================================
*/
/* body */
html
{
	margin: 0;
	padding: 0;
}

body
{
	width: 100%;
	color: #333333;
	margin: 0 auto;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #FFFFFF url(../img/common/bg_body_h_line.png) top center repeat-x; /* 81x1 */
}

img
{
	border: none;
}
/* /body */

/* headings */
h1
{
	margin: 0;
	font-size: 42px;
	font-style: normal;
	font-weight: normal;
}
h2
{
	margin: 0;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
}
h3
{
	margin: 0;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
}
h4
{
	margin: 0;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}
h5
{
	margin: 0;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
/* /headings */

/* a: */
a:link
{
	color: #CCFFFF;
	text-decoration: none;
}

a:visited
{
	color: #CCCCFF;
	text-decoration: none;
}

a:hover
{
	color: #FFFF66;
	text-decoration: underline;
}

a:active
{
	color: #FFFF66;
	text-decoration: underline;
}
/* /a: */

/* Let's get ready to rumble! */
/* main */
.main_holder
{
	height: auto;
	width: 924px;
	margin: 0 auto;
	background: url(../img/common/bg_main_w_line.png) repeat-y center top; /* 924x1 */
}
	.sub_main_holder
	{
		height: 100%;
		width: 916px;
		margin: 0 auto;
		background: #FFFFFF url(../img/common/bg_main_h_line.png) top center repeat-x; /* 1x734 */
	}
/* /main */

/* header setup */
		.boot_in
		{
			margin: 0 auto;
		}
			.webwho
			{
				float: left;
				width: 23px;
				height: 202px;
				position: absolute;
			}
				.webwho a:link, .webwho a:visited
				{
					width: 23px;
					height: 202px;
					display: block;
					text-decoration: none;
					background: url(../img/common/web_design_by_plumts_inc.png) top left no-repeat; /* 46x202 */
				}
				.webwho a:hover, .webwho a:active
				{
					width: 23px;
					height: 202px;
					display: block;
					text-decoration: none;
					background: url(../img/common/web_design_by_plumts_inc.png) top right no-repeat; /* 46x202 */
				}
/* / header setup */

/* header */
	.header
	{
		width: 880px;
		height: 404px;
		margin: 0 auto;
		z-index: 1000;
		position: relative;
	}
		.header_shadow
		{
			width: 880px;
			height: 391px;
			margin: 0 auto;
			background: url(../img/common/bg_head_w_line.png) repeat-y center top; /* 878x1 */
		}
		.sub_header
		{
			width: 870px;
			height: 391px;
			margin: 0 auto;
			background: url(../img/common/bg_head_1by1.png) repeat center top; /* 1x1 */
		}
	.h_top_box
	{
		margin: 0;
		padding: 0;
		height: 76px;
	}
		.h_t_mm_box
		{
			margin: 0;
			padding: 0;
			float: left;
			width: 620px;
			height: 76px;
		}
			.h_t_mm_linkz
			{
				margin: 0;
				padding: 0;
				float: left;
				height: 50px;
				width: 620px;
			}
/* mm linkz */
				.h_t_mm_l_ul
				{
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
				}
					.h_t_mm_l_ul li
					{
						float: left;
						width: 94px;
						height: 50px;
						margin: 0 4px;
						color: #FFFFFF;
						font-size: 20px;
						font-style: normal;
						text-align: center;
						font-weight: normal;
						background: url(../img/common/mm/mm_full.png) left top no-repeat;
					}
						.h_t_mm_l_ul li a:link, .h_t_mm_l_ul li a:visited
						{
							float: left;
							width: 94px;
							height: 50px;
							color: #FFFFFF;
							text-align: center;
							text-decoration: none;
							background: url(../img/common/mm/mm_full.png) left top no-repeat;
						}
						.h_t_mm_l_ul li a:hover, .h_t_mm_l_ul li a:active
						{
							float: left;
							width: 94px;
							height: 42px;
							color: #FFFF66;
							padding: 8px 0 0 0;
							text-align: center;
							text-decoration: none;
							background: url(../img/common/mm/mm_full.png) right top no-repeat;
						}
/* /mm linkz */
			.h_t_mm_descript
			{
				clear: both;
				height: 22px;
				width: 570px;
				color: #FFFFCC;
				font-size: 14px;
				margin: 0 0 0 8px;
				padding: 4px 0 0 0;
				font-style: italic;
			}
				/* podesavanje za tooltip */
				.mmtip
				{
					width: 600px;
					left: -600px;
					color: #FFFFCC;
					font-size: 14px;
					position: absolute;
					padding: 5px 0 0 6px;
				}
				#tip
				{
					overflow: hidden;
					position: relative
				}
				/* /podesavanje za tooltip */
		.h_t_fl_box
		{
			float: right;
			width: 250px;
			height: 76px;
			text-align: center;
			background: url(../img/common/bg_h_t_fl_box.png) center top no-repeat; /* 250x76 */
		}
			.h_t_fl_box p
			{
				float: right;
				width: 174px;
				height: auto;
				margin: 0 auto;
				color: #666666;
				font-size: 10px;
				text-align: left;
				line-height: 16px;
				padding: 2px 0 0 0;
			}
				.h_t_fl_box p span
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
/* fast links */
			.h_t_fl_linkz
			{
				height: 40px;
				width: 250px;
				margin: 0 0 0 10px;
			}
				.h_t_fl_l_ul
				{
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
				}
					.h_t_fl_l_ul
					{
						padding: 0;
						float: left;
						list-style: none;
						margin: 8px 0 0 0;
					}
						.h_t_fl_l_ul li
						{
							margin: 0;
							padding: 0;
							float: left;
							margin: 0 3px;
							list-style: none;
							text-align: left;
						}
							.h_t_fl_l_ul li a:link, .h_t_fl_l_ul li a:visited
							{
								float: left;
								text-decoration: none;
							}
							.h_t_fl_l_ul li a:hover, .h_t_fl_l_ul li a:active
							{
								float: left;
								text-decoration: none;
							}
/* /fast links */
			.h_t_fl_search
			{
				height: 36px;
				width: 250px;
				clear: both;
				background: url(../img/common/bg_head_searchbox.png) center top no-repeat; /* 222x55*/
			}
				.h_t_fl_s_action
				{
					color: #666666;
					height: 20px;
					border: none;
					width: 186px;
					padding: 5px 0 0 0;
					margin: 0 0 0 38px;
					font-family: Georgia, "Times New Roman", Times, serif;
					background: url(../img/common/bg_search_box.png) center top no-repeat; /* 186x25 */
				}
	.h_main_img
	{
		width: 854px;
		height: 310px;
		margin: 5px auto 0 auto;
		background: url(../img/common/main_img.jpg) center top no-repeat; /* 854x310 */
	}
		.hmi_airdate
		{
			float: left;
			width: 250px;
			color: #666666;
			font-size: 12px;
			padding: 0 0 0 10px;
			margin: 238px 0 0 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
			.hmi_airdate em
			{
				font-size: 14px;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
		.hmi_author
		{
			width: 250px;
			float: right;
			color: #666666;
			font-size: 16px;
			text-align: right;
			font-style: italic;
			padding: 0 10px 0 0;
			margin: 268px 0 0 0;
		}
	.h_shadow_bottom
	{
		height: 13px;
		width: 878px;
		margin: 0 auto;
		font-size: 6px;
		background: url(../img/common/bg_head_bottom_full.png) center top no-repeat; /* 880x13 */
	}
/* /header */

/* content */
	.content
	{
		width: 880px;
		margin: 0 auto;
	}
		.c_left
		{
			float: left;
			width: 405px;
		}
		.c_center
		{
			float: left;
			width: 210px;
		}
		.c_right
		{
			float: right;
			width: 260px;
		}
/* leva strana */
			.c_l_welcome
			{
				width: 405px;
				height: 162px;
				margin: 4px auto;
				background: url(../img/naslovna/c_l_welcome_bg.png) top center no-repeat; /* 405x162 */
			}
				.c_l_w_title
				{
					color: #FFFFFF;
					font-style: italic;
					margin: 0 0 0 12px;
					padding: 2px 0 0 25px;
				}
				.c_l_w_text
				{
					padding: 0;
					width: 380px;
					color: #666666;
					font-size: 15px;
					line-height: 20px;
					margin: 6px 0 0 12px;
				}
					.c_l_w_text em
					{
						color: #333333;
					}

				.c_l_newssection
				{
					text-align: center;
					font-style: italic;
				}
					.c_l_newssection h3
					{
						margin: 0;
						height: 36px;
						color: #FFFFFF;
						text-align: left;
						font-style: italic;
						line-height: normal;
						padding: 5px 0 0 50px;
						background: url(../img/naslovna/bg_ytvideo_title.png) top no-repeat; /* 405x41 */
					}
					.c_l_ytvideo
					{
						padding: 0;
						margin: 0 auto;
						background: url(../img/naslovna/bg_ytvideo_1pxwide.png) repeat-y top center;
					}
						.c_l_n_sinops
						{
							width: 380px;
							color: #666666;
							text-align: left;
							margin: 0 0 0 10px;
						}
							.c_l_n_sinops h3
							{
								margin: 0;
								border: none;
								color: #666666;
								background: none;
								padding: 6px 0 0 0;
							}
							.c_l_n_sinops ul
							{
								margin: 10px 0 0 0;
								padding: 0 0 0 20px;
							}
								.c_l_n_sinops li
								{
									margin: 0;
									padding: 8px 0;
									line-height: 1.6em;
								}
						.c_l_n_s_comment
						{
							margin: 0;
							height: 28px;
							text-align: right;
							padding: 10px 10px 0 0;
							background: url(../img/naslovna/bg_ytvideo_foot.png) no-repeat top center; /* 450x38 */
						}
							.c_l_n_s_comment a:link, .c_l_n_s_comment a:visited
							{
								position: relative;
								color: #666666;
								background: none;
								text-decoration: none;
							}
							.c_l_n_s_comment a:hover, .c_l_n_s_comment a:active
							{
								position: relative;
								color: #CC6600;
								background: none;
								text-decoration: underline;
							}
						/* Comment CSS */
						#comment
						{
							font-size: 18px;
						}
						.commentar
						{
							border: 1px solid #95ADC0;
						}
						#comments
						{
							margin: 0;
							padding: 0;
						}
							#comments li
							{
								padding: 4px;
								margin: 5px 0;
								list-style: none;
								background: #FFFFCC;
								border: 1px solid #FFCC66;
							}
						.small a:link, .small a:visited
						{
							color: #999999;
							text-decoration: none;
						}
						.small a:hover, .small a:active
						{
							color: #666666;
							text-decoration: none;
						}
						/* Highlights the previewed comment */
						#cpreview
						{
							background: #FFCC66;
							border: 1px solid #FFFFCC;
						}

						/* Error styling */
						.error
						{
							background: #CC6666;
						}
				.c_l_previously
				{
					margin: 5px 0;
					padding: 0 0 2px 0;
					text-align: center;
				}
					.c_l_previously h4
					{
						height: 32px;
						color: #FFFFFF;
						text-align: left;
						margin: 5px 0 0 0;
						font-style: italic;
						padding: 8px 0 0 65px;
						background: url(../img/naslovna/bg_previously_title.png) top no-repeat; /* 405x41 */
					}
						.c_l_previously h4 a
						{
							color: #FFFFFF;
							text-decoration: none;
						}
						.c_l_previously_img_holder
						{
							padding: 4px 0 2px 0;
							margin: 0 auto;
							background: url(../img/naslovna/bg_ytvideo_1pxwide.png) repeat-y top center;
						}
							.c_l_previously_arhiva
							{
								margin: 0;
								height: 28px;
								color: #CCCCCC;
								text-align: right;
								padding: 10px 20px 0 0;
								background: url(../img/naslovna/bg_ytvideo_foot.png) no-repeat top center; /* 450x38 */
							}
								.c_l_previously_arhiva a:link, .c_l_previously_arhiva a:visited
								{
									color: #CCCCCC;
								}
								.c_l_previously_arhiva a:hover, .c_l_previously_arhiva a:active
								{
									color: #CCCCCC;
								}
					.c_l_previously img
					{
						padding: 2px;
					}
						.c_l_previously a:link img, .c_l_previously a:visited img
						{
							background: #FFFFFF;
							text-decoration: none;
							border: 1px solid #999999;
						}
						.c_l_previously a:hover img, .c_l_previously a:active img
						{
							background: #6699CC;
							text-decoration: none;
							border: 1px solid #66CCFF;
						}

				.c_l_novosti
				{
					margin: 5px 0;
					text-align: left;
					padding: 0 0 2px 0;
				}
					.c_l_novosti h4
					{
						height: 32px;
						color: #FFFFFF;
						margin: 5px 0 0 0;
						font-style: italic;
						padding: 8px 0 0 65px;
						background: url(../img/naslovna/bg_novosti_title.png) top no-repeat; /* 405x41 */
					}
						.c_l_novosti h4 a
						{
							color: #FFFFFF;
							text-decoration: none;
						}
					.c_l_novosti_box_holder
					{
						margin: 0 auto;
						padding: 4px 0 2px 0;
						background: url(../img/naslovna/bg_ytvideo_1pxwide.png) repeat-y top center;
					}
						.c_l_novosti_box
						{
							width: 380px;
							height: 18px;
							padding: 4px;
							margin: 0 auto 4px auto;
							border-bottom: 1px solid #EFEFEF;
						}
							.c_l_novosti_box_hold
							{
								height: 22px;
								padding: 4px;
								margin: 0 auto;
								border-bottom: 1px solid #EFEFEF;
							}
								.c_l_novosti_box h5
								{
									float: left;
									width: auto;
									color: #666666;
									font-size: 14px;
									font-style: normal;
								}
								.c_l_novosti_box p
								{
									float: right;
									width: 65px;
									height: 12px;
									color: #CCCCCC;
									font-size: 10px;
									text-align: right;
									margin: -4px 0 0 0;
								}

				.c_l_galerija
				{
					margin: 5px 0;
					padding: 0 0 2px 0;
					text-align: center;
				}
					.c_l_galerija h4
					{
						height: 32px;
						color: #FFFFFF;
						text-align: left;
						margin: 5px 0 0 0;
						font-style: italic;
						padding: 8px 0 0 65px;
						background: url(../img/naslovna/bg_galerija_title.png) top no-repeat; /* 405x41 */
					}
						.c_l_galerija h4 a
						{
							color: #FFFFFF;
							text-decoration: none;
						}
					.c_l_galerija_img_holder
					{
						margin: 0 auto;
						padding: 4px 0 2px 0;
						background: url(../img/naslovna/bg_ytvideo_1pxwide.png) repeat-y top center;
					}
						.c_l_galerija img
						{
							padding: 1px;
							border: none;
						}
							.c_l_galerija a:link img, .c_l_galerija a:visited img
							{
								background: #FFFFFF;
								text-decoration: none;
								border: 1px solid #999999;
							}
							.c_l_galerija a:hover img, .c_l_galerija a:active img
							{
								background: #6699CC;
								text-decoration: none;
								border: 1px solid #66CCFF;
							}
							.c_l_galerija_text
							{
								margin: 0;
								height: 28px;
								color: #CCCCCC;
								text-align: right;
								padding: 10px 20px 0 0;
								background: url(../img/naslovna/bg_ytvideo_foot.png) no-repeat top center; /* 450x38 */
							}

						/* SLIMBOX */
							#lbOverlay {
								position: absolute;
								left: 0;
								width: 100%;
								background-color: #000;
								cursor: pointer;
								font-size: 0;
								line-height: 0;
							}
							
							#lbCenter, #lbBottomContainer {
								position: absolute;
								left: 50%;
								overflow: hidden;
								background-color: #fff;
							}
							
							.lbLoading {
								background: #fff url(../img/galbox/loading.gif) no-repeat center;
							}
							
							#lbImage {
								position: absolute;
								left: 0;
								top: 0;
								border: 10px solid #fff;
								background-repeat: no-repeat;
							}
							
							#lbPrevLink, #lbNextLink {
								display: block;
								position: absolute;
								top: 0;
								width: 50%;
								outline: none;
							}
							
							#lbPrevLink {
								left: 0;
							}
							
							#lbPrevLink:hover {
								background: transparent url(../img/galbox/prevlabel.gif) no-repeat 0% 15%;
							}
							
							#lbNextLink {
								right: 0;
							}
							
							#lbNextLink:hover {
								background: transparent url(../img/galbox/nextlabel.gif) no-repeat 100% 15%;
							}
							
							#lbBottom {
								font-family: Georgia, "Times New Roman", Times, serif;
								font-size: 14px;
								color: #666;
								line-height: 1.4em;
								text-align: left;
								border: 10px solid #fff;
								border-top-style: none;
							}
							
							#lbCloseLink {
								display: block;
								float: right;
								width: 81px;
								height: 22px;
								margin: 5px 0;
								background: transparent url(../img/galbox/closelabel.gif) no-repeat center;
							}
							
							#lbCaption, #lbNumber {

								margin: 0 80px 0 10px;
							}
							
							#lbCaption {
								font-weight: bold;
							}
						/* /SLIMBOX */

/* /leva strana */

/* sredina */
			.c_show_support
			{
				color: #999999;
				margin: 10px auto;
				font-style: italic;
				text-align: center;
			}
			.c_show_img
			{
				text-align: center;
			}
				.c_show_shadow
				{
					width: 176px;
					height: 82px;
					padding: 1px 0 0 0;
					margin: 0 auto 7px auto;
					background: url(../img/naslovna/support/c_s_bg.png) top center no-repeat; /* 176x83 */
				}
					.c_show_shadow img a:link, .c_show_shadow img a:visited
					{
						display: block;
						width: 172px;
						height: 79px;
						border: none;
						text-decoration: none;
					}
					.c_show_shadow img a:hover, .c_show_shadow img a:active
					{
						display: block;
						width: 172px;
						height: 79px;
						border: none;
						text-decoration: none;
					}
/* /sredina */

/* desna strana */
			.c_r_biobox
			{
				width: 256px;
				height: 319px;
				margin: 4px auto;
				background: url(../img/naslovna/c_r_biobg.png) top center no-repeat; /* 256x319 */
			}
				.c_r_bb_img
				{
					float: left;
					margin: 0;
					padding: 8px 6px 0 10px;
				}
				.c_r_bb_title
				{
					font-size: 16px;
					padding: 8px 0 0 0;
					text-decoration: underline;
				}
					.c_r_bb_title_simple
					{
						font-size: 16px;
						padding: 8px 10px 0 10px;
						text-decoration: underline;
					}
				.c_r_bb_text
				{
					padding: 0;
					line-height: 18px;
					margin: 8px 10px 0 10px;
				}
			.c_r_l_box
			{
				width: 256px;
				margin: 5px auto;
				background: url(../img/common/links/c_r_l_body_bg.png) center top repeat-y; /* 265x1 */
			}
				.c_r_l_title
				{
					height: 35px;
					color: #CC6666;
					font-size: 18px;
					font-style: italic;
					text-align: center;
					padding: 5px 0 0 0;
					background: url(../img/common/links/c_r_l_title_bg.png) top center no-repeat; /* 265x35 */
				}
				.c_r_l_body
				{
					width: 250px;
					margin: 0 auto;
					font-style: italic;
				}
					.c_r_l_body h5
					{
						padding: 4px 0;
						font-style: italic;
						text-decoration: underline;
					}
					.c_r_l_body ul
					{
						margin: 0;
						list-style: none;
						padding: 0 0 0 15px;
						line-height: normal;
					}
					.c_r_l_body li a
					{
						font-size: 14px;
						padding: 0 0 0 12px;
					}
						.c_r_l_body li a:link, .c_r_l_body li a:visited
						{
							color: #666666;
							line-height: 24px;
							letter-spacing: 1px;
						}
						.c_r_l_body li a:hover, .c_r_l_body li a:active
						{
							color: #FFFF99;
							line-height: 24px;
							letter-spacing: 1px;
						}
				.c_r_l_footer
				{
					height: 13px;
					margin: 0 auto;
					font-size: 6px;
					background: url(../img/common/links/c_r_l_bodyfinis_bg.png) top center no-repeat; /* 265x13 */
				}
			.c_r_textpattern
			{
				height: 48px;
				margin: 0 auto;
				text-align: center;
			}
				.c_r_textpattern img
				{
					float: left;
					padding: 0 0 0 42px;
				}
				.c_r_textpattern_txt
				{
					width: 150px;
					float: right;
					color: #666666;
					font-size: 10px;
					text-align: left;
					margin: 8px 0 0 0;
					letter-spacing: 0.14em;
				}
					.c_r_textpattern_txt span
					{
						color: #333333;
						font-size: 16px;
						text-align: left;
						letter-spacing: 0.1em;
					}
/* /desna strana */

/* /content */

/* footer */
	.footer
	{
		clear: both;
		width: 916px;
		height: 106px;
		margin: 16px 0 0 0;
		background: url(../img/common/bg_footer.jpg) center top no-repeat; /* 916x106 */
	}
		.f_left
		{
			float: left;
			width: 420px;
			color: #FFFFFF;
			padding: 0 0 0 10px;
		}
			.f_l_top
			{
				margin: 10px 0 0 0;
			}
			.f_l_bottom
			{
				margin: 55px 0 0 0;
			}
		.f_right
		{
			float: right;
			width: 420px;
			color: #FFFFFF;
			text-align: right;
			padding: 0 10px 0 0;
		}
			.f_r_top
			{
				margin: 10px 0 0 0;
			}
				.f_r_top img
				{
					margin: 5px 4px 0 0;
				}
			.f_r_bottom
			{
				margin: 15px 0 0 0;
			}
/* /footer */

/* dodatak DVD */
.c_r_dvd
{
	width: 254px;
	height: 152px;
	margin: 0 auto;
	background: url(../img/common/knu_dvd_reklama.png) top center no-repeat; /* 254x152 */
}
	.c_r_dvd h4
	{
		text-align: center;
		padding: 5px 0 0 0;
	}
	.c_r_dvd p
	{
		width: 150px;
		float: right;
		margin: 6px 0;
		padding: 0 5px;
		font-size: 12px;
		line-height: 18px;
	}
	.c_r_dvd a
	{
		 padding: 0;
		 clear: right;
		 float: right;
		 color: #3366CC;
		 font-size: 10px;
		 margin: 0 10px 0 0;
	}
/* /dodatak DVD */

/* dodatak Nagradjujemo vas! */
.c_r_nagradjujemo
{
	width: 260px;
	height: 333px;
	background: url(../img/common/knu_nagradjujemo_bg.png) top center no-repeat; /* 260x333 */
}
	.c_r_nagradjujemo h4
	{
		margin: 0 auto;
		padding: 5px 0 0 10px;
	}

.c_r_nagradjujemo p
{
	padding: 0;
	width: 234px;
	font-size: 12px;
	line-height: 18px;
	margin: 2px auto 0 auto;
}

#c_r_nagr_poklon
{
	float: right;
}

#c_r_nagr_galete
{
	float: left;
	margin: 10px 8px 0 0;
}
/* / odatak Nagradjujemo vas! */

/* facebook */
.c_r_facebook
{
	margin: 5px auto 2px auto;
}
/* /facebook */
