/**
 * $Id$
 */


html,
body {
	padding: 0;
	margin: 0;
	
}

body {
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
}

img {
	vertical-align: bottom;
	border: 0;
}

a {
	text-decoration: none;
	color: #ff7111;
}
a:hover {
	text-decoration: underline;
}

a.feed {
	display: block;
	width: 100px;
	height: 40px;
	padding: 3px 0 0 40px;
	background: transparent url('../gfx/feed_ico1.gif') 0 0 no-repeat;
	font-size: 130%;
	color: #555;
	font-weight: bold;
	margin: 0 0 0 15px;
}
a:hover.feed {
	background: transparent url('../gfx/feed_ico2.gif') 0 0 no-repeat;
	color: #111;
	text-decoration: none;
}



h1 {
	font-size: 200%;
	font-weight: bold;
	color: #45a95a;
	padding: 0;
	margin: 0 0 15px;
}

h2 {
	font-size: 140%;
	font-weight: bold;
	color: #45a95a;
	padding: 0;
	margin: 0;
}

p {
	padding: 1px 0;
	margin: 11px 0;
}

div.center {
	height: auto;
	overflow: hidden;
	width: 990px;
	margin: 0 auto;
	padding: 0;
}




/* - #CONTAINER -----------------------------------------------------------------*/
#container {
	background: url('../gfx/site_bg.jpg') 0 0 repeat-y;
	color: #000;
}

#container #top_container {
	background: url('../gfx/site_top.jpg') 0 0 no-repeat;
	
	text-align: left;
}


#top_container #top1 {
	height: auto;
	overflow: hidden;
	padding: 10px 0 0 60px;
}
#top1 a {
	display: block;

	height: 150px;
	width: 500px;
}

/* - #SIDEBAR -----------------------------------------------------------------*/
#top_container #sidebar {
	float: left;
	width: 170px;
	margin: 30px 0 0 30px;
}

#sidebar #menu2 {
	padding: 0;
}
#menu2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu2 ul li {
	padding: 0;
	margin: 0;
}

#menu2 ul li a {
	display: block;
	width: 160px;
	padding: 5px;
	border-bottom: 1px dashed #999;
	font-weight: bold;
	font-size: 120%;
	color: #555;
}
#menu2 ul li a.active {
	border-bottom: 1px solid #999;
}
#menu2 ul li a:hover {
	border-bottom: 1px solid #999;
	color: #222;
}

/* - #CONTENT -----------------------------------------------------------------*/
#content {
	float: right;
	width: 710px;
	padding: 0px;
	margin: 0 55px 0 0;
}

/* paginacja */
#content ul.pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	overflow: hidden;
}
#content ul.pagination li {
	margin: 0;
	padding: 0;
	float: left;
	padding: 0 3px 0 0;
}
#content ul.pagination li span {
	display: block;
	padding: 1px 4px;
	border: 1px dashed #111;
	background: #444;
	color: #eee;
}
#content ul.pagination li a {
	display: block;
	padding: 1px 3px;
	border: 1px dashed #ccc;
	background: #eee;
	color: #333;
}
#content ul.pagination li a:hover {
	border: 1px dashed #aaa;
	background: #ccc;
	color: #111;
	text-decoration: none;
}

/* ekran prezentacji filmu z komentarzami */

#content div.film_sz {
	background: #f6f6f6;
	border: 1px dashed #ccc;
	padding: 10px;
}
#content div.film_sz div.opis {
	float: right;
	background: #eee;
	width: 230px;
	padding: 10px;
	border: 1px dashed #ccc;
}
#content div.film_sz div.opis p {
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px dashed #fff;
}
/* ocena */
#content div.film_sz div.opis #ocena {
	border: 1px solid #ccc;
	padding: 5px;
}
#ocena div.ocen  {
	padding: 1px 1px 8px 1px;
}
#ocena div.ocen span {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 0 4px;
	font-weight: bold;
	cursor: pointer;
}
#ocena div.ocen span.na_tak {
	background: #afa;
}
#ocena div.ocen span.na_tak:hover {
	background: #7d7;
}
#ocena div.ocen span.na_nie {
	background: #faa;
}
#ocena div.ocen span.na_nie:hover {
	background: #f77;
}

