@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin-ext,latin);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400&subset=latin,latin-ext);


* {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
}

body {
	background-color:#5181a9;	
	position:relative;
}
a { 
	color: #212125; text-decoration:none; 
  -webkit-transition: all 0.5s linear ;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}
a:hover { 
	color:#212125; 
  -webkit-transition: all 0.5s linear ;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;			
}
a img { border:none;  }
p { margin-bottom: 10px; }
.clear { clear:both; }



#wrapper {	
	width:940px; 
	margin: 0 auto;
}

#header {
	background: url("../img/header.jpg") no-repeat center top;
	width:940px;
	height:180px;
	display:block;
	margin-bottom:10px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
body, td, p, div {
	font-family: "PT Sans", "Trebuchet MS", Arial, serif;
	font-size: 14px;
	color: #212125;
}

h1 {
	font-size:24px;
	font-weight:700;
	font-family: "PT Sans", "Trebuchet MS", Arial, serif;
	margin-bottom:20px;
}

ul#navigation  {
	display:block;
	width:940px;
	list-style-type: none;
	height: 80px;
	margin:25px 0 10px;
}
	ul#navigation li {
		display:block;
		float:left;
	}
	ul#navigation li a {  
		padding:50px 0px 5px 10px;
		color:#ffffff;
		display:block;
		font-size:16px;
		font-weight:normal;
		text-transform:uppercase;
		text-decoration:none;
		height:25px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	}
	.navi_festiwal {
		background:#8e4614 url("../img/navi_1.png") no-repeat 130px 0px;
		width:173px;
		margin-right:10px;
	}
	.navi_filmy {
		background-color:#2e4980;
		width:173px;
		margin-right:10px;
	}
	.navi_program {
		background-color:#2e4980;
		width:173px;
		margin-right:10px;
	}
	.navi_media {
		background-color:#647899;
		width:108px;
		margin-right:10px;
	}
	.navi_archiwum {
		background-color:#647899;
		width:108px;
		margin-right:10px;
	}
	.navi_kontakt {
		background-color:#000000;
		width:95px;
	}
	ul#navigation li a:hover { background-color:#be9f57;color:#fff; 
	
	}



#content {
	display:block;
	min-height:450px;
}
	#content ul {
		list-style-image:url('https://2015.tarnowskanagrodafilmowa.pl/themes/img/bullet.png');
		padding-left:25px;
	}
	#breadcrumbs { 
		border-bottom:10px solid #000;
		padding:5px;
		font-size:14px; font-weight:bold;
	}
		#breadcrumbs a {
			color:#000;
			margin: 0 5px;
			text-decoration:none;

		}
	#left {
		width:183px;
		background-color:#8e4614;
		float:left;
		min-height:450px;
		padding-bottom:140px;
	}

	#left h2 {
		margin-bottom:10px;
		padding: 5px 10px;
		text-transform:uppercase;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	}
		#left.category_1 h2 { color:#8e4614; }
		#left.category_4 h2 { color:#2e4980;  }
		#left.category_5 h2 { color:#2e4980; }
		#left.category_18 h2 { color:#647899; }
		#left.category_7 h2 { color:#647899; }
		#left.category_8 h2 { color:#000000; }


		#left.category_1 { background:#8e4614 url("../img/category_1.png") no-repeat center bottom; }
		#left.category_4 { background:#2e4980 url("../img/category_4.png") no-repeat center bottom;  }
		#left.category_5 { background:#2e4980 url("../img/category_5.png") no-repeat center bottom; }
		#left.category_18 { background-color:#647899; }
		#left.category_7 { background-color:#647899; }
		#left.category_8 { background-color:#000000; }

		#left ul { list-style:none; padding:0 10px; margin-bottom:10px;}
		#left ul li { margin:0; text-transform:uppercase;}
		#left ul a { color:#ffffff; font-size:16px; line-height:20px; font-weight:bold; text-decoration:none; }
			#left.category_1 ul a { color:#c7a38a; }
			#left.category_4 ul a { color:#97a4c0; }
			#left.category_5 ul a { color:#97a4c0; }
			#left.category_18 ul a { color:#b2bccc; }
			#left.category_7 ul a { color:#b2bccc; }
			#left.category_8 ul a { color:#808080; }
		#left ul a:hover { color:#000000; }
		#left ul li ul {  }
		#left ul li ul li { margin:3px 0; }
		#left ul li ul a { font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; }
		#left ul a:hover { color:#ffffff !important; }
		#left ul a.active { color:#ffffff !important; font-weight:bold; }

	#right {
		width:697px;
		float:right;
		padding:25px;
		background-color:#fff;
	}

	#right a { color:#677ea0 !important; }
	#right a:hover { color:#58595b !important; text-decoration:underline; }




