*{
	margin:0;
	padding:0;
}
 
body{
	background:#8c9aa6 url(/_images/layout/bodyBg.jpg) top left repeat-x;
	font-family:Tahoma;
	font-size:12px;
	color:#777;
	margin-top: 10px;
}

.spacer{ height: 25px; width:100%; }
.spacer10{ height: 10px; width:100%; }
.spacer20{ height: 20px; width:100%; }
.spacer40{ height: 40px; width:100%; }
.spacer5{ height: 5px; width:100%; }
.spacer2{ height: 2px; width:100%; }

.onLeft{ float: left; }
.onRight{ float: right; }

.cl, .clear{
	clear:both;
	font-size:0;
	overflow:hidden;
	width:100%;
}

input,select,textarea,label{
	font-family:Tahoma;
	font-size:12px;
	color:#000;
}

#container{
 width:850px;
 margin:0 auto;
 border-left:10px solid #fff;
 border-right:10px solid #fff;
 background:transparent url(/_images/layout/containerBg.jpg) top left repeat-y;
 color:#777;
 }

#topBar{
 background-color:#fff;
 color:#777;
 font-size:10px;
 height:20px;
 width:850px;
 position:relative;
 border-top:4px solid #073973;
 border-bottom:1px solid #7a7a7a;
 }

#topBarLinks{
 position:absolute;
 top:4px;
 left:0;
 }
#topBarLinks li{
 display:inline;
 list-style-type:none;
 text-transform:uppercase;
 font-size:9px;
 }

#date{
 position:absolute;
 top:4px;
 right:0;
 }

#header{
 width:850px;
 height:135px;
 background: transparent url(/_images/layout/headerBg.jpg) top left no-repeat;
 color:#fff;
 border-top:1px solid #fff;
 position:relative;
 text-align:right;
 }

#sloLink{
	position:absolute;
	bottom:0;
	left:0;
	border:none;
}

#kolaze{
	position:absolute;
	bottom:-20px;
	right:10px;
}
* html #kolaze{
	position:absolute;
	bottom:-21px;
	right:0px;
}

#GrotowskiNav{
 width:130px;
 background-color:#003066;
 color:#fff;
 border-top:1px solid #dfdfdf;
 position:absolute;
 top:0px;
 right:40px;
 z-index:10;
 }

#GrotowskiNav:hover ul{
 display:block;
 margin-left:0px !important;
 }

#GrotowskiNav li{
 list-style-type:none;
 }
#GrotowskiNav a{
 padding:0px 5px 0px 5px;
 font-size:11px;
 }

#GrotowskiNav li a{
 display:block;
 width:120px;
 background-color:#003066;
 color:#fff;
 text-align:center;
 text-decoration:none;
 }

#GrotowskiNav a:hover{
 background-color:#0050ab;
 color:#fff;
 text-decoration:none !important;
 }

#GrotowskiNav ul{
 display:none;
 border-top:1px solid #dfdfdf;
 }

#GrotowskiNav ul a{
 border-bottom:1px solid #dfdfdf;
 }

#infoBar{
 width:845px;
 padding:3px 0px 3px 5px;
 border-top:1px solid #b8b8b8;
 background-color:#003066;
 color:#fff;
 font-size:10px;
position:relative;z-index:20; }

#infoBar a:hover{text-decoration:underline !important;}

#sideBar{
 float:left;
 background:transparent url(/_images/layout/sideBarBg.jpg) top left repeat-y;
 color:#fff;
 width:190px;
}

#nav li,#nav a{
 display:block;
 margin:0;
 padding:0;
 border:0;
}

ul#nav, ul#nav ul, ul#nav ul ul{
 width:190px;
 background:#fc0;
 list-style:none;
 display:block;
 margin:0;
 padding:0;
 border:0;
 background:transparent url(/_images/layout/sideBarBg.jpg) top left repeat-y;
}

ul#nav{
 padding-top:10px;
 }

