html, body {
	background-color		: #fff;
	color						: #404040;
	margin					: 0;
	padding					: 0;
	
	font-family				: Verdana;
	font-size				: 11px;
}

#top {
	margin-top				: 5px; 
	margin-left				: 2%; 
	margin-right			: 2%;
}

a {
	font-weight 			: bold;
	color						: #863e92;
	text-decoration		: underline;
}

a:hover
{
	font-weight 			: bold;
	color						: #863e92;
	text-decoration		: none;
}

h1 {
	color						: #863e92;
	font-size				: 16px;
	PADDING-TOP				: 5px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

h2 {
	color						: #863e92;
	font-size				: 14px;
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

h3 {
	color						: #863e92;
	font-size				: 11px;
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

hr {
	PADDING-LEFT			: 10px;
	text-align				: center;
	color						: #863e92;
	height					: 1px;
	width						: 100%;

}

table {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;

}

td {
	font-family				: Verdana;
	font-size				: 11px;
}

#NAGLOWEK-LEWA {
	width						: 400px;
	float						: left;
	background-color		: transparent;
}

#NAGLOWEK-PRAWA {
	width						: 400px;
	float						: right;
	background-color		: transparent;
	text-align				: right;
}

#BANNER-GORA {
	PADDING-TOP				: 10px; 
	PADDING-BOTTOM			: 0px;
	clear						: both;
	background-color		: transparent;
	
}

#BANNER-DOL {
	PADDING-TOP				: 5px; 
	PADDING-BOTTOM			: 5px;
	clear						: both;
	background-color		: transparent;
	text-align				: center;
}

#MENU-GORA {
	clear						: both;
	overflow					: hidden;
	position					: relative;
}

#SZUKAJ {
	width						: 280px;
	
	float						: left;
	overflow					: hidden;
	position					: relative;
	background-color		: transparent;
	height					: 100px;
}

#SZUKAJ p {
	width						: 100%;
}

#KURSY-GORA-PUSTY {
	width						: 220px;
	float						: right;
	overflow					: hidden;
	position					: relative;
	background-color		: transparent;
	height					: 100px;
}

#KURSY-GORA-PUSTY p {
	width						: 100%;
	font-size				: 16px;

}

#KURSY-GORA {
	margin-left				: 280px;
	margin-right			: 220px;
	background-color		: #863e92;
	color						: #FFFFFF;
	
	overflow					: hidden;
	position					: relative;
	height					: 100px;
}

#KURSY-GORA p {
	width						: 100%;
	font-size				: 12px;
	PADDING-TOP				: 10px;
	PADDING-BOTTOM			: 10px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

#KURSY-GORA p a {
	color						: #FFFFFF;
	font-size				: 12px;
	PADDING-LEFT			: 10px;

}

#PUSTY {
	clear						: both;
	background-color		: transparent;
}

#NEWSY {
	width						: 280px;
	float						: left;

	overflow					: hidden;
	position					: relative;
	background-color		: #f9e5f9;

}

#NEWSY p {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 10px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

#BANNERKI-PRAWA {
	width						: 220px;
	float						: right;
	overflow					: hidden;
	position					: relative;
	background-color		: transparent;
	text-align				: center;
}

#NEWSLETTER {
	width						: 280px;
	float						: left;
	clear						: left;
	overflow					: hidden;
	position					: relative;
	background-color		: #B976C5;
	color						: #FFFFFF;
}

#NEWSLETTER h1 {
	color						: #FFFFFF;
}

#NEWSLETTER p {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 10px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}


#MENU-LEWA {
	width						: 220px;
	float						: left;

	overflow					: hidden;
	position					: relative;
	background-color		: #f9e5f9;
}

#KURSY-LEWA {
	width						: 220px;
	float						: left;
	clear						: left;
	overflow					: hidden;
	position					: relative;
	border-top				: 30px solid #f9e5f9;
	border-bottom			: 50px solid #f9e5f9;
	border-left				: 0px solid #f9e5f9;
	border-right			: 0px solid #f9e5f9;
	padding					: 0px 0px 0px 0px;
	background-color		: #863e92;
}

