/* Dokument ten jest poprawnie napisanym arkuszem CSS wersja 2.1 */
html,body{width: 100%;/*All css by JS*/}
body{margin: 0;font-size:8pt;font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;line-height: 1.5em;text-align: center;background: #F7F7F7;}
h1, h2, h3{font-size:11pt; margin: 0; padding: 0;}
img{border: 0;display: block;}
input,form, fieldset{margin: 0;padding: 0;display: inline;border: 0;}
.fl{float: left;display: inline;margin: 0;}
.fr{float: right;display: inline;margin: 0;}
.clear{clear: both;}
p{margin: 0;}

a{
text-decoration: none;
color: #2C8200;
}
a:hover{
color: #184800;
}
a:visited{
color: #184800;
}
h1{
border-bottom: 1px solid #DCDCDC;
padding-bottom: 6px;
margin: 10px 0 5px 0;
font-weight: normal;
}
h2{
color: #184800;
margin: 10px 0 10px 0;
font-weight: normal;
}
.nag1, .nag2{
padding: 3px 5px 3px 5px;
color: #fff;
}

.nag1{
background-color: #7DAC5E;
}
.nag2{
background-color: #738C64;
}

/* NAWIGACJA I NAGŁÓWEK*/
div#main{width:992px;margin: 0 auto;display: block;text-align: left;}
div#header{background: #FFF;display: block;padding: 5px 10px 0 10px;}
span.hdate{font-size:13pt;color:#00386C;float: right;margin: 5px 0 0 0;}
div#animation{margin: 0 auto;display: block;}

div.navigacja{width: 920px;display: block;margin: 0 auto;}
ul#nav{display: inline;float: left;margin:0 0 0 10px;list-style: none;padding: 0;height: 39px;}
li.nav{display: inline;float: left;position: relative;z-index: 2;background: #FFF;}
a.nav{color:#2C8200;text-decoration: none;font-size:14px;margin: 0 20px 0 20px;font-weight: lighter;display: inline;}
a.nav:hover{color:#184800;text-decoration: none;font-size:14px;margin: 0 20px 0 20px;font-weight: lighter;display: inline;}
.path{
color: #AAA;
}



ul.show{
	display: inline;
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top:20px;
	background: #738C64;
	float: left;
	left:0;
	list-style: none;
	padding: 0;
	width: 430px;
	color:#FFF;
	line-height: 18px;
}
.show a{color:#FFF;display: inline;}
.show a:hover{color:#D8FFC0;display: inline;}
.show li{padding: 0 4px 0 4px;display: inline;float: left;margin: 0;}
img.show-arrow{position: absolute;top:-4px;left:33px;}

#lang{display: inline;float: right;margin: 5px 27px 0 0;}
#lang a{background:#738C64;padding: 0 5px 0 5px;text-decoration: none;color:#FFF;font-weight: lighter;font-size:9px;}
#lang a:hover{background:#B7C76D;padding: 0 5px 0 5px;text-decoration: none;color:#FFF;font-weight: lighter;font-size:9px;}
/* NAWIGACJA I NAGŁÓWEK*/


/* CONTENT */
div#content{
	background: url('../images/shadow.gif') left top no-repeat #F7F7F7;
	position: relative;
	z-index: 3;
	top:0;
	left:0;
	display: block;
	margin: 0 auto;
	clear: both;
	width: 992px;
	padding: 15px 0 20px 0;
	height: auto !important;
	height: 300px;
	min-height: 300px;
}

div#co-nowego{
	display: block;
	float: left;
	width: 342px;
	margin: 0 20px 0 20px;
	position: relative;
	z-index: 3;
}
div#banery{position: relative;z-index: 3;top:0;left:0;display: block;clear: both;height: 165px;}
div.banery{position: absolute;top:15px;left:-70px;z-index: 5;width: 500px;}
.banery img{display: inline;float: left;}


div#demo-rell{display: block;float: left;width: 300px;}
h1.title{font-size:11pt;background:#738C64;color:#FFF;font-weight: lighter;display: inline;padding: 0 10px 0 10px;margin: 0;line-height: 21px; }


div.ak{height: 158px;}
ul.ak,.ak a,.ak strong{color:#666;text-decoration: none;}
ul.ak{display: block;margin: 0;padding: 0;list-style: none;}

div.fotter{display: block;clear: both;height: 80px;background: #D2E6A8;color:#8C9182;}
.fotter a{color:#8C9182;font-weight: bold;text-decoration: none;}
div#witamy{
	display:inline;
	float:left;
	z-index: 4;
	bottom:0;left:0;
	width: 307px;
	height: auto !important;
	height: 336px;
	min-height: 336px;
	background: url('../images/witamy.gif') top left no-repeat;

}
div.txt-witamy{height: 130px;margin: 0;display: block;overflow-x:auto;overflow: auto;
	background: url('../images/witamy_tekst.gif') repeat-y; margin-top: 27px;
	padding: 0 25px 0 25px;
	width: 307px;
	voice-family : "\"}\""; voice-family : inherit;
	width: 257px;
}
.ak a{display: block;float: left;}
.ak strong{display: inline;float: right;}
.ak li{display: block;clear: both;background: url('../images/dot.gif') bottom left repeat-x;float: left;width: 100%;line-height: 25px;}

div.padds{padding: 15px 20px 30px 20px;text-align: justify;}

/* SZUKAJ */
.szukaj{display: block;padding: 10px;}
.s-txt{border: 1px solid #DCDCDC;width: 275px;}
.sub{border: 1px solid #DCDCDC;background: #F5F5F5;padding: 0 5px 0 5px;float: right;}
.sub2{border: 1px solid #DCDCDC;background: #F5F5F5;padding: 0 5px 0 5px;}




/*FILMY, REZYSERIA, SCENARIUSZ*/
.literki{
background-color: #F7F7F7;
border: 1px solid #DCDCDC;
margin-bottom: 10px;
display: inline-block;
padding: 5px 8px 0 8px;
height: 25px;
voice-family : "\"}\""; voice-family : inherit;
height: 20px;
}

.literka{
border-bottom: 1px solid #DCDCDC;
padding-bottom: 6px;
}
.literka_nag{
padding: 5px 8px 5px 8px;
background-color: #7DAC5E;
color: #fff;
font-weight: bold;
}
.litery_lista{
clear: both;
padding-top: 30px;
}

table.filmy{
width: 600px;
float: right;
display: inline;
background-color: #fff;
border: 1px solid #DCDCDC;
padding: 10px;
}
table.filmy th{
width: 100px;
color: #184800;
vertical-align: top;
padding: 0 0 5px 0;
}
table.filmy td{
width: 450px;
vertical-align: top;
padding: 0 0 5px 0;
}
.movie_frame{
width: 380px; 
text-align: center;
float: left;
display: inline;
}
.movie_frame img{
display: inline;
}





/*GALERIA*/
.gal_center{
clear: both;
width: 850px;
margin: 0 auto;
padding-top: 15px;
}
.gal_table{
display: table;
margin: 5px 0 5px 0;
height: 160px;
width: 150px;
background-color: #fff; 
border: 1px solid #DCDCDC;
}
.gal_table .gal_cell{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.gal{
float: left;
display: inline;
text-align: center; 
padding-bottom: 20px; 
width: 155px; 
margin: 0 5px 0 5px;
}
.gal img{display:inline;}