img, div { border: 0; }
body { margin: 0; background: #fff; font-family: Tahoma, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 9pt; }
p, div, form { margin: 0; padding: 0; }
a {}
a:link, a:visited { text-decoration: none; color: #0061a5; border: none;}
a:active, a:hover { text-decoration: none; color: #0061a5; border-bottom: dashed 1px #0061a5;}
h1, h2, h3 { margin: 0; }
h1 { font-size: 9pt; }


#main {position: relative; width: 900px; margin: 20px auto 0 auto; }

#logo {float: left; border: none;}

#topinfo {width: 270px; height: 75px; margin: 0; background: #99cc00; float: left; margin-left: 65px; color: #fff; padding: 7px 16px 5px 15px;}
	#topinfo a {color: #44900b; margin: 7px 0 0 0;}

#toplogin {width: 301px; height: 87px; margin: 0; background: #00bcff; float: left; margin-left: 15px;}
	#toplogin form {margin: 0; padding: 15px 45px 5px 25px; color: #0061a5;}
	#toplogin .input {border: solid 1px #0061a5; width: 170px;}
	#toplogin fieldset {border: 0; margin: 0; padding: 0 0 4px 0;}
	#toplogin label {padding: 0 7px 0 0;}
	#toplogin .submit {background: url('images/top_login_submit_bg.gif') top left no-repeat; border: 0; width: 89px; height: 15px; margin: 0 20px 0 7px; cursor: pointer;}
	#toplogin a {color: #fff;}
	#toplogin .txt {padding: 15px 45px 5px 25px; color: #0061a5; text-align: center; line-height: 18pt;}
	#toplogin em {color: #fff; font-style: normal; font-size: 8pt;}
	#toplogin .error {position: absolute; font-size: 8pt; color: ; padding: 3px 0 0 65px;}

#przypomnieniehasla {text-align: right; padding: 0 10px 0 0; margin: 0;}

#leftblock {width: 419px; float: left;}
	#leftblock #minimanual, #leftblock #komentarz, #leftblock #komentarz2 {border-top: solid 9px #e5e5e5; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6;  border-bottom: solid 7px #d6d6d6;}
	#leftblock #komentarz2 {margin: 10px 0 0 0;}
	#leftblock .boxtitle {background: #00ccff; color: #fff; font-size: 10pt; padding: 10px 0 10px 15px; font-weight: normal; text-transform: uppercase;}
	#leftblock .box {padding: 10px 15px 10px 15px; color: #000; font-size: 9pt;}
	#leftblock .box p {padding: 5px 0 5px 0;}
	#leftblock .boxbottom {font-size: 1px; height: 17px;}
	#leftblock #formkomentarz {margin: 0;}
	#leftblock #formkomentarz #ktemat {width: 300px; border: solid 1px #d6d6d6;}
	#leftblock #formkomentarz #kopis {width: 350px; height: 80px;  border: solid 1px #d6d6d6;}
	#leftblock #formkomentarz #knick {width: 200px;  border: solid 1px #d6d6d6;}

#rightblock {width: 460px; float: left; margin-left: 15px;}
#rightblock2 {width: 257px; float: left; margin-left: 15px;}
	#rightblock .boxtitle, #rightblock2 .boxtitle {background: #99cc00; color: #fff; font-weight: normal; font-size: 10pt; padding: 10px 15px 10px 15px; border-top: solid 9px #e5e5e5; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6; text-transform: uppercase;}
	#rightblock #listalekcji, #rightblock2 #listalekcji { padding: 10px 10px 0px 10px; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6;}
	#listalekcji p {padding: 7px 0 7px 0;}
	#listalekcji th {color: #000;  font-weight: bold; text-align: right; vertical-align: top; font-size: 9pt;}
	#listalekcji td {color: #000; padding: 0 0 0 5px; font-size: 9pt; vertical-align: top; }
	#listalekcji td.col3 {width: 50px;}
	#listalekcji td a {font-weight: bold; color: #000;}
	#listalekcji .line2 td {padding: 0 0 10px 5px; vertical-align: top;}
	#rightblock .boxbottom, #rightblock2 .boxbottom {font-size: 9pt; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6;  border-bottom: solid 7px #d6d6d6;background: #99cc00; color: #fff; text-align: right; padding: 5px 10px 5px 0;}
	#rightblock .boxbottom a, #rightblock2 .boxbottom a {color: #fff; display: block; background: url('images/more_ziel.gif') right no-repeat; padding: 0 15px 0 0;}

	#rightblock #offline {background: #006699; text-align: center; height: 89px; color: #fff; font-size: 9pt; line-height: 28pt;margin: 10px 0 0 0; border-top: solid 9px #e5e5e5; border-bottom: solid 7px #d6d6d6; text-transform: uppercase;}


#leftblock2 {width: 623px; float: left;}
	#leftblock2 h1#pagetitle {background: #00ccff; color: #fff; font-size: 10pt; padding: 10px 0 10px 15px; font-weight: normal; text-transform: uppercase; border-top: solid 9px #e5e5e5; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6;}
	#leftblock2 #tresc {padding: 10px 20px 10px 20px;border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6; border-bottom: solid 7px #d6d6d6;}
	#leftblock2 p {padding: 7px 0 7px 0;}
	#listalekcji2 {width: 100%;}
	#listalekcji2 p {padding: 7px 0 7px 0;}
	#listalekcji2 th {color: #000; font-style: normal; font-weight: bold; text-align: right; vertical-align: top; font-size: 9pt; padding: 0 5px 0 10px; width: 50px;}
	#listalekcji2 td {color: #000; padding: 0 0 0 5px; font-size: 9pt;vertical-align: top; }
	#listalekcji2 td.col3 {width: 50px;}
	#listalekcji2 td a {font-weight: bold; color: #000;}
	#listalekcji2 .line2 td {padding: 0 0 10px 5px; vertical-align: top;}
	#leftblock2 p.strony {color: #000;}
	#leftblock2 p.strony a {color: #00ccff;}
	#leftblock2 p.strony a.active {color: #99cc00; border-bottom: solid 1px #99cc00;}
	
	#ocenlekcje {text-align: center;}
	#ocenlekcje .submit {background: url('images/button_ok.gif') top left no-repeat; border: none; width: 54px; height: 15px; cursor: pointer; margin: 7px 0 0 0;}


#leftblock3 {width: 623px; float: left;}

#centerblock {text-align: center; margin: 0 0 10px 0;}	

#rejestracja, #polec, #przypomnienie {position: relative; margin: 0 auto 0 auto; width: 374px; }
	#rejestracjatxt, #polectxt, #przypomnienietxt {}	
	#rejestracjabottom, #polecbottom {}
	#cryptogram {background: #fff;}
	#rejestracja fieldset, #polec fieldset, #przypomnienie fieldset {border: 0; margin: 0; padding: 0 0 4px 0;}
	#rejestracja label, #polec label, #przypomnienie label {padding: 0 7px 0 0; display: block;}
	#rejestracja .input, #polec .input, #przypomnienie .input {border: solid 1px #0061a5; width: 240px;}
	#rejestracja .submit {background: url('images/rejestracja_submit.gif') top left no-repeat; border: 0; width: 87px; height: 15px;}
	#polec .submit, #przypomnienie .submit {background: url('images/button_ok.gif') top left no-repeat; border: 0; width: 87px; height: 15px;}
	


#footer {clear: both; margin: 20px 0 20px 0; padding: 15px 0 10px 0; background: url('images/menu_bg.gif') top repeat-x; color: #00ccff; text-align: center; }
#footer a {color: #225d81;}

div.slideshow {
position: relative;
margin: 32px auto auto 5px;
}
.slideshow div {
position: absolute;
top: 0;
left: 0;
}
.slide {background: #fff; padding: 6px;}
.slideshow a.foto {background: #fff; display: block;}

.pustalinia {margin: 0; padding: 0;}
.clearboth { clear: both; }
.clearboth1px { clear: both; height: 1px; font-size: 1px; }
.floatleft { float: left; }
.floatright { float: right; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.red { color: #ed1c24; }
.middle {vertical-align: middle;}
h1.uwaga { color: #00923f; }

#menu {background: url('images/menu_bg.gif') top repeat-x; padding: 9px 0;}
#menu img { vertical-align: middle; }
/* MENU */
/* HORIZONTAL FREESTYLE MENU LAYOUT */
#listMenuRoot {position: static; height: 10px; padding: 0; margin: 0; }
.menulist, .menulist  ul { margin: 0; padding: 0; list-style: none; }
.menulist ul { display: none; position: absolute; top: 1.0em; left: 1px; margin-top: 10px; /* i'm using ems and px to allow people to zoom their font */ width: 200px; z-index: 20; background: #fff;}
.menulist ul ul { top: -1px; margin-top: 0; left: 201px; }
.menulist li {float: right; display: block; position: relative; padding: 0 1px 0 1px; }
.menulist ul li {float: none; border-right: 0; padding: 0; margin: 0 0 1px 0;}
.menulist ul>li:last-child { margin-bottom: 1px; /* mozilla fix */ }

.menulist a {padding: 5px 8px 5px 8px; text-transform: uppercase;}
.menulist a:link, .menulist a:visited { border-bottom: 0; color: #fff; background: #04bdff;}

.menulist ul a {padding: 5px 8px 5px 8px; text-transform: uppercase; display: block;}
.menulist ul a:link, .menulist ul a:visited {border-bottom: 0; color: #fff; background: #04bdff;}
.menulist a.first:link, .menulist a.first:visited {}
.menulist a.last:link, .menulist a.last:visited {}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {color: #fff; background: url('images/menu_li_bg_active.jpg') top repeat-x;}
.menulist a.first:hover, .menulist a.first:focus {}
.menulist a.last:hover, .menulist a.last:focus {}

.menulist ul a:hover,.menulist ul a:active, .menulist ul a.highlighted:hover, .menulist ul a:focus {color: #fff; background: url('images/menu_li_bg_active.jpg') top repeat-x;}

.menulist a.highlighted { }
.menulist a.active {color: #fff; background: url('images/menu_li_bg_active.jpg') top repeat-x;}
.menulist a.activefirst:link, .menulist a.activefirst:visited {}
.menulist a.activelast:link, .menulist a.activelast:visited {}
.menulist ul a.active {  }
.menulist a.noclick { cursor: default; }
.menulist a .subind { display: none; }
.menulist ul a .subind { display: block; float: right; }
.menulist a { float: left; }
.menulist ul a { float: none; }
/* \*/
.menulist a { float: none; }
*:first-child+html .menulist ul li { float: left; width: 100%; }
* html .menulist ul li { float: left; height: 1%; }
* html .menulist ul a { height: 1%; }
/* End Hacks */
/* end MENU */


.LV_validation_message{display: block;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:red;}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
}