@charset "utf-8";
/* ------------------------ reset ------------------------ */
html{ height:100%;}
* { margin:0; padding:0;}
html{overflow-y:scroll; background:#302c2b;}
p { margin:0; padding-bottom:15px; }
br{ margin:0; padding:0;}
img { border:none; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;background:transparent;}
.clear2 {clear:both}

/* ------------------- body ---------------------------------- */
body{
	font-family: Arial; font-size:100%; line-height:1.2em; color:#fff;
	background:#faf9e4;
	height:100%;
	}
#wrapper{
	width:100%; height:100%;
	min-height:100%; 
	background: url(../pic/grass3.png) repeat-x 0 -90px;
	}
/* -------------------- main ------------------------------------  */
#container{
	width:900px; 
 	margin:0 auto;  
	position:relative;
	height:auto;
	}
/* -------------------- header ------------------------------------  */
#header{
	height:163px; width:100%;
	background:url(../pic/clouds.png) no-repeat;
	}	
#headerLeft{
	height:100%; width:200px;
	float:left;
	}
#headerRight{
	height:100%; width:700px;
	float:left;
	}
#headerLeftTop{
	height:77px;
	}
#headerLeftBottom{
	height:86px;
	background:url(../pic/logo-background.png) no-repeat;
	}
#headerLeftBottom div{
	width:158px; height:51px;
	position:relative;
	top:15px; left:20px;
	background:url(../pic/logo.png) no-repeat 5px 5px;
	}
#headerRightTop{
	height:120px;
	background:url(../pic/biedronka.png) no-repeat 0 24px;
	}
#headerRightBottom{
	position:relative;
	z-index:10;
	height:43px;
	background:url(../pic/main-manu-background.png) repeat-x; box-shadow: 0px 0px 3px #666;
	}
#flashContent { width:100%; height:100%; }

/* -------------------- main manu------------------------------------  */
ul.mainmanu{ 
	margin:0; padding:0;
	
	}
ul.mainmanu li{ 
	width:auto;
	height:19px;
	float:left;
	display:inline-block;
	list-style:none;    
	padding:9px 12px 9px 12px; 
	font-size:12px; 
	border-right:1px solid #82ce0d;
	border-left:1px solid #40a831;
	}
ul.mainmanu li:hover{ 
	cursor:pointer; 
	color:#FFF;
	background:#2d901f; 
	position:relative;
	}
ul.mainmanu li:hover > ul{
	visibility:visible;
	}
ul.mainmanu a{
	text-decoration:none;
	color:#FFF;
	}
ul.mainmanu li ul{ 
	background:#2c9524; 
	visibility: hidden; 
	position: absolute; 
	top: 37px; 
	left:0px; 
	z-index: 598; 
	width: 250px; 
	height:auto; 
	padding:4px; 
	}

ul.mainmanu li ul li{border:none; width:200px; height:auto; padding:4px; display:inline-block; border-bottom:1px dashed #CC0; }
ul.mainmanu li ul li a:hover{ text-decoration:underline;}

/* ----------------------- Content body -----------------------------------*/
#contentBody{ 
	width:100%; height:auto; 
	}
#left{
	width:200px; height:auto;
	float:left;
	}
#right{
	width:200px; 
	float:left;
	
	display:inline-block;
	
	
	}
#center{
	width:700px; 
	
	float:left;
	display:inline-block;
	background:#fff;
	/*border:1px solid #e3e3e3; border-top:none;*/
	margin-bottom:20px;
	box-shadow: 0px 0px 8px #dad9c7;
	-moz-box-shadow: 0px 0px 8px #dad9c7;
	-webkit-box-shadow: 0px 0px 8px #dad9c7;
	position:relative;
	z-index:0;

	
	
          
    

	
	behavior: url(ie-css3.htc);
			
	}
/* ------------ content elements -----------------------------------------*/
#contShadow{
	height:14px; 
	background:url(../pic/cont-shadow.png) repeat-x;
	}
.conHead{
	height:20px; 
	font-size:13px; font-weight:bold;  color:#930047; 
	border-bottom:1px dotted #CCC;
	padding-bottom:8px; margin:10px 0 20px 0;
	}
.preHead{
	font-size:10px; 
	color:#CCC;}
#content{
	font-size:12px; color:#666; line-height:1.4em; text-align:justify;
	padding:5px 20px 30px 20px;
	}
#content a{
	text-decoration:none; color:#a88f43;
	}
#content a:hover{
	text-decoration:none; color:#666;
	}
#content ul{ 
	margin-left:20px;
	}
