body {
 background: #ffffff;
 color: #333333;
}
body.intro {
	background: #bca86b;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
body.intro div {
	left: 50%;
	position: absolute;
	top: 50%;
}

a {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
#container {
 width: 1000px;
 margin: 10px auto auto;
}
#headerBox {
 width: 980px;
 height: 80px;
 text-align: right;
 margin-bottom: 10px;
}
#headerBox a {
 text-decoration: none;
 font-size:11px;
 color:#666666;
 text-transform:uppercase;
 font-family: Arial,Helvetica,sans-serif;
}
#headerBox a:hover {
 text-decoration: underline;
}
#topBox {
  height: 285px;
}
.menu {
 font-family:Arial,Helvetica,sans-serif; 
 font-size:12px;
 background: #504e53;
 padding:3px 0 5px 0;
 padding-top:5px;
 margin-top:10px;
 text-align:left;
 /*font-weight: bold;
 width:980px;*/
}
.menu a {
color:#fff;
padding-left:10px;
padding-right:5px;
}
.menu a.activeLink {
 color: #FFF200;
}
span.search , span.searchPL{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
float: right;
color:#fff;
text-align: right;
margin: -16px 0 0 0;
}

span.searchPL{
 margin: 2px 5px 0 0;
}

.search .separator {
 display: inline-block;
 height: 26px;
 border-left: 1px solid #fff;
 position: absolute;
 margin: -22px 0 0 165px ;
}

.searchPL .separator {
 display: inline-block;
 height: 24px;
 border-left: 1px solid #fff;
 position: absolute;
 margin: -19px 0 0 0 ;
}

span.search input {
  background: #e7e7e8;
  border: none;
}
#stopka {
border-top:2px solid #000000;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin: 5px 0px 15px;
padding-bottom:15px;
padding-top:10px;
}
#stopka span.left {
  display: inline-block;
  height: 60px;
  width: 620px;
}
#stopka span.right {
  height: 60px;
  width: 380px;
  text-align: right;
}
#stopka span.left a, #stopka span.right a, div.projekt a  {
  color: #666666;
}
div.projekt {
padding: 5px 0 0 0;
 text-align: right;
 color: #666666;
 float: right;
}

div.containerLeft {
 width: 260px;
 float: left;
 display: inline-block;
}

div.containerBigLeft {
 padding: 0 0 0 20px;
 display: inline-block;
 width: 450px;
 float: left;
}

div.containerRight {
display: inline-block;
 width: 720px;
 padding: 0 0 0 15px;
 float: right;
}

div.filmRight {
display: inline-block;
width:483px;
float: right;
}

h3 {
 color:#FFFFFF;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 font-weight:bold;
 padding-bottom:3px;
 padding-left:10px;
 padding-top:3px;
 text-align:left;
 width:250px;
}

h3.smallgreen {
 background: #009C3B;
}
h3.smallblue {
 background: #0076BB;
}
h3.middleorange {
 background: #D73400;
 width: 710px;
}
h3.middlepurple {
 background: #7B0E85;
 width: 710px;
}

h3.bigpurple {
 background: #7B0E85;
 width: 990px;
}

h3.biggreen {
 background: #009C3B;
 width: 990px;
}
h3.bigOrange {
 background: #D73400;
 width: 990px;
}


ul.link {
 padding: 0;
 margin: 0 0 0 10px;
}
.link li {
 list-style: none;
 margin: 0 0 10px 0;
 color:#008C3B;
 font-family:"Times New Roman",Times,serif;
 font-size:9px;
 text-align:left;
 text-decoration:none;
}
.link li a {
 font-size: 12px;
 color: #333333;
 font-family:Arial,Helvetica,sans-serif;
}
.DVDBox {
 width: 360px;
 clear: both;
 float: left;
 margin: 22px 0 10px 0;
}

.DVDBox img {
 vertical-align: middle; 
 clear: both;
 float: left;
 margin: 0 0 10px 0;
}

