/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*
-----------------------------------
*/


body
{
	font-family: Arial;
}

#holder
{
	margin: 0 auto 0px;
	width: 990px;
	overflow: visible;
}

#gora 
{  
	width: 990px;
	margin: 0 auto 0; 
	padding: 0;
	border-width: 0 2px;
	border-style: solid; 
	border-color: #fff;
}

#logo 
{ 
	
	margin: 0;
	padding: 0;
	height: 140px;
	overflow: hidden; 
	background: #de1226 url(images/logo2.jpg);
	
}


#logo h1 
{
	margin: 0;
	padding: 33px 0 0 0;
	text-align: center;
	font-size: 45px;
}

* html #logo h1 
{ 
	margin: 0;
	padding: 0;
}


#logo h1 a
{
	color: #bbbec5;
	padding: 0;
	margin: 0;
	/* font-family: Verdana, Arial, sans-serif; */

}

#meng
{
	 background: white url('images/meng.png') left center repeat; height: 22px; width: 100%; margin-bottom: 5px;
}


#menu 
{ 
	height: 68px;
	background: #fff url('images/men.png');
	list-style: none;
	margin: 1px 0 19px 0; 
	padding: 0; 
	border-bottom: 1px solid #FFFFFF; 
	overflow: hidden;
	clear: both;
}

#menu li 
{ 
	float: left; 
	margin: 0; 
	padding: 0; 

	line-height: 38px; 
	width: 110px;
}

#menu a 
{ 
	text-decoration: none;
	color: #FFFFFF;
	font-family: Times New Roman;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 0 10px;
	font-weight: bold;
}

#menu li a:hover 
{
	background: #7B99B8;
}




#strona
{
	background: #FFFFFF;
	width: 990px;
	margin: auto;
	padding: 0;
	padding-bottom: 20px;
}


#lpanel
{
	margin-left: 7px;
	width: 199px;
	float: left;
	background: #FFFFFF;

}


#spanel
{
	margin-left: 7px;
	width: 595px;
	float: right;
	background: #FFFFFF;
}


#tpanel
{
	float: left;
	margin: 0;
	padding: 0;
	width: 810px;
	

}



#ppanel
{
	width: 169px;
	float: right;
	background: #FFFFFF;
	margin-right: 5px;
}


.content
{
	background: #FFFFFF;
	border: 1px solid gray;
	font-size: 16px;
	padding: 20px 10px 20px 10px;
}



.panel, .panel_pad, .panel_padc
{
	background: #FFFFFF;
	border: 1px solid gray;
	text-align: left;
    /* font-family: Verdana, Arial, sans-serif; */
    font-size: 10px;
	margin-bottom: 20px;
}

.panel_padc
{
	background: #617991 url('images/logo2.png');
	padding: 12px 10px 12px 10px;
}


.panel_pad
{
	padding: 12px 10px 12px 10px;
}



#dol
{
	width: 950px;
	text-align: center;
	margin: auto;
	padding: 8px 0 8px 0;
	color: #fff;  
	font-size: 14px;
	background: #FFF url(images/belka2.png);
	color: #fff; padding: 5px; margin: 0; vertical-align: center;
}

#dol a
{
	color: #fff;
	font-weight: bold;
}


#dol2
{
	width: 950px;
	text-align: center;
	background: white;
	margin: auto;
	padding: 0;
	padding-top: 20px;
	font-size: 12px
}


a, a:link, a:visited 
{
	text-decoration: none;
	color: #000000;
}	


form
{
	margin: 0;
	padding: 0;
}

a:hover
{
	color: #01618E;
	text-decoration: underline;
}


hr 
{
	color: #C3C2C3;
	height: 1px;
}

img
{
	border: 0;
	vertical-align: middle;
}



input, select, textarea
{
	width: 350px; 
	border: #000000 1px solid; 
	font-size: 11px; 
	color: #737574; 
	background-color: #FFFFFF;
	margin: 0; 
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}


input:hover, input:focus
{
	color: #000000; 
	background-color: #EEEEEE; 
}

.baton, .baton:hover, .baton:focus
{
	width: 100px;
	cursor: pointer;
	font-weight: bold;
}




h2
{
	clear: both;
	font-size: 17px;
	color: #aaa;
	margin: 5px;
	padding: 0;
	zoom: 1;
}



h3, #tpanel h2
{
	background: #FFF url(images/belka2.png);
	/* font-family: Arial, Verdana, sans-serif; */
	font-size: 16px;
	font-weight: bold;
	color: #fff; padding: 5px; margin: 0; vertical-align: center;
	text-align: left;
	padding-left: 12px;
}


h5, div.content h2
{
	
	padding: 0 0 25px 0;
	margin: 0;
	text-align: left;
	font-size: 15px;
	color: #000;
	zoom: 1;
	display: block;
	font-size: 20px;
}


#kom_blad
{
	margin: 3px 6px 3px 7px; font-weight: bold; padding: 6px; color: #444444; font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; border: 1px solid red; background-color: pink;
}

#kom_ok
{
	margin: 25px 6px 3px 7px; font-weight: bold; padding: 6px; color: #444444; font-family: Arial, Verdana, sans-serif; font-size: 12px; 
	border: 1px solid green; background-color: #D8EDE7; 
}



