/* **************************************************************** */
/* ************************ style globalne ************************ */
/* **************************************************************** */

body
{
		
		background: #c4dd37 url("../gfx/bckgr_wzorek.jpg");
		background-repeat: repeat;
		background-position: auto auto 0px auto 0px;
		padding: 0px;
		margin: 0px;
}
*
{
		font-family: "TrebuchetMS", Arial;
		font-size: 13px;
		color: #000000;
}

input
{
		padding: 5px;
}

select
{
		padding: 5px;
}
h1, h2, h3, h4, h5, h6
{
		padding: 0px;
		margin: 0px;
}
td 
{
		padding: 5px 0px 5px 0px;
}

div#lightbox * { color: #333333; }

/* **************************************************************** */
/* ************************ style layout ************************** */
/* **************************************************************** */

div#sectionBody
{
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top top;
}
div#sectionContent
{
		position: relative;
		overflow: hidden;
		width: 1030px;
		margin: 0px auto 0px auto;
}

div#sectionIntroContent
{
		position: relative;
		overflow: hidden;
		width: 972px;
		margin: 0px auto 0px auto;
}


div#sectionHeader
{
		overflow: hidden;
		width: 1030px;
		height: 390px;
}

div#sectionIntroHeader
{
		overflow: hidden;
		width: 972px;
		height: 785px;
}

div#sectionMain
{
		clear: both;
		height: auto;
		background: transparent url('../gfx/bckgr_cien.png') repeat-y center top;
		overflow: hidden;
		padding: 0px 15px 0px 15px;
}

div#sectionMain div#bottomBackground
{
		background: #ffffff url('../gfx/dolny_gradient.jpg') repeat-x;
		width: 1000px;
		overflow: hidden;
		background-position: bottom;
}

div#sectionMain div#bottomBackgroundGrass
{
		background:  url('../gfx/trawa.png') no-repeat bottom center;
		width: 1000px;
		height: auto;
		overflow: hidden;
		background-position: bottom;
}


div#sectionLeft
{
		float: left;
		overflow: hidden;
		width: 225px;

}

div#sectionRight
{
		float: right;
		overflow: hidden;
		width: 730px;
		padding: 0px 15px 50px 5px;
		

}

div#sectionFooter
{
		background: transparent url('../gfx/narozniki_dol.png') no-repeat 2px 0px;
		clear: both;
		overflow: hidden;
		width: 1030px;
		padding: 5px 30px 5px 15px;
		margin: 0px auto 0px auto;
		text-align: right;
}


a#Logo
{
		position: absolute;
		display: block;
		margin: 30px 20px 20px 20px;
		z-index: 2;
}


/* **************************************************************** */
/* ************************* style Header *************************** */
/* **************************************************************** */
div#sectionHeader div#headerTop 
{
	background: url('../gfx/narozniki_gora.png') no-repeat center top;
	width: 1030px;
	height: 38px;
	margin: 0px;
	padding: 0px;
}

div#sectionHeader div#headerMain 
{
	background: transparent url('../gfx/bckgr_cien.png') repeat-y center top;
	width: 1030px;
	height: 352px;
	margin: 0px;
	padding: 0px;
}

div#headerMain div#headerBaner1
{
	float: left;
	background: url('../gfx/ban1.jpg') no-repeat left top;
	width: 400px;
	height: 352px;
	overflow: hidden;
	margin: 0px  0px 0px 15px;
	padding: 0px;
}

div#headerMain div#headerBaner1 div#startLink
{
	display: block;
	width: 300px;
	height: 200px;
	margin: 43px 0 0 50px;
	cursor: pointer;
}

div#headerMain div#headerBaner1 div#startLink a
{
	display: block;
}


div#headerMain div#headerBaner2
{
	float: left;
	background: url('../gfx/ban2.jpg') no-repeat left top;
	width: 350px;
	height: 352px;
	overflow: hidden;
	margin: 0px  0px 0px 0px;
	padding: 0px;
}

div#headerMain div#headerBaner2 div#headerFlashMini
{
	width: 300px;
	margin: 200px 0px 0px 0px;
}



div#headerMain div#headerBaner3
{
	float: left;
	background: url('../gfx/ban3.jpg') no-repeat left top;
	width: 250px;
	height: 352px;
	overflow: hidden;
	margin: 0px  0px 0px 0px;
	padding: 0px;
}