#content ul li{
	margin:4px 0 4px 0;
	}
#content ul li a{ 
	color:#999;
	}
#content ul li a:hover{
	color:#666 ;
	}
#content h1{
	margin-bottom:15px;
	}
#content h2{
	font-weight:normal;
	font-size:17px;
	color:#8e0d43;
	}
#content img{ margin-right:10px; border:1px solid #CCC; padding:4px;}

/* --------------------- Left Sidebar ------------------------------------------*/
#leftLogoEnd{
	height:14px;
	background:#850041 url(../pic/logo-background-end.png) no-repeat;
	}

ul.leftmanu{height:auto; background:#fcf4b2; padding:6px 0 15px 0; margin:0; border:1px solid #eee69f; border-bottom:none; border-top:none;}
ul.leftmanu li{margin:0; padding:2px 0 3px 0; list-style:none; border-bottom:1px dashed #e6cc7d; cursor:pointer; text-align:left; font-size:11px; color:#6d5b24; font-family:Tahoma;} 
ul.leftmanu li a{color:#6d5b24; text-decoration:none; }
ul.leftmanu > li:hover, ul.leftmanu li.glowitem{ background-color:#fef9d3;}
ul.leftmanu > li{ padding:4px 0 4px 30px;  background-image:url(../pic/arrow5.png); background-repeat:no-repeat; background-position:10px 9px; font-size:12px;}
ul.leftmanu li ul{margin:0; display:none; padding:8px 0 8px 0;  }
ul.leftmanu li ul li{padding-left:20px; background: url(../pic/dot.png) no-repeat 0px 10px;}
ul.leftmanu li > ul > li:hover{ text-decoration:underline; background-color:#fefbdf;}
ul.leftmanu li ul li:last-child{border:none;}


ul{padding:0;}
ul.leftmanu li ul li ul li{background:none; text-decoration:none !important; padding-left:0; margin:0;}
ul.leftmanu li ul li ul li:hover{text-decoration:none !important; color:#930 !important;}



/*



ul.leftmanu li ul li:hover{ background:#ffefbf url(../pic/arrow5.png) no-repeat 0px 7px;}
ul.leftmanu li ul li ul li{ background:none; padding:2px 0 2px 0; border:none;}
ul.leftmanu li ul li ul li a{ color:red;}
ul.leftmanu li ul li ul li:hover{ background:none; color:#999;}*/
.polecamy{
	height:32px; 
	margin:0; padding-top:6px; 
	background:url(../pic/green-bar.png) no-repeat; 
	text-align:center; 
	
	}
.polecamy > b{
	font-family:Tahoma; font-size:12px; font-weight:bold;
	}
ul.logaFirm{ 
	margin:15px 0 0 20px; 
	list-style:none;
	}
ul.logaFirm li{ 
	margin:10px 0 10px 0;
	}


/* -------------------- Right sidebar --------------------------------------------- */
#mapa{
	border:1px solid #e3e3e3; border-top:none; 
	padding:10px; background:#FFF; 
	position:relative; z-index:200;
	}
/* -------------------- slideshow------------------------------------  */
#slideshow{
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
	padding:10px;
	background:#FFF;
	border:1px solid #e3e3e3;
	
	border-top:none;
	height:136px;
	}
#slideshow div{
	border:0px solid #CCC;
	position: absolute;
	z-index:8;
	}
#slideshow div.active {
    z-index:10;
	}
#slideshow div.last-active {
    z-index:9;
	}
.imgloader{
	border:0px solid #CCC; 
	padding:0px; 
	width:auto; 
	height:auto; 
	background: url(../images/loading.gif) 50% 50% no-repeat; 
	margin:0; 
	}
.imgloaderTitle{ height:27px; background:url(../pic/white-opacity.png); position:absolute; padding-top:5px; margin-top:-42px; margin-left:11px; z-index:999; width:180px; text-align:center;
font-family:Tahoma; font-size:12px; color:#000; font-weight:bold; line-height:11px;}

/* ------------------ Footer --------------------------------------------*/
#footer{
	width:100%;
	font:11px/normal Verdana, Geneva, sans-serif; color:#a8a78d;text-align:center;
	border-top:1px solid  #fff;

	margin-bottom:10px;
	}
#footerInside{ 
	width:850px; 
	margin:0 auto; margin-top:10px;
	}
#footerTop{ 
	height:17px; 
	padding-top:3px; padding-right:10px; 
	text-align:right;
	background:#d5d3a8;
	color:#afad7e;
	}