.DVDBox .opis {
 float: right;
 width: 240px;
}

div.glownaBox {
  width: 135px;
  float: left;
  margin: 0 35px 0 10px ;
  vertical-align:top;
  display: inline-block;
}

 div.glownaBox.First {
  margin: 0 35px 0 20px ;
 }
 
  div.glownaBox.Last {
  margin: 0 0 0 10px ;
  }
div.filmBox {
  width: 133px;
  /*height: 370px;*/
  
  float: left;
  vertical-align:top;
  margin: 0 35px 20px 35px ;
  display: inline-block;
}
div.archBox {
  width: 133px;
  /*height: 250px;*/
  float: left;
  vertical-align:top;
  margin: 0 15px 0 15px ;
  display: inline-block;
}
div.filmBox.First, div.filmBox.Last {
margin: 0 0 20px 0 ;
}

.title {
 margin: 5px 0 0 0;
 display: inline-block;
 color: #7B0E85;
 font-weight: bold;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 text-align:left;
}
.titleor {
 margin: 5px 0 0 0;
 display: inline-block;
 color: #D73400;
 font-weight: bold;
  font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
}
a.titleblue {
 margin: 5px 0 0 0;
 display: inline-block;
 color: #0076BB;
 font-weight: bold;
  font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
}
.opis {
color: #333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:left;
}
span.fTytul {
 display: inline-block;
 margin: 5px 0 ;
 color: #333333;
 font-size: 24px;
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
}
span.fTytul a {
 color: #333333;
}
span.fTytulOrg {
 color: #008C3B;
 font-size: 14px;
 font-weight: bold;
 font-family:Arial,Helvetica,sans-serif;
}
div.fOpis {
 font-size: 12px;
 color: #333333;
 font-family: Arial,Helvetica,sans-serif;
}
.wiecej {
 text-align: right;
 font-size: 10px;
 font-weight: bold;
 clear: both;
 font-family: Arial,Helvetica,sans-serif;
 color: #008C3B;
 border-top: 1px solid #c8c7c7;
}
.blankTitle {
margin: 5px 0;
padding: 20px 0 5px 0;
font-weight: bold;
font-size: 11px;
color: #333333;
font-family: Arial,Helvetica,sans-serif;
 border-top: 2px solid #939598;
}
.opisArch {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 display: inline-block;
 padding: 10px 0 0 0;
 color: #231f20;
}
.opisFilm {
 color: #929295;
 font-size: 10px;
 font-family: Arial,Helvetica,sans-serif;
}
.dataArch {
 font-size: 10px;
 color: #008c3b;
}
.nawigacja {
font-size: 12px;
font-family:Arial,Helvetica,sans-serif;
margin: 5px 0 15px 0;
}
.nawigacja a {
 color: #231f20;
}
.nawigacja a.active {
 color: #008C3B;
}
.nawigacja a.activeOrange {
 color: #D73400;
 
}

.titleSea {
color: #00a954;
font-weight: bold;
font-size: 12px;
line-height: 11px;
font-family:Arial,Helvetica,sans-serif;
}

.filmCzolowka {
 
}
.filmCzolowka a{
  color: #333;
 font-family:Arial,Helvetica,sans-serif;
 font-size: 12px;
}
div.stronicowanie a {
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

div.stronicowanie b, a.search{
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.contentTresc {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

p.clear {
clear: both; 
font-size: 0; 
line-height: 0; 
padding:0; 
margin:0;
}

.headLogo {
	display: inline;
	float: left;
	margin-left: 14px;
}
.headDolacz {
	height: 17px;
	margin: 3px 0 10px 0;
	padding: 0 0 0 0;
}
.headDolacz .opis {
	display: inline;
	float: right;
	font-size: 13px;
	height: 15px;
	line-height: 17px;
	margin: 0;
	padding: 0;
}
.headDolacz img {
	display: inline;
	float: right;
	margin: 0 5px;
}

.headLinki {
	display: inline;
	float: right;
	text-align: right;
}