#nav li{
 position:relative;
 padding:0px;
 border-bottom:1px solid #a3a3a3;
 /*border-bottom-width:thin;*/
 /*border:1px solid #ccc;*/
 /*background:transparent url(../design_img/navaBg_ziel.jpg) bottom right no-repeat; */
}
/*li.subnav{ background:url("images/item_folder.gif") no-repeat; }*/

#nav li.subnav ul{
 position:absolute;
 left:190px; /* IE */
 top:0px;
}

#nav li.subnav>ul { left:190px; } /* others */

#nav a{
 display:block;
 padding:10px 0px 10px 10px;
 text-decoration:none;
 color:#000;
 width:180px; /* IE */
}

#nav li>a{ width:180px } /* others */
/*li a.submenu{background:url("images/sub.gif") right no-repeat;}*/
/* regular hovers */

#nav a:hover {
 border-color:gray;
 background:transparent url(/_images/layout/navHover.jpg) top left repeat-y;
 color:#fff;
}

#nav li.subnav a:hover{
 background-color:#bbb7c7;
}

/* hovers with specificity */
#nav li.subnav:hover { z-index:10; }

ul#nav ul,#nav li:hover ul ul {
 display:none;
}

#nav li:hover{
 cursor:pointer;
}

#nav li:hover ul, #nav li:hover li:hover ul {
 display:block;
}

#content{
 float:right;
 width:640px;
 padding:10px;
 background:#efe9db url(/_images/layout/contentBg.jpg) top left no-repeat;
 color:#000;
 line-height:1.66;
 position:relative;
 font-size: 14px;
/* overflow: hidden;*/
 }

#content ul, #content ol{
	 margin-left:20px;
}

#content p{
 margin-bottom:10px;
 }

h1{
 color:#003066;
 font-size:20px;
 font-weight:normal;
 margin-bottom:10px;
 }

h2{
 color:#003066;
 font-size:14px;
 font-weight:bold;
 margin-bottom:10px;
 }

#footer{
 clear:both;
 width:850px;
 padding:7px 0px 9px 0;
 color:#000;
 background-color:#fff;
 text-align:right;
 font-size:11px;
 position:relative;
 }

* + html #footer{
 clear:both;
 padding:6px 0px 8px 0;
 color:#000;
 background-color:#fff;
 text-align:right;
 font-size:11px;
 position:relative;
 }

#madeBy{
 position:absolute;
 top:7px;
 left:0;
 }

#madeBy a{
 color:#000;
 background-color:transparent;
 }

#madeBy a:hover{
 text-decoration:underline;
 }

#footer span,#topBarLinks span{
 margin-left:10px;
 margin-right:10px;
 }

#footer a,#topBarLinks a{
 color:#000;
 text-decoration:none;
 }

#topBarLinks a img{
 border:none;
 }

#footer a:hover,#topBarLinks a:hover{
 text-decoration:underline;
 }

#sideBar form{
 padding:10px;
 margin-top:10px;
 }

#sideBar form a img{
 border:none;
 position:relative;
 top:5px;
 margin-left:3px;
 }

form li{
 list-style-type:none;
 margin-bottom:10px;
 }

form span{
 display:block;
 color:#000;
 }

#sideBar .inpTxt{
 background:transparent url(/_images/layout/sideBarInpTxt.gif) no-repeat;
 border:none;
 width:120px;
 padding:4px 3px 3px 5px;
 }

#sideBar li{
 list-style-type:none;
 }

.usefulLinks a{
 display:block;
 padding:10px 0px 10px 10px;
 text-decoration:none;
 color:#000;
 width:180px; /* IE */
 border-bottom:1px solid #a3a3a3;
 }

.usefulLinks a:hover{
 background:transparent url(/_images/layout/navHover.jpg) top left repeat-y;
 color:#fff;
 }

.languageChoice{
 border-bottom:1px solid #a3a3a3;
 height:40px;
 margin-top:10px;
 }

.languageChoice a img{
 border:none;
 }

.languageChoice a{
 display:block;
 width:33px;
 height:32px;
 margin-right:-8px;
 float:left;
 }

.gb{
 margin-left:27px;
 }

* html .gb{
 margin-left:13px;
 }