#KURSY-LEWA p {
	width						: 80%;
	font-size				: 16px;
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 0px;
	border-top				: 30px solid #f9e5f9;
	border-left				: 1px solid #f9e5f9;
	border-right			: 1px solid #f9e5f9;	
}

#KURSY-LEWA a {
	color						: #FFFFFF;
	font-size				: 14px;
	PADDING-LEFT			: 10px;

}

#TRESC-MAIN {
	margin-left				: 280px;
	margin-right			: 200px;
	background-color		: transparent;
	
	line-height				: 20px;
}

#TRESC-MAIN p {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

#FOTO-MAIN {
	margin-left				: 280px;
	margin-right			: 220px;
	background-color		: transparent;
}

#FOTO-MAIN p {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 10px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

#FOTO-MAIN hr {
	PADDING-LEFT			: 10px;
	text-align				: center;
	color						: #863e92;
	height					: 1px;
	width						: 90%;
}

#TRESC-CONTENT {
	margin-left				: 220px;
	margin-right			: 220px;
	background-color		: transparent;
	line-height				: 15px;
}

#TRESC-CONTENT p {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;
}

#TRESC-CONTENT hr {
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	BORDER-LEFT				: 10px;
	PADDING-RIGHT			: 10px;
}


#FOTO-CONTENT {
	margin-left				: 220px;
	margin-right			: 220px;
	background-color		: #F06;
}

#STOPKA {
	clear						: both;
	
	BORDER-RIGHT			: #FFFFFF 0px solid;
	PADDING-RIGHT			: 0px; 
	BORDER-TOP				: #FFFFFF 0px solid; 
	PADDING-TOP				: 5px; 
	BORDER-LEFT				: #FFFFFF 0px solid; 
	PADDING-LEFT			: 0px;
	BORDER-BOTTOM			: #FFFFFF 5px solid;	
	PADDING-BOTTOM			: 5px; 
		
	background				: transparent url(../images/footer_bg.gif) repeat-x center;
	
	font-size				: 10px;
	color						: #404040;
	text-align				: center;
}


/* 
===========================================

	Menu lewe

===========================================
*/

#MENU-LEWA ul {
	display					: block;
	width						: 100%;
	list-style				: none;
	margin					: 0;
	padding					: 0;
}

#MENU-LEWA li {
	display					: block;
	width						: 100%;
	list-style				: none;
	margin					: 0;
	padding					: 0;
}

#MENU-LEWA ul li a
{
	display					: block;
	width						: 100%;	
	margin					: 0;
	background				: #863e92;
	font-size 				: 12px;
	color						: #FFF;
	text-decoration		: none;
	font-weight				: bold;
	float						: left;
	BORDER-RIGHT			: #f9e5f9 0px solid;
	PADDING-RIGHT			: 7px; 
	BORDER-TOP				: #f9e5f9 1px solid; 
	PADDING-TOP				: 7px; 
	BORDER-LEFT				: #f9e5f9 0px solid; 
	PADDING-LEFT			: 7px;
	BORDER-BOTTOM			: #f9e5f9 0px solid;	
	PADDING-BOTTOM			: 7px; 
}

#MENU-LEWA ul li a:hover
{
	background				: #B976C5;
	color						: #fff;
}


#MENU-LEWA li a#active 
{
	background				: #B976C5;
}

#MENU-LEWA a.sub_menu 
{
	PADDING-LEFT			: 15px;
}

#MENU-LEWA a.sub_menu:Hover 
{
	PADDING-LEFT			: 15px;
}

#MENU-LEWA a.sub_menu#active {
	PADDING-LEFT			: 15px;
}

/* 
===========================================

	Menu lewe

===========================================
*/

/* 
===========================================

	Menu górne

===========================================
*/

#MENU-GORA ul
{
	padding-left			: 0;
	margin-left				: 0;

	background				: transparent url(../images/nav_bg.gif) repeat-x center;

	width						: 100%;
	font-family				: Verdana;
	
	overflow					: hidden;
	position					: relative;
}

#MENU-GORA ul li { 
	display					: inline; 
}

