/*
Theme Name: KenigImage
Author: Marcin Piotrowicz
Author URI: http://webego.pl
Version: 1.0
*/




body {
	background: url(img/body_bg.jpg) repeat left top #000;
	overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.container {
	width: 1000px;
	min-height: 662px;
	margin: 0 auto;	
}

.frontpage {
	background: url(img/main_photo.jpg) no-repeat left top;
}

.sidebar {
	width: 230px;
	min-height: 500px;
	float: left;
	padding-left: 35px;
	background: url(img/main_photo.jpg) no-repeat left top;
}

.frontpage a,
.sidebar a {
	border: medium none;
}



.sidebarnav ul {
	margin: 25px 0 0;
	padding: 0;
	list-style: none;
}

.sidebarnav ul li {
	margin: 0;
	padding: 0;
	display: block;
	margin-bottom: 2px;
}

.sidebarnav ul li a {
	padding: 11px 18px 11px 14px;
	color: #fff;
	background: #000;
	font-size: 22px;
	display:inline-block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
	-webkit-transition: padding-right 0.2s;
	-moz-transition: padding-right 0.2s;
	-ms-transition: padding-right 0.2s;
	-o-transition: padding-right 0.2s;
	transition: padding-right 0.2s;
}

.sidebarnav ul li a:hover {
	padding-right: 30%;
}

.sidebarnav ul li.services a:hover {
	padding-right: 25%;
}

.subnav ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.subnav ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	margin-right: 30px;
}

.subnav ul li a {
	color: #ccc;
	font-size: 16px;
	display: block;
	float: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
}

.subnav ul li.current-menu-item a {
	border-bottom: 1px dashed #fff;
}

.content {
	width: 675px;
	float: right;
}

.frontpage .content {
	width: 725px;
}

.pagetitle {
	font-weight: normal;
	font-size: 28px;
	letter-spacing: 1.5px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}

.logo {
	width: 140px;
	height: 90px;
	display: block;
	float: left;
	margin: 20px 0 0;;
}

.lang {
	float: left;
	width: 28px;
	margin: 20px 0 0 5px;
}

.lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lang ul li {
	margin: 0;
	padding: 0;
}

.lang ul li a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: url(img/icons.png) no-repeat left top;
}

.social {
	float: left;
	height: 28px;
	margin: 5px 0 0;
}

.icon {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: url(img/icons.png) no-repeat left top;
}

.fb { background-position: 0 0; }
.twitter { background-position: -28px 0; }
.vimeo { background-position: -112px 0; }
.lang ul li.lang-pl a { background-position: -56px 0; }
.lang ul li.lang-en a { background-position: -84px 0; }


.mainnav {
	margin: 0;
	padding: 0;

}

.mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mainnav ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

.mainnav ul li a {
	display: block;
	text-indent: -9999px;
	width: 50px;
	height: 370px;
}

.nav_pl ul li a {
	background: url(img/menu_items.png) no-repeat left top;
}

.nav_en ul li a {
	background: url(img/menu_items_en.png) no-repeat left top;
}

.mainnav ul li.videos a {
	background-position: 0px 0; 
	margin-right: 47px;
	width: 50px;
	height: 200px;
}

.mainnav ul li.photos a {
	background-position: -50px 0; 
	margin-right: 48px;
	width: 47px;
	height: 325px;
}

.mainnav ul li.articles a {
	background-position: -100px 0; 
	margin-right: 44px;
	width: 45px;
	height: 245px;
}

.mainnav ul li.about a {
	background-position: -150px 0; 
	margin-right: 44px;
	width: 41px;
	height: 210px;
}

.mainnav ul li.services a {
	background-position: -200px 0; 
	margin-right: 40px;
	width: 40px;
	height: 265px;
}

.mainnav ul li.blog a {
	background-position: -250px 0; 
	margin-right: 38px;
	width: 41px;
	height: 200px;
	margin-top: 240px;
}

.mainnav ul li.contact a {
	background-position: -300px 0; 
	margin-right: 0;
	width: 37px;
	height: 190px;
	margin-top: 210px;
}

.nav_en ul li.videos a {
	height: 220px;
}

.nav_en ul li.photos a {
	height: 365px;
}

.nav_en ul li.articles a {
	height: 305px;
}

.nav_en ul li.about a {
	height: 260px;
}

.nav_en ul li.services a {
	height: 395px;
}

.nav_en ul li.blog a {
	height: 200px;
}

