/*****************************************************************/
/************************** reset.css ****************************/
/*****************************************************************/

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,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
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;
	background: transparent;
	border:none;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	-moz-outline-style: none;
}

/* 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;
}

/*****************************************************************/
/************************** style.css ****************************/
/*****************************************************************/

html {width: 100%; height: 100%; min-width: 988px;}

body {min-width: 988px; height: 100%; font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #606060; background: #565656 url('images/top_bg_repeatable.gif') top left repeat-x; line-height: 15px;}

.clear_normal {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

img {border: none;}
div, img, li, h1 { behavior: url('iepngfix.htc'); }

/************ pojemniki *************/
#container {width: 988px; height: 100%; margin:0 auto; background: url('images/top_bg.gif') top left no-repeat;}
#menu {width: 844px; height: 142px; position: relative; margin:0 auto;}
/*#menu_zaloguj{position: absolute; height: 20px; top: 39px; right: 20px; width: 200px; text-align: right; color: #CCDFB9;}*/
#menu_zaloguj{position: absolute; height: 20px; top: 30px; right: 0; width: 400px; text-align: right; color: #CCDFB9; margin-right: 20px}
#menu_zaloguj img { padding: 0 17px 0 0; vertical-align: middle }
#menu_buttons{position: absolute; height: 40px; top: 59px; width: 838px; text-align: right; padding: 0 6px 0 0;}
#logo {width: 266px; height: 50px; position: absolute; top: 28px; z-index: 200;}
#top_img {width: 844px; height: 186px; background: #262626; position: absolute; top: 99px;}
#content {width: 889px; height: auto; margin: 0 auto; background: url('images/content_bg.gif') repeat-y;}
#main_outside {width: 845px; margin-left: 22px;padding-top: 155px;}
#main {width: 844px; background: #F0F0F0 url('images/main_bg.gif') top left no-repeat; border-right:1px solid #2A2A2A;}
#main_left {width: 193px; padding: 23px; float: left; }
#main_right {width: 559px; min-height: 370px; padding: 23px; float: right; margin: 0; position: relative;}
#koszyk {background: url("images/bg-basket.png") no-repeat scroll 0 0 transparent;    height: 71px;    margin-right: -469px;    padding: 0 0 0 10px;    position: fixed;    right: 50%;    top: 326px;    width: 37px;}
#kontynuuj {position: absolute; top: 67px; right: 27px; width: 559px; height: 32px; text-align: right;}
.product {z-index: 200;}
.product_list {width: 559px;/*
width: 275px;
*/ margin:0 0px 20px 0px; 
float: left;
}

* html div.box{ width: 500px;}
.product_img {/*
width: 316px;
*//*
width: 79px;
*/ margin:0 10px 0 0; padding: 3px; float: left; background: #CBCBCB; text-align: center;}
/*.product_img form {margin: 3px auto 0 auto;}*/
/* .product_img form .add {margin-top: 3px;} */

.product_one_basket {display: block; margin-top: 10px; margin-right: 7px;}

#footer {width: 889px; height: 121px; background: #287200 url('images/footer.gif') top left no-repeat; position: relative;}
#logo_ivn {position: absolute; width: 86px; height: 29px; top: 48px; right: 50px;}
.columns {width:100%;overflow:hidden;}
.register .col-left {float:left; padding-left: 20px;}
.register .col-left-no-padding {float:left; padding-left: 10px;}
.register .col-right {float:right; padding-left: 20px; width: 230px;}
.fieldset {margin: 0;}
.token {margin-top: 10px;}

/*********** przyciski ************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.button {
    background: transparent url('images/button_right.gif') no-repeat scroll top right;
    display: block;
    float: right;
    height: 40px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.button span {
    background: transparent url('images/button_left.gif') no-repeat;
    display: block;
    color: #DEF4C7;
    font: normal 15px Tahoma, Verdana, arial;
    line-height: 16px;
    padding: 12px 0 12px 18px;
} 

.button_l {
    background: transparent url('images/button_right_l.gif') no-repeat scroll top right;
    display: block;
    float: right;
    height: 40px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.button_l span {
    background: transparent url('images/button_left_l.gif') no-repeat;
    display: block;
    color: #892515;
    font: normal 15px Tahoma, Verdana, arial;
    line-height: 16px;
	text-decoration: underline;
    padding: 12px 0 12px 18px;
} 

.simple_button {
    background: transparent url('images/simple_button_right.gif') no-repeat scroll top right;
    display: block;
    float: left;
    height: 23px;
    margin-right: 1px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

.simple_button input, .simple_button span {
    background: transparent url('images/simple_button_left.gif') no-repeat;
    display: block;
    color: #ffffff;
    font: normal 11px Tahoma, Verdana, arial;
    line-height: 11px;
	border: none;
    padding: 4px 0 8px 16px;
	cursor: pointer;
} 

.simple_button input:hover, .simple_button:hover, .button span:hover {text-decoration: underline;}

.button_margin_top {margin-top: 9px;}
.button_margin_top_2 {margin-top: 17px;}
.button_margin_left {margin-left: 38px;}

#kontynuuj .simple_button {float: right;}

/*********** listy ************/
/*
.left_menu li {list-style: none; padding-left: 33px; display: block; height: 35px; line-height: 24px; font-size: 12px;}
.left_menu a {color: #404040; text-decoration: none;  border-bottom: 1px solid #ADADAD; width: 156px; height: 24px; display: block; padding-left: 3px;}
.left_menu .type1 {background: url('images/left_menu_produkty.png') left top no-repeat;}
.left_menu .type2 {background: url('images/left_menu_ptaki.png') left top no-repeat;}
.left_menu .type3 {background: url('images/left_menu_porady.png') left top no-repeat;}
.left_menu .type4 {background: url('images/left_menu_wycena.png') left top no-repeat;}
.left_menu .type5 {background: url('images/left_menu_pobierz.png') left top no-repeat;}*/

/*********** tekst - formatowanie **********/

input, textarea, button, select, option {font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #606060;}

#inputComment {margin-bottom: 13px;}

a {color: #1A1A1A; text-decoration: underline;}
a:hover, #koszyk .basket:hover {color: #277800;}

h1 {color: #2E2E2E; font-size: 22px; height: 30px; font-weight: normal; background: url('images/h1_bg.png') left top no-repeat; padding-left: 20px; width: auto; margin: 17px 0 5px 0; }
h1 a {text-decoration: none; color: #2E2E2E;}

.bold {font-weight: bold;}

#main_left h1 {width: 173px;}
#main_right h1 {width: 530px;}
#koszyk a.basket {background: url('images/koszyk.gif') top left no-repeat; padding-left: 39px; color: #5A5A5A; display: block; height: 32px; line-height: 32px; float: right; width: 60px;}
#koszyk span {float:right; font-size:10px; padding-left:5px; padding-top:9px;}	
#menu_zaloguj a {color: #CCDFB9;}
#menu_zaloguj a:hover {color: #B5FB6E;}

h2, h2 a {color: #3F8106; font-weight: normal; font-size: 18px; margin:10px 0 11px 0; text-decoration: none; line-height: 21px;}
h3{color: #3F8106; font-weight: bold; font-size: 11px; margin:10px 0 11px 0; text-decoration: none; line-height: 13px;}

#main_right .gallery {margin: 0;}
#main_right .gallery img {border: 3px solid #CBCBCB; margin:0 10px 10px 0;}
#main_right .gallery li {list-style: none; float: left;}
#main_right .links {margin: 0;}
#main_right .links li {list-style: none;}

#main_right .price {margin: 5px 0;}
#main_right .price span {color: #277800; font-weight: bold;}

#main_right .top_5 {margin-top: 5px;}
#main_right .top_15 {margin-top: 15px;}
#main_right .top_35 {margin-top: 35px;}

.prod_name {color: #3F8106;}
.top {margin: 0 0 13px 0;}
.product_cena {margin-top: 10px; color: #1A1A1A; font-size: 12px;}
.product_cena span {color:#666666; font-size: 11px;}
.product_img a {display: block; }

#main_right p {margin-bottom: 10px;}
#main_right .text p {margin-top: 10px;}
#main_right .text table td {padding: 3px 5px;}

#main_right ul, #main_right ol {margin: 10px 20px 10px 40px;}

#footer table {left: 225px; top: 36px; color: #A3C483; position: absolute;}
#footer table td {padding-right: 50px; vertical-align: middle;}
#footer table span {display: block; color: #F6F6F6; padding-bottom: 5px;}
#footer table td a {color: #F6F6F6; text-decoration: none;}
#footer table td a span {display: inline; margin: 0; color: #A3C483;}
#footer table td a:hover, #footer table td a span:hover {color: #BDE398;}

#top_img p {text-align: center; margin: 80px 0 0 0; color: #cccccc;}

.table { border-collapse: collapse; width: 100%;}
.table td {vertical-align: middle; border-collapse: collapse; padding: 5px;}
.table th, .panel th {border: 1px solid #F0F0F0; background: #DADADA; border-collapse: collapse; padding: 5px 10px;}

.table_margin_bottom {margin-bottom: 20px;}

th.td-link a {text-decoration: none;}
th.td-link {padding: 5px 10px; border-collapse: collapse;}

.panel {margin: 15px auto; width: 100%;}
.panel td {padding: 5px 2px; vertical-align: top;}

.rabat_txt {float: left; margin: 2px 2px 0 0;}
.no_float {clear: both;}

.page-cart .total {width:400px; margin:0 0 3px 0; line-height:19px;}
.page-cart .total.total2 {line-height: 10px; padding-bottom: 15px;}
.page-cart .total dt {float:left; width:150px; padding:2px 0 0 0;}
.page-cart .total dd {margin-left:90px; font-weight:bold; padding:2px 0 4px 0;}
.shipping_form, .shipping {margin-bottom: 15px;}

.notify {padding: 25px 0; text-align: center; }
.label_block {margin:5px 0 3px 0; display: block;}
.error {color: #FF0000; margin-bottom: 14px;}

.image, .no_image  {float: left;}
.image img , .no_image {border: 3px solid #CBCBCB; margin: 0 10px 10px 0;}

table.center td{text-align: center;}

/*********** img - formatowanie **********/

.little_image, .captcha {border: 3px solid #CBCBCB;}

p.footer-links{position: absolute; bottom:5px; right: 30px;font-size: 10px;}
p.footer-links a{color: #aaa; text-decoration: none;}
p.footer-links a:hover{ color: #ccc; text-decoration: underline;}





.left_menu li {list-style: none; padding-left: 33px; display: block; min-height: 35px; line-height: 24px; font-size: 12px;}
.left_menu a {color: #404040; text-decoration: none;  border-bottom: 1px solid #ADADAD; width: 156px; /*
height: 24px;
*/ display: block; padding-left: 3px;}
.left_menu #type1 {background: url('images/left_menu_produkty.png') left top no-repeat;}
.left_menu #type2 {background: url('images/left_menu_ptaki.png') left top no-repeat;}
.left_menu #type3 {background: url('images/left_menu_porady.png') left top no-repeat;}
.left_menu #type4 {background: url('images/left_menu_wycena.png') left top no-repeat;}
.left_menu #type5 {background: url('images/left_menu_pobierz.png') left top no-repeat;}


* html .left_menu #type1, * html .left_menu #type2, * html .left_menu #type3, * html .left_menu #type4, * html .left_menu #type5 {
height: 35px;
}

ul.tree ul.sub {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.tree {
	display: block;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.tree ul {
	display: block;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

ul.tree li {
	display: block;
	list-style-type: none;
	background-image: url("document.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

ul.tree li.closed {
	background-image: url("closed.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

ul.tree li.opened {
	background-image: url("opened.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

ul.tree li a {
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

ul.tree li a.folder {
	cursor: pointer;
}

ul.tree li a.active {
	font-weight: bold;
}

ul.tree li a:hover {
	text-decoration: underline;
}

ul.tree li.submenu{
	padding-left: 10px;
	height: auto;
}

li.submenu a{
	width: auto;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 4px 10px 0; border: 3px solid #cbcbcb}
.galleria li.active {border: 3px solid #287200}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block; border: 3px solid #287200}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

div.product-gallery{
	margin-top: 20px;
	width: 559px;
	overflow: hidden;
}

#main_right ul.gallery-main{
	margin: 0px;
	padding: 0px;
	width: 559px;
}
div.galleria_container{
	margin-bottom: 20px;
	overflow: hidden;
}

div.galleria_wrapper img{
	
border: 3px solid #CBCBCB;

}

ul.gallery-main img{
/*
	border: 5px solid #ccc;
	width: 90px;
	height: 90px;
*/

}

ul.gallery-main li.active img{
/*

	border-bottom: 5px solid #287200;
*/

}

li.link-red a {
    color: #892515;
}