body {margin:0;padding:0;font-family: Trebuchet MS, Tachoma,verdana,arial}

hr {border:solid #e3e3e3 1px;height:1px;}
h1 {font-family: Trebuchet MS, tachoma, verdana}
p {margin:0; padding:0; font-size:18px; text-indent:0; }
p.big { line-height:1.5; font-size:18px; padding: 0.5em }
a,a:active,a:visited {text-decoration:none; color: #1b75df; border:0 }

p.alert {background-color:#e27c64; padding:5px; font-weight:bold; margin:5px; color:white;}
p.nfo {background-color:#98d382; padding:5px; font-weight:bold; margin: 5px; color: white;}
.small {font-size:10px; color: #555}

.menu-top {margin-top:0px; margin-bottom: 10px; float: left; border-bottom: 1px solid #bbbbbb; width:100%; display:block}
#filmik {margin-top:0px;}

.menu-top ul {margin-left:180px; padding: 0; list-style: none; }
.menu-top li {
    font-size: 14px;
	font-weight: bold;
	color: #800000;
    margin-left: 1px;
	padding-right: 5px;
	background: url('/lay/tab-back.png') 100% -100px;
	float: left;
}

.menu-top li a, .menu-top li a:visited {
	display: block;
	float: left;
	padding: 5px 11px 5px 16px;
	text-align: center;
	white-space: nowrap;
	background: url('/lay/tab-back.png') 0 -100px;
	text-decoration: none;
	min-height: 17px; /* fixes FX/Mac issue */
	color: #800000;
}

.menu-top li.active a {
	color: red;
}

.menu-top li:hover {background: url('/lay/tab-back.png') 100% -200px;}
.menu-top li a:hover {background: url('/lay/tab-back.png') 0 -200px; text-decoration: underline;}



.content {margin:auto; width: 990px; }



div#logo {height:110px; margin:0; margin-bottom:20px; padding:0; padding-top:5px;background-color: #800000}

h1 {margin:0; padding:0; font-size:36px; color: white; display:block; float: left; margin-left:20px; margin-top: 10px}
h1 a, h1 a:active,h1 a:visited {text-decoration:none; color: white; border:0 }
h1 a:hover {background-color:transparent;}


div#logo form {margin:0; padding:0;  margin-right: 50px; float:right;}
div#logo input { margin:0; display:block;  border-width:1px;   width:300px; font-weight:normal; font-family: Trebuchet MS, arial;
          padding:2px; padding-left:10px; margin-top:15px; font-size:22px; text-indent:5px;
		  color:#555  }
h1#logo {}
h1 .reklama {font-size:16px; color: white; display:block; float:left; margin-top: 5px; margin-left:15px}
h1 .reklama a {color: white}




img {border:0;margin:0;padding:0}
img.logo {margin-left:20px; margin-bottom:0; float:left;}


h2,h3,h4 {margin:0; padding: 0;}
h4.tag {display:inline}



#left {width:215px; height:750px; border-right: 1px solid #e3e3e3; float:left; clear:both; margin-top: 0px;
	   padding-top:10px; padding-right:10px; padding-left:5px; background-image:url(''); background-repeat:repeat-y; }

#left p {font-family: Trebuchet MS, arial; margin:10px; text-indent:5px; font-size: 15px; display:block;
          padding-bottom: 5px;}
#left p.text {border-bottom: 1px solid #555; text-align: justify; }
#left p.dalej {float:right; display: block}

#left .okienko_logowania {margin-left: 15px;}
#left .okienko_logowania label {display:block; font-size: 10px}
#left a {color:#800000}
#left a:hover {background-color:#800000;color:white}

#right {width:745px; float:left; padding-left:4px; margin-top:10px; margin-left: 0px; overflow:visible }
#right .araj {font-weight:bold;color: black;border-bottom:1px solid #e3e3e3; margin-bottom:3px;}
/***** roarsky menu *****/

.back {font-size:12px;  margin-bottom:10px; float:left }
.back a {text-decoration: none}
.forw {font-size:12px; margin-bottom:10px; float:right}
.forw a {text-decoration:none}


.wiersz {width:100%; height:249px;  margin-bottom: 10px; overflow: hidden; clear:both; border-bottom:1px dotted #e3e3e3;}

#filmik .box {margin:0}
.box {float:left; padding-left: 2px; padding-right:2px; width:135px; height:240px; text-align:left; border-right: 1px dotted #e3e3e3;overflow:hidden; margin:4px }
.box:hover {}
.box img {display:block; width:120px; height:90px; float:right; margin-top: 3px; margin-bottom:5px; padding:2px; border: 1px solid #e3e3e3;}

.box h3.tytul {clear:both; font-family:Trebuchet MS, verdana; ;font-size:14px; font-weight:bold; margin-top:4px; text-decoration:none; color: #800000; height:38px; overflow: hidden }
.box h3.tytul:hover {text-decoration:underline}

.box p {font-size:10px; color: #555; float:right}
.box p.opis {font-size:12px; text-indent:5px; text-align:left; float:left; color: black}

div#logowanie input {float:left; clear:both; margin: 3px}
div#logowanie label {float:left}


div#rejestracja .form_rejestracyjny {margin-top:15px}
div#rejestracja .form_rejestracyjny p     {clear:both;font-weight:bold; font-size:20px; color: #868686; margin-bottom:5px}
div#rejestracja .form_rejestracyjny input {display:block}
div#rejestracja .form_rejestracyjny label {display:block; font-size:12px; color: #555; margin-bottom: 5px; }

div#rejestracja p.dzieki {clear: both; display:block; margin-top:0px; border:0px dotted black; margin-top:50px}


div#dodawanie label {display: block}
div#dodawanie label.checkbox {display:inline}
div#dodawanie p.title {font-weight: bold; font-size: 15px; color: #868686;}
div#dodawanie img {margin:10px; clear: right; float:right; border:1px solid #555;}
div#dodawanie ul.tutorial {width:100px; display: block}
div#dodawanie ul.tutorial li {display: block}

div#dodawanie .form_dodawania {width:300px; border-right: 1px solid #555; float:left; margin-right:10px;}
div#dodawanie .form_dodawania p {clear:both; font-weight: bold; font-size: 20px; color: #868686; margin-bottom: 5px;}
div#dodawanie .form_dodawania input {}
div#dodawanie .form_dodawania label {clear:both;font-size:12px; color: #555; margin-bottom:5px;}


#filmik {margin-top:60px}
#filmik #left_filmik .star_rating {margin-top:5px}
#filmik #left_filmik {width:430px;margin-left:5px; padding-right:5px; float:left; clear:both; border-right:1px solid #e3e3e3;}
#filmik #left_filmik .nazwa {font-weight:bold; font-size:22px; color: #800000; margin-bottom:3px; border-bottom: 3px dotted #e3e3e3 }
#filmik #left_filmik .info {font-size:14px; color: #555; margin-bottom: 10px}
#filmik #left_filmik .opis {text-indent: 5px; margin-top:5px; font-size:12px; padding-bottom:5px;
                            margin-bottom: 5px; }

#filmik #formularz_dodawania_taga {z-index:20;display:block; margin-top:15px; padding-bottom:5px;border-bottom: 1px solid #555;}

#filmik h4.tag a { color:#800000; font-size:12px; text-decoration:none}
#filmik h4.tag a:hover {text-decoration: none; background-color:#800000; color:white}

#filmik .dodano {font-size:12px;}


#filmik #komentarze {float:left; margin-left:5px;  padding-right:5px; border-right:1px solid #e3e3e3; width:230px; height:500px;}

#filmik #formularz_komentowania form {margin: 10px;}
#filmik #formularz_komentowania input#nick {width:100px;}
#filmik #formularz_komentowania label {font-size: 12px}
#filmik #formularz_komentowania textarea {width:100%}
#filmik p.komentarze_tytul {text-indent:10px; font-family:Trebuchet MS, arial; font-size:14px; font-weight:bold;
                            background-color:#1b88dd; padding:2px; color: white;
							 margin-bottom:0px;}

div.komentarz {clear:both;background-color:#white; border-bottom: 2px dotted white; padding:3px; overflow: hidden }
div.komentarz .od {font-size:12px; font-weight:bold; color: #636560 }
div.komentarz .data {font-size:12px; color: #636560}
div.komentarz .tresc {clear:both; font-size:12px; line-height:1.25;  text-indent:5px; padding: 0.25em 0.5em 0.25em; margin-top: 0.5em;}
div.drugi_kolor {background-color:#ffc854; border-top:2px dotted white}


#filmik #pokrewne {float: left; margin-left: 4px; width: 293px;  background-color: }
#filmik #pokrewne .box {width: 140px; border-bottom: 1px solid #e1e9de}
/*
#filmik #pokrewne img {display: block; margin: auto;  margin-top: 5px; padding:2px; border: 1px solid #FFFFFF}
#filmik #pokrewne h3.tytul {font-weight:bold; margin:0; font-size:14px; color: #800000; clear:both}
#filmik #pokrewne h3.tytul:hover {text-decoration:underline}
#filmik #pokrewne p.opis {margin:0; padding:0; text-indent: 5px; font-size: 12px; border-bottom: 1px dotted grey;
*/
}

.glosowanie_top {font-weight:bold;margin-top:15px; width:100%; }

p.ocena {font-size:12px; text-indent:15px; margin-bottom:15px}
/*             styles for the star rate*/

.star-rating{ clear:both;float:right; position:relative; list-style:none;  margin: 5px; padding:0px; width: 110px;
				height: 21px; background: url('/lay/star2.gif') top left repeat-x; }
.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		#display:block;
		width:22px;
		height: 21px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 10;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url('/lay/star2.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{left: 0px;}
	.star-rating a.one-star:hover{width:22px;}

	.star-rating a.two-stars{left:22px;}
	.star-rating a.two-stars:hover{width: 44px;}

	.star-rating a.three-stars{left: 44px;}
	.star-rating a.three-stars:hover{width: 66px;}
	.star-rating a.four-stars{left: 66px;}	
	.star-rating a.four-stars:hover{width: 88px;}
	.star-rating a.five-stars{left: 88px;}
	.star-rating a.five-stars:hover{width: 110px;}

	.current-rating{
		background: url('/lay/star2.gif') left bottom;
		position: relative;
		height: 21px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}		

/* Define the basic CSS used by EditInPlace */
		.eip_mouseover { background-color: #ff9; padding: 3px; }
		.eip_savebutton { background-color: #36f; color: #fff; }
		.eip_cancelbutton { background-color: #000; color: #fff; }
		.eip_saving { background-color: #903; color: #fff; padding: 3px; }
		.eip_empty { color: #afafaf; }