/***************************************************************************
*                                                                          *
* contented5 - An open source xhtml/css website template by Contented      *
* Designs.  You're free to modify it and use it for any purpose without    *
* cost or obligation. We'd prefer that you leave the link to our website   *
* in the footer but it's not required.                                     *
*                                                                          *
* If you have comments or questions, please contact us at                  *
* http://www.ContentedDesigns.com. Thanks!                                 *
*                                                                          *
* Version: 1.01 (May 17, 2006)                                             *
***************************************************************************/

* {
	margin:10;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:83%;
	margin:10px auto;
	width:970px;
	padding-left:0px;
	padding-right:0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:0.75em 0;}

h1 {font-size:167%;}

h2 {font-size:139%;
	color: #FFFFFF;
	}

h3 {font-size:120%;}

h4 {font-size:100%;}

li, dd { 
	margin-left:0.0em;
	list-style-image: url(../images/arrow.gif);
}

a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #FF5031;
	font-weight: normal;
	text-decoration: none;
}

#contact {
	padding:0px 0px 0px 0px;
	float:right;
}

#contact a {
	color: #CC0000;
	background-color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#contact a:hover {
	color: #CC0000;
	background-color:#FFFFFF;
	text-decoration:underline;
}
#header {
	clear:both;
	color: #000;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}


#title {
	color: #CC0000;
	background-color:#FFFFFF;
	font-size:200%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}
#slogan {
	color:#666666;
	background-color:#FFFFFF;
	font-size:60%;
	font-weight:normal;
	font-style:normal;
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 10px;
	float:left;
	width:25%;
}
#logo {
	margin:0px 0px 0px 10px;
	background-color:#FFFFFF;
}

ul#nav2 {
	line-height:125%;
	height:3em;
	float:right;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	text-align: center;
	width:70%;
}

ul#nav2 li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	float: right;
	list-style: none;
}

ul#nav2 li a {
	display: block;
	font-size:80%;
	color: #9CA2B2;
	background-color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

ul#nav2 li a:hover { 
	border-bottom:3px solid #FF5031;
}

ul#nav2 a.selected { 
	border-bottom:3px solid #FF5031;
}

#path {
	width:960px;
	clear:both;
	float:left;
	font-size:75%;
	font-weight:normal;
	margin:4px 0px 5px 0px;
	border-top:5px solid #666666;
}

#path a {
	font-weight:normal;
}
#content img
{
	border: 1px solid #000000;
	padding: 0px;
	display:block;
	margin-left:auto;
	margin-right:auto; 
}
#content img a:hover 
{
	border: 1px solid #141414;
	padding: 0px;
	display:block;
	margin-left:auto;
	margin-right:auto; 
}
#maincontent {
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:720px;
	background-color:#FFFFFF;
	float: left;
}
#maincontent2 {
	height:auto;
	margin:0px 0px 0px 0px;
	font-size:75%;
	line-height:1.5em;
	width: 720px;
	z-index:600;
}
#maincontent2 a {
	text-decoration: none;
}
#maincontent2 a:hover {
	font-weight: normal;
	text-decoration: underline;
}
#sidecontent {
	font-family:Arial, sans-serif;
	color: #F00;
	background:url(images/bg_gray.gif) no-repeat;
	background-color:#4CC6EB;
	font-size:80%;
	padding:0px 0px 10px 10px;
	margin: 35px 10px 0px 0px;	
	width:220px;
	float: right;
	height:346;
	z-index:200;
}
#sidecontent a {
	color: #000;
	background-color:#4CC6EB;
}
#sidecontent h2 { 
	margin:0.75em 0.25em 0.25em 0em;
	color: #FFFFFF;
}
#sidecontent ul { 
	margin:0.25em 0.25em 0.25em 0.25em;
}
#sidecontent1 {
	font-family:Arial, sans-serif;
	color: #DE0D12;
	background:url(images/bg_gray.gif) no-repeat;
	background-color: #FFFFFF;
	font-size:75%;
	padding:0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	width:230px;
	float: right;
	height:auto;
	z-index:300;
}
#sidecontent1 a {
	color: #4C8E13;
}
#sidecontent1 h2 { 
	margin:0.75em 0.25em 0.25em 0em;
	color: #FF0000;
}