table.lista_prod
{
	border: 0; width: 100%;
}

table.lista_prod img.okladka_prod
{
	width: 130px; 
	float: left; 
	padding-right: 5px;
}

table.lista_prod img.okladka_prod_opis, table.lista_prod img.brak_okladka_prod_opis
{
	width: 240px; 
	float: left; 
	padding-right: 5px;
}

table.lista_prod img.brak_okladka_prod_opis
{
	width: auto; 
}


table.lista_prod td.cena_prod
{
	font-size: 14px;
	color: red; 
	font-weight: bold;
	line-height: 140%;
}

table.lista_prod td.cena_prod span.oszczedzasz
{
	color: green;
	padding: 10px 0 0 0;
	font-size: 12px;
}

table.lista_prod td.cena_prod strike
{
	color: #000000;
	padding: 10px 0 0 0;
	font-weight: normal;
}

table.lista_prod  h5 strong a 
{
	width: 100%; 
	vertical-align: top;
}



div.content form
{
	float: right;
}

form#validateform
{
	float: none;
}

form input.dodaj_do_koszyka
{
	border: 1px solid #000; 
	padding: 1px; 
	margin: 2px 0 15px 0;
	width: 105px;
}

table.lista_prod form a img.zobacz_opis_prod
{
	border: 1px solid gray;  
	padding: 1px; 
	margin: 2px;
}


#opis
{
	font-size: 14px;
	line-height: 130%;
}


table.param_prod
{
	background: #EFEFEF;
	width: 350px; 
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: right;
}

table.param_prod td.param_nazwa
{
	text-align: left;
	padding-right: 3px;
	font-family: Verdana, Arial, sans-serif;
}



ul.kat_menu
{
	list-style: none;
	padding: 0 ;
	margin: 1px 0 0 0;
	width: 195px;
}

ul.kat_menu li
{
	text-align: left; 
	border-bottom: 1px solid #FFFFFF; 
	padding: 0 ; margin: 0 ;
}

ul.kat_menu a
{
	color: #000;
	text-decoration: none;
	color: #000;
	background: #eeeeee url(images/logo1.png); 
	display: block;
	font-size: 12px;
	padding: 8px 4px 8px 24px;
	font-weight: bold;
	margin:0;
	cursor: pointer;
}



ul.kat_menu li ul.kat_menu2, ul.kat_menu li ul.kat_menu3, ul.skala_menu
{
	list-style: none;
	padding: 0 ;
	margin: 2px 0 0px 0;
	width: 195px;
	display: block;
}

ul.kat_menu li ul.kat_menu2 li, ul.kat_menu li ul.kat_menu3 li, ul.skala_menu li
{
	text-align: left; 
	border-bottom: 1px solid #FFFFFF; 
	padding: 0 ; margin: 0 ;
}

ul.kat_menu li ul.kat_menu2 a, ul.kat_menu li ul.kat_menu3 a, ul.skala_menu a
{
	color: #000;
	text-decoration: none;
	color: #000;
	background: #eeeeee url(images/li2222.png); 
	display: block;
	font-size: 12px;
	padding: 8px 4px 8px 22px;
	font-weight: bold;
	margin:0;
}



ul.kat_menu li ul.kat_menu2 a:hover , ul.kat_menu li ul.kat_menu3 a:hover, ul.skala_menu a:hover
{ 
	color: #DE0031;
}

ul.kat_menu li ul.kat_menu3 a
{

	padding: 8px 4px 8px 50px;
	background: #eeeeee url(images/li22.png); 

}


ul.skala_menu
{
	width: 165px;
	display: block;
}

ul.skala_menu a
{
	padding: 8px 4px 8px 24px;
	background: #eeeeee url(images/li2.png);
}



div.porcja
{
	font-size:smaller;
	padding:2px;
	text-align:center;
}

div.porcja_wszystkie_strony
{
	padding-bottom:4px;
	font-size:smaller;
	text-align:left;
}

.porcja a, span.porcja_nieaktywne
{
	padding : 0px 5px 2px 5px;
	margin-left:0px;
	border: #4B6CAA 1px solid; 
	color: #737574;
	line-height: 200%;
}

.porcja a:link, .porcja a:visited,.porcja a:active
{
	text-decoration: none;
	color: #000000;
	line-height: 200%;
}

.porcja a:hover
{
	background-color: #4B6CAA;
	text-decoration: none;
	color: #FFFFFF;
}

span.porcja_nieaktywne
{
	border: 1px solid gray;
	color: #000000;
	background-color: #FFFDDF;
	font-style:italic;
}


marquee
{
	color: gray;
	font-weight: bold;
	font-family: Arial;
	
}


.dl100, .dl100:hover, .dl100:focus
{
	width: 100px;
}

.gwiazdka
{
	color: red;
}

a.do_kasy
{
	background-color: gray; margin: 0; 
	padding: 5px; color: white;
	text-align: center;
}

table  td.status
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #b40a16;
	background: #FFFFFF;
	text-align: left;
}

.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 450px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}