.cooperation{
 height:55px;
 }

.cooperation a{
 display:block;
 padding:20px 0 20px 0;
 text-decoration:none;
 color:#fff;
 width:190px; /* IE */
 text-align:center;
 font-weight:bold;
 border-bottom:1px solid #a3a3a3;
 }

.cooperation a:hover{
 background:transparent url(/_images/layout/navHover.jpg) top left repeat-y;
 color:#fff;
 }

#loginFrm{
 width:280px;
 margin:30px auto;
 }

* html #loginFrm{
 width:287px;
 margin:30px auto;
 }

#loginFrm span{
 display:block;
 width:40px;
 float:left;
 margin-right:5px;
 }

#loginFrm li{
 margin-bottom:5px;
 margin-left:0 !important;
 }

#loginFrm .btn{
 width:184px;
 background-color:#ccc;
 background-image:url(/_images/layout/loginBtn.gif);
 padding:2px 0 2px 0;
 color:#fff;
 border:none;
 margin-left:45px;
 }

#loginFrm .inpTxt{
 border:none;
 padding:2px 5px 2px 5px;
 width:172px;
 background:transparent url(/_images/layout/loginInp.gif);
 }

* html #loginFrm .btn{
 width:184px;
 background-color:#ccc;
 color:#fff;
 border:none;
 margin-left:48px;
 }

* + html #loginFrm .btn{
 padding:2px 0 1px 0;
 }

* html #loginFrm .btn{
 padding:1px 0 1px 0;
 }

#loginFrm .btn:hover,* html #loginFrm .btn:hover{
 background-color:#333;
 background-image:url(/_images/layout/loginBtnHover.gif);
 color:#fff;
 cursor:pointer;
 }

/*==============Aktualnosci==============*/
h3{
 margin-bottom:10px;
 font-size:14px;
 }

h3 span,h2 span,h1 span,.date_of_modify{
 color:#777;
 font-weight:normal;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }

.date_of_modify{
	margin-bottom:20px;
}

.headerLink{
 position:absolute;
 top:20px;
 left:210px;
 color:/*#8a2f00*/#6d7e38;
 background-color:transparent;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-decoration:none;
 }

.news{
 border-bottom:1px solid #ccc;
 padding-bottom:10px;
 margin-bottom:10px;
 }

#content img{
 padding:3px;
 border:1px solid #ccc;
}

.news img{
 width:15%;
 float:left;
 margin-right:10px;
 }

.news img:hover{
 border-color:/*#8a2f00*/#6d7e38;
 }

.news a img:hover{
	border-color:#003066 !important;
 }

.back,.more{
 clear:both;
 }

.more{
 text-align:right;
 }

.back{
 text-align:left;
 padding-top:10px;
 }

#newsArticle img{
 float:left;
 padding:3px;
 border:1px solid #6d7e38;
 margin-right:10px;
 }

#contentText ol,#contentText ul{
 margin-left:25px;
 }

#content a{
	 color:#003066;
	 text-decoration:none;
 }

#content a:hover{
	 text-decoration:underline;
 }
.paging{
	 text-align:center;
 }

#school_year_text{
	margin-bottom:20px;
}

#content ol{
 margin-left:20px;
 margin-bottom:10px;
 }

#content ol li{
 margin-bottom:5px;
 }

.section{
 text-align:center;
 font-weight:bold;
 }

#content table{
 margin-bottom:10px;
 border-style:solid;
 border-width:thin;
 }

#content table td{
 padding:5px;
 }

#right{
 float:right;
 width:230px;
 padding:0px 10px 10px 5px;
 background-color:#f1f1f1;
 margin-left:10px;
 margin-top:20px;
 position:relative;
 z-index:0;
 font-size: 12px;
 }

* html #right{
 float:right;
 width:220px;
 padding:0px 10px 10px 15px;
 background-color:#f1f1f1;
 margin-left:10px;
 }

.spacer{
 clear:both;
 height:0;
 overflow:hidden;
 }

#right h2{
 position:relative;
 left:4px;
 }

* html #right h2{
 position:relative;
 left:-7px;
 }

