/*
 *		plik:		css/style.css
 *		autor: 		Technetium [Tc]
 *				Marek Kleszyk
 *		data:		05 styczeń 2009
 *		system:		T.CMS-4.1-SKLEP
 */ 

@import url("sklep.css");
@import url("lightbox.css");
@import url("menu.css"); 
@import url("comments.css");
 
			/* --------- standardowe ---------- */

.clear { clear: both; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.error { color: #c00; }
.important { color: #f00; }
.not-important { color: #b9b9b9; }
.row-dark { background: #ddd; }
.row-clear { background: transparent; }

img { border: none; }
a:focus { -moz-outline-style: none; }
a, a:visited, a:active { text-decoration: none; color: #c42424; }
a:hover { text-decoration: underline; }
.kursor { cursor: pointer; }

hr { background: #e9e3da; height: 1px; border: none; }
h1 { font-size: 10pt; }
h2 { font-size: 9pt; }
h3 { font-size: 8pt; }
h4 { font-size: 7pt; }

.font0 {
	font-size: 6pt;
}

.font1 {
	font-size: 7pt;
}

.font2 {
	font-size: 8pt;
}

.font3 {
	font-size: 10pt;
}

.font4 {
	font-size: 12pt;
}

.font5 {
	font-size: 14pt;
}

.font6 {
	font-size: 16pt;
}

.print {
	margin: 10px;
	float: right; 
}

.back {
	margin: 10px;
	float: left; 
}

.tagi {
	margin: 10px 0;
	text-align: center;
}

#page-title {
	padding: 10px;
}

#page-title h1 {
	margin: 0;
	padding: 0;
}

#page-content {
	padding: 0 10px;
	overflow: hidden;
}

#sciezka {
	height: 12px;
	padding: 5px 10px;
	background-color: #f7f5f2;
	color: #d30745;
}

#sciezka a {
	color: #3e2f25;
}

#sciezka strong a {
	color: #c42423;
}

td, th {
	font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
}

.formularz {
	margin: 5px;
}

input.text, textarea, select {
	border: 1px solid #e1d9ce;
	background-color: #f3f0ec;
	padding: 0 3px;
	margin: 0 3px;
}

select {
	padding-right: 0;
}

input.submit {
	padding: 1px 3px;
	background-color: #fefdfd;
	border: 1px solid #766f6e;
	color: #918d88;
	font-size: 9pt;
	font-weight: bold;
}

input.text:focus, select:focus, textarea:focus {
	background: #eee;
	border: 1px solid #888;
	outline: 0
}

.image {
	position: relative;
	top: 3px;
}

			/* --------- glowna ---------- */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	background-image: url('../img/tlo.jpg');
	background-repeat: repeat-x;
	text-align: center;
	font-family: "Tahoma", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 8pt;
	color: #4a3f2e;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	position: relative;
	text-align: center;
}

#top {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

#top #logo {
	width: 298px;
	height: 122px;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	float: left;
}

#top #szukaj {
	width: 252px;
	height: 122px;
	background-image: url(../img/szukaj.jpg);
	background-repeat: no-repeat;
	text-align: left;
	float: left;
}

.form1 {
	margin-top: 43px;
	padding-left: 36px;
}

.form2 {
	margin-top: 3px;
	padding-left: 45px;
}

.form1 label {
	color: #e02828;
}

.form1 input.pole1, .form2 input.pole1 {
	position: relative;
	top: 3px;
	width: 137px;
	height: 15px;
	padding: 4px;
	background-image: url(../img/pole1.jpg);
	background-repeat: no-repeat;
	border: none;
	color: #9d9d9d;
	font-size: 7pt;
}

.form1 input.image1, .form2 input.image1 {
	position: relative;
	top: 9px;
	left: 2px;
}

.form1 a {
	position: relative;
	top: 8px;
	color: #3e2f25;
	text-decoration: underline;
}