#sidecontent1 ul { 
	margin:0.25em 0.25em 0.25em 0.25em;
}
#sidecontent2 {
	font-family:Arial, sans-serif;
	color: #DE0D12;
	background:url(images/bg_gray.gif) no-repeat;
	background-color: #FFFFFF;
	font-size:75%;
	padding:0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	width:230px;
	float: right;
	height:auto;
	z-index:400;
		clear:both;
}
#sidecontent2 a {
	color: #4C8E13;
}
#sidecontent2 h2 { 
	margin:0.75em 0.25em 0.25em 0em;
	color: #FF0000;
}
#sidecontent2 ul { 
	margin:0.25em 0.25em 0.25em 0.25em;
}
#sidecontent3 {
	font-family:Arial, sans-serif;
	color: #A3A3A3;
	background:url(images/bg_gray.gif) no-repeat;
	background-color: #40B1ED;
	font-size:80%;
	padding:0px 0px 10px 10px;
	margin: 35px 10px 0px 0px;	
	width:220px;
	float: right;
	z-index:500;
}
#sidecontent3 a {
	color: #F7B082;
}
#sidecontent3 h2 { 
	margin:0.75em 0.25em 0.25em 0em;
	color: #FFFFFF;
}
#sidecontent3 ul { 
	margin:0.25em 0.25em 0.25em 0.25em;
}
#produkty {
	width: 700px;
	margin:0px 0px 0px 10px;
	clear:both;
}
#left { 
	width: 340px;
    float: left; 
	margin:0px 0px 0px 10px;
	border: 0px solid #D9D9D9;
}
#right {
	width: 340px;
    float: right; 
	margin:0px 10px 0px 0px;
    border: 0px solid #D9D9D9;
}
#bottom {
	height:200px;
	color:#666666;
	background-color:#F65135;
	border-top:5px solid #960125;
	font-size:75%;
	line-height:1.5em;
	width: 720px;
	margin:0px 0px 0px 0px;
}

#bottom	a {
	color:#000;
	background-color:#F65135;
	text-decoration: none;
}

#bottom	a:hover {
	color:#FFFFFF;
	background-color:#F65135;
	font-weight: normal;
	text-decoration: underline;
}
.col3,.col3center {
	color:#FFFFFF;
	float: left;
	width: auto;
	margin:0px 0px 0px 10px;
}
.col3center {
	margin: 0 1%;
}

#footer {
	height:40px;
	color:#666666;
	background-color:#FFFFFF;
	border-top:2px solid #666666;
	font-size:75%;
	line-height:1.5em;
	width: 720px;
	margin:0px 0px 0px 0px;
}

#footer	a {
	color:#CC0000;
	background-color:#FFFFFF;
	text-decoration: none;
}

#footer	a:hover {
	color:#CC0000;
	background-color:#FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
#copyrightdesign {
	color:#666666;
	background-color:#FFFFFF;
	padding:5px 20px 5px 0px;
	margin:0px 0px 0px 10px;	
	width: 580px;
	float:left;
}
#footercontact {
	color:#CC0000;
	background-color:#FFFFFF;
	padding:5px 0px 5px 0px;
	margin:0px 10px 0px 0px;
	float:right;
}
.post_date{
float: left;
display: inline;
margin-right: 20px;
}

.post_date .day{
display: block;
width:80px;
height: 48px;
background: #FF0000;
font-family: Arial;
font-size: 48px;
color: #FFF;
text-align: center;
line-height: 48px;
letter-spacing: -3px;
}

.post_date .month_year{
width:80px;
background: #000f17;
display: block;
font-family: Arial;
font-size: 12px;
color: #FFF;
text-align: center;
padding: 2px 0;
}

.noteheader
{
    width: 314px;
    background: #ECECEC;
    padding: 8px;
    color: #000;
    height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin:0px 0px 0px 0px;
}
.noteheader2
{
    width: 314px;
    padding: 8px;
    color: #000;
    height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin:0px 0px 0px 0px;
}
.noteblock1
{
    background: #FFF;
    width: 314px;
    padding: 8px;
    color: #000;
    margin: 0px 0px 0px 0px;
}
.noteblock2
{
    background: #FFF;
    width: 314px;
    padding: 8px;
    color: #000;
    font-size: 10px;
    line-height:1.5em;
    margin:0px 0px 0px 0px;
}
.opisbialy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.Naglowek18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF5031;
	font-weight: bold;
}
.menu1 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.stopka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.NagowekRed {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0000;
	font-weight: normal;
	letter-spacing: -0.05em;
}
.NaglowekOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FF5031;
	font-weight: normal;
}
.opisy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	line-height: 16px;
}
a.opisy {
	color: #494949;
	font-weight: normal;
	text-decoration: none;
}

