@charset "utf-8";
/* CSS Document */

body{
	background-color:#e5e8bd;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	font-family: tahoma;
}

#kontener{
	margin: 0 auto;
	width:1000px;
}
#menu{
width:930px;
height:48px;

margin-top:8px;
margin-left:30px;
float:left;}

#slizgacz{
width:900px;
height:40px;
color:#df193a;
font-weight:bold;
text-transform:uppercase;
font-size:12px;

margin-top:17px;
margin-left:70px;
float:left;}
a.menu{
font-size:13px;
font-weight:bold;
display:block;
height:48px;
float:left;
margin-top:-10px;
margin-left:0px;
padding-top:18px;
width:132px;
position:relative;
z-index:12px;
	text-decoration:none;
color:#000000;
text-transform:uppercase;
	
}

a.menu:hover{
position:relative;
z-index:12px;
	background-image: url(menu_on.gif);
	background-repeat: no-repeat;

	color:#FFFFFF;
	

}

#top{
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:338px;
	float:left;
}

a.logo{
	display:block;
	height:166px;
	width:208px;
	margin-left:60px;
	float:left;
}

#witamy{
	height:167px;
	width:632px;
	float:left;
	background-image: url(witamy.jpg);
	background-repeat: no-repeat;
	color:#839725;
	font-size:11px;

}
#witamy2{
width:70%;
margin-left:100px;
margin-top:10px;

}
.witamy{
color:#eb1337;
font-size:14px;
font-weight:bold;}
#lewa{
width:632px;
	float:left;

}
#okno{

width:1000px;
	float:left;
}
#prawa{
width:368px;
	float:left;

}
a.baner_prawa_1{
	background-image: url(baner_prawa1.png);
	width:288px;
	height:81px;
	display:block;
	float:left;
	background-repeat: no-repeat;
}

a.baner_prawa_2{
	background-image: url(baner_prawa2.png);
	width:288px;
	height:70px;
	margin-top:6px;
	display:block;
	float:left;
	background-repeat: no-repeat;
}

a.baner_prawa_3{
	background-image: url(baner_prawa3.png);
	width:288px;
	height:70px;
		margin-top:6px;
	display:block;
	float:left;
	background-repeat: no-repeat;
}

#marketingowe{
margin-top:20px;
width:320px;
float:left;

}
#marketingowe a{
	color:#df193a;
	line-height:22px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background-image: url(punkt.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
}
#marketingowe a:hover{
text-decoration:underline;}

#czy_wiesz_ze{
margin-top:20px;
	width:368px;
	height:322px;
	float:left;
	background-image: url(czy_wiesz_ze.gif);
	background-repeat: no-repeat;
}
#czy_wiesz_ze_pole{
	width:190px;
	min-height:50px;
	padding:5px;
	float:left;
	margin-top:100px;
	margin-left:82px;
	z-index:1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.cyt{
	font-size: 36px;
	color: #999999;
}

#stopka{

	background-image: url(stopka.png);
	background-repeat: repeat-x;
	height:200px;
	width:100%;
	float:left;
	margin-top:-70px;
	z-index:auto;
}


a.baner_lewa_1{
	background-image: url(baner_lewa1.gif);
	width:485px;
	margin-top:20px;
	height:101px;
	display:block;
	float:left;
	background-repeat: no-repeat;
	text-decoration:none;

	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}
#baner_tekst{
	margin-left:150px;
	margin-top:70px;
}
a.baner_lewa_2{
	background-image: url(baner_lewa2.gif);
	width:486px;
	overflow:hidden;
	height:103px;
	display:block;
	margin-top:10px;
		position:relative;
	float:left;
	background-repeat: no-repeat;
	text-decoration:none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

.kolor{
	color: #FF0000;
}

a.prezentacja{
	background-image: url(prezentacja.jpg);
	width:512px;

	margin-top:20px;
	height:88px;
	display:block;
	float:right;
	background-repeat: no-repeat;
}
a.video{
	background-image: url(video.jpg);
	width:512px;
	height:95px;
	float:right;
	display:block;

	background-repeat: no-repeat;
}
a.broszura{
	background-image: url(broszura.jpg);
	width:512px;
	height:97px;
	display:block;
	float:right;	
		z-index:4;
	background-repeat: no-repeat;
}
#palmy{
	width:246px;
	height:287px;
	margin-top:-150px;
	margin-left:-190px;
	z-index:5;
	float:left;
	background-image: url(palmy.png);
	background-repeat: no-repeat;
}

