html,body {
	margin		:	0px;
	padding		:	0px;
	color		: 	#555;
	background	: 	#ccc url(../img/tlo.jpg) top center repeat-x;
	text-align	: 	center;
}

body {
	font: 76% arial,sans-serif
}

p {
	margin:0 10px 10px
}

input, textarea, select {
	border-right	: #FFAA00 1px solid;
	border-top		: #FFAA00 1px solid;
	border-bottom	: #FFAA00 1px solid;
	border-left		: #FFAA00 1px solid;
	background-color: #D6D6D6;
}

a:link, a:visited {
	/*display:block;*/
	text-decoration : none;
	color: #ff5014;
	padding:0px
}

a:hover{
	/*display:block;*/
	text-decoration : underline;
	color: #ff5014;
	padding:0px
}

div#header {
	height			: 	270px;
}

div#baner {
	margin			:	0px auto;
  	background		: 	url(../img/serwisy.jpg) no-repeat;
  	text-align		: 	left;
  	width			: 	1000px;
  	height			: 	270px;
  	clear			: 	both;
  	overflow		: 	hidden;
}

div#info {
	margin			: 	20px 0px 0px 20px;
	padding			: 	100px 0px 0 0px;
	color			: 	#fff;
	width			: 	485px;
	line-height		: 	16px;
	text-align		: 	center;
	text-size		:	x-small;
}

div#baner h1 {
	left			: 	70px;
	top				: 	110px;
	padding-top		: 	10px;
	color			: 	#fa0;
	text-align		: 	left;
}

div#panel {
	float: right;
	width: 450px;
	margin			: 	0px 0px 0px 0px;
	padding			: 	170px 0px 0 0px;
	clear			: 	both;
  	overflow		: 	hidden;
}


div#content p, b {
	line-height:1.4;
	font-size	: small;
}

div#serwis h2 {
	line-height		:	31px;
	height			: 	31px;
	padding-bottom	: 	0px;
	margin-bottom	: 	5px;
	text-indent 	: 	20px;
	background		: 	url(../img/tlo-serwis.gif) no-repeat;
	font-size		:	20px;
}

div#serwis h4 {
	height			:	20px;
	line-height		:	20px;
	padding-bottom	: 	0px;
	margin-bottom	: 	5px;
	margin-top		: 	0px;
	text-indent 	: 	20px;
	background		: 	url(../img/tlo-serwis.gif) no-repeat;
	color			:	white;
	font-size		:	12px;
}

div#serwis hr {
	margin-bottom	: 	0px;
}

div#serwis a {
	text-align	: left;

}

div#serwis{
	width			: 456px;
	text-align		: left;
	/*padding-left	: 40px;*/
	background		: #D6D6D6 none repeat scroll 0%;
}

div#serwis p{
	/*text-indent 	: 20px;*/
	margin-left 			: 20px;
	margin-bottom 			: 5px;
	margin-top 				: 5px;
}


div#navigation {
	width: 213px;
	height: 325px;
	background: url(../img/tlo-ranking.gif) no-repeat;
}

div#extra {
	background:#FF8539
	margin-left		: 100px;
}


#maincategorylist {
	margin-left : 0px;
}

div#footer {
	background: #333;
	color: #FFF
}

div#footer p{
	margin:0;
	padding:5px 10px
}

div#wrapper {
	float:left;
	width:100%
}
div#content {
	float	: left;
	margin: 0px 390px
}

div#navigation {
	float:left;
	width:213px;
	margin-top	: 	50px;
	margin-left	:	-313px
}

div#extra {
	float:left;
	width:200px;
	margin-left:-100%;
	padding-left:100px;
}

div#footer {
	clear:left;
	width:100%
}




