/* -------------------------
 * Importy
 * ------------------------- */

@import "global.css";
@import "navi.css";



/* -----------------------------------
		GLOWNE POJEMNIKI
-------------------------------------- */

#pojMenuCenter{
		width: 950px;
		margin-left: auto;
		margin-right: auto;
}
#pojContentCenter{
		width: 950px;
		margin-left: auto;
		margin-right: auto;
}

#pojFlashTlo{
		width: 100%;
		height: 100%;
		background-image: url(../images/bg_no_flash.png);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		background-color: #71b900;
}
html>/**/body #pojFlashTlo{
		position: absolute;
		top: 0px;
		height: 100%;
		padding: 0px;
		margin: 0px;
		overflow: hidden;	
}


#pojCalosc{
		width: 950px;
}

#pojContent{
		width: 950px;
		position: absolute;
		top: 130px;
}

/* -----------------------------------
		NO FLASH
-------------------------------------- */

#pojMenuNoFlash{
		height:188px;
		background-image: url(../images/bg_no_flash_clouds.jpg);
		background-position: top center;
		background-repeat:no-repeat;
}

	#pojTopLogos{
		width: 950px;
		height: 117px;
		background-image: url(../images/gfx_top_logos.png);
		background-repeat:no-repeat;
		margin-left: auto;
		margin-right: auto;
	}

#pojKubusNoFlash{
		height: 230px;
		width: 278px;
		background: url(../images/bg_box_no_flash.png)  no-repeat 0px 10px;
		padding: 10px 0px 0px 36px;
		display: none;
}
	#pojKubusNoFlash a{
			display: block;
			width: 230px;
			padding-top: 172px;
			font-weight: bold;
			font-size: 12px;
			color: #000;
	}
	
	#pojKubusNoFlash a:hover{
		color: #af3600;
	}
	
	#pojKubusNoFlash a span{
			display: none;
	}
/* -----------------------------------
		MENU
-------------------------------------- */

#pojMenu{
		position: absolute;
		top: 0px;
		padding: 0px 0px 0px 0px;
		width: 950px;
		height: 136px;
		margin-left: auto;
		margin-right: auto;

}

	#pojMenu ul{
			list-style: none;
			padding: 0px 0px 0px 0px;
	}
	
		#pojMenu li{
				display: block;
				float: left;
				height: 122px;
		}
		
			#pojMenu a{
					text-decoration: none;
					display: block;
					width: 108px;
					height: 122px;
			}
			
			#pojMenu a:hover, #pojMenu a.active{
					background-position: 0px -122px;
			}
			
			#txtKubusPl a{
				width: 148px;
				background-image: url(../images/spacer.gif);
			}
			
			#txtKampania a{
				width: 145px;
				background-image: url(../images/spacer.gif);
			}
			#txtZostanPrzyjacielem{
				height: 136px;
			}
			
			#txtZostanPrzyjacielem a{
				background-image: url(../images/bg_menu_zostan_przyjacielem.png?sVersion=2);
				width: 124px;
				height: 136px;
			}
			#txtZostanPrzyjacielem a:hover, #txtZostanPrzyjacielem a.active{ background-position: 0px -136px; }
			
			#txtStrefaDoroslych a{
				background-image: url(../images/bg_menu_strefa_doroslych.png);
			}
			
			#txtStrefaDzieci a{
				background-image: url(../images/bg_menu_strefa_dzieci.png);
			}
			
			#txtPartnerzy a{
				background-image: url(../images/bg_menu_partnerzy.png);
			}
			
			#txtKontakt a{
				background-image: url(../images/bg_menu_kontakt.png);
			}
			
			#txtFaq a{
				background-image: url(../images/bg_menu_faq.png);
				width: 101px;
			}


/* -----------------------------------
		STOPKA
-------------------------------------- */

#pojStopka{
		font-size: 11px;
		padding-top: 18px;
}

#pojStopkaTresc{
		border-top: 1px solid #ffffff;
		color: #ffffff;
		padding: 5px 0px 0px 0px;
		margin-left:auto;
		margin-right:auto;
		padding:5px 0px 0px;
		text-align:center;
		width:950px;
}

/* --- stopka --- */


/* --- lokalizator --- */
ul#pojLocation{
		border-bottom: 1px dotted #ccc;
		height: 25px;
		list-style: none;
		padding: 0px 10px 0px 10px;
}
ul#pojLocation li{
		display: block;
		float: left;
		margin-right: 10px;
		font-size: 11px;
}
ul#pojLocation a{
		font-weight: normal;
		text-decoration: underline;
		color: #666;
}
ul#pojLocation a:hover{
		text-decoration: underline;
		color: #cccc00;
}
/* --- lokalizator --- */


#pojUserInfoBox{
		width: 300px;
}
#AjaxWait{
		display: none;
		position: absolute;
		top: 0%;
		left: 50%;
		width : 150px;
		margin-left: -75px;
		background-color: #fcf068;
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		border-bottom: 1px solid #bbbbbb;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		color: #000;	
}

.pojBox {
	width: 200px;
	border: 1px solid #000;
	padding: 5px;
	margin: 10px;
	float: left;
}
.boxMenu{
	margin-top: 5px;
}
.boxMenu a.Main{
	font-size: 13px;
}

.pojErrorInfo{
	margin-bottom: 10px;
	font-weight: bold;
}
.pojInsideFormErrorInfo{
	margin-bottom: 5px;
	margin-top: 1px;
	font-style: italic;
	color: #ff0000;
}

.pojRadioButton {
	border:0px !important;
	width:15px !important;
	height:15px !important;
}

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

#pojStopka a:hover{
		text-decoration: underline;
}

#pojStopkaLeft{
		float: left;
}

#pojStopkaRight{
		float: right;
		font-weight: bold;
}

#pojStopkaRight a{
	font-weight: bold;
}

/* -----------------------------------
		INNE
-------------------------------------- */
.imgRight{
	float: right;
	margin: 0px 0px 10px 10px;
}

.imgLeft{
	float: left;
	margin: 0px 10px 10px 0px;
}