#palmy2{
	width:246px;
	height:287px;
	margin-top:-330px;
	margin-left:-90px;
	z-index:4;
		position:relative;
	float:left;
	background-image: url(palmy.png);
	background-repeat: no-repeat;
}
#stopka_tekst{
margin-top:120px;
margin-left:40px;
font-size:11px;
color:#d4d69a;

}
#stopka_tekst a{
	color:#BABC5A;
	text-decoration:none;
}

#pod_menu{
width:132px;
float:left;
height:400px;
z-index:100;	position:relative;
}

.nag{
	color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}
a.program_sub{
	padding:5px;
	text-decoration:none;
	color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	background-color: #E7FDCE;
	border: 1px solid #CCCCCC;
}

#pod_menu_sub{
	margin-top:-20px;
	width:200px;
	float:left;
	z-index:100;
	position:relative;
	text-align: left;
	background-color: #F2F0EE;
}
#pod_menu_sub a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	line-height:22px;
	padding-left:20px;
	color: #009900;
	text-decoration: none;
	z-index:100;
	position:relative;
	background-image: url(punkt.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#pod_menu_sub a:hover{
text-decoration:underline;
}




#podstrona{
	width:912px;
	margin-top:10px;
	float:left;
	margin-bottom:40px;
	margin-left:60px;
}
#podstrona_gora{
	background-image: url(podstrona_gora.gif);
	background-repeat: no-repeat;
	width:912px;
	float:left;
	padding-left:25px;
	padding-top:10px;
	height:32px;
	z-index:5;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #009933;
}

#podstrona_gora a{

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	color: #009933;
}

#podstrona_bg{
	margin-top:-10px;
	background-image: url(podstrona_srodek.gif);
	background-repeat: repeat-y;
	width:870px;
	height:100%;
	padding:20px;
	float:left;
	z-index:5;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #006600;
	line-height: 22px;
}
#podstrona_bg a{
	text-decoration:none;
	color:#336600;
	border:none;
}
#podstrona_bg a:hover{
text-decoration:underline;

}
a.strzalka{
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	text-decoration:none;
}

#podstrona_dol{
	background-image: url(podstrona_dol.gif);
	background-repeat: no-repeat;
	width:912px;
	float:left;
	height:40px;
}

#animacja{
width:433px;
margin-left:70px;
height:237px;
position:relative;
z-index:10px;
float:left;}



/* PopUp Zdjecia */
table.powiekszenie{ background: white; }
div.powiekszenie {  display: none; z-index:101; margin-left:130px;}
div.powiekszenie div.pasek{ height:16px; background:#f8f8f8; text-align:right; margin:5px 5px 1px 5px; }
div.powiekszenie .zamknij { text-align: right; margin-bottom: 0px; color:#FFFFFF; font-size:12px; text-decoration:none;
font-family:Arial, Tahoma, sans-serif; font-weight:bold; background:#999999; padding:0px 6px 2px 6px; }
div.powiekszenie .zamknij:hover{ color:#333333; text-decoration:none; } 
div.ladowanie { background-color:#eeeeee; background-image:url(images/loader.gif); background-position:50% 50%; background-repeat: no-repeat; margin:5px 5px 5px 5px; }
div.ladowanie .obrazek { background-position:50% 0;  background-repeat: no-repeat; cursor:pointer; }

#player{
width:390px;
margin-left:30px;
margin-top:-50px;
float:left;
}


a.program{
	background-image: url(program.gif);
	background-repeat: no-repeat;
	height:38px;
	display:block;
	width:200px;
	padding-top:20px;
	float:left;
	text-align:center;
	font-size: 14px;
	color: #FFFFFF;
}
#program{
float:left;
margin-left:10px;
margin-top:-20px;
width:100%;}


.img{

}
#img a{
	border: 1px solid #999999;
	padding:2px;
	float:left;
	margin:5px;
}
#img a:hover{
	border: 1px solid #993300;
}