/***************************************************
****************************************************/
body { margin: 0; padding: 0; font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555; background: #ccc url(../img/tlo.jpg) top center repeat-x; text-align: center; }

form, img { margin: 0; padding: 0; border: 0; }
p { margin: 0 0 10px 0; padding: 0; }

input, select, textarea { font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px; width: 150px; color: #333; }
.input { background: #fff; }
.btn { cursor: pointer; }

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

h1, h2, h3 { font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; font-weight: bold; }

.lista { margin: 0; padding: 0; list-style: none }
ul.lista { margin: 0; padding: 0; list-style: none }
ul.poz { margin: 0; padding: 0; list-style: none }
ul.poz li { float: left; margin: 0; padding: 0; }

fieldset.hdr { margin: 10px; padding: 0; border: 0; border-top: 1px solid #aaa; }
fieldset.hdr legend { color: #555; margin: 0 0 0 -5px; padding: 0 5px 0 0; font-weight: bold; }

/****************/

.top { margin: 0 auto; text-align: left; width: 1000px; height: 270px; background: url(../img/serwisy.jpg) no-repeat; clear: both; overflow: hidden; }
.top .spolecznosciowe { position: absolute; z-index: 999; margin: 20px 0 0 20px; }
.top .spolecznosciowe a {  }
.top .inner { padding: 160px 30px 0 30px; }
.top .info { color: #fff; width: 485px; line-height: 16px; text-align: center; }
.top .info .hh { font-size: 16px; color: #fa0; }
.top .panel { float: right; width: 450px; }
.top .dodaj { padding: 30px 0 0 0; text-align: right; }
.top .dodaj .btn { font-weight: bold; color: #000; }
.top .szukaj { float: right; color: #888; border-left: 1px dashed #888; padding: 10px 0 20px 40px; margin-left: 40px; }
.top .szukaj big { font-size: 14px; }
.top .szukaj table { margin-top: 3px; }
.top .szukaj .input { background: url(../img/szukaj-input.gif) no-repeat; width: 145px; border: 0; padding: 5px; }
.top .szukaj .btn { background: url(../img/szukaj-btn.gif) no-repeat; width: 23px; height: 23px; border: 0; }

.main { margin: 0 auto; clear: both; overflow: hidden; width: 1000px; }

.outer { width: 1000px; float: left; }

.lewe { float: left; width: 265px; }

.prawe { float: right; width: 215px; position: relative; text-align: right; }

.srodek { overflow: auto; }
.srodek .inner { width: 500px; text-align: left; }


.menu { width: 205px; margin: 10px 0 50px 10px; }
.menu-top { width: 205px; height: 60px; background: url(../img/tlo-menu-top.gif) no-repeat; }
.menu .inner { text-align: left; padding: 0 25px; background: url(../img/tlo-menu.gif) top repeat-y; }
.menu .inner ul {  }
.menu .inner ul li { border-bottom: 1px dashed #ccc; padding: 3px 5px; font: 16px Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:20px; font-weight:700;}
.menu .inner ul li a { color: #cd445f; text-decoration: none; }
.menu .inner ul li a:hover { text-decoration: underline; }
.menu .inner ul li a span { font-size: 11px; color: #bbb; }
.submenu { text-indent : 20px; }
.menu-bottom { width: 205px; height: 50px; background: url(../img/tlo-menu-bottom.gif) no-repeat; }

.uwagi { text-align: center; color: #aaa; letter-spacing: 10px; margin-bottom: 30px; width: 205px; }

.serwis { clear: both; overflow: hidden; margin: 15px 0; }
.serwis .naglowek { width: 456px; height: 31px; background: url(../img/tlo-serwis.gif) no-repeat; margin-bottom: 3px; }
.serwis .naglowek h1 { padding: 2px 0 0 12px; margin: 0; color: #fff; }
.serwis .naglowek h1 a { color: #fff; text-decoration: none; }
.serwis .opis { background: #d6d6d6; width: 465px; margin-left: 5px; }
.serwis .opis .box { padding: 5px 15px 10px 15px; }
.serwis .opis .box .blok { margin: 15px 0 0 0; }

.ranking { width: 213px; height: 325px; background: url(../img/tlo-ranking.gif) no-repeat; margin: 50px 0 30px 0; }
.ranking .inner { padding: 52px 20px 0 15px; text-align: left; }


.ranking ol { line-height:25px; padding-left:0px;}
.ranking ol li { padding-bottom: 10px; }
.ranking a { color: #555; text-decoration: none; }
.ranking a:hover { text-decoration: underline; }
.ranking a strong { font-size: 12px; }

.stopka { margin: 0 auto; text-align: center; width: 100%; clear: both; overflow: hidden;
		background: #333;
	color: #FFF;
	height : 20px;
	padding-top:6px;
}

#WebsiteOpis {
	width	: 320px;
}
#PostPost {
	width	: 320px;
}

.PostAccepted {
	color:#333333;
font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
width : 15px;
}