/*=RESET SOME THINGS
=== === === === === === === === === === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

span.ajaxspan
{
	
}

/*=BODY
=== === === === === === === === === === */

body {
/* font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family;   !important */
}

body 
{ 
	background: #000 url('../gfx/kropki.png') center 300px no-repeat;
	
	color: #d4d4d4; 
	font: normal 62.5% Tahoma, Verdana, Arial, Sans-Serif; 
}

h2 { text-align: left;}
a { color: #ff7200; font-family: inherit; text-decoration: none;}
a:hover { color: #FF9600;}

/*=DOMYSLNE STYLE
 * 
 */
p, div { color: #d4d4d4; font-family: Tahoma, Arial; font-size: 12px; line-height: 1.5em;}
b, strong { color: #ffffff; font-weight: bold;}
h1,h2,h3,h4,h5,h6 {line-height: 1.0em; font-weight: bold;}
u {font-weight: bold; color: #ff9200; text-decoration: none;}

.boxrealcontent {margin: 5px 8px; text-align: justify;}
.boxrealcontent h1 {line-height: 1.5em; font-size: 1.5em;}
.boxrealcontent h2 {line-height: 1.5em; font-size: 1.3em;}
.boxrealcontent h3 {line-height: 1.25em; font-size: 1.2em;}


.boxpage {overflow-y: auto; overflow-x: auto;}

			

/*=CONTAINER
=== === === === === === === === === === */
#wrap { overflow: hidden; min-height: 690px; height: auto; background: transparent url('../gfx/bg31.jpg') top center no-repeat;  }
#live { width: 209px; height: 59px; margin: 1px auto 154px auto; background: url('../gfx/liveoff.png') bottom center no-repeat; cursor: pointer; z-index: 9999;}
#liveon { background: url('../gfx/liveon3.gif') bottom center no-repeat;}
#container { background: url('../gfx/topmainbg2.png') top left no-repeat; margin: 75px auto; min-height: 200px; width: 980px;}				
		
/*=HEADER
=== === === === === === === === === === */
#header {height: 110px; width: 1600px; margin: 0 auto; position: relative;}
#header ul { margin: 0; padding: 0; border: 0; outline: 0;}
#header ul li { margin: 0; padding: 0; border: 0; outline: 0;}
#header ul { list-style-type: none; margin-left: 150px; display: block; position: absolute; top: 60px; left: 165px;  }
#header ul li { float: left;  height: 43px; line-height: 43px; padding: 0 5px; margin-top: 10px;}
#header ul li a { color: #d4d4d4; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; display: block; height: 43px; line-height: 43px; padding: 0 7px;}
#header ul li a:hover { color: #ffffff;  background: url(../gfx/menuhover.png) top left no-repeat;}

/*=NAVIGATION
=== === === === === === === === === === */
#pasekserwisy { min-height: 47px; width: 960px;}
#pasekserwisy h3 { float: left; line-height: 35px; font-size: 1em; font-weight: normal; margin: 7px 15px 0 15px; color: #ddd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#pasekserwisy a { float: left; margin: 7px 0 3px 0; width: 106px; height: 37px; }
#pasekserwisy a img { border: none; }

/*=CONTENT CENTER
 * 
 */
#centercolumn { float: left; width: 970px; margin: 20px 5px 0 5px;  }

/*=CONTENT LEFT
=== === === === === === === === === === */
#leftcolumn { float: left; width: 180px; margin: 20px 5px 0 6px; }
#leftcolumnpage { float: left; width: 280px; margin: 20px 5px 0 6px; }
.fotobox { text-align: center;}
.fotobox a img { display: block; margin: 3px auto; }


/*=CONTENT RIGHT
=== === === === === === === === === === */
#rightcolumn { float: left; width: 780px; margin: 20px 0 0 3px; }
#rightcolumnpage { float: left; width: 680px; margin: 20px 0 0 3px; }

#rightleft { float: left;  width: 470px; }
#rightright { float: right; width: 305px;}

#galleryleft { float: left;  width: 270px; margin: 20px 3px 0 7px;}
#galleryright { float: right; width: 690px; margin: 20px 7px 0 3px;}

#bigrightcolumn { float: right; width: 780px; margin: 0px 0px 0 0px;  }
#bigrightcolumnpage { float: right; width: 680px; margin: 0px 0px 0 0px;  }

/* Trochę video */
#rightcolumnvideo {float: left; margin: 20px 0 0 10px;  width: 965px; }
#rightleftvideo {float: left; width: 650px; }
#rightrightvideo {float: right; width: 305px; margin-left: 5px; }

#flashplayer { width: 645px; height: 540px; margin-bottom: 20px; margin-left: 5px; overflow-y: auto;}
#viewcontent { width: 645px; min-height: 320px; margin-bottom: 35px; margin-left: 5px; text-align: center;}

#ocenpe, #menuvideo, #ocenvideo, .wyswietlen { float: left; margin-top: -30px !important; list-style: none; }
#ocenpe { height: 35px; line-height: 30px; font-weight: bold; color: #d4d4d4;}
#ocenvideo li { float: left; height: 33px; margin-left: 3px; width: 17px; text-align: center; }

#menuvideo li { float: left; margin-right: 20px; }
#menuvideo li a { color: #ccc; font-weight: bold; padding-left: 28px; line-height: 1.1em; text-decoration: none;}
#menuvideo li a:hover { color: #ff9600;}
.boxcontent .wyswietlen { float: right; font-weight: bold; line-height: 30px; color: #d4d4d4; margin-right:10px; }

#favadded { border: 1px solid #333; padding: 17px 7px; text-align: center; font-weight: bold;  margin: 5px 0 20px 0; color: #FF9600; }
#favadded p {color: #FF9600;}

#videofav a, #videoshare a, #videoabuse a { display: block; height: 29px;  padding-top: 8px; }

#videofav a {background: url('../gfx/ikona_fav.png') top left no-repeat; }
#videoshare a {background: url('../gfx/ikona_share.png') top left no-repeat;}
#videoabuse a {background: url('../gfx/ikona_abuse.png') top left no-repeat;}


/* Komentarze w video */
.blokkomentarze {  }
.komentarze .avatar { float: left; width: 220px; margin: 10px 0px 10px 15px; line-height: 1.0em;}
.komentarze div span img {  display: inline; margin-left: 15px;}
.komentarze > div { margin-bottom: 30px; }

#dodajkomentarz {width: 119px; height: 21px; background: url('../gfx/comment_add.png') top left no-repeat; border: none; }

.comment { background: url('../gfx/commentbg_top.png') top left no-repeat; float: right; width: 374px; position: relative; padding: 5px 0 5px 30px; margin: 15px 5px;}
.comment > p { padding-right: 40px !important; padding-left: 15px; }
.comment span.end {background: url('../gfx/commentbg_bottom.png') bottom left no-repeat; display: block; width: 342px; height: 15px; position: absolute; bottom: -15px; right: 30px;}

.comment form textarea {width: 310px; padding: 4px; border: 1px solid #333; color: #fff; background: #000; }
.comment form { padding: 10px; }


.avatar {display: inline;}
.avatar .avatarnick { margin: 15px 10px; text-align: left; line-height: 1.1em;}
.avatar img { float: left;  margin: 10px 0px 10px 15px; }
.avatar > p { float: left; font-weight: bold; text-align: center;  display: block;  margin-top: 10px; line-height: 1.1em;}
.avatar p.avatarp { font-weight: bold; text-align: center;  display: block;  margin-top: 5px; float: none; padding: 4px; border: #333333 solid 1px;}
.avatar p.avatarinfo { font-weight: bold; text-align: center;  display: block;  margin-top: 5px; float: none; padding: 4px; cursor: pointer;}
.avatar p span { display: block; font-weight: normal;}
.avatar input {margin: 15px 15px;}


.avatar .avatarnick { margin: 15px 10px; text-align: left; color: #FF9600;}
.avatar p span { display: block; font-weight: normal; color: #d4d4d4;}

.ramowkabox .boxcontent { margin-bottom: 35px;}
#ramowkafoto { margin-left: 20px; margin-bottom: 0px; background: url('../gfx/ramowkafoto.gif') center left no-repeat; width: 405px; height: 240px; float: left; }
#ramowkabar { margin-left: -28px; width: 435px; position: relative; height: 240px; background: url('../gfx/ramowkabar.png') bottom left no-repeat; }
#ramowkabar .data { position: absolute; bottom: 20px; left: 75px; font-size: 1.4em; font-weight: bold; width:70px; text-align: center; color: #fff; line-height: 1em; }
#ramowkabar .data span { font-size: 0.7em; font-weight: normal; }
#ramowkabar .event { position: absolute; bottom: 20px; right: 30px; color: #ee8801; font-size: 1.5em; line-height: 1.0em;}
#ramowkabar .event span { display: block; font-size: 0.8em; color: #d4d4d4;}
#ramowkafoto .ramowkaramka { position: absolute; top: 20px; left: 18px; background: url('../gfx/ramowkanakladka.png') top left no-repeat; width: 409px; height: 244px;}

#kalendarz { width: 320px; height: 260px; margin-left: 15px; margin-right: 5px; float: left; background: url('../gfx/ramowkabartop2.png') top left no-repeat;}

ul#tydzien { list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0;}
ul#tydzien li { margin: 0; padding: 0; border: 0; outline: 0;}

/*#relacjavideo, #relacjaaudio {float: right; width: 40px; height: 29px;  background: url('') top right no-repeat;}*/
#kalendarz #tydzien li.relacjavideo { background-image: url('../gfx/relacjavideo.png'); width: 40px; height: 29px; padding: 0px; margin-left: 30px; }
#kalendarz #tydzien li.relacjaaudio { background-image: url('../gfx/relacjaaudioinactive.png'); margin-right: 7px; width: 40px; height: 29px; padding: 0px;}

#kalendarz #tydzien li.relacjavideo:hover {}
#kalendarz #tydzien li.relacjaaudio:hover {}

#kalendarz #tydzien li.relacjavideo a {width: 40px; height: 29px;}
#kalendarz #tydzien li.relacjaaudio a {width: 40px; height: 29px;}

ul#plandnia { list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0;}
ul#plandnia li { margin: 0; padding: 0; border: 0; outline: 0; height: 37px;  }
ul#plandnia li p { background: url('../gfx/separator2.png') bottom center no-repeat; height: 37px; padding-top: 6px; line-height: 1.2em; padding-right: 10px; }
ul#plandnia li.active {background: url('../gfx/plandniaactive2.png') top center no-repeat; margin-top:4px;}
ul#plandnia li.active span { color: #fff; background: url('../gfx/plandniagodzinaactive.png') 8px 0px no-repeat; height: 28px;}
ul#plandnia li.offline span { color: #909090; height: 28px;}
ul#plandnia li.active p { color: #ff7200; line-height: 1.2em;}
ul#plandnia li span { float: left; margin-right: 10px; margin-left: 8px; padding-left: 8px; width: 55px; line-height: 12px; color: #ff7200; 
						text-align: center; margin-top: 6px; font-size: 12px;}
ul#plandnia li p:hover
{
	color: #fff;
	cursor: pointer;
}

#boxtaby { margin-top: 11px; position: relative; }
#tabyrelacje { position: absolute; top: -25px; left: 0; }
#tabyrelacje li {height: 33px; line-height: 30px; float: left; width: 96px; background: url('../gfx/tab_inactive.png') top left no-repeat; }
#tabyrelacje li.active { background-image: url('../gfx/tab_active.png'); }
#tabyrelacje li.active a { color: #fff; }
#tabyrelacje li:hover {background-image: url('../gfx/tab_hover.png'); }
#tabyrelacje li a {display: block; text-align: center; font-size: 1.20em; text-decoration: none; color: #999; }


/*=BOXY
=== === === === === === === === === === */
.bigheadicon { width: 20px; height: 15px; float: left; margin: -1px 4px 0px 0px;}
.fajnybutton {height: 37px; margin-top: 10px; background: url('../gfx/fajnybutton.png') top right no-repeat; padding-top: 10px; text-align: right; }
.fajnybutton a {padding-right: 20px; text-decoration: none; color: #fff; }
.fajnybutton a:hover { color:#ccc;}

.boxcontentleft { float: left; width: 180px; text-align: right; margin-right: 6px; margin-top: 10px;}
.boxcontentleft ul { list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0;}

.boxcontentleft ul li { margin: 0; margin-bottom: 5px;  padding: 0; border: 0; outline: 0;}
.boxcontentleft img { margin-bottom: 1px; border: 1px solid #333; padding: 1px; width: 160px; height: 120px;}
.boxcontentright {padding-left: 10px; padding-top: 4px; padding-right: 10px; }
.boxcontentright > p { color: #d4d4d4 !important; margin-bottom: 6px; text-align: justify; min-height: 120px; line-height: 1.5em }

div .newsautor { float: right; width: 150px; }
div .newskat {float: left; width: 220px; margin-bottom: 2px; margin-left: 20px;}
div .newskat span {color: #FF9600;}
div .newsautor span {color: #FF9600;}
.newsmore {float: right;}
 
 
 /* Nowy box, poprawki, implementacja dla zwinajego boxa */
.nowybox {background:  url('../gfx/boxbottomgradient2new.png') bottom left repeat-x; margin-bottom: 25px; }
.nowybox p { color: #d4d4d4; font-family: Tahoma, Arial; text-align: justify;}
.nowybox .boxcontent, .nowybox .zwinietycontent { border: 1px solid #262626; padding: 10px 0px 0px 0px; border-width: 0px 1px 0px 1px; font-weight: normal; position: relative; }

.blackbox {background:  url('../gfx/boxbottomgradient2new.png') bottom left repeat-x; margin-bottom: 25px; }
.blackbox p { padding: 0 10px; color: #d4d4d4; margin: 2px 0; font-family: Arial;}
.blackbox .boxcontent { color: #d4d4d4; border: 1px solid #262626; padding: 10px 0px 0px 0px; border-width: 0px 1px 0px 1px;  font-weight: normal; position: relative; }

.nowybox1 p { color: #d4d4d4; margin: 2px 5px; font-family: Arial;}

.ramowkabox .boxcontent { margin-bottom: 35px; padding-top: 22px;}

.boxendright, .boxendleft 
{
	height: 15px; 
	width: 15px; 
	background: bottom left no-repeat; 
	background-repeat: no-repeat; 
 	display: block;
}
.boxendright 
{
	background-image: url('../gfx/pendright2.png');
	background-position: bottom right;	
	padding-right: 17px;
	width: 100%;
}
.boxendleft 
{
	width: 100%;
	background-image: url('../gfx/pendleft2.png');
	background-position: bottom left;
}

.blackbox .boxendright 
{
	background-image: url('../gfx/pendright2.png');
	background-position: bottom right;	
	padding-right: 17px;
	width: 100%;
}
.blackbox .boxendleft 
{
	width: 100%;
	background-image: url('../gfx/pendleft2.png');
	background-position: bottom left;
}

.boxcontent .nowyboxend, .zwinietycontent .nowyboxend
{
	margin-left: 0px; 
	margin-right: 15px; 
	display: block; 
	position: relative; 
	left: -1px; 
	bottom: -15px;	
}

.boxcontent ul.panelmenu
{
	list-style: disc;
	list-style-position: outside;
	color: white;
	padding-left: 15px;
}


.boxcontent > h1, #filesaddcontent > h1
{
	font-size: 2.5em;
	color: white;
}

.boxcontent > h2, #filesaddcontent > h2
{
	font-size: 2em;
	color: white;
}

.boxcontent > h3, #filesaddcontent > h3
{
	font-size: 1.5em;
	color: white;
}

  /* Czarny */
.boxczern h2 {height: 23px; margin-bottom: 5px; background: url('../gfx/transheadright.png') top right no-repeat;}
.boxczern h2 > span {display: block; height: 23px; margin-right: 10px; padding: 5px 0 0 10px; background: url('../gfx/transheadleft.png') top left no-repeat;}
.boxczern h2 span span { color: #ff9600; }
/* Czarny 2 */
.boxczern2 h2 {height: 30px; margin-bottom: -7px; background: url('../gfx/boxczern2headright.png') top right no-repeat;}
.boxczern2 h2 > span {display: block; height: 30px; margin-right: 25px; padding: 7px 0 0 10px; background: url('../gfx/boxczern2headleft.png') top left no-repeat;}
.boxczern2 h2 span span { color: #ff9600; }
 /* Nowy box HEADERY */
.nowybox h2 span {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 105%;}
.nowybox h2 span span {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.nowybox h2.zwijanyhead {height: 33px; color: #fff; margin-bottom: -7px; font-weight: bold; font-size: 1.05em; background: url('../gfx/boxczern2headright.png') top right no-repeat;}
.nowybox h2.zwijanyhead > span {display: block; height: 33px; margin-right: 25px; padding: 7px 0 0 10px; background: url('../gfx/boxczern2headleft.png') top left no-repeat;}
.nowybox h2.zwijanyhead span span { color: #ff9600; }

.nowybox h2.pomaranczhead {height: 26px; background: url('../gfx/orangeheadright.png') top right no-repeat; margin-bottom: -3px; color: #fff;  font-weight: bold; }
.nowybox h2.pomaranczhead span {display: block; height: 26px; margin-right: 15px; padding: 7px 0 0 10px; background: url('../gfx/orangeheadleft.png') top left no-repeat;}

.nowybox h2.czarnyhead, .blackbox h2.czarnyhead {color: #fff; height: 23px; background: url('../gfx/transheadright.png') top right no-repeat; margin-bottom: -4px; position: relative; top: -2px; }
.nowybox h2.czarnyhead > span, .blackbox h2.czarnyhead > span {display: block; height: 23px; margin-right: 10px; padding: 5px 0 0 10px; background: url('../gfx/transheadleft.png') top left no-repeat;}
.nowybox h2.czarnyhead span span, .blackbox h2.czarnyhead span span { color: #ff9600; font-size: inherit;}
.nowybox h2.czarnyhead span span span, .blackbox h2.czarnyhead span span span { color: #ff9600; font-size: inherit;}
.nowybox h2.czarnyhead a, .blackbox h2.czarnyhead a { color: inherit; font-size: inherit; text-decoration: none;}


.nowybox1 {background:  url('../gfx/boxbottomgradient2new.png') bottom left repeat-x; margin-bottom: 25px; }
.nowybox1 h2.czarnyhead, .blackbox h2.czarnyhead {color: #fff; height: 23px; background: url('../gfx/transheadright.png') top right no-repeat; margin-bottom: -4px; position: relative; top: -2px; }
.nowybox1 h2.czarnyhead > span, .blackbox h2.czarnyhead > span {display: block; height: 23px; margin-right: 10px; padding: 5px 0 0 10px; background: url('../gfx/transheadleft.png') top left no-repeat;}
.nowybox1 h2.czarnyhead span span, .blackbox h2.czarnyhead span span { color: #ff9600; font-size: inherit;}
.nowybox1 h2.czarnyhead span span span, .blackbox h2.czarnyhead span span span { color: #ff9600; font-size: inherit;}
.nowybox1 > p { color: #FF9600; margin: 2px 0; font-family: Arial;}
 
.nowybox1 .boxcontent, .nowybox .zwinietycontent { border: 1px solid #262626; padding: 10px 0px 0px 0px; border-width: 0px 1px 0px 1px; font-weight: normal; position: relative; }

 
.boxpomarancz, .boxczern, .boxczern2, .boxzwiniety { border: 1px solid #262626; padding-bottom: 7px; border-width: 0 1px 1px 1px; font-weight: normal; position: relative; margin-bottom: 20px; background:  url('../gfx/boxbottomgradient1.png') bottom left repeat-x;}
.boxpomarancz, .boxczern, .boxczern2, .boxzwiniety { padding-bottom: 6px; }
.boxpomarancz, .boxczern, .boxczern2, .boxzwiniety  {color: #fff; margin-top: -10px; font-weight: normal;}
.boxpomarancz p, .boxczern p, .boxczern2 p, .boxzwiniety p { padding: 0 10px; margin: 2px 0;}
.boxpomarancz h2, .boxczern h2, .boxczern2 h2, .boxzwiniety h2 { font-weight: bold; }
.boxpomarancz .tytul, .boxczern .tytul {font-weight: bold;}
.boxpomarancz .dodane, .boxczern .dodane {}
.boxpomarancz .data, .boxczern .data {}
.boxczern img { display: block; margin: 0 auto;} 
 
/* Zwiniety */
.boxzwiniety h2 {height: 24px; margin-bottom: -7px; background: url('../gfx/zwinietyheadright.png') top right no-repeat;}
.boxzwiniety h2.active { background-image: url('../gfx/zwinietyheadright2.png') !important; }
.boxzwiniety h2 > span {display: block; height: 26px; line-height: 9px; margin-right: 26px; padding: 7px 0 0 10px; background: url('../gfx/zwinietyheadleft.png') top left no-repeat;}
.boxzwiniety h2 span span { color: #ff9600; }
.smallheadicon { width: 16px; height: 12px; float: left; margin: 6px 6px;}

/* Wyrozniony */
.wyrbox { margin-top: 3px;}
.nowybox h2.wyrozniony {height: 23px; margin-bottom: -7px; color: #fff; font-weight: bold;  background: url('../gfx/wyroznionyheadright.png') top right no-repeat; position: relative; top: -3px;}
.nowybox h2.wyrozniony > span {display: block; height: 23px; margin-right: 10px; padding: 5px 0 0 10px; background: url('../gfx/wyroznionyheadleft.png') top left no-repeat;}
.fotkawyrozniony {position: relative; margin: 0 auto; width: 464px; }
.fotkawyrozniony img {border: 1px solid black; padding: 1px;}

.krotkiopis { float: right; color: #777; padding-top: 2px; width: 250px; text-align: right; }

#wyroznionybar { position: absolute; bottom: 10px; right: 0; height: 75px; width: 400px; background: url('../gfx/wyroznionybarbg.png') top left no-repeat;}
#wyroznionybar h3 { width: 100%; margin-top: 15px; padding: 3px 0; color: #ff9900; }
#wyroznionybar h3 span { color: #d9d9d9; font-weight: bold; padding-left: 43px; }
#wyroznionybar ul { list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0; padding-left: 40px;}
#wyroznionybar ul li {margin: 0; padding: 0; border: 0; outline: 0; float: left; font-size: 0.9em; padding: 1px 3px; }

#wyroznionypaginacja { margin-left: 5px; list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0;}
#wyroznionypaginacja li { margin: 0; padding: 0; border: 0; outline: 0;}
#wyroznionypaginacja li { float: left;width: 30px; height: 30px; position: relative;}
#wyroznionypaginacja li a {color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2em; display: block; width: 32px; height: 32px; background: url('../gfx/wyroznionypaginacjainactive.png') top left no-repeat;}
#wyroznionypaginacja li.auto a {background-image: url('../gfx/wyroznionypaginacjaauto.png')}
#wyroznionypaginacja li.active a {color: #000; font-size: 1.3em; background-image: url('../gfx/wyroznionypaginacjaactive.png')}
#wyroznionypaginacja li a#pag1 span, #wyroznionypaginacja li a#pag2 span, #wyroznionypaginacja li a#pag3 span, #wyroznionypaginacja li a#pag4 span, #wyroznionypaginacja li a#pag5 span
{ position: absolute; top: 7px; left: 13px;  }

/* Zamykamy ładnie boxy pomarancz, czern, */
.endright, .endleft {height: 15px; width: 15px; position: absolute; bottom: 0; background: bottom left no-repeat; }
.endright {margin: 0 -1px -1px 0; right: 0; background-image: url('../gfx/pendright.png'); }
.endleft {margin: 0 0 -1px -1px; left: 0; background-image: url('../gfx/pendleft.png'); }
/* Pozamykane */



/*= DUCH & OZEK =*/

/*.tabywrzut { padding: 7px 8px; min-height: 90px; }
.tabyactive { background: url('../gfx/taby_activebg.png') top left repeat; }
.tabytresc { float: right; color: #fff; }
.boxczern .tabytresc p { display: block; color: #bc5800; text-align: right; }
.tabytresc span {display: block; color: #fff; float: left; }
.tabytresc a { text-decoration: none; }
.bb { font-weight: bold; font-size: 0.9em;}*/
.tabywrzut { margin-bottom:4px; padding: 0px 8px 6px 8px; min-height: 90px;}
.tabywrzut:hover {background-color: #333333;}
.tabyactive { background: url('../gfx/taby_activebg.png') top left repeat;}
.tabytresc { float: right;width: 163px;}
.tabytresc p { display: block; color: #FF9600; text-align: left; padding-left: 0px; line-height: 1.05em; font-size: 0.87em;}
.tabytresc span {display: block; color: #fff; float: left; margin-right: 5px;}
.tabytresc a { text-decoration: none; }
.bb { font-size: 0.9em; }


.imgramka160 
{
	width: 166px;
	height: 126px;
	display: block; margin: 3px auto; 
}

.imgramka160 .imgramkaover
{
	background: transparent url('../gfx/fotoramka.png') center center no-repeat;
	position: relative;
	
	z-index: 1000;	
	
	width: 166px;
	height: 126px;
	
	top: -126px;
	left: 0px;
}


.dataspoko 
{ 
	float: right; 
	color: #fff !important;  
	background: none !important; 
	 
	margin-right: 10px !important; 
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.boxtresc p { text-align: justify; margin-left: 2px; margin-right: 2px; margin-top: 5px; margin-bottom: 10px; line-height: 1.5em; color: #d4d4d4;}

.boxcontent .foto {margin: 10px 10px; width: 320px; height: 240px; float: left;}

.boxcontent .normal 
{
	 font:inherit; 
	 font-family:inherit; 
	 font-size: inherit; 
	 background-color:#eeeeee; 
	 color: #000000; 
	 border-color: #5b5b5b; 
	 border-style: solid; 
	 border-width: 1px;
}
.boxcontent .normal:hover {background-color: #f4f4f4;}
.boxcontent .normal:focus {background-color: #ffffff;}

.boxcontent .error 
{
	 font:inherit;
	 font-family:inherit; 
	 font-size: inherit; 
	 background-color: #ffaaaa; 
	 color: #000000; 
	 border-color: #cc6666; 
	 border-style:solid; 
	 border-width: 1px;
	 padding: 5px;
}

.boxcontent .error:hover {background-color: #f4f4f4;}
.boxcontent .error:focus {background-color: #ffffff;}

.boxcontent span.error 
{
	 font:inherit;
	 font-family:inherit; 
	 font-size: inherit; 
	 color: #cc2222; 	
	 padding: 5px;
	 background-color: inherit;
	 border: inherit;
}

.boxcontent span.error:hover {background-color: inherit;}
.boxcontent span.error:focus {background-color: inherit;}

span.success
{
	 font:inherit;
	 font-family:inherit; 
	 font-size: inherit; 
	 color: #22cc22; 	
	 padding: 5px;
	 background-color: inherit;
	 border: inherit;
}

span.success:hover {background-color: inherit;}
span.success:focus {background-color: inherit;}

.boxcontent span.normal 
{
	 font:inherit;
	 font-family:inherit; 
	 font-size: inherit; 
	 color: #fff; 	
	 padding: 5px;
	 background-color: inherit;
	 border: inherit;
}

.boxcontent span.normal:hover {background-color: inherit;}
.boxcontent span.normal:focus {background-color: inherit;}



/*=FOOTER
=== === === === === === === === === === */
#footer { height: 250px; margin-top: -50px; background: url('../gfx/footerbg.png') top center no-repeat; font-size: 0.9em;}
#footcontent { margin: 0 auto; width: 960px; padding-top: 150px;  }
#footer ul { list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0;}
#footer ul li { margin: 0; padding: 0; border: 0; outline: 0; float: left; padding-left: 5px;}
#footer p { color: #fff; text-align: right; float: right; }
#footer p.left { color: #fff; text-align: left; float: left; }


/*=FORMS
=== === === === === === === === === === */
.buttonblack, .buttonyellow {display: block; height: 27px; margin: 5px auto; width: 150px; }
.buttonblack input, .buttonyellow input { color: #fff; font-weight: bold; border: none; float: right; height: 27px;}
.buttonblack img, .buttonyellow img { float: right; }
.buttonblack input:hover, .buttonyellow input:hover { text-decoration: underline; }
.buttonblack input {  padding-left: 15px; background: url('../gfx/buttonblackleft.png') top left no-repeat;   }
.buttonyellow input { padding-left: 15px; background: url('../gfx/buttonyellowleft.png') top left no-repeat;   }

/* AVATARY */
.avatarlist
{
	width: 98%; 
	height: 104px; 
	overflow: auto; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	overflow-x: visible; 
	overflow-y: visible; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: gray;
}