#mainNews{
 padding-left:20px !important;
 margin:0 !important;
 color:#777;
 padding:10px;
 }

#mainNews a{
 color:#003066;
 text-decoration:none;
 }

#mainNews a:hover{
 text-decoration:underline;
 }

#mainNews span{
 margin-left:5px;
 margin-right:5px;
 }
 
#mainNews li{
 list-style-type:square;
 }

.probe{
	border-bottom: 1px solid #A3A3A3; padding: 20px 10px;
	 background: #7F7F7F;
}

.probe .title{
	cursor: pointer;
}

.probe .nav_title{
	padding-bottom: 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 17px;
}

.probe .nav_desc{
	font-size: 13px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

.probe .fields{
	padding: 5px 0px;
	color: #FFFFFF;
}

.probe .fields .field{
	padding: 5px 0px;
}

.probe .fields .voice{
	padding-top: 5px;
}

.probe .fields .voice .soBar{
	margin-top: 3px;
	border: solid 1px #fad42e;
	height: 12px;
}

.probe .fields .voice .soBari{
	background: #fad42e;
	height: 12px;
}

.probe .voice_count{
	color: #FFFFFF;
	font-size: 10px;
	padding: 7px 0px;
}

/*   WYSZUKIWARKA W FILMOTECE START  */

div#search{
	margin-bottom: 20px;
	border: solid 1px #003066;
	padding: 5px;
	font-size: 12px;
}

div#search img{
	padding: 0px;
	border: none;
	margin: 0px;
}

div#search table{
	border: none;
	margin: 0px;
	padding: 0px;
}

div#search table tr td{
	padding: 0px;
}

div#search input.submit{
	border: #003066 solid 1px;
	background: #07417F;
	color: #FFFFFF;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

div#search table tr td.label{
	padding-right: 5px;
}

div#search table tr td.field{
	padding-right: 20px;
}

/*   WYSZUKIWARKA W FILMOTECE KONIEC  */



/*   LISTA FIILMOW W FILMOTECE START   */

div.filmoteka{
	min-height: 650px;
	background: #EFE9DB url('/_images/layout/filmoteka_bg.png') no-repeat top center;
}

div#movieList{
	
}

div#movieList img{
	border: none;
	padding: 0px;
	margin: 0px;
}

div#movieList table{
	margin: 0px;
	border: none;
	width: 100%;
}

div#movieList table tr td{
	padding: 0px 3px;
}

div#movieList table tr td.library_number{width: 20%;}
div#movieList table tr td.title{width: 40%;}
div#movieList table tr td.category{width: 20%; text-align: center;}
div#movieList table tr td.more{width: 20%;}

div#movieList div.header{
	background: #003066;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	padding: 0px;
}

div#movieList div.row{
	border-bottom: dotted 1px #8c9aa6;
}

div#movieList div.row_first{
	border-bottom: dotted 1px #8c9aa6;
}

/*   LISTA FIILMOW W FILMOTECE KONIEC   */


/*   OPIS FILMU START        */

hr{
	border: none;
	border-bottom: solid 1px #97A4AD;
}

table#movie_info{
	width: 100%;
	border: none;
	margin: 0px;
}

table#movie_info tr td{
	padding: 0px;
}

table#movie_info tr td.label{
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}

table#movie_info tr td.field{
	text-align: left;
}

div#movie_portal{
	text-align: center;
}

div#movie_portal img{
	border: none;
	margin: 10px 15px;
}

/*   OPIS FILMU KONIEC        */

div.msg-info{
	border: solid 1px #A3A3A3;
	padding: 10px 20px;
	text-align: center;
	background: #EFEFEF;
}

div.sectionHeader{
	color: #003066;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
}


/* BANER  */

div#layout_banners{
	overflow: hidden;
	padding: 0px;
}

div#layout_banners img{
	border: none;
}

div#layout_banners div{
	float: left;
}


.spacer{ height: 25px; width:100%; }
.spacer10{ height: 10px; width:100%; }
.spacer20{ height: 20px; width:100%; }
.spacer40{ height: 40px; width:100%; }
.spacer5{ height: 5px; width:100%; }
.spacer2{ height: 2px; width:100%; }

