/* CSS Document */

/* 
	
	content:
	- PRESETS
	- LAYOUT
		footer
	- COMMON


	COLOR SET:

	.color00 - bialy (#ffffff)
	
	.color01 - niebieski (#3081d1)

	.color02 - szary jasny (#999999)
	
	.color03 - szary sredni (#666666)	
	
	.color04 - czerwony (#d60000)	
	
	.color05 - szary ciemny (#333333)	
	
	.color06 - szary bardzo jasny (#bcbcbc)
	
*/

/* ------------------------------------------------------------------ */
/* PRESETS */

	@import url("presets.css");



/* ------------------------------------------------------------------ */
/* LAYUOT */
	
	
	body {
	
		background:url(../images/background.jpg) repeat-x #000000
	
	}

	#container {
	
		width:974px;
		overflow:auto;
		margin:0 auto
	
	}

	#presentation {
	
		/* width:974px; */
		clear:both
	
	}

	#body {
	
		float:left;
		clear:both;
		/* overflow:auto; */
		background:url(../images/background_body.gif) repeat-y #dcdede
	
	}

	#body-column01, #body-column02, #body-column03 {
	
		float:left
	
	}

	#body-column01 {
	
		width:189px
	
	}

	#body-column02 {
	
		width:704px;
		background:url(../images/background_body.jpg) no-repeat #E6E6E4
	
	}

	#body-column03 {
	
		width:81px;
	
	}
	
	#bind {
	
		height:49px;
		overflow:auto;
		clear:both;
		margin-left:81px;
		background:url(../images/bind_00.gif) no-repeat
	
	}
	
	#patronage {
	
		width:812px;
		clear:both;
		background:url(../images/background_patronage.gif) repeat-x #eaeae9;
		margin-left:81px
	
	}

	
	/* ------------------------------------------------------------------ */
	/* footer */
	
		#footer {
		
			width:100%;
			clear:both;
			text-align:center;
			font-size:11px;
			font-family:Arial, Tahoma, Verdana;
			color:#5f5f5f;
			padding:10px 0
		
		}
		
		#footer a {
			
			text-decoration:none
			
		}
	
		#footer a:hover {
		
			text-decoration:underline
		
		}
	
		
		#footer p.nav a {
		
			margin:0 8px 0 6px;
			color:#fff
		
		}
		
		#footer p.nav a:hover {
	
			color:#999999
		
		}
		
		#footer p.nav a strong {
		
			color:#fff
		
		}		

		#footer p.copyright {
		
			padding-top:8px
		
		}
		
		#footer p.copyright a, #footer p.created a {
		
			color:#525252;
			font-size:11px
		
		}
	
		#footer p.copyright a:hover, #footer p.created a:hover {
		
			color:#fff
		
		}	
		

/* ------------------------------------------------------------------ */
/* COMMON */


	div.spacer-dotted {
	
		width:580px;
		clear:both;
		overflow:auto;
		background:url(../images/dot.gif) repeat-x;
		padding:10px 0;
		margin:0 10px;
		line-height:0;
		font-size:0;
		
	
	}
	
	div.text-collumn01 {
	
		float:left;
		width:329px;
		padding:30px 20px 20px 10px
	
	}

	div.text-collumn02 {
	
		float:left;
		width:310px;
		padding:30px 30px 20px 5px
	
	}


	
	/* ------------------------------------------------------------------ */
	/* colors */	
	
	
		.color02 {
		
			color:#999999 !important;
			text-decoration:none
		
		}

		a.color02:hover {
		
			color:#666666 !important;
			text-decoration:underline
	
		}

	
		.color03 {
		
			color:#666666 !important
		
		}

		a.color03:hover {
		
			color:#999999 !important;
			text-decoration:underline
		
		}		
	
		.color04 {
		
			color:#d60000 !important
		
		}

		a.color04:hover {
		
			color:#666666 !important;
			text-decoration:underline
		
		}		

		.color05 {
		
			color:#333333 !important;
			text-decoration:none
		
		}

		a.color05:hover {
		
			color:#666666 !important;
			text-decoration:underline
		
		}
		
		.color06 {
		
			color:#bcbcbc !important;
			text-decoration:none
		
		}	
		
		.color07 {
		
			color:#FFF600 !important
		
		}			
	

	/* ------------------------------------------------------------------ */
	/* headers */
	
		h1  {
		
			color:#222;
			font-family:Arial, Tahoma, Helvetica, sans-serif;
			font-size:22px;
			text-transform:uppercase;
			letter-spacing:-1px;
			font-weight:bold;
			margin:30px 0 20px 0
		
		}
	
		h1.swap {
		
			height:25px;
			background-repeat:no-repeat;
		
		}
		
		h1.swap span {display:none}	
	
		h1#t-advices {background-image:url("../images/title_advices.gif");}
		h1#t-press {background-image:url("../images/title_press.gif");}
		h1#t-survey {background-image:url("../images/title_survey.gif");}
		h1#t-factsandmyths {background-image:url("../images/title_factsandmyths.gif");}
		h1#t-keepordestroy {background-image:url("../images/title_keepordestroy.gif");}
		h1#t-sponsor {background-image:url("../images/title_sponsor.gif");}
		h1#t-links {background-image:url("../images/title_links.gif");}




	/* ------------------------------------------------------------------ */
	/* text-content */
	
		
		div.text-content {
		
			padding-right:60px
		
		}
		
		div.text-content p, div.text-content li {
		
			color:#333333;
			padding-bottom:8px
				
		}
		
		
		div.text-content li {
		
			margin-left:20px
		
		}
		
		div.text-content ul.exclamation {
		
			list-style-image:url(../images/exclamation.gif);
			
		}
		
		div.text-content ul.exclamation li {
		
			padding-left:16px
		
		}

		div.text-content p strong {
		
			color:#000000
		
		}		
		
		div.text-content h2 {
		
			font-family:Arial, Tahoma, Verdana;
			font-size:16px;
			color:#CC0000;
			font-weight:bold;
			letter-spacing:-1px;
			padding:15px 0 10px 0
		
		}
		
		
		div.alert-box {
		
			
			clear:both;
			margin:20px 0;
			border:1px solid #CCCCCC;
			background-color:#F5F5F5;
			font-weight:bold;
			padding:15px 20px
		
		}
	
	
	
	
