/*
 *		plik: 		style css
 *		autor: 		Technetium [Tc]
 *					Marek Kleszyk
 *		data:		07 luty 2008
 *		system:		TCMS-2.1-www
 */ 
 
@import url("lightbox.css");
@import url("menu.css");
 
body,td,th{
	font-size: 8pt;
	font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
}

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

#tlo {
	background-image: url('../img/tlo-gradient.jpg');
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#tlo-dol {
	background-image: url('../img/tlo-dol.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.f-left{ float: left; }
.f-right{ float: right; }
.clear{ clear: both; }
.c-right{ clear: right; }
.c-left{ clear: left; }

img{ border: 0px; }

.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }

input.text,textarea,select{ border: 1px solid #c9b59a; background-color: #edecdd;}
input.img{ vertical-align: middle; border: none; } 

input {
	border: 1px solid #c4c4c4;
	color: #81725d;
	padding: 0;
	margin: 0;
}

input.checkbox {
	border: 1px solid #80231a;
}

.submit {
	border: none;
}

textarea {
	padding: 3px;
}

.error{ color: #f00; }
.important{ color: #f00; }
.white { color: #fff; }

hr{ height: 1px; background: #ccc; color: #ccc; border: 0px; }

h1{ font-size: 12pt; }
h2{ font-size: 12pt; }
h3{ font-size: 12pt; }
h4{ font-size: 11pt; }
h5{ font-size: 10pt; }
h6{ font-size: 9pt; }

a:focus, input:focus { -moz-outline-style: none; }
a,a:visited,a:active{ color: #985331; text-decoration: none; }
a:hover{ text-decoration: underline; }

.row-clear, .row-dark { background: transparent; }

.not-important{ color: #ccc; }



/* definicje stalych elementow strony */

div#container{
	margin: 0 auto;
	padding: 0;
	width: 992px;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}

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

#wrapper-top #logo {
	width: 277px;
	height: 104px;
	background-image: url('../img/logo-tlo.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}

#wrapper-top #logo a {
	position: relative;
	top: 23px;
	left: 10px;
}

#top-icons {
	width: 715px;
	height: 104px;
	float: left;
	overflow: hidden;
}

#top-icons #ikonki {
	width: 700px;
	height: 66px;
	padding-right: 15px;
	float: left;
	text-align: right;
}

#top-icons #ikonki a img {
	margin-top: 15px;
}

#top-icons #menu-top {
	width: 715px;
	height: 38px;
	float: right;
	overflow: hidden;
	background-image: url('../img/menu-top.jpg');
	background-repeat: no-repeat;
	text-align: right;
}
	
#wrapper-top #banner-l {
	width: 11px;
	height: 332px;
	background-image: url('../img/katalog-produktow-l.jpg');
	background-repeat: no-repeat;
	float: left;
}

#wrapper-top #banner-lm {
	width: 11px;
	height: 166px;
	background-image: url('../img/katalog-produktow-l.jpg');
	background-repeat: no-repeat;
	float: left;
}

#wrapper-top #banner {
	width: 970px;
	height: 332px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

#wrapper-top #banner-m {
	width: 970px;
	height: 166px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

#wrapper-top #banner-p {
	width: 11px;
	height: 332px;
	background-image: url('../img/katalog-produktow-p.jpg');
	background-repeat: no-repeat;
	float: left;
}

#wrapper-top #banner-pm {
	width: 11px;
	height: 166px;
	background-image: url('../img/katalog-produktow-p.jpg');
	background-repeat: no-repeat;
	float: left;
}	

	/* tresc wlasciwa */
#wrapper-content {
	width: 992px;
	height: auto;
	padding: 0px;
	position: relative;
	overflow: hidden;
	float: left;
}

#content {
	width: 810px;
	height: auto;
	background-image: url('../img/content.jpg');
	background-repeat: repeat-y;
	text-align: left;
	float: left;
}

#content-top {
	width: 810px;
	height: auto;
	background-image: url('../img/content-top.jpg');
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}	

#content-bottom {
	width: 810px;
	min-height: 400px;
	background-image: url('../img/content-bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}

#wrapper-content #sidebar-left {
	width: 182px;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

#menu-left-top {
	width: 182px;
	height: 10px;
	background-image: url('../img/menu-left-top.jpg');
	background-repeat: no-repeat;
	font-size: 8px;
	float: left;
}

#menu-left {
	width: 182px;
	height: auto;
	background-image: url('../img/menu-left.jpg');
	background-repeat: repeat-y;
	float: left;
	text-align: left;
}

#menu-left-bottom {
	width: 182px;
	height: 15px;
	background-image: url('../img/menu-left-bottom.jpg');
	background-repeat: no-repeat;
	float: left;
}

	/* stopka */
#wrapper-footer {
	width: 992px;
	height: 89px;
	padding: 0;
	margin-top: 18px;
	position: relative;
	overflow: hidden;
	float: left;
}

#wrapper-footer #menu-bottom {
	width: 922px;
	height: 56px;
	background-image: url('../img/menu-bottom.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#wrapper-footer #do-gory {
	width: 70px;
	height: 56px;
	background-image: url('../img/menu-bottom.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	float: left;
}

#wrapper-footer #do-gory a {
	text-decoration: none;
	color: #b08d7a;
}

#wrapper-footer #do-gory a img {
	margin-left: 10px;
	margin-top: 2px;
}	

#wrapper-footer #realizacja {
	width: 992px;
	/*height: 28px;*/
	padding-top: 2px;
	font-size: 9pt;
	color: #998067;
	position: relative;
	overflow: hidden;
	float: left;
}

#wrapper-footer #realizacja a {
	font-weight: bold;
	color: #ffda6f;
}
		
		/* kontener dla tekstu */

#page-title {
	padding: 20px 40px 10px 30px;
}

#page-title h1 {
	margin: 0px;
	padding: 3px 0px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 8pt;
	color: #aa6c36;
}
				
#page-title h1 a,div#page-title h1 a:visited,div#page-title h1 a:hover {
	color: #aa6c36;
	text-decoration: none;
}
				
#page-title h1 a:hover {
	text-decoration: underline;
}

#page-content {
	padding: 20px 40px 30px 30px;
	overflow: hidden;
	color: #81725d;
	line-height: 17px;
}

#page-content strong {
	color: #985331;
}

strong.product-name {
	font-size: 12pt;
	color: #aa6c36;
}

h2.sciezka {
	font-size: 10pt;
	color: #aa6c36;
	font-weight: normal;
	margin: 0px;
	padding: 3px 0px;
	padding-left: 25px;
}

.shop-product {
	width: 226px;
	height: 295px;
	padding: 10px;
	background-image: url(../img/linia-pion.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	color: #81725d;
	float: left;
}

.shop-product a {
	text-decoration: none;
}

.brak-pion {
	background-image: none;
}

#produkt-kolumna-lewa {
	width: 260px;
	text-align: center;
	float: left;
}

#produkt-kolumna-lewa a {
	text-decoration: none;
}

#produkt-kolumna-prawa {
	width: 480px;
	float: left;
}

.shop-back {
	margin-top: 40px;
	font-weight: bold;
}

.tabela-naglowek {
	background-image: url(../img/tabela-naglowek.jpg);
	background-repeat: no-repeat;
}

.cena-p {
	width: 101px;
	height: 30px;
	padding-top: 12px;
	color: #ffe7a4;
	background-image: url(../img/cena-p.jpg);
	background-repeat: no-repeat;
	float: left;
}

.rozmiary {
	position: relative;
	left: 12px;
	top: 5px;
}