#top #panel {
	width: 420px;
	height: 45px;
	padding-right: 10px;
	background-color: #fbfaf9;
	text-align: right;
	float: left;
}

#top #panel a	{
	position: relative;
	top: 20px;
	margin: 0 3px;
	padding-left: 8px;
	background-image: url(../img/li1.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-decoration: underline;
	color: #3e2f25;
}

#top #panel span	{
	position: relative;
	top: 20px;
	margin: 0 3px;
	color: #3e2f25;
}

#top #ikonki {
	width: 412px;
	height: 77px;
	padding-left: 18px;
	background-color: #fbfaf9;
	text-align: left;
	float: left;
}

#top #ikonki a {
	position: relative;
	top: 14px;
	width: 54px;
	height: 39px;
	margin: 0 3px;
	padding-left: 40px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #e02828;
	text-decoration: none;
	float: left;
}

#top #ikonki a.koszyk {
	background-image: url(../img/bt-koszyk.jpg);
}

#top #ikonki a.dane {
	background-image: url(../img/bt-dane.jpg);
}

#top #ikonki a.pomoc {
	background-image: url(../img/bt-pomoc.jpg);
	height: 32px;
	padding-top: 7px;
}

#top #ikonki a.przepisy {
	background-image: url(../img/bt-przepisy.jpg);
	height: 32px;
	padding-top: 7px;
}

#top #line {
	width: 980px;
	height: 10px;
	background-image: url(../img/line.jpg);
	background-repeat: repeat-x;
	float: left;
}

#top #reklama-top {
	width: 980px;
	height: auto;
	padding: 6px 0;
	float: left;
}

#body2 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	background-image: url('../img/tlo2.jpg');
	background-repeat: repeat-x;
	text-align: center;
	float: left;
}

#container2 {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	position: relative;
	text-align: center;
}

#top2 {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

#top2 #lang {
	width: 190px;
	height: 22px;
	padding-top: 3px;
	background-image: url(../img/menu-top.jpg);
	background-repeat: repeat-x;
	color: #beb3a3;
	float: left;
}

#top2 #lang a {
	position: relative;
	top: 2px;
	margin: 0 3px;
}

#top2 #menu-top {
	width: 790px;
	height: 25px;
	background-image: url(../img/menu-top.jpg);
	background-repeat: repeat-x;
	float: left;
}

#base {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	text-align: left;
	float: left;
}

#sidebar-left {
	margin: 0 auto;
	padding: 0;
	width: 189px;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #f3f0ec;
	border-right: 1px solid #e1d9ce;
	float: left;
}

#sidebar-left h1, #sidebar-right h1 {
	height: 16px;
	margin: 0;
	padding: 3px 0;
	background-image: url(../img/h1.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #c42423;
}

#sidebar-left .reklama-left {
	padding: 15px 5px;
	text-align: center;	
}

#content {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	float: left;
}

#sidebar-right {
	margin: 0 auto;
	padding: 0;
	width: 189px;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #f3f0ec;
	border-left: 1px solid #e1d9ce;
	float: left;
}

#sidebar-right #twoj-koszyk {
	padding: 15px 5px;
	text-align: center;	
}

#sidebar-right #twoj-koszyk a {
	font-weight: bold;
	text-decoration: none;
}

#sidebar-right #polecamy {
	padding: 15px 5px;
	text-align: center;	
}

#sidebar-right .reklama-right {
	padding: 15px 5px;
	text-align: center;	
}

#base #reklama-bottom {
	width: 980px;
	height: auto;
	padding: 6px 0;
	margin-top: 10px;
	text-align: center;
	float: left;
}

#footer {
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	width: 980px;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

#footer #menu-bottom {
	width: 980px;
	height: 21px;
	background-image: url('../img/menu-bottom.jpg');
	background-repeat: repeat-x;
	text-align: center;
	float: left;
}

#footer #f1 {
	width: 410px;
	height: 50px;
	padding: 20px;
	background-image: url('../img/f1.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	float: left;
}