/* ------------------------------------------------------------------ */
/* question-box */	
	
	
	div.question-box {
	
		width:592px;
		overflow:auto;
		background:url(../images/bubblebox_back.gif) repeat-y #D6D6D6;
		margin:0;
		position:relative;
		top:30px;
	
	}
	
	div.question-box div.background {
	
		width:592px;
		overflow:auto;
		background:url(../images/bubblebox_top.gif) no-repeat;

	}
	
	table.question-table {
	
		width:570px;
		/* background:url(../images/bubblebox_back_bottom.gif) repeat-x #b0b0b0; */
		background-color:#D6D6D6;
		margin:0 10px 0 11px
	
	}
	
	table.question-table td {
	
		vertical-align:top
	
	}	
	
	div.question-header {
		
		width:570px;
		clear:both;
		margin:10px 10px 0 11px;	
		background:url(../images/bubblebox_back_top.gif) repeat-x #D6D6D6;
	
	}
	
	
	div.question-header p.number {
	
		height:55px;
		font-family:"Arial Black", Arial, Tahoma;
		color:#cacaca;
		font-size:36px;
		text-align:center;
		padding:20px 0 0 0
	
	}
	
	div.question-header p.question-text {
	
		font-weight:bold;
		font-size:12px;
		padding:10px 15px 0px 20px;
		text-align:center;
	
	}
	
	table.question-table td.button-forward {
	
		text-align:center;
		padding:25px 0
	
	}
	
	table.question-table td.answer-text {
	
		color:#373737;
		padding:8px 30px 3px 5px
	
	}

	table.question-table th {
	
		padding:7px 0;
		font-size:0;
		line-height:0
	
	}
	
	table.question-table label  {
	
		position:relative;
		top:-2px
	
	}
	
	table.question-table td.radio {
	
		padding:5px 0 0 60px
	
	}
	
	label.answer-error {
	
		display:none; 
		color:#FF0000;		 
		font-weight:bold;
		margin-left:155px
	
	}
	
	
		

	div.man {
		
		float:left;
		position:relative; 
		left:-108px
	
	}
	
	div.man img {
	
		float:left
	
	}
	
	div.man img.hand {
	
		position:relative; 
		top:70px
	
	}









	div.movie {
	
		float:left;
		margin:2px;
		background-color:#fff;
		padding:8px;
		text-align:center;

			
	}
	
	div.audio {
	
		float:left;
		margin:2px;
		text-align:center;

	}
	
	div.movie p, div.audio p {	

		color:#666666;
		padding-top:8px;
		font-size:11px

	}
	
	
	ul.links {

		margin-left:10px

	}
	
	ul.pdf {
	
		list-style-image:url(../images/pdf.gif)
	
	}
	
	ul.links li {
	
		padding-left:6px;
		font-weight:normal
	
	}
		
	ul.links a {
		
		font-weight:normal;
		color:#333;
		text-decoration:none
		
	}
	
	ul.links a:hover {
	
		color:#FF0000
	
	}