#footerId{ 
	height:30px; 
	background:#333;
	}
#footerId a{ 
	text-decoration:none; color:#CCC;
	}
#footerId a:hover{
	text-decoration:underline;
	}
ul.footermanu{
	list-style:none; 
	padding:8px;
	}
ul.footermanu li{
	float:left; 
	padding:0 8px 0 8px; 
	border-right:1px solid #666;
	}
ul.footermanu li a {
	color:#CCC; text-decoration:none;
	}
ul.footermanu li a:hover{
	color:#999;
	}

/* ---------- form ----------- */

input,textarea{padding:4px; border:1px dashed #CCC;}


#formContainer{ 
	width:320px;
	}
#customForm textarea{
	width:200px; 
	height:100px; 
	max-width:200px; 
	min-height:100px; 
	min-width:200px;
	max-height:100px;
	padding:4px; 
	
	}
#customForm input{
	float:left; 
	width:200px; 
	padding:4px;
	}
.submit{ 
	width:100px; 
	cursor:pointer;
	}
#customForm input, #customForm textarea{
	font:11px/normal Arial; 
	color:#333; 
	border:1px solid #CCC;
	}
.formItemBlad{
	color:red; 
	padding-left:105px;
	}
#cap{
	width:50px;
	}
#imgcap{
	float:left;
	}
.formItemName{
	font-family: Arial; 
	font-size:12px; 
	color:#666; 
	line-height:1.4em; 
	text-align:right; 
	float:right; 
	}
