@import "undohtml.css";
/***************************************************************************
 ******************************** HTML *************************************
 ***************************************************************************/

body{
	font-family:Arial,Verdana,Tahoma,Times New Roman;
	background:#efece5 url(../images/tlo_body.jpg) repeat-x scroll 0 0;
}

#container {
	margin:0 auto;	
	width:762px;
}
a{
	outline:none;
}

/***************************************************************************
 ******************************** HEADER *************************************
 ***************************************************************************/

#container #header{
	background:url('../images/top.jpg');		
	height:96px;
	margin-bottom:3px;
}

#container #header #linki{
	float:right;
	padding:14px 12px 0 0 ;
}

#container #header #linki div a{
	display:block;	
	height:20px;
	width:130px;
}

#container #header #linki div a.main{background:url('../images/main.jpg') no-repeat;}
#container #header #linki div a:hover.main{background:url('../images/main_active.jpg') no-repeat;}

#container #header #linki div a.forum{background:url('../images/forum.jpg') no-repeat; margin-top:5px;}
#container #header #linki div a:hover.forum{background:url('../images/forum_active.jpg') no-repeat;  margin-top:5px;}

#container #header #linki div a.sklep{background:url('../images/sklep.jpg') no-repeat;}
#container #header #linki div a:hover.sklep{background:url('../images/sklep_active.jpg') no-repeat;}


/***************************************************************************
 ******************************** ŚRODEK ***********************************
 ***************************************************************************/
#container #middle{
	margin:0 auto;
	background:#c3c6ce url('../images/tlo_div.jpg') repeat-x top;
	margin-bottom:2px;
	padding-bottom:2px;
	
}


/******************************** ERROR ***********************************/
.error {
	background:transparent none repeat scroll 0 0;
	border:1px solid #A39066;
	color:#EDE1C0;
	font-family:Verdana;
	font-size:12px;
	font-weight:700;
	margin:5px 0 10px 30px;
	padding:5px;
	width:342px;
}

.error li {
	margin:5px 0;
}

/******************************** TREŚĆ ***********************************/

#container #middle #content{
	margin: 10px 0 0px 8px;
	float:left;
	width:444px !important;
	width:430px;
}

#container #middle #content div.wpis{
	background:#3c4763 url('../images/tlo_box.jpg') repeat-x bottom;
	margin-top:3px;
	margin-bottom:3px;
	padding:17px;
	display:block;
	overflow:hidden;
}

/************************** POTWIERDZENIE *********************************/

#container #middle #content div.wpis-potwierdzenia{
	background:#3c4763 url('../images/tlo_box.jpg') repeat-x bottom;
	margin-top:3px;
	margin-bottom:3px;
	padding:17px;
	display:block;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie {
	color:#8D97AF;
	display:block;
	font-size:12pt;
	margin:0 auto;
	text-align:left;
	width:100%;
}


#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie h2 {
	text-align:center;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie p {
	text-align:center;
	color:white;
	font-size:9pt;
	font-weight:bold;
	margin:10px 0;
}


#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie #linki-potw {
	clear:both;	
	padding:20px 0 20px 0;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie div.potw{
	margin:0 auto;
	width:350px;
}



#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie div.potw p{
	color:#A39066;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
	padding:5pt;
	margin-bottom:15px;
	
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie div.potw p span.kol1{
	float:left;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie div.potw p span.kol2{
	background:#EDE1C0 none repeat scroll 0 0;
	border:1px solid #A39066;
	color:#641D68;
	display:block;
	float:right;
	font-size:10px;
	font-weight:normal;
	overflow:hidden;
	padding:3px;
	text-align:justify;
	width:200px;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie div.potw p#kom span.kol2{
	display:block;
	overflow:auto;
}	
	


#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie a {
	font-size:13px;
	color:#ede1c0;
	font-weight:700;

}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie a:hover {
	color:#a39066;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie a#first {
	float:left;
}

#container #middle #content div.wpis-potwierdzenia div.right-potwierdzenie a#last {
	float:right;
}
/**************************************************************************/


#container #middle #content h2.naglowek{
	background:url('../images/oferta.jpg');
	height:32px;
	display:block;
}

#container #middle #content div.wpis div.wpis_head{
	overflow:hidden;
	/*outline:1px red solid;
	vertical-align:middle;*/
	
}

#container #middle #content div.wpis div.left{
	float:left;
}

#container #middle #content div.wpis div.left img{

	display:block ;
	text-align:center ;
	background:#000000 ;
	width:100px;
	height:100px;
	font-size:12pt;		
	color:#8d97af;
}

#container #middle #content div.wpis div.right {
	color:#8D97AF;
	display:block;
	font-size:12pt;
	/*height:100px;*/
	margin-left:115px;
	text-align:left;
}
p.opis_plyty {
	color:#e7e7e7;
	font-size:13pt;
}
h3.temat_plyty {
	color:#8d97af;
	font-size:10pt;
/*	margin-top:8px;*/
}

#container #middle #content div.wpis div.downLeft{
	padding-top:10px;
	float:left;	
	width:290px;
}
	
#container #middle #content div.wpis div.downLeft p{
	font-family:verdana;
	color:white;
	font-size:10pt;
	text-align:justify;
}	

#container #middle #content div.wpis div.downLeft div{
	display:block;
	text-align:right;	
	margin-top:10px;
	margin-right:10px;	
}

#container #middle #content div.wpis div.downLeft div a{
	color:#EDE1C0;
	font-size:10pt;
	font-weight:bold;

}

#container #middle #content div.wpis div.downLeft div a:hover{
	color:#A39066;
}
	