#footer #f1 img {
	margin-right: 10px;
	float: left;
}

#footer #f1 span {
	color: #e02828;
	font-size: 9pt;
}

#footer #f2 {
	width: 330px;
	height: 75px;
	padding: 0 10px;
	padding-top: 15px;
	background-image: url('../img/f1.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	float: left;
}

#footer #f2 img {
	margin: 10px;
	margin-bottom: 20px;
	float: left;
}

#footer #f2 span {
	color: #e02828;
}

#footer #f3 {
	width: 180px;
	height: 70px;
	padding-top: 20px;
	text-align: center;
	color: #beb3a3;
	float: left;
}

#footer #realizacja {
	padding: 0 20px;
	width: 940px;
	height: 15px;
	text-align: right;
	color: #BEB3A3;
	float: left;
}

#footer #realizacja a {
	color: #BEB3A3;
	text-decoration: none;
	font-weight: bold;
}

#footer #copyright {
	padding: 0 20px;
	margin-bottom: 20px;
	width: 940px;
	height: auto;
	color: #BEB3A3;
	float: left;
}

#footer #copyright img {
	margin-bottom: 5px;
}

.main-foto {
	width: 60px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 1px;
	border: 1px solid #4a3f2e;
	float: right;
}

			/* --------- galeria ---------- */

.foto-pokaz {
	margin-bottom: 5px;
	border: 1px solid #CFD3D8;
	padding: 5px;
}

.foto-opis {
	text-align: justify;
	display: block;
}

.foto-gal {
	border: 1px solid #CFD3D8;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
}

.foto-gal:hover {
	border: 1px solid #788A98;
	background-color: #f6f6f6;
	cursor: pointer;
}

#page-title-gal {
	padding: 10px;
	border-top: 1px solid #CFD3D8;
}

#page-title-gal h1 {
	margin: 0;
	padding: 0;
}

#page-content-gal {
	padding: 10px;
	overflow: hidden;
}

		/* --------- rejestr zmian ---------- */

table.rejestr {
	width: 100%;
	border: none;
	margin: 2px;
}

table.rejestr td {
	padding: 3px 1px;
	color: #999;
}

table.rejestr td a {
	color: #999;
}

table.rejestr td a:hover {
	color: #281;
}

		/* --------- aktualności ---------- */

.art ul {
	list-style: none;
	margin: 10px 20px;
	padding: 0;
}

.art ul li {
	margin: 10px 0;
	height: 110px;
	border-bottom: 1px solid #E1D9CE;
}

.art ul li.last {
	border-bottom: none;
}

.art ul li .data {
	height: 20px;
	color: #999;
}

.art ul li .wiecej {
	height: 20px;
	float: right;
}

.news-foto {
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid #c0b8ad;
	float: left;
}

		/* --------- forum ---------- */

ul#forum {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}

ul#forum li {
	margin: 5px 0;
	padding: 0 0 3px 18px;
	overflow: hidden;
	background: transparent url(../img/li-for.png) no-repeat scroll left 2px;
	border-bottom: 1px solid #e6e6e6;
}

ul#forum li a {
	overflow: hidden;
	white-space: nowrap;
}

ul#forum li h2 {
	margin: 0;
}

ul#forum li h2 a, ul#forum li h2 small {
	color: #6e6e6e;
}

.sitemap {
	list-style: none;
}

#info {
	margin: 50px;
	padding: 20px;
	border: 1px solid #e1d9ce;
	background-color: #f7f5f2;
	float: left;
}

#info img {
	margin-right: 20px;
	padding: 15px;
	border: 1px solid #e1d9ce;
	background-color: #fff;
	float: left;
}

#info h1 {
	margin-left: 110px;
	font-size: 11pt;
	color: #c42423;
	border-bottom: 1px solid #e1d9ce;
	display: block;
}

#flash {
	width: 574px;
	height: 232px;
	margin: 6px 0;
	padding-top: 9px;
	background-color: #FAFAFA;
	float: left;
}