* {margin: 0; padding: 0;}
body {text-align: justify; margin: auto; padding: 0; font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333333; background: #ffffff url(images/bg.jpg) repeat-x;}
a {color:#333333; text-decoration: underline}
a:hover {color:#ff5b20; text-decoration: none}
ul {list-style: none; margin: 0; padding: 0; text-decoration: none;}
li {text-align: left;  padding: 0; margin: 0;}


/* Logo */
#logo {width:1000px; height:200px;  margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;}
#logoimg {float: left;}
#logoimg img{margin: 20px; display:block;}


#logoform {float:left; width:270px; height:160px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background:url(images/tloform.jpg) no-repeat 0 0;}
#logoform a {color:#f1f1f1; text-decoration: underline}
#logoform a:hover {color:#ff5b20; text-decoration: none}

/*formularze*/
#kontekst label.lab {font-size: 14px; color: #333333; margin:5px 0 0 0; display:block}
input {border: 1px solid #333333; margin:0; background:url(images/tloimp1.jpg) repeat-x;}
select {border: 1px solid #333333; margin:0; background:url(images/tloimp1.jpg) repeat-x;}
textarea {font: normal 1em Verdana, sans-serif;  margin:0; border:2px solid #dfdfdf; background: #e7e8e7; color:#333333;}

/*formularz glowna*/
#logoform .butzal {font-size: 18px; color: #f1f1f1; border: none; width:102px; height:46px; margin: 15px 10px 0 0; padding:0 3px 8px 6px; background:url(images/zaloguj.jpg) no-repeat 0 0; float:right;}
#logoform .logzal {color: #333333; border: 1px solid #333333; width:120px; height:22px; margin: 8px 0 0 15px; padding:4px 3px 0 6px; background:url(images/tloimp1.jpg) repeat-x; }
#logoform .paszal {color: #333333; border: 1px solid #333333; width:120px; height:22px; margin: 0 0 0 15px; padding:4px 3px 0 6px; background:url(images/tloimp1.jpg) repeat-x; }
#logoform .przypomnij {font-size: 10px; margin: 0 0 0 15px; padding: 0; float:left;}
#logoform .nowekonto {font-size: 18px; margin: 0 0 0 80px; padding: 0; float:left;}
#logoform .zapamietaj {font-size: 10px; color:#f1f1f1; margin: 2px 0 0 15px; padding: 0;}

/*Zalogowany*/
#logoform .zalogowany {font-size: 14px; color: #f1f1f1; margin: 5px 10px 10px 15px;}
#logoform .zalogowany .butwyl {border: 1px solid #333333; margin:0; background:url(images/tloimp1.jpg) repeat-x;}

#kontekst {clear:both; width:1000px; text-align: justify; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

/* Menu */
#menu {clear:both; height:26px; text-align:center; font-size: 13px; color:#333333; width: 1000px; padding:4px 0 0 0; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
#menu ul li{list-style: none; display: inline; text-decoration: none;}
#menu a {font-weight:bold; color:#333333; padding: 0 20px 0 20px; text-decoration: none}
#menu a:hover {font-weight: bold; color:#f1f1f1; border-bottom: 2px solid #333333}

/*profil*/
#avatarprofil {float: right; margin:0 10px 0 0}
#avatarprofil img{border: 1px solid #ff5b20;}

/* Lewa */
#lewa {float: left;	width: 190px; margin-top: 10px; margin-left: 10px; margin-right: auto; margin-bottom: 0px; padding: 0; background:none; }
#lewa .szukaj {color: #333333; border: 1px solid #333333; width:110px; height:22px; margin: 10px 0 10px 30px; padding:4px 3px 0 6px; background:url(images/tloimp1.jpg) repeat-x; }
#lewa h2 {width:172px; height:24px; padding:5px 20px 0 0; margin:10px 0 0 0; font: bold 20px monospace; color: #f1f1f1; text-align:right; letter-spacing: 1px; background:url(images/toplewa4.gif)}
#lewa .left-box {border:none; margin: 0; padding: 0; background:url(images/tlolewa1.gif) repeat-y;}
#lewa .left-box ul {list-style: none; margin: 0; padding: 0; text-decoration: none;}
#lewa .left-box li {height:17px; text-align: center;  padding: 0; margin: 0;}
#lewa .left-box a {font-weight: bolder; color:#333333; padding:0; margin: 0;   text-decoration: none}
#lewa .left-box a:hover {font-weight: bolder; color:#ff5b20; padding:0; margin: 0;  text-decoration: none}

#lewa .left-forum {border:none; margin: 0; padding: 0; background:url(images/tlolewa.png) repeat-y;}
#lewa .left-forum ul {list-style: none; margin: 0; padding: 0; text-decoration: none;}
#lewa .left-forum li {text-align: center;  padding: 0 5px 0 5px; margin: 0;}
#lewa .left-forum a {font-weight: bolder; color:#333333; padding:0; margin: 0;   text-decoration: none}
#lewa .left-forum a:hover {font-weight: bolder; color:#ff5b20; padding:0; margin: 0;  text-decoration: none}

#lewa .botlewa {width:192px; height:34px; background:url(images/botlewa1.gif)}

/* Prawa */
#prawa {float: left; margin: 0 0 5px 10px; padding: 0; width: 770px;}
#nagl {clear:both; height:150px; width: 760px; margin:0 0 5px 15px; padding: 0;}
#nagl img{margin: 15px 0 0 0; border: 1px solid #333333}
#obrazki ul li{list-style: none; display: inline; text-decoration: none; }
#obrazki a {margin: 0 0 0 10px; text-decoration: none}
#obrazki a:hover {border-bottom: 2px solid #ff5b20; margin: 0 0 0 10px; text-decoration: none}

/*wpis*/
	#wpis	{clear:both; margin: 5px 0 5px 0 ; padding: 0; width: 755px;}
	#wpis #top {height:15px; margin: 0; padding: 0; width: 760px; background:url(images/glowtop.jpg) no-repeat}
	/*tresc wpisu*/
	#wpis #tresc {font:12px Arial, Sans-Serif; margin: 0; padding: 5px 30px 0 20px; width: 720px; background:url(images/glowtresc.jpg) repeat-y}
	#wpis #tresc h1 {font: bold 16px Arial, Sans-Serif; color: #333333; text-align:left; letter-spacing: 1px; margin: 0 0 5px 0; padding: 0;}

	/*szczegoly*/
	#wpis #tresc #szczegoly {clear:both; width:700px; text-align: justify; margin: 0; }


	#wpis #tresc #pliki {margin: 10px 0 0 0; padding: 5px 30px 0 20px;}
	#wpis #tresc #pliki #listplik{width: 650px; height:100px; padding: 5px; margin:0; overflow: auto; }

	/*obrazek*/
	#wpis #tresc #szczegoly #obrazek {float: right;  padding: 0;}
	#wpis #tresc #szczegoly #obrazekkat {float: left;  padding: 0;}
	#wpis #tresc img {border: none; padding:0; margin:0;}
	#wpis #tresc #szczegoly #obrazek img{border: 1px solid #333333; padding:0; margin:0 10px 0 0;}
	#wpis #tresc #szczegoly #obrazekkat img{border: 1px solid #333333; padding:0; margin:0;}
	/*detale*/
	#wpis #tresc #szczegoly #detale {float: left; width: 500px; margin-top: 10px; margin-left: 10px; margin-right: auto; margin-bottom: 0px; padding: 0;}

	/*glosowanie*/
	#glosowanie {float:left; width:500px; height:20px; overflow:hidden;}
	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus,
	.star-rating .current-rating{
		background: url(images/glosowanie.jpg) left -1000px repeat-x;
	}
	.star-rating{
		position:relative;
		width:125px;
		height:19px;
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
		background-position: left top;
	}
	.star-rating li{
		display: inline;
	}
	.star-rating a, 
	.star-rating .current-rating{
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
		height:19px;
		line-height:19px;
		outline:none;
		overflow:hidden;
		border: none;
	}
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus{
		background-position: left bottom;
	}
	.star-rating a.r1{
		width:20%;
		z-index:6;
	}
	.star-rating a.r2{
		width:40%;
		z-index:5;
	}
	.star-rating a.r3{
		width:60%;
		z-index:4;
	}
	.star-rating a.r4{
		width:80%;
		z-index:3;
	}
	.star-rating a.r5{
		width:100%;
		z-index:2;
	}
	.star-rating .current-rating{
		z-index:1;
		background-position: left center;
	}	


	#wpis #tresc #szczegoly #detale ul{float:left;}
	#wpis #tresc #szczegoly #detale li{text-align:left; list-style: none; text-decoration: none;}
	#wpis #tresc #szczegoly #detale .peers{color:#ff5b20; font-weight:bold;}


	/*opis*/
	#wpis #tresc #opis {clear:both; width:700px; text-align: justify; padding-top: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0; }


	/*koniec wpisu*/
	#wpis #koniec {height:25px; margin: 0; padding: 5px 0 0 20px; width: 750px; background:url(images/glowkoniec.jpg) no-repeat}
/*koniec wpis*/

/*tabelka*/
#tresc #tabela table {width:100%; border:1px solid #ffffff; border-collapse:collapse; margin:0px; padding:2px;}
#tresc #tabela th {font-size:12px; font-family: verdana, arial, helvetica, tahoma, sans-serif; padding-top:1px; text-align:center}
#tresc #tabela td {border:1px solid #ffffff; border-bottom:0; color:#333333; font-size:11px;font-family: verdana, arial, helvetica, tahoma, sans-serif; padding-top:2px; padding-left:5px; text-align:center}
#tresc #tabela .tr1 {background-color:#e0e0e0;}
#tresc #tabela .tr2 {background-color:#efefef;}

/*komentarze*/
#komentarze	{font-size: 11px; border:2px solid #dfdfdf; width: 600px; margin:10px auto 5px auto; padding:10px; background: #e7e8e7}
#komentarze #avatar {float: left; margin:0 10px 0 0}
#komentarze #avatar img{border: 1px solid #ff5b20;}
#komentarze #top {text-align:right; font-size: 10px; margin:0 0 10px 5px}
#komentarze #top #nick{float: left; text-align:left; width: 180px; margin:0}
#komentarze #top #data{float: left; text-align:left; width: 180px; margin:0}
#komentarze #top img{border: none}
#komentarze #tresc {margin:0 0 5px 5px}
#komentarze #koniec {clear:both;}

#komentform {font-size: 11px; text-align:center; width: 600px; margin:10px auto 5px auto; padding:10px;}
#komentform textarea {font: normal 1em Verdana, sans-serif;  margin:0 50px 0 50px; border:2px solid #dfdfdf; background: #e7e8e7; color:#333333;}
#komentform .butdod {color: #333333; border: 1px solid #333333;  margin:5px; padding:3px; background:url(images/tloimp1.jpg) repeat-x;}

/*banerki*/
#banerki {text-align:left; margin:0; border:2px solid #dfdfdf; background: #e7e8e7; color:#333333;}


/*glowna*/
#glow	{clear:both; margin: 5px 0 5px 0 ; padding: 0; width: 755px;}
#glow #top {height:10px; margin: 0; padding: 5px 0 0 0; width: 760px; background:url(images/glowtop.jpg) no-repeat}
#glow h1 {font: bold 16px Arial, Sans-Serif; color: #333333; text-align:left; letter-spacing: 1px; margin: 0 0 5px 0; padding: 0;}
#glow #tresc {font:12px Arial, Sans-Serif; margin: 0; padding: 5px 30px 0 20px; width: 720px; background:url(images/glowtresc.jpg) repeat-y}
#glow #tresc #topn {text-align:left; font-size: 10px; margin:0}
#glow #tresc #topn #tytul {float: left; text-align:left; font: bold 18px Arial, Sans-Serif; color: #333333; text-align:left; letter-spacing: 1px; margin: 0 50px 5px 0; padding: 0;}
#glow #tresc #topn #data {float: right; font:12px Arial, Sans-Serif; margin: auto; padding: 3px 0 0 0}
#glow #tresc #tekst {clear:both; font:12px Arial, Sans-Serif; margin: 0;}

#glow #koniec {height:25px; margin: 0; padding: 5px 0 0 20px; width: 750px; background:url(images/glowkoniec.jpg) no-repeat}

/*glowna topten*/
#glowtopl {float:left; margin: 0 ; padding: 0; width: 380px;}
#glowtopl #top {height:10px; margin: 0; padding:5px 0 0 20px; width: 360px; background:url(images/glowtoptop.jpg) no-repeat}
#glowtopl #tresc {padding: 5px 0 0 20px; width: 360px; background:url(images/glowtresctop.jpg) repeat-y}
#glowtopl #tresc h1 {width: 350px; padding: 0; font: bold 14px Arial, Sans-Serif; color: #333333; text-align:left; letter-spacing: 1px;}
#glowtopl #tresc table {width: 340px; border:1px solid #ffffff; border-collapse:collapse; margin:0px; padding:2px;}
#glowtopl #tresc td {border:1px solid #ffffff; border-bottom:0; color:#333333; font-size:11px;font-family: verdana, arial, helvetica, tahoma, sans-serif; padding-top:2px; padding-left:5px; text-align:center}
#glowtopl #tresc .tr1 {background-color:#e0e0e0;}
#glowtopl #tresc .tr2 {background-color:#efefef;}
#glowtopl #tresc a {font-weight: normal; color:#333333; padding:0; margin: 0; text-decoration: none}
#glowtopl #tresc a:hover {font-weight: normal; color:#ff5b20; padding:0; margin: 0; text-decoration: none}
#glowtopl #koniec {height:25px; margin: 0; padding:5px 0 0 20px; width: 360px; background:url(images/glowkoniectop.jpg) no-repeat}

#glowtopp {float:left; margin: 0; padding: 0; width: 355px;}
#glowtopp #top {height:10px; margin: 0; padding: 5px 0 0 20px;  width: 360px; background:url(images/glowtoptop.jpg) no-repeat}
#glowtopp #tresc {padding: 5px 0 0 20px; width: 360px; background:url(images/glowtresctop.jpg) repeat-y}
#glowtopp #tresc h1 {width: 350px; padding: 0; font: bold 14px Arial, Sans-Serif; color: #333333; text-align:left; letter-spacing: 1px;}
#glowtopp #tresc table {width: 340px; border:1px solid #ffffff; border-collapse:collapse; margin:0px; padding:2px;}
#glowtopp #tresc td {border:1px solid #ffffff; border-bottom:0; color:#333333; font-size:11px;font-family: verdana, arial, helvetica, tahoma, sans-serif; padding-top:2px; padding-left:5px; text-align:center}
#glowtopp #tresc .tr1 {background-color:#e0e0e0;}
#glowtopp #tresc .tr2 {background-color:#efefef;}
#glowtopp #tresc a {font-weight: normal; color:#333333; padding:0; margin: 0; text-decoration: none}
#glowtopp #tresc a:hover {font-weight: normal; color:#ff5b20; padding:0; margin: 0; text-decoration: none}
#glowtopp #koniec {height:25px; margin: 0; padding:5px 0 0 20px; width: 360px; background:url(images/glowkoniectop.jpg) no-repeat}

/*nawigacja*/
#nawigacja {clear:both; width:720px; text-align: center; margin:0; padding:0;}

/*Stopka*/
#stopka {clear:both; height:62px; text-align: justify; margin:0; padding:80px 0 0 0; background:url(images/tlostopka.jpg) repeat-x; }
#stopkabomb {float:right; width:149px; height:122px; margin: -80px 5px 0 0; background:url(images/stopkaprawa.jpg) no-repeat 0 0;}
#stopka #tekst{font-size: 10px; color: #333333; border: none; margin:0; padding:5px 10px 10px 10px}