/*CSS Colours

*/

/*  Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
* {padding:0;margin:0}

body {
background: #363636;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;}

#wrapper { 
margin: 0 auto;
width: 950px;}

#faux {
background: url(images/line.gif) repeat-y 240px 0;
overflow: auto;
width: 100%}

#header {
color: #fff;
width: 950px;
padding: 0px;
height: 350px;
margin: 0px 0px 10px 0px;}

#leftcolumn { 
display: inline;
color: #fff;
margin: 10px;
padding: 0px;
width: 195px;
float: left;}

#rightcolumn { 
background: url(images/bullet.gif) no-repeat 0px 0px;
float: right;
color: #fff;
margin: 0px;
padding:0 0 10px 20px;
width: 693px;
display: inline;
position: relative;}

#footer {
background: url(images/bg_footer.gif) no-repeat 0px 0px;
width: 950px;
clear: both;
color: #fff;
margin: 0px 0px 10px 0px;
padding: 0px;}

.clear {clear:both;background:none}


h1 {
text-align:left;
color: #fff;
margin: 30px 0 30px 0;
font-size: 18px;
line-height: 34px;
font-weight: bold;}


h2 {
text-align:left;
color: #fff;
margin: 20px 0 20px 0;
font-size: 17px;
line-height: 19px;
font-weight: bold;}


p{
font-size:13px;
line-height: 19px;
text-align:justify;
color: #fff;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;}

.logo {
width:260px;
float:left}



#nav{
float:right;
width:680px;
margin:0px 0 0 0px;}

#nav li{
float:left;
display:block;
height:60px;
display:inline;
padding-left:17px;
background:url(images/bg_nav.gif) no-repeat left bottom;
margin:0 5px 0 10px;}

#nav li a{
float:left;
display:block;
height:30px;
font-size:12px;
color:#fff;
text-decoration:none;
text-align:center;
padding:40px 0 0 0;
background:url(images/kwadraty.gif) no-repeat center 25px;}

#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a{text-decoration:underline;}

.main_img{
margin: 25px 0;
border:5px solid #fff}

#nav li.page-item-4{background:none}


#rightcolumn ul {
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;}

#rightcolumn ul li{
background: url(images/dot.gif) no-repeat 1px 4px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#rightcolumn a{
text-decoration: underline;
color: #CDCC00;}

#rightcolumn a:hover{
color: #CDCC00;
text-decoration:none;}


#footer ul{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 7px 0px 20px 0px;}

#footer li {
background:url(images/kwadraty.gif) no-repeat left center;
color: #fff;
font-size: 10px;
display: inline;
list-style-type: none;
padding: 0px 3px 0px 20px;
margin: 0px 0px 0px 0px;}

#footer a {
padding: 0px 3px 1px 0px;
color: #fff;
font-size: 10px;
text-decoration:none;}

#footer a:hover {text-decoration:underline;}



.product {
width:220px;
height:220px;
text-align:center;
float:left;
margin-bottom:0px;
padding:0 0px 0px 0;}

.thumbnail img {
padding:1px;
border:2px solid #fff;}

.product h2 {
text-align:center;
color: #fff;
margin: 10px 0 0px 0;
font-size: 14px;
line-height: 19px;
font-weight: normal;}




#leftcolumn ul {
width:200px;
margin: 8px 0px 30px -6px;
padding: 1px 0px 0px 0px;}

#leftcolumn li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#leftcolumn a{
background: url(images/subpages.gif) no-repeat left bottom;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
text-decoration:none;
display:block;
width:200px;
height:30px;
font-size: 13px;
line-height: 16px;
color: #fff;}

#leftcolumn a:hover{
color: #CDCC00;
text-decoration:none;}

#leftcolumn .current_page_item  a,#leftcolumn .current-cat  a,#leftcolumn  a.active_category{
color: #CDCC00;
text-decoration:none;}

.pic  {text-align:center!important;}

.ngg-imagebrowser img {
display:inline !important;
width:auto!important}