/* newsletter */

input.long{
	width: 200px;
}

input.error{
	border: solid 1px red;
	background: #FFDFDF;
}

div#main_content_text input.submit{
	border: #003066 solid 1px;
	background: #07417F;
	color: #FFFFFF;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

div#main_content_text div.row{

}

div#main_content_text div.row div.label{
	float: left;
}

div#main_content_text div.row div.field{
	float: left;
}

div#main_content_text div.row div.field div.field_error{
	color: red;
}


a.cooperate{
	
}

a.cooperate span{
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px 5px;
	border-bottom: solid 1px #97A4AD;
}

a.cooperate:hover span{
	background: #e5e5e5;
}


/*****************************************************/
/*************		KALENDARZ		************************/
/*****************************************************/


div#calendarData {
    margin: auto;
    padding: 5px 0;
    text-align: center;
    width: 225px;
		position: relative;
}

div#calendarData .ui-datepicker {
	width: 225px;
}

div#calendarData table{
	margin: 0px;
	border: none;
}

div#calendarData table td{
	padding: 1px;
}
.tooltip {
    background: url("/_images/layout/bg_content.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #D19405;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    font-size: 11px;
    opacity: 0.9;
    padding: 10px;
    position: absolute;
    width: 250px;
    z-index: 3000;
}
.tooltip a {
    color: #333333;
}
.tooltip h3 {
    color: #510000;
    font-size: 13px;
    margin: 0;
}
.toolText {
    display: none;
}
.toolTextBlock {
/*    background: url("/_images/layout/bg_content.jpg") repeat scroll 0 0 transparent;*/
		background: #DDDDDD;
    border: 1px solid #999999;
    color: #333333;
    font-size: 11px;
    opacity: 0.9;
    padding: 0;
    width: 250px;
}
.toolTextBlock a {
    color: #333333;
}
ul.calendarDescription {
    border: 0 none;
    margin: 0 0 0 20px;
    padding: 0;
    width: 100%;
}
ul.calendarDescription li {
    list-style-image: url("/_images/layout/plamka.png");
    padding: 3px;
    text-align: left;
}
.descriptionText {
    border: 1px solid #FFBF4F;
    color: #444444;
    font-weight: bold;
}


/*******************		NADPISANIE STYLI		****************************/

div#calendarData .ui-corner-all{
	border-radius: 0px;
	-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#calendarData .ui-widget-content{
	background: #DDDDDD;
}

div#calendarData .ui-state-default{
	background: #D1D1D1;
	border: solid 1px #BABABA;
}

div#calendarData .descriptionText{
	background: #FFF;
	border: solid 1px #9A9A9A;
}

div#calendarData .ui-datepicker{
	padding: 0px;
}

div#calendarData .ui-state-highlight{
	background: #F1F1F1;
	border: solid 1px #003066;
}

div#calendarData .ui-widget-header{
	border: 0px;
	background: #003066;
}

div#calendarData .ui-widget-header .ui-icon{
	background-image: url("images/ui-icons_d8e7f3_256x240.png");
}

div#calendarData .ui-datepicker th{
	padding: 2px;
}


/***********************************************************/
/************			KALENDARIUM						********************/
/***********************************************************/


table.calendarList{
	border: 0px !important;
	font-size: 11px;
	border-right: solid 1px #97A4AD !important;
}

table.calendarList tr{
}

table.calendarList td{
	padding: 3px;
	border-bottom: solid 1px #000;
	border-left: solid 1px #97A4AD;
/*	border: solid 1px #7a7a7a;*/
}

table.calendarList tr.header{
	background: #003066;
	color: #fff;
}

table.calendarList tr.header th{
	border-left: solid 1px #97A4AD;
}

table.calendarList td.lp{ width: 7%; }
table.calendarList td.date{ width: 16%; }
table.calendarList td.weekday{ width: 10%; }
table.calendarList td.time{ width: 10%; }
table.calendarList td.title{ }