div.progressbar {
	position: relative;
	border: 1px solid #ccc;
	margin: 0;
}
div.progressbar div.pb_progres {
	background: #9d9;
	margin: 0;
	padding: 0;
	line-height: 7px;
}
div.progressbar div.pb_value {
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-weight: bold;
}

#content div.film_sz div.nav {
	width: 425px;
	padding: 5px 0 0 0;
	height: auto;
	overflow: hidden;
}
#content div.film_sz div.nav a {
	display: block;
	background: #888;
	font-weight: bold;
	color: #fff;
	width: 110px;
	text-align: center;
	padding: 2px;
}
#content div.film_sz div.nav a:hover {
	background: #444;
}
#content div.film_sz div.nav a.prev {
	float: left;
}
#content div.film_sz div.nav a.next {
	float: right;
}


/* komentarze i formularz */
#content div.komentarze {
	padding: 10px;
}

#content #c_form {
	border: 1px dashed #ccc;
	padding: 5px;
}
#content #c_form form,
#content #c_form form fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
#content #c_form form fieldset div.f_row {
	height: auto;
	overflow: hidden;
	padding: 3px 0;
}
#content #c_form form fieldset div.f_row label {
	display: block;
	float: left;
	width: 70px;
	text-align: right;
	padding: 0 5px;
}
#content #c_form form fieldset div.f_row input {
	display: block;
	float: left;
	width: 120px;
}
#content #c_form form fieldset div.f_row textarea {
	display: block;
	float: left;
	width: 400px;
	height: 70px;
}
#content #c_form form fieldset div.przyciski {
	padding: 3px 3px 3px 80px;
	
}

#content div.komentarze div.comment {
	padding: 7px 0 2px;
	border-bottom: 1px dashed #ccc;
}
#content div.komentarze div.comment div.c_info {
	padding: 2px 5px; 
	background: #eee;
}
#content div.komentarze div.comment div.c_info span.c_nick {
	padding: 0; 
	font-weight: bold;
}
#content div.komentarze div.comment div.c_info span.c_data {
	font-size: 90%;
}
#content div.komentarze div.comment p {
	padding: 5px 10px;
	margin: 0;
}




/* lista filmów */
#content div.film_row {
	border: 1px dashed #ccc;
	padding: 1px;
	margin: 0 0 7px;
	width: 500px;
	height: auto;
	overflow: hidden;
}
#content div.film_row a.kadr {
	display: block;
	float: right;
	width: 110px;
	padding: 0 0 0 1px;
	margin: 0;
	border-left: 1px dashed #ccc;
}

#content div.film_row div.data_ocena {
	width: 385px;
	height: auto;
	overflow: hidden;
}
#content div.film_row div.data_ocena span.data {
	color: #999;
	font-size: 90%;
	padding-left: 5px;
}
#content div.film_row div.data_ocena div.progressbar {
	float: right;
	margin: 2px 0 0;
}

#content div.film_row a.title {
	padding: 5px 7px;
	font-size: 120%;
	font-weight: bold;
	text-decoration: underline;
}
#content div.film_row a:hover.title {
	text-decoration: none;
}

#content div.film_row p {
	margin: 0;
	padding: 5px 5px 0 15px;
}





/* formularz dodaj film */

#content div.noerror {
	color: #008f09;
	font-weight: bold;
	background-color: #efe; 
	margin: 0;
	padding: 5px;
	border: 1px solid #00bf05;
	font-size: 120%;
}