.nav_en ul li.contact a {
	height: 190px;
}


.mainnav ul li a:hover {
	background-position-y: -3px;
}

.mainnav ul li.videos a:hover {
	background-position: 0px -3px; 
}

.mainnav ul li.photos a:hover {
	background-position: -50px -3px; 
}

.mainnav ul li.articles a:hover {
	background-position: -100px -3px; 
}

.mainnav ul li.about a:hover {
	background-position: -150px -3px; 
}

.mainnav ul li.services a:hover {
	background-position: -200px -3px; 
}

.mainnav ul li.blog a:hover {
	background-position: -250px -3px; 
}

.mainnav ul li.contact a:hover {
	background-position: -300px -3px; 
}



.movie_list {
	margin-top: 40px;
}

.movie_item {
	width: 675px;
	height: 125px;
	position: relative;
	margin-bottom: 20px;
}

.movie_mask {
	position: absolute;
	opacity: 0;
	width: 675px;
	height: 125px;
	background: none;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.movie_item:hover .movie_mask{
	display: block;
	opacity: 0.8;
	background: url(img/body_bg.jpg) repeat left top #000;
}
.movie_item:hover .movie_title {
	display: block;
}

.photo_item {
	width: 675px;
	height: 125px;
	position: relative;
	margin-bottom: 20px;
}

.photo_mask {
	display: none;
	position: absolute;
	opacity: 0;
	width: 675px;
	height: 125px;
	background: none;
}

.photo_item:hover .photo_mask{
	display: block;
	opacity: 0.8;
	background: url(img/body_bg.jpg) repeat left top #000;
}
.photo_item:hover .photo_title {
	display: block;
}



.movie_item img {
	position: absolute;
	width: 675px;
	height: 125px;
}

.photo_item img {
	position: absolute;
	width: 675px;
	height: 125px;
}

.movie_title {
	position: absolute;
	margin: 30px 0 0 40px;
	background: url(img/play_icon.png) no-repeat left top;
	padding: 20px 0 20px 70px;
	font-size: 20px;
	display: none;
}

.photo_title {
	position: absolute;
	text-indent: -999px;
	margin: 0;
	background: url(img/zoom_icon.png) no-repeat center center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	display: none;
}


.video_item {
	margin-top: 25px;
}

.video_title {
	background: url(img/play_icon_s.png) no-repeat left top;
	padding: 4px 0 10px 35px;
	color: #999;
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 1.5px;
	margin-top: 30px;
	border-bottom: 1px solid #333;
}

.video_nav {
	margin-bottom: 60px;
}

.list_link {
	display: block;
	float: left;
	width: 28px;
	height: 20px;
}

.pagetitle .list_link {
	float: right;
}

.teksty_page p {
	margin: 0 0 18px;
	
}

.teksty_page a {
	background: url(img/pdf_icon.png) no-repeat left top;
	padding: 3px 0 10px 36px;
}

.list_link a {
	display: block;
	text-indent: -9999px;
	background: url(img/list_icon.png) no-repeat left top;
	width: 28px;
	height: 20px;
	border: medium none;
}

.next_link {
	float: right;
	width: 14px;
	height: 20px;
}

.next_link a {
	display: block;
	text-indent: -9999px;
	background: url(img/next_icon.png) no-repeat left top;
	width: 14px;
	height: 20px;
	border: medium none;
}

.next_link a:hover,
.list_link a:hover {
	background-position: left bottom;
}

.footer {
	border-top: 1px solid #333;
	padding-top: 10px;
}

.frontpage .footer {
	margin-top: 160px;
	border: medium none;
}

  .copy {
    float: left;
    color: #444;
    font-size: 11px;
  }
  
  .author {
    float: right;
    font-size: 11px;
  }
  
  .author h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #444;
  }
  
  .author a {
    color: #444;
  }
  
 
.gallery-item img {
	border: medium none !important;
	width: 150px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}  
 
.gallery-item {
	margin: 0 0 18px !important;
}
 
.gallery-item a {
	border: medium none;
	display: block;
}
 
.gallery-item a:hover {
	background: url(img/zoom_icon.png) no-repeat center center;
}
 
.gallery-item a:hover img {
	opacity: 0.2;
}



.alignleft {
	float: left;
	margin: 0 20px 12px 0;
}


.alignright {
	float: right;
	margin: 0 0 12px 20px;
}






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


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

.clearfix:after,
.container:after {
  clear: both;
}