body {
       background: black url("gfx/lewepaski.jpg") repeat-y;
       color: white;
       margin: 0; 
       padding:0;
}               

.header {
       height: 150px;
       left: 0em;
       margin: 0;
       padding: 0;
       width: 100%;
       background: url("gfx/tytul.jpg") no-repeat;
       color:white;
       background-color: black;
    /*   overflow: hidden; */
}

.tytulik h1 {
       position: absolute;
       margin-top: 35px;
       right:34%;
       text-align: left;
       font-style: italic;
       font-weight: bold;
       font-family: Tahoma, Helvetica,sans-serif;
       line-height: 80px;
       font-size: 50pt;
       color: white;
       background-color: transparent;
       letter-spacing: -3px; 
}


div.bluebar {
       background-color: #81C0FF;
       color: white;
       border-top: 1px solid #D5D6E1;
       border-left: 1px solid #BDBECD;
       border-bottom: 1px solid #6E6F82;
       border-right: 1px solid #6E6F82;
       height: 6px;
       margin: 0px;
       padding: 0px;
       width:99.8%;
       overflow: hidden;  
}


div.left {
       position: absolute;
       margin-top:0px;
       left: 0px;
       padding: 0px; 
       background: #575cbd url("gfx/menutlo.jpg") no-repeat;
       margin-left: 0; 
       text-align: left;
       color: black;
       border-top: 1px solid #D5D6E1;
       border-left: 1px solid #BDBECD;
       border-bottom: 1px solid #6E6F82;
       border-right: 1px solid #6E6F82;
       font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
       width: 201px;
       height: 408px;
}

div.lewalista {
  /*     display: block;  */
       position: absolute;
       top: 10px;
       left: 5px;
       width: 190px;
       line-height: 1.3em;
       text-align: center;
}

div.lewalista a {

       display: block;
       margin: 4px 10px;
       padding: 4px;
       background-color: #456FF9;
       color: white;
       text-decoration: none;
       font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
       font-size: 1.2em;
       border-width: 1px 3px 3px 1px;
       border-color: #283f88;
       border-style: solid;
       line-height: 1em;
}

.special {
       background-color: #de4c4c !important;
       color: white;
       border-color: white /*#8a0000*/ !important;
}

.specialfilmoznawcy {
       background-color: #8C7E99 !important;
       color: white;
       border-color: #271B32 !important;
}

.specialactive {
        font-weight: bold;
        background-color: #a03535 !important;
        color: #ffb400 !important; 
        border-color: white /*#682323*/ !important;
}

div.lewalista a:hover{
       background: #F9C53D;
       color: black;
       border-top: 1px solid black;
       border-bottom: 3px solid black;
       border-right: 3px solid black;
       border-left: 1px solid black ;
}

.active {
        font-weight: bold;
        background-color: #294398 !important;
        color: #ffb400 !important;
}

div.left a span {
	display: none;
}

div.left a:hover span {
	display: block;
	position: absolute;
	top: 388px;
	left: 0px;
	width: 160px;
	padding: 5px;
	margin: 10px;
        color: #AAA;
	background: transparent;
	font: 10px Verdana, sans-serif;
	text-align: center;
}


div.right {
       position: absolute;
       display: block;
       margin-left: 201px;
       margin-bottom: 0px;
       background: black url("gfx/prawetlo.jpg") no-repeat;
       border-left: 1px dashed #444;
       border-bottom: 1px dashed #444;
       color: white;
       padding: 1em;
       text-align: justify;
       font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica,sans-serif;
       min-height: 350px;
       width: 70%;
       bottom:auto;
}               


.right a {
       border: 0px;
       color: #FCB816;
       background-color: transparent;
       text-decoration: none;
       line-height: 1em;
}

.right a:hover {
       color: white;
       background-color: #456FF9;
}

.right p {
       text-indent:1.3em;
}    

.right a img {border: none;}

.rightmenu {
     position: relative;
     left: -1em;
     top: -1em;  
     padding: 0em;
     margin:0;
     height: 2.5em;
     width: 100%;
}		 

.rightmenu li {display:inline; padding:0; margin:0; border:none;}

.rightmenu li a {
		border: 1px white solid;
		text-align: center;
		padding: 0.3em;
		height: 1em;
		float: left;
		display: block;
		color: white;
}


.rightmenu a:hover {
		background-color: white;
		color: black;
}

.line-height {line-height: 2em;}

.wroc {text-align: right;
		 padding: 1em;}

h3{
       font-weight: bold;
       text-align: center;
       font-size: 1.1em;
       padding-left: 10px;
       padding-right: 10px;     
}

h2{
        font-family: Verdana, "Lucida Grande", Tahoma, Helvetica,sans-serif;
       font-size: 1.3em;
       line-height: 1.2em;
       padding-left: 10px;
       padding-right: 10px; 
       text-align: center;
}

h1{
       font-family: Verdana, "Lucida Grande", Tahoma, Helvetica,sans-serif;
       font-size: 1.6em;
       line-height: 1.2em;
       padding-left: 10px;
       padding-right: 10px; 
       text-align: center;
       color: white;
       background-color: transparent;
}

div.w3cbutton {
        position: absolute;
        margin-top: 453px;
        left: 15px;
        padding:0;
}

div.w3cbutton img {border: 0px;}

ul.tik {
         list-style-image: url(gfx/tik.gif);
}

table {
      text-align: center;
      border: 1px solid;
      border-collapse: collapse;
}

th { border: 1px white solid; padding: 4px;}
td { border: 1px white dashed; padding: 4px;}

.logo {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 100;
    display: block;
    border: none;
}

.news {font-size: 1em;
  margin:1em 1em;
  padding:0.2em 1.5em;
  border-left: 2px white solid;
  /*border-top-width: 30%;
  border-right: 2px white solid;
  /*border-bottom-width: 30%; */
  color: white;
}

.specialnews {
  font-size: 1.1em;
  margin:1em ;
  padding:0.2em 1.5em;
  border: 2px #f74548 solid;
  color: white;
}

.olds {
	font-size: 10pt;
	margin: 14px 40px;
	padding: 14px;
	border-left: 1px #666 dashed;
/*	border-right: 1px #666 dashed; */
	color: #999;
}

.c {text-align:center;}
.b {font-weight: bold;}
.noborder {border: none;}
a:hover.noborder {background-color: transparent !important;}
.dkfuj {vertical-align: middle;}
.noindent {text-indent: 0 !important;}
.noindent p {text-indent: inherit;}
.cirlce {list-style-type: circle;}
.square {list-style-type: square;}
.center {text-align: center;}
.underline {text-decoration: underline;}
.left-align {text-align: left;}
.right-align {text-align: right;}
.italic  {font-style: italic;}
.larger {font-size: larger;}
.x-larger {font-size: x-large;}
.smaller {font-size: smaller;}