#content form.formularz,
#content form.formularz fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#content form.formularz fieldset div.form_row {
	padding: 8px 0 8px 30px;
	margin: 0 10px;
	border-bottom: 1px dashed #ccc;
	height: auto;
	overflow: hidden;
}
#content form.formularz fieldset div.form_row div.info {
	float: right;
	width: 330px;
	background: #f9f9f9;
	border: 1px dashed #ccc;
	padding: 5px;
}
#content form.formularz fieldset div.form_row div.error {
	color: #f00;
	width: 250px;
	background-color: #fdd; 
	margin: 2px 0 2px;
	padding: 1px;
	border: 1px solid #f00;
	font-size: 90%;
}

#content form.formularz fieldset label {
	display: block;
	width: 250px;
}
#content form.formularz fieldset div.form_row input,
#content form.formularz fieldset div.form_row textarea {
	width: 250px;
	border: 1px solid #333;
}
#content form.formularz fieldset div.form_row textarea {
	height: 80px;
}
#content form.formularz fieldset div.przyciski input {
	margin: 10px 0 10px 40px;
	font-size: 200%;
}


/* KONTAKT */
#container div.adres {
	float: left;
	width: 300px;
	padding: 0 0 0 30px;
	font-size: 120%;
}

#container div.adres span.big {
	font-size: 150%;
}

#container form.kontakt fieldset,
#container form.kontakt {
	padding: 0;
	margin: 0;
	border: 0;
}
h2#formkontakt,
#container form.kontakt {
	float: right;
	width: 600px;
}


#container form.kontakt fieldset div,
#container form.kontakt fieldset div.check {
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 5px 0 0;
}
#container form.kontakt fieldset div.check {
	padding: 0 0 0 117px;
}
#container form.kontakt fieldset div.check input {
	height: auto;
	width: auto;
	border: 0;
}
#container form.kontakt fieldset div.check label {
	height: auto;
	width: auto;
	margin-left: 5px;
}

#container form.kontakt fieldset div span.error {
	display: block;
	float: left;
	color: #f00;
	width: 180px;
	background-color: #fdd; 
	margin: 3px 0 0 117px;
	padding: 1px;
	border: 1px solid #f00;
}
#container form.kontakt fieldset div span.error_txt {
	display: inline;
	float: left;
	color: #f00;
	width: 360px;
	background-color: #fdd; 
	margin: 3px 0 0 117px;
	padding: 1px;
	border: 1px solid #f00;
}
span.no_error {
	display: block;
	float: left;
	color: #008f09;
	font-weight: bold;
	background-color: #efe; 
	margin: 0;
	padding: 3px;
	border: 1px solid #00bf05;
}

#container form.kontakt fieldset div.butony {
	height: auto;
	overflow: auto;
	clear: both;
	margin: 15px 0 0;
	padding: 0 0 0 117px
}

#container form.kontakt fieldset label {
	display: block;
	float: left;
	width: 110px;
	text-align: right;
	padding: 0 7px 0 0;
}
#container form.kontakt fieldset img {
	margin: 0 0 0 10px;
}

#container form.kontakt fieldset input, 
#container form.kontakt fieldset textarea, 
#container form.kontakt fieldset select {
	float: left;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #009241;
}
#container form.kontakt fieldset input, 
#container form.kontakt fieldset select {
	width: 180px;
}
#container form.kontakt fieldset textarea {
	width: 360px;
	height: 70px;
}

#container form.kontakt fieldset input.button {
	float: left;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;
	margin: 0 5px 0 0; 
	
}
/* KONTAKT end */








/* - #FOOTER -----------------------------------------------------------------*/
#footer {
	background: url('../gfx/site_bottom.jpg') 0 0 no-repeat;
	height: 440px;
	padding: 48px 0 0 0;
	text-align: left;
}
#footer a {
	color: #000;
}



#footer span.stopka {
	display: block;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0 0 200px;
	font-size: 80%;
}

#footer div.copy {
	float: right;
	width: 300px;
	text-align: right;
	padding: 0 20px 0 0;
	font-size: 90%;
	font-weight: bold;
}

#footer div.prawa {
	clear: both;
	padding: 50px 0 0 185px;
	font-size: 90%;
}

div.clear {
	clear: both;
	padding: 0;
	line-height: 0;
	margin: 0;
}