#container #middle #content div.wpis div.downRight{
	display:block;
	float:right;
	padding-top:10px;
	width:100px;
	bottom:10px;
	left:330px;
}

#container #middle #content div.wpis div.downRight a{
	color:#3C4763;
}

#container #middle #content div.wpis div.downRight p.button_cena{
	background:transparent url('../images/button_gif.gif') no-repeat scroll center bottom;
	color:white;
	font-family:verdana;
	font-size:13pt;
	height:25px;
	text-align:center;
	width:93px;
	padding-top:10px;
	margin-bottom:5px;
}

#container #middle #content div.wpis div.downRight p.button_cena span{
	font-size:8pt;
	font-weight:bold;
}
	
	
/******************************** SUBMENU ***********************************/
#container #middle #submenu{
	margin: 10px 8px 0px 0px;
	float:right;
	width:289px;
}



/********************************* NAWIGACJA ********************************/
#container #middle #submenu #naglowek_nawigacja{
	background:url('../images/nawigacja.jpg');
	height:32px;
	display:block;
	margin-bottom:2px;	

}

#container #middle #submenu #nawigacja{
	background:#3c4763 url('../images/tlo_box.jpg') repeat-x bottom;
	margin-bottom:5px;
	padding:14px;
	font-size:10pt;
	color:white;
}


#container #middle #submenu #nawigacja ul{
	padding-left:10px;
}

#container #middle #submenu #nawigacja ul li{
	background:transparent url(../images/ptaszek.gif) no-repeat scroll 0 2.5px;
	padding:0 0 0 15px;
}

#container #middle #submenu #nawigacja ul li a{
	
	color:white;
}

#container #middle #submenu #nawigacja ul li a:hover{
	color:#ece0be;
}

#container #middle #submenu #nawigacja h2{
	padding-bottom:4px;
}

#container #middle #submenu #nawigacja h2 a{
	color:white;
}
#container #middle #submenu #nawigacja h2 a:hover{
	color:#ece0be;
}

span.yellow{
	color:#ece0be;
	font-weight:normal;	
}

#container #middle #submenu #nawigacja h3{
	padding-top:4px;
	padding-bottom:4px;
}

#container #middle #submenu #nawigacja h3 a{
	color:white;
}
#container #middle #submenu #nawigacja h3 a:hover{
	color:#ece0be;
}


/********************************* INFORMACJE ********************************/
#container #middle #submenu #naglowek_informacje{
	background:url('../images/informacje.jpg');
	height:32px;
	display:block;
	margin-bottom:2px;	
}

#container #middle #submenu #informacje{
	background:#3c4763 url('../images/tlo_box.jpg') repeat-x bottom;
	margin-bottom:5px;
	padding:14px;
	font-size:10pt;
	color:white;
}

#container #middle #submenu #informacje ul{
	color:#ece0be;
	list-style-type:disc;
	padding:0px 9px 0 15px;
	text-align:justify;
}

#container #middle #submenu #informacje ul li{
	line-height:16px;
	padding-top:12px;
	padding-bottom:12px;
}
#container #middle #submenu #informacje ul li p{
	color:white;
}

/******************************** KOSZYK *************************************/
#container #middle #submenu #naglowek_koszyk{
	background:url('../images/koszyk.jpg');
	height:32px;
	display:block;
	margin-bottom:3px;
}

#container #middle #submenu #koszyk{
	background:#c3b89c;
	margin-bottom:7px;
}
#container #middle #submenu #koszyk #tabelka p{
	font-weight:bold;
	font-size:11pt;
	color:#641d68;
}
/****************** TABELKA ***********************/
#container #middle #submenu #koszyk #tabelka{
	margin: 0 auto;
}

#container #middle #submenu #koszyk #tabelka p{
	padding: 14px 0 12px 0 ;
	text-align:center;
}


#container #middle #submenu #koszyk #tabelka tr td{
	padding:5px;
}

#container #middle #submenu #koszyk #tabelka table{
	margin: 0 auto;
	border-spacing: 0px;
	width:283px;
	margin-top:4px;
}

#container #middle #submenu #koszyk #tabelka table tbody{
	background:#a39066;
	text-align:center;
	font-size:8pt;
	color:white;
}

#container #middle #submenu #koszyk #tabelka table tbody tr td {border:1px solid #c3b89c;}

#container #middle #submenu #koszyk #tabelka table thead{
	background:#ede1c0;
	color:#605337;
	font-size:8pt;
	font-weight:bold;
}

#container #middle #submenu #koszyk #tabelka table thead tr td.tytul{width:93px;}
#container #middle #submenu #koszyk #tabelka table tbody tr td.plyty{text-align:left;}
#container #middle #submenu #koszyk #tabelka table thead tr td.ilosc{width:55px;}
#container #middle #submenu #koszyk #tabelka table thead tr td.cena{width:67px;}
#container #middle #submenu #koszyk #tabelka table thead tr td.usun{width:46px;}
#container #middle #submenu #koszyk #tabelka table tbody tr td.usunX{padding-top:8px;}

#container #middle #submenu #koszyk #tabelka table tbody tr td a{
	color:white;
}

#container #middle #submenu #koszyk #tabelka table tbody tr td a:hover {
	color:#ece0be;
}

#container #middle #submenu #koszyk #tabelka table tfoot{background:#ede1c0;}

#container #middle #submenu #koszyk #tabelka table tfoot tr td{
	font-weight:bold;
	font-size:11pt;
	color:#641d68;
}

/***************************************************************************
 ******************************** FOOTER ***********************************
 ***************************************************************************/

#container #footer{
	background:yellow url('../images/tlo_footer.jpg');
	height:70px;
}
	
#container #footer #foot{
	padding-top:4px;
	padding-left:13px;
}
	
#container #footer #foot a{