#MENU-GORA ul li a
{
	padding					: 10px 15px;
	background				: transparent url(../images/nav_bg.gif) repeat-x center;
	font-size 				: 14px;
	color						: #FFF;
	text-decoration		: none;
	font-weight				: bold;
	float						: left;
	border-top				: 0px solid #FFF;
	border-bottom			: 0px solid #FFF;
	border-left				: 0px solid #FFF;
	border-right			: 1px solid #FFF;
}

#MENU-GORA ul li a:hover
{
	background				: transparent url(../images/nav_bg_s.gif) repeat-x center;
	color						: #fff;
}


#MENU-GORA li a#active {
	background				: transparent url(../images/nav_bg_s.gif) repeat-x center;
}

/* 
===========================================

	Menu górne

===========================================
*/




/* FORMULARZ */
.input {
	border					: 3px solid #863e92;
	font-size				: 12px;
	font-weight				: lighter;
	background-color		: white;
	color						: #404040;
	font-family				: Verdana;
}

.button {
	border					: 3px solid #863e92;
	font-size				: 10px;
	font-weight				: bold;
	background-color		: #863e92;
	color						: white;
	font-family				: Verdana;
	PADDING-RIGHT			: 5px; 
	PADDING-LEFT			: 5px;
}

.inactive {
	color						: #999999;
}

/* IMAGES STYLES */
.imagesList
{

}

.imagesList li
{
	margin					: 0 0 10px 0;

	color						: #5b5b5b;
	font-size				: 0.9em;
	text-align				: center;
	PADDING-TOP				: 0px;
	PADDING-BOTTOM			: 0px;
	PADDING-LEFT			: 10px;
	PADDING-RIGHT			: 10px;	
}

.imagesList li img
{
	border-top				: 1px solid #eeeeee;
	border-bottom			: 1px solid #eeeeee;
	border-left				: 1px solid #eeeeee;
	border-right			: 1px solid #eeeeee;
}

.imagesList li div
{
	text-align				: center;
}

#imagesList1
{
	list-style				: none;
	float						: left;
	margin					: 10px 10px 0 0;
}

#imagesList2
{
	list-style				: none;
	/*clear						: right;*/
	float						: right;
	margin					: 10px 0 0 10px;
}

#imagesList3
{
	list-style				: none;
	display					: block;
	margin					: 10px 10px 0 0;
}

#imagesList4
{
	list-style				: none;
	display					: block;
	margin					: 10px 10px 0 0;
}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
float: left;
visibility: hidden; /*keep this intact*/


	border: 10px dotted #29C3FF;
	margin: 0;
	padding: 0;


}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 4px 5px;
font-size: 10px;
}

#simplegallery2 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 4px 5px;
font-size: 10px;
}

#simplegallery3 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 4px 5px;
font-size: 10px;
}

#simplegallery2{ //CSS for Simple Gallery Example 2
position: relative; /*keep this intact*/
float: left;
visibility: hidden; /*keep this intact*/
	border: 10px dotted #F30;
	margin: 0;
	padding: 0;

}

#simplegallery3{ //CSS for Simple Gallery Example 3
position: relative; /*keep this intact*/
float: left;
visibility: hidden; /*keep this intact*/
	border: 10px dotted #FF3;
	margin: 0;
	padding: 0;

}

#space{ //CSS for Simple Gallery Example 3
position: relative; /*keep this intact*/
float: left;
visibility: hidden; /*keep this intact*/
border: 0px solid darkred;
width: 100px;
}

#space2{ 


float: left;


border: 1px solid darkred;
width: 400px;
}

#space3{ //CSS for Simple Gallery Example 3

float: left;

border: 	1px solid darkred;
width: 400px;
}

#space4{ //CSS for Simple Gallery Example 3

float: left;

border: 1px solid darkred;
width: 400px;
}

.hearts	 {
	border: 10px dotted #29C3FF;
	margin: 0;
	padding: 0;
	clear: both;
	width: 200px;
	}
	
.hearts2	 {
	border: 10px dotted #FF408C;
	margin: 0;
	padding: 0;
	clear: both;
	width: 200px;
	}
	
.hearts3	 {
	border: 10px dotted #00FF00;
	margin: 0;
	padding: 0;
	clear: both;
	width: 200px;
	}

.hearts4	 {
	border: 10px dotted #FFD460;
	margin: 0;
	padding: 0;
	clear: both;
	width: 200px;
	}