* {margin: 0; padding: 0;}


/* 
glowne kolory:
#039 - granat
#333
*/
body, html {
  color: #333;
  font: normal 14px Tahoma;
  text-align: center;   
  background-color: #fff;
  background: url('templates/images/main_bg.jpg') #d0d0d0 repeat-x top;	
  padding: 0 0 10px 0;
  margin: 0;
}
td {vertical-align: top;}
a:hover {text-decoration: underline;}
a {text-decoration: none; color: #333;}
a img {border: 0; }

#footer, #mainContent {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  background-color: #fff;	
}

.content {border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
h1, h2, h3, h4, h5, h6 {color: #039; padding: 0; margin: 0;}

h1 {font-size: 24px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}

.topNavi {text-align: right; font-size: 16px; height: 105px;}
.topNaviAs {margin: 5px;}
.topNaviAs img{vertical-align: middle;}
.topNaviAs a{color: #333; }
#logo {float: left;}
.topNavi ul {list-style-type: none; clear: right; position: relative; top: 47px;}
/* 
.topNavi ul  li {
	background: url('li_unactive.gif') repeat-x top; 
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 0 1px; 
	padding: 5px 10px; 
	float: left;
}
.topNavi ul  li:hover {
	background: url('li_active.gif') repeat-x top; 
	border: 1px solid #03c;
}

.topNavi ul  li a { color: #fff; font-size: 18px;}
*/

.topNavi ul  li {float: left;	margin-right: 5px;}

.topNavi ul  li a {
	color: #333; 
	font-size: 18px;
	background: url('templates/images/li_unactive.gif') repeat-x top; 
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 0 1px; 
	padding: 5px 10px;
	line-height: 35px;
}
.topNavi ul  li a:hover {
	color: #fff;
	background: url('templates/images/li_active.gif') repeat-x top; 
	border: 1px solid #03c;
}
.topNavi input {background-color: #eee; padding: 2px; margin-top: 5px; border: 1px solid #666;}
.topNavi input[type=text]{width: 200px; }
.topNavi input[type=submit]{width: 50px;}

.topMenu {clear: both; border-top: 3px solid #039; border-bottom: 2px solid #a0a0a0; padding: 5px 10px;}
.topMenu a b {color: #039;}
.mainContent {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	margin: 10px 0;
	padding: 10px;
	background: url('templates/images/bg_maincontent.gif') repeat-x top; 
}

table.mainContentTable {width: 100%;}
table.mainContentTable td.left {width: 200px;}

table.pLWindow {width: auto; border-spacing: 0;}
table.pLWindow td {text-align: center; width: 25%; vertical-align: middle; border-right: 1px solid #ccc; padding: 0 3px;}

table.pLWindow33 {width: 750px; border-spacing: 0; }
table.pLWindow33 td {text-align: center; width: 33%; vertical-align: middle; border-right: 1px solid #ccc; padding: 0 3px;}

.pLWindowName a {font-size: 18px; color: #333;}
.pLWindowDesc {font-size: 12px;}
.pLWindowMore {text-align: right; padding-right: 5px;}
td.pLWindowPrice {padding: 3px; }
td.pLWindowPrice img{position: static; vertical-align: middle; margin-left: 5px;}
table.pLWindow td.pLWindowNoBorder {border-right: 0;}
table.pLWindow  td.pLWindowBorderTop {border-top: 1px solid #ccc;}

table.pLWindow33 td.pLWindowNoBorder {border-right: 0;}
table.pLWindow33  td.pLWindowBorderTop {border-top: 1px solid #ccc;}

table.categoryMaps {width: 100%;}
table.categoryMaps td {width: 25%;padding: 5px 0;}
table.categoryMaps ul {list-style-type: disc; margin-left: 25px; font-size: 16px;}
table.categoryMaps ul li {margin-left: 25px; font-size: 14px;}
table.categoryMaps ul li ul  {margin-left: 0; font-size: 14px;}


#footer table {width: 100%; text-align: left;}
#footer table td {width: 33%; }
#footer table td ul li {margin-left: 25px;}
#footer table th {color: #039; font-size: 22px; font-weight: normal; width: 33%; text-transform: uppercase; padding: 5px;}


.boxes {}
.boxes .heading {text-transform: uppercase; font-size: 16px; font-weight: bold;}
.boxes .content {padding: 10px; border: 0;}
.boxes a {display: block;}
.boxes ul {list-style-type: none;}


#breadcrumb, #breadcrumb a {font-size: 12px; margin-bottom: 10px;}
#listing_view { border-top: 1px solid #999; padding: 0px 0px 5px 0px; background: url('templates/images/listing_view_bg.gif') repeat-x top;}
#listing_view td { padding: 3px;}
#listing_view img { vertical-align: middle; }
.l2 .image {padding-right: 3px;}
.l2 .image img {padding: 3px; background-color: #ccc; margin: 3px;}
.l2 .image img:hover { background-color: #999; }
.l2 .price {text-align: center;}
.l1 td.price {text-align: right;}
.l1 td.price img {vertical-align: middle;}
.listingNoProducts {text-align: left; padding: 10px;}
.listingNoProducts ul {padding: 10px;}
.listingNoProducts ul li {margin-left: 10px;}

#zdjecie {padding-right: 3px;}
#zdjecie img {border: 3px solid #ccc; border-bottom: 0; border-right: 0;}
#zdjecie img:hover { border: 3px solid #999; border-bottom: 0; border-right: 0;}

.p_info a{color: #039; }
#product_info {width: 100%;}
#product_info td {padding: 2px;}
#product_info .l {text-align: right;}
#product_info .r {text-align: left;}
.button2 a { color: #039;}
.button2 {text-align: left; color: #039;}


div.tabs {font-size: 16px; font-weight: bold; background: url('templates/images/laps_bg.gif') repeat-x bottom; padding: 5px;}
div.tabs a {color: #333; margin-right: 10px; cursor: pointer;}
div.tabs a:hover {color: #333; text-decoration: underline;}
div.tabs a.active {color: #039; font-size: 18px;}
div.pInfoImages {text-align: center;}
div.pInfoImages img {padding: 5px; }

td.fieldKey {width: 200px;}
fieldset {padding: 10px;}


table.MsgBoxTable {background: #f9f9f9;}
table.MsgBoxTable .title, Uwaga {color: #039;}

.showCategory {position: absolute; width: 200px; background: url('templates/images/bg_maincontent.gif') repeat-x top #fff;  border: 1px solid #999; padding: 10px; display: none;}
.showCategory b {color: #039;}
.markProductOutOfStock, .stockWarning {color: red;}

table.categoryMaps td {border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 10px;}