div#sectionHeader div#sound
{
	position: absolute;
	margin-top: 35px;
	margin-left: 880px;
	width: 100px;
	height: 40px;
}


div#sectionIntroHeader div#headerIntroL 
{
	float: left;
	background: transparent url('../gfx/intro/narozniki_lewy.png') no-repeat right top;
	width: 36px;
	height: 785px;
	margin: 0px;
	padding: 0px;
}

div#sectionIntroHeader div#headerIntroC 
{
	float: left;
	background: transparent url('../gfx/intro/gradient.png') repeat-x left top;
	width: 900px;
	height: 785px;
	margin: 0px;
	padding: 0px;
}

div#sectionIntroHeader div#headerIntroC div#introFlash
{
	width: 490px;
	height: 640px;
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: hidden;
} 

div#sectionIntroHeader div#headerIntroR 
{
	float: right;
	background: transparent url('../gfx/intro/narozniki_prawy.png') no-repeat left top;
	width: 36px;
	height: 785px;
	margin: 0px;
	padding: 0px;
}

/* **************************************************************** */
/* ********************** style Navigation ************************ */
/* **************************************************************** */

div#sectionNavigation
{
		clear: both;
		height: 30px;
		overflow: visible;
		background: #ffffff url('../gfx/ep_arrow.png') no-repeat bottom left; 
		margin: 5px 0px 5px 0px;
}
div#sectionNavigation div.layerMain
{
		padding: 0px 0px 0px 0px;
}

div#sectionNavigation div#Here
{
		float: left;
		color: #666666;
}

div#sectionNavigation div#Here h1
{
		font-size: 2.0em;
		padding: 0px 0px 0px 25px;
		color: #689CEF;
		text-transform: none;
}

div#sectionNavigation div#Here h1 a
{
		color: #689CEF;
		text-decoration: underline;
}
div#sectionNavigation div#Here h1  a *
{
		color: #689CEF;
}
div#sectionNavigation div#Here h1 span
{
		font-size: 8px;
		color: #666666;
		padding: 0px 5px 0px 5px;
}





/* **************************************************************** */
/* ***************** style Menu boczne        ********************* */
/* **************************************************************** */

div#mainMenu
{
		width: 225px;
		margin: -15px 0px 0px 25px;
}

/* **************************************************************** */
/* ************************ style Start *************************** */
/* **************************************************************** */
div#Start
{
		float: left;
		width: 498px;
		margin-bottom: 5px;
}
div#Start div.layerBegin { height: 2px; background: url("../gfx/top498FF.gif") no-repeat top center; }
div#Start div.layerMain { background: #FFFFFF url("../gfx/bckgrStart.jpg") repeat-x bottom; color: #333333; padding: 15px; }
div#Start div.layerEnd { height: 2px; background: url("../gfx/bottom498FF.gif") no-repeat bottom center; }
div#Start div.layerMain h1
{
		border-bottom: 1px dotted #666666;
		font-size: 16px;
		color: #333333;
		margin-bottom: 5px;
}
div#Start div.layerMain a img { border: none; }
div#Start div.layerMain * { color: #333333; }


/* **************************************************************** */
/* ********************** style Kontakt *************************** */
/* **************************************************************** */

div#Contact { padding: 20px 0px 0px 0px; }
div#Contact fieldset
{
		float: right;
		width: 350px;
		border: 1px solid #CCCCCC;
		padding: 10px 20px 10px 20px;
		margin: 0px 0px 20px 20px;
}
div#Contact fieldset legend { font-weight: bold; padding: 0px 5px 0px 5px; }
div#Contact fieldset textarea { width: 340px; height: 80px; padding: 5px; }
div#Contact fieldset input.inputText { width: 290px; }
div#Contact fieldset input.submitAction { padding: 4px 5px 4px 5px; }



/* **************************************************************** */
/* ********************** style Navigation ************************ */
/* **************************************************************** */

div#sectionNavigation
{
		clear: both;
		height: 30px;
		overflow: visible;
		background: #ffffff url('../gfx/ep_arrow.png') no-repeat bottom left; 
		margin: 5px 0px 5px 0px;
}
div#sectionNavigation div.layerMain
{
		padding: 0px 0px 0px 0px;
}