a.opisy:hover {
	color: #FF5031;
	font-weight: normal;
	text-decoration: none;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.menu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008FCE;
	text-decoration: underline;
}
.MenuDown{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
a.menu3:hover {  color: #FF0000; text-decoration: underline;
}
.indeks {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.menuleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	font-weight: normal;
}
.Naglowek {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}
.menu_right {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CCCCCC;
}
.MenuGoraLewa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B8B8B;
}
a.MenuGoraLewa:hover {  color: #FF0000; text-decoration: underline;
}
.opisy12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.tekst_czarny11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	line-height: 14px;
}
.menu_dol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EDEEEE;
}
.nazwa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F65135;
	font-weight: bold;
}
a.nazwa:hover {  
	color: #F65135;
	font-weight: bold;
	text-decoration: underline;
}

.menu4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008FCE;
	text-decoration: none;
	font-weight: normal;
}
.leftSeparator{background-color:#FF0000;width:100%;height:11px;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;border-right:1px solid #ffffff;
}
.NagowekRed20 {

	font-family: "Century Gothic", Arial;
	font-size: 20px;
	color: #FF0000;
}
.opisRed {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	line-height: 16px;
}
hr.thin {
height: 1px;
border: 0;
color: #333;
background-color: #333;
width: 80%;
} 
.link_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
.NaglowekBlack16 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.Naglowek16 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}
.NaglowekYellow {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
}
.pytanie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #245FAB;
	font-weight: bold;
}
.Tekst12PxBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.odpowiedz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #858585;
}
.dzial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
.numer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #CCCCCC;
}
.nazwaGrey {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #979797;
}
.tekst_szary11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
}	
.style3 {
	color: #01A5FE; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	}
.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.AM_niebieski {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #1A3464;
	font-weight: normal;
}
.AM_zielony {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #70BC33;
	font-weight: bolder;
}
.uwagi {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #CCCCCC;
	letter-spacing: -1.5px;
	text-align: center;
}
#gallery {font:11px verdana,arial,sans-serif; width:550px; padding:0 0 0 0; line-height:15px;}
#gallery div.off {color:#007CC0; text-decoration: underline; height:24px; margin-right:0px; line-height:24px; padding:0 10px; float:left; background:#fff; border:0px solid #fff; border-bottom-color:#f00; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#f00; padding:0 10px; margin-right:0px; margin-top:1px; float:left; background:#fff; border:0px solid #fff; cursor:pointer; border-bottom:0; height:24px; line-height:24px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:550px; margin-top:0; top:-1px; border:1px solid #ccc;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}

#menu {list-style-type:none; padding:4; margin:0; width:125px; border:1px solid #fff; border-width:0 1px 1px;}
#menu ul {list-style-type:none; padding:0; margin:0; width:125px;}
#menu li {float:left; background:#007CC0; position:relative; border-top:1px solid #fff;}

#menu li.sub {background:#f00;}

#menu li, #menu li a {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-size:10px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:normal; text-indent:6px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:#98a;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#nav, 
#nav ul {float:left; padding:8px 0px 8px 0px; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#8A8989 #8A8989 #8A8989 #8A8989; border-width:1px 1px 1px 1px; background:#fff; position:relative; z-index:200;}

#nav li li {background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:#007CC0; margin:0 39px 0 25px; height:20px; line-height:20px; font: 11px verdana, sans-serif; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:100;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#F00;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#F00;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#007CC0;
}
/* View Type: Grid */
.products-grid { width:648px; margin:0px 0;}
.products-grid tr.odd {}
.products-grid tr.even {}
.products-grid td { width:216px; border-top:1px solid #D9D9D9; border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding:0px 0px 0px 0px; text-align:center; }
.products-grid td.last{padding-left:0px; padding-right:0; border-right:0;}
.products-grid tr.first td{padding-top:0;}
.products-grid tr.last td{padding-bottom:0; border-bottom:0;}
.products-grid td.empty { width:216px; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:0px 0px 0px 0px; text-align:center; }
.products-grid td .product-image{display:block; margin-bottom:15px;}
.products-grid td .product-name{margin-bottom:15px;}
.products-grid td .product-name a{font-size:1.25em; text-transform:uppercase; text-decoration:none; color:#4D4D4D; font-weight:normal;}
.products-grid td .product-name a:hover{text-decoration:underline; color:#D26008;}
.products-grid td .ratings{width:120px; margin:0 auto;}
.products-grid td .ratings .rating-box{float:left; margin-right:0px;}
.products-grid td .ratings .amount{float:left;}
.products-grid td .add-to-links{margin-top:15px;}