.komunikatarea{ min-height:300px; margin:0; font-size:12px; color:#666; line-height:1.4em; text-align:justify; font-family:Arial;}
.komunikatarea a{text-decoration:none; color:#a88f43;}

select option{ padding:4px 8px 2px 8px; text-align:center; font-size:11px; color:#666;}
	
.komrama{width:440px; height:auto; margin:0 auto;}
.komunikat{padding:20px; height:auto; padding-top:10px; background:#fff; }
.komcien{ height:20px; background:url(../pic/newsy-cien.png) no-repeat;}
.komunikat a{}

.komtresc p{ display:none;}
.komtresc p:first-child{ display:block;}
.komtresc img{ float:left;}
.komhead{ height:auto; border-bottom:1px dashed #CCC; font-size:11px; color:#CCC; padding-bottom:6px; text-align:left; margin-bottom:10px;}
.komhead span.okres{color:#666; font-size:13px; font-weight:bold;}
.komhead span.komunikatheader{ font-size:13px; color:#a88f43;}
.more{ margin-top:6px; text-align:right;}
.more a{ }
.more a:hover{ text-decoration:underline;}

.deletenews{ width:25px; height:25px; background:url(../pic/delete.png) no-repeat; cursor:pointer; float:right; display:inline-block; }

/* ------------------------- galerry ----------------------------------- */
/*.gal-container{ margin:0;}

#galerryContainer{
	width:260px; 
	margin:0; 
	padding:0px; 
	position:relative;
	background:#fff;
	height:457px; 
	box-shadow: 0px 0px 16px #111111;
	margin-bottom:20px; 

	}
#picList{ 
	float:left;  
	margin:0; 
	padding:15px; 
	position:relative; 
	z-index:1;
	color:#333;
	
	width: 250px;
	overflow:hidden;
	height:427px;
	}

ul.thubialGalerry{ 
	width:210px; 
	margin:0; 
	padding:0; 
	height:auto; 
	overflow-y: hidden;
	
	}
ul.thubialGalerry li{ 
	width:auto; 
	float:left; 
	list-style:none; 
	margin:0; 
	padding-left:6px; 
	padding-top:4px; 
	cursor:pointer;
	
	} 			
ul.thubialGalerry li img{ border:1px solid #CCC; padding:2px;}
.largePic{float:left; }
.largePic img{ cursor:pointer;}

#manu{  width:676px; margin-left:60px; margin-bottom:10px; float:right; height:20px; }
ul.galManu{  }
ul.galManu li{ float:right; list-style:none; padding:0;  font-size:15px; font-family: 'Open Sans Condensed', sans-serif; margin-left:15px;  }
ul.galManu li a{ text-decoration:none; color:#999;}
ul.galManu li a:hover{ color:#999;}

.image-holder{ width:640px; height:427px; background:#fff url(../images/loading.gif) 50% 50% no-repeat;}
*/




/*.poptlo{ position:absolute; top:0; z-index:900; background: url(../../images/poptlo.png) repeat; width:100%;height:100%;}
.poptlo img{}
.popramka{ background:#fff url(../../images/loading.gif) no-repeat 50% 50%; position: relative; margin:0 auto; margin-top:50px; box-shadow: 0px 0px 26px #111111; padding:10px; }
.poplayer{  position:absolute; z-index:980; margin:0; top:10px;  }
.poparrow{ height:30px; }
.popx{ width:30px; height:30px; background:url(../../images/fancy_close.png) no-repeat; float:right; cursor:pointer;}
.aleft{ float:left; cursor:pointer;}
.aright{ float:right; cursor:pointer;}
.popinfo{ height:20px; background:#000; opacity:0.6; padding:5px 15px; font:9pt/normal Arial;}
#sort img{ float:left; margin:8px; cursor:pointer;}
*/

/*  adm */
#logctn{ width:260px; margin:0 auto;}
#loginWindow{ width:220px; height:auto; margin-top:100px; background:#966; padding:20px; background:#FFF;
box-shadow: 0px 0px 8px #dad9c7;
	-moz-box-shadow: 0px 0px 8px #dad9c7;
	-webkit-box-shadow: 0px 0px 8px #dad9c7;
}
#hrForm{ font-size:16px;  color:#333; margin:0;}
#formBody{}
.logformtext{ font-size:11px; color:#333;}
#submit{ width:60px; margin-top:20px;}

.divtxtarea{ display:none;}
#sort{}
#sort .pyleitem{ float:left; margin:2px; cursor:pointer;}
#sort .pyleitem img{border:4px solid #CCC;}
.pylename{ text-align:center; font-size:11px;}


.arty{ margin-bottom:8px;  }
.artyhead{  height:auto; font-size:14px; color:#993; padding:0 0 8px 0; border-bottom:1px solid #f2f2f2;}
.artybody{ padding:8px 0 8px 0; }

#kalendarz-mapa{
	width:344px;
	height:320px;
	float:left;
 
	background:url(../pic/mapa-pylen-hover.png) no-repeat 0 0; margin:30px 0 0 0;
	

	}
#kalendarz-mapa img{ padding:0; border:0;}
table.calendar-table{ margin:0; padding:0; background:#FFF;  border-collapse: collapse; border-spacing: 0; margin:0px 0 10px 0;}
table.calendar-table, table.calendar-table tr, table.calendar-table td{border:1px solid #f2f2f2; }
table.calendar-table td{ text-align:center; padding:4px 0; }
table.calendar-table td.alergen{ width:100px;  font-size:11px; }
table.calendar-table td.alergen:hover{ background:#f2f2f2; cursor:pointer;}
table.calendar-table td.zk{ width:60px;}
table.calendar-table td.mouth{ width:45px;}
table.calendar-table td.pole{ width:15px;}
table.calendar-table tr.thead, tr.treg td{font-weight:bold; color:#6d5b24; }
table.calendar-table tr.thead td{ background:url(../pic/reghead.png) repeat-x; border: 1px solid #d99b52 !important;}

.trmargin{ background:#fff; }
.trmargin td{ height:2px; padding:0 !important; }

.p_yellow{ background:#faec7a;}
.p_orange{ background:#ffa800;}
.p_red{ background:#f43235;}

.legenda{ height:20px; font-size:11px; font-weight:bold;}
.smallsquare{ width:10px; height:10px; display:inline-block; margin:0 5px 0 15px;}
.mapfooter{ font-size:10px; font-weight:bold; color:#999; font-style:italic; margin-top:20px;}

.regManuCont{ background:#093; }
ul.regManu{ margin:0 !important; padding:0 !important; float:right;}
ul.regManu li{ background:#d99b52; height:14px; float:left; display:inline-block; width:56px; text-align:center; list-style:none; margin:0 !important; padding:8px; font-weight:bold; color:#fff; border-left:1px solid #e2a55c;}
ul.regManu li a{ color:#FFF !important;}
ul.regManu li a:hover{ text-decoration:underline !important;}
.regName{ font-size:22px; margin-top:5px; float:left; color:#d99b52;}
.currentdata{ background:#d99b52 !important; border:none !important;}

td.alergen img{ position:absolute; left:-170px; z-index:999 !important; border:10px solid #fff !important; display:none; padding:0 !important;
box-shadow: 0px 0px 8px #dad9c7;
	-moz-box-shadow: 0px 0px 8px #dad9c7;
	-webkit-box-shadow: 0px 0px 8px #dad9c7;
}
ul.legenda ul{ margin:0 !important; padding:0 !important;}
ul.legenda li{ list-style:none; float:left; display:inline-block; margin:0 !important;}