.bilety {
	display:block; 
	float:left;
	width:100px; 
	margin:0 0 10px 0;
	padding: 50px 0 0 10px;
	height:30px;
	background-color:#212025;
	color:#ffffff;
	font-weight:bold;

}
.bilety:hover { background-color:#b31217;}
.youtube {
	display:block; 
	float:left;
	width:110px; 
	margin:0 0 10px 0;
	height:80px;
	background:#647899 url("../img/youtube.png") no-repeat center center;

}
.youtube:hover { background-color:#b31217;}
.facebook {
	display:block; 
	float:left;
	width:110px; 
	margin:0 0 10px 0;
	height:80px;
	background:#3b5998 url("../img/facebook.png") no-repeat center center;

}
.facebook:hover { background-color:#627aad; }

#footer {
	padding:10px 0;
}

	#the_today_show {
		background-color:#be9f57;
		border-bottom:1px solid #000;
		color:#fff;
		padding:5px 10px;
		font-weight: bold !important;
	}
	#partners {
		position:relative;
		height:140px;
		margin:10px 0 20px 0;
	}



.repertoire_day {
	padding-top:10px;
	position:relative;
	border-bottom:1px solid #ccc;
}



.repertoire_title_day {
	float:center;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	padding: 10px 10px 20px 10px;
	cursor:pointer;
	background: url("../img/arrow_down.png") no-repeat center bottom;
}

.repertoire_title_day.active{
	background-image: url("../img/arrow_up.png");
}
.repertoire_title_day:hover {
	background-color:#d1d3d4;
  -webkit-transition: all 0.5s linear ;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}

.repertoire_item {
	float:left;
	padding: 10px 50px;
	display: none;
}








.news_box {
	color:#000;
	background-color:#fff;
	margin-bottom:10px;
	position:relative;
	width: 565px;
	height:80px;
	overflow:hidden;
	-webkit-transition: all 0.5s linear ;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;	
}

.news_box:hover {
	background-color:#d1d3d4;
  -webkit-transition: all 0.5s linear ;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}
	.news_box .news_thumb {
		width:90px;
		height:85px;
		float:left;
		margin-right:10px;
	}
	.news_title {
		float:right;
		width:465px;
		font-size:12px;
		padding-top:5px;
	}
		.news_title span { 
			display:block;
			width:80px;
			float:right;
			color:#212125;
			font-size:12px;

		}
		.news_title h2 { 
			display:inline;
			font-weight:bold;
			color:#212125;
			font-size:15px;
			width:360px;
		}
		.news_title h2 a { 
			color:#212125;
		}
	.news_content { 
		float:right;
		width:465px;
		color:#212125;
		font-size:12px;
	}
		.news_content a { 
			color:#717e8f;
		}

 
#flashnews { width:720px; list-style:none; }
#flashnews li a { color:#000; text-decoration:none; }

.jcarousel-container { width:720px;height:19px; display:block; float:left;}
.jcarousel-item { height:19px; width:720px; }






.photo {
	display:block; 
	width:160px; height:120px; 
	padding:4px; 
	border:1px solid #191919; 
	float:left; 
	margin: 0 5px 5px 0; 
	text-align:center; vertical-align:middle;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	text-decoration:none;
}
.photo_last { margin:0 0 5px 0;}

a.photo:hover {
	border:1px solid #999999; 
	background-color:#191919;
}

	.box_gallery { height: 135px; margin-bottom:30px;}
	.box_gallery_cover {
		display:block; width:160px; height:120px; 
		padding:4px;
		text-decoration:none;
		float:left; margin-right:30px;
		text-decoration:none;
	}



/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
} 




.bwWrapper {
    position:relative;
    display:block;
}