BODY {margin: 0px; padding: 0px; background: url(images/joga_harmonia_background.jpg) repeat-x; }
#wrapper { font-size: 12px; font-family: Georgia, Tahoma, sans-serif; color: #333333; line-height: 18px;}

/* new site */
#main_frame { width: 962px; margin: 40px auto; min-height: 600px; }
#main_frame #top { background: url(images/frame_top.png) top no-repeat; height: 16px; width: 962px; float: left; }
#main_frame #middle { width: 955px; padding-left: 7px; height: 100%; float: left; background: url(images/main_background.png) repeat-y;}
#main_frame #middle #banner { width: 948px; height: 160px; background: url(images/centrum_joga_harmonia.jpg); }
#main_frame #middle #banner #logo { width: 138px; height: 137px; float: left; }
#main_frame #middle #banner #logo IMG { margin: 10px 0 0 20px; border: none;}
#main_frame #middle #banner #flags { float: right; margin: 130px 10px 0 0;}
#main_frame #middle #menu  { width: 200px; height: 100%; float: left; }
#main_frame #middle #menu .m1 { width: 190px; height: 41px; background: url(images/menu_back1.png); font-weight: bold; font-size: 14px; line-height: 40px; text-indent: 15px;}
#main_frame #middle #menu .m1 A { text-decoration: none;}
#main_frame #middle #menu .m1 A:hover { color: #909}
#main_frame #middle #menu .m2 { width: 190px; font-weight: bold; font-size: 12px; text-indent: 20px; background: #e2efd4;}
#main_frame #middle #menu .m2 A { text-decoration: none;}
#main_frame #middle #menu .m2 A:hover { color: #909}
#main_frame #middle #content  { width: 748px; float: left; }
#main_frame #middle #content #slider { width: 550px; float: left; }
#main_frame #middle #content #slider #pict { width: 520px; height: 290px; float: left; }
#main_frame #middle #content #slider #l { width: 15px; height: 289px; background: url(images/pict_shade_left.png); float: left;}
#main_frame #middle #content #slider #r { width: 15px; height: 289px; background: url(images/pict_shade_right.png); float: left;}
#main_frame #middle #content #contact { width: 164px; height: 183px; float: right; background: url(images/kontakt_table_back.png); padding: 20px 0 0 20px; font-size: 11px; margin-right: 10px; line-height: 12px;}
#main_frame #middle #content .col1 { width: 329px; height: 166px; float: left; margin: 10px 20px 10px 5px; }
#main_frame #middle #content .col1 .text { width: 285px; height: 156px; float: left;  padding: 10px 5px 5px 10px; font-size: 12px;}
#main_frame #middle #content .col1 A { text-decoration: none; }
#main_frame #middle #content .col1 A:hover { text-decoration: underline; }  
#main_frame #middle #content .col1 .l { width: 12px; height: 166px; float: left; background: url(images/text_column_shade_left.png); }
#main_frame #middle #content .col1 .r { width: 12px; height: 166px; float: left; background: url(images/text_column_shade_right.png); }
#main_frame #middle #content #asany { width: 700px; float: left; clear: both;}
#main_frame #middle #content #asany IMG { margin: 6px;}
#main_frame #middle #content #subpage { width: 705px; margin: 10px 5px 5px 10px; float: left; border: 1px solid #c8daa7; padding: 10px;}
#footer { clear: both; width: 280px;  margin: 30px auto; font-family: Georgia, Tahoma, sans-serif; color: #666; font-size: 12px;}

#main_frame #bottom { background: url(images/frame_bottom.png) bottom no-repeat; height: 16px; width: 962px; float: left; }


.text { font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; text-align: justify;}
p { font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; margin-top: 3px;}

H1	 { font-size: 18px; font-weight: normal; text-decoration: none; color: #332522; }
H2  { font-size: 16px; font-weight: bold; text-decoration: none; color: #665D42; }
H3  { font-size: 14px; font-weight: bold; margin-left: 10px; margin: 0px; text-decoration: none; color: #665D42; }
H4  { font-size: 14px; font-weight: bold; text-align: left; margin-top: 0px; margin-bottom: 0px;  text-decoration: none; color: #665D42; }
H5  { font-size: 12px; font-weight: normal; text-decoration: none; color: #665D42; }
H6  { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000; margin: 0px;}

LI { font-weight: normal; color: #333333; margin-left: 6px; padding-left: 6px; line-height: 15px;}

a:link { color: #333333; text-decoration: underline; }
a:visited { color: #215445; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #665D42; text-decoration: underline; }

.textleft {font-size: 11px; font-weight: normal; text-decoration: none; color: #4F462A;}
.button {font-size: 9px; font-weight: bold; text-decoration: none; color: #ffffff; border: 1px outset #a89F81; background-color: #83CDBB;}
.smallinput {font-size: 9px; height: 16px;}

.footer {font-size: 9px; text-decoration: none; color: #6A6245;}
.footerlnk {font-size: 11px; font-weight: normal; text-decoration: none; color: #776655;}
a.footerlnk:hover {text-decoration: none;}
.small {font-size: 11px; font-weight: normal; text-decoration: none; color: #776655;}
.smallText {font-size: 10px; color: #aaaaaa; text-decoration: none; }

.menu   		{ color: #0A7D61; font-size: 12px; letter-spacing: 0.5px; font-weight: bold; text-decoration: none; }
a.menu:link { color: #0A7D61; font-size: 12px; letter-spacing: 0.5px; font-weight: bold; text-decoration: none; }
a.menu:visited { color: #0A7D61; }
a.menu:active { color: #0A7D61; }
a.menu:hover {color: #ffffff; text-decoration: none; }
a.menu_active { color: #000000; font-size: 12px; letter-spacing: 0.5px; font-weight: bold; text-decoration: none; }


.menu_top  {color: #666666; FONT-SIZE: 10px; font-weight : none;}
A.menu_top:link   {color: #0A7D61; FONT-SIZE: 10px; font-weight : none;text-decoration: none;}
A.menu_top:active {color: #000000; FONT-SIZE: 10px; font-weight : none;text-decoration: none;}
A.menu_top:visited{color: #0A7D61; FONT-SIZE: 10px; font-weight : none;text-decoration: none;}
A.menu_top:hover  {color: #ffffff; FONT-SIZE: 10px; font-weight : none;text-decoration: none;}

.menu1   	{font-size: 12px; font-weight: bold; text-decoration: none; color: #4F462A;}
a.menu1:link { color: #4F462A; font-weight: bold; text-decoration: underline; }
a.menu1:visited { color: #4F462A; font-weight: bold; text-decoration: none; }
a.menu1:active { color: #4F462A; text-decoration: underline; }
a.menu1:hover{ color: #4F462A; text-decoration: underline;}

.more {color: #584F31; FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: none;}

.light { font-size: 11px; color: #aaaaaa; text-decoration: none; }
A.light:link   {color: #aaaaaa; FONT-SIZE: 11px; font-weight:none; TEXT-DECORATION: none;}
A.light:active {color: #aaaaaa; FONT-SIZE: 11px; font-weight:none; TEXT-DECORATION: none;}
A.light:visited{color: #aaaaaa; FONT-SIZE: 11px; font-weight:none; TEXT-DECORATION: none;}
A.light:hover  {color: #666666; FONT-SIZE: 11px; font-weight:none; TEXT-DECORATION: none;}

.im1 { border: 1px solid #7AC7B5; padding: 3px; margin: 8px;}
.titles { font-weight: bold; background-image: url(images/mantra_back.gif); background-repeat: no-repeat; padding-left: 23px; padding-top: 3px; padding-bottom: 3px; line-height: 20px;}
.ania { background-color: #FFFF00; }
.ania_closed { background-color: #C0C0C0; }
.aga { background-color: #99CC00; }
.julia { background-color: #99CCFF; }
.teresa { background-color: #FF9900; }
.malgosia { background-color: #FF99CC; }
.maria { background-color: #00D0D0; }
.konrad { background-color: #FFC0FF; }
.jola {  background-color: #FFB76F; }
.renia {  background-color: #CC99FF; }
.luiza {  background-color: #FFCC99; }
.katerina {  background-color: #FFFF99; }
.tadeusz {  background-color: #666699; }



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