div#sectionNavigation div#Here
{
		float: left;
		color: #666666;
}

div#sectionNavigation div#Here h1
{
		font-size: 2.0em;
		padding: 0px 0px 0px 25px;
		color: #689CEF;
		text-transform: none;
}

div#sectionNavigation div#Here h1 a
{
		color: #689CEF;
		text-decoration: underline;
}
div#sectionNavigation div#Here h1  a *
{
		color: #689CEF;
}
div#sectionNavigation div#Here h1 span
{
		font-size: 8px;
		color: #666666;
		padding: 0px 5px 0px 5px;
}





/* **************************************************************** */
/* ***************** style Menu boczne        ********************* */
/* **************************************************************** */

div#mainMenu
{
		width: 225px;
		margin: -15px 0px 0px 25px;
}

/* **************************************************************** */
/* ************************ style Content ************************* */
/* **************************************************************** */
div#sectionRight div.layerText
{ 
	text-align: justify;
	padding: 0px 10px 10px 0px;
	line-height: 19px;
}

div#sectionRight div.layerText a { text-decoration: underline; color: #F79E20; font-weight: normal; }
div#sectionRight div.layerText a:hover { text-decoration: underline; color: #FFB64F;}
div#sectionRight div.layerText a img { border: none; }

div#sectionRight div.layerText table
{
	border: none;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

div#sectionRight div.layerText table tr td
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

div#sectionRight div.formularzZapytania
{
	float: right;
	width: 250px;
	margin: 0px 0px 10px 10px;
}

div#sectionRight div.formularzZapytania table
{
	width: 200px; 
	border: none;
	padding: 0px;
	margin: 0px;
}
div#sectionRight div.formularzZapytania table tr td
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	
}

div#sectionRight div.formularzKontakt
{
	float: right;
	width: 350px;
	margin: 0px 0px 10px 10px;
}

div#sectionRight div.formularzKontakt table
{
	width: 300px; 
	border: none;
	padding: 0px;
	margin: 0px;
}
div#sectionRight div.formularzKontakt table tr td
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	
}

div#sectionRight div.sectionGaleria
{
	float: left;
	margin: 10px 0px 40px 0px;
}

div#sectionRight div.sectionGaleria a img { border: 1px solid #CCDFC3; padding: 5px;}



/* **************************************************************** */
/* *********************** style Stopka *************************** */
/* **************************************************************** */
div#sectionFooter * { color: #000000;  font-size: 12px;}
div#sectionFooter a { text-decoration: none; }
div#sectionFooter a strong { font-weight: normal; }

div#sectionFooter div.layerMenu
{
		float: right;
		height: 20px;
		width: 400px;
		margin: 30px 45px 0px 0px;
		padding: 0px;

}

div#sectionFooter div.licznik
{
		float: right;
		width: 120px;
		margin: 30px  0px 0px 0px;
		padding: 0px;
		text-align: center;
}

div#sectionFooter div.layerMenu a 
{
		text-decoration: underline;
		padding: 0px 5px 0px 5px;
}

div#sectionFooter div.layerMenu span
{
		font-size: 7px;
		color: #0C259C;
}


div#sectionFooter div.layerCopyright
{
		float: left;
		text-align: left;
		width: 400px;
		margin: 30px 0px 0px 20px;
		padding: 0px;
}
div#sectionFooter div.layerCopyright a 
{
		text-decoration: underline;
		padding: 0px 5px 0px 5px;
}



/* *************************************************************** */
/* **************************** Pager **************************** */
/* *************************************************************** */
div.sectionPager
{
		text-align: right;
		padding: 15px 15px 15px 15px;
		margin: 0px 0px 0px 0px;
}
div.sectionPager *
{
		font-family: Arial;
}
div.sectionPager strong
{
		color: #040B2D;
		padding: 2px 5px 2px 5px;
}
div.sectionPager a 
{
		font-family: Arial;
		padding: 0px 5px 0px 5px;
}
div.sectionPager span
{
		display: none;
		color: #FFFFFF;
}



div#Logotypes { clear: both; background-color: #FFFFFF; text-align: center; padding: 15px; margin-top: 20px; }
div#Logotypes img { margin: 0px 20px 0px 20px; }