body, p, img, div span{
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
border:0px;
font-family:arial, verdana, tahoma;

font-weight: lighter;
}

table {
padding: 40px;
color: #244000;
}




body {
	background: #d6e5b2 url(images/filtrox_tlo.jpg) no-repeat top center;
}


p {
font-size: 16px;
line-height: 24px;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow:0 0 3px white, 0 0 3px white;
color: #244000;

}


#content div{
line-height: 24px;
font-size: 16px;
text-shadow:0 0 3px white, 0 0 3px white;
color: #244000;}



span {
font-size: 14px;
font-weight: bolder;
}



a{color:#ffffff;text-decoration:none}
a:hover{color: #517e17;}

ul{margin: 4px 0px 0px 13px; padding: 0px 0px 0px 0px;list-style-type:square;}
li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#up{width:960px;height:69px;margin:0px auto 0px auto;text-align:center;}
.menu_up{padding:0px 0px 0px 0px;float:right}
#logo{padding:0px 0px 0px 0px;float:left}
#top{width:100%;height:247px;padding:0px 0px 0px 0px;margin:0px auto 0px auto;text-align:center; background: url(images/footer.jpg) repeat-x;}
#center{width:960px;min-height:111px;padding:0px 0px 0px 0px;margin:0px auto 0px auto;text-align:center;border:0px solid;text-align:left}



.clear{clear:both;}
 
#wrapper{margin:0 auto;}
#header{margin-bottom:0px;}
#main{margin-bottom:0px; }
#footer{background: #2a7300;}
 
#header img{width:100%;height:auto; position: absolute; margin: auto; z-index:-999;}
 
#menu_trigger{float:right;margin-right:3%;width:48px;height:33px;background:url(images/menu_trigger.png) center center no-repeat;border-radius:6px;-webkit-border-radius:6px;cursor:pointer;}
 
#footer p{padding:15px 0 15px 30px;color:#FFF;}










#left{width:47px;min-height:125px;text-align:left;float:left;}
#bott{width:264px;min-height:124px;background: url(images/bott_menu.jpg); float: left; margin: 0 0 0 1px;}
#content{width:800px;min-height:210px; text-align:left;float:left;border:0px solid; background: url('white50.png');}

#footer{width:100%;height:50px; line-height: 50px; font-size:12px; margin-top: 30px; text-align:center;background-color: #2a7300; color: #94b668;}
#footer2{width:100%;height:30px; font-size:10px;margin:0px auto 0px auto;text-align:center;background-color: #2a7300; color: #94b668;}


a img{
	border: 0px;
}
.form_error{list-style:none;margin:0;padding:0}
.form_error li{color:red;font-weight:bolder;margin:0;padding:0}
.clear{
	width: 100%; height: 0px; clear: both;
}
/*NEWS*/
.news{
	width: 100%; display: block; margin: 0px 0 10px 0px;
}
.avatar_float{
	float: left; display: inline; margin: 0px 4px 2px 0; border: 1px solid silver;
	padding: 2px;
}
.avatar{
	margin: 2px; border: 1px solid silver; padding: 2px;
}
/*GALERIA*/
.galeria{
	width: 300px; text-align: center; float: left; padding: 5px;
	display: inline; 
}
.galeria h2 a{
	font-size: 17px;
color: #244000;
padding-bottom: 10px;
}

}


.data{
	font-size: 10px;
}
.good{
	color: green; font-weight: bolder; padding: 3px 0px;
}
.error{
	color: red; font-weight: bolder; padding: 3px 0px;
}
a{
	color: #244000; text-decoration: none; font-weight: bold;
}
a:hover{text-decoration:underline;
}
ul{
	list-style-type: none;
}
/* Komentarze */
.komentarz{
	width: 100%; margin: 0 0 10px 0px;
}
.komentarz_tresc{
	font-size: 11px; font-style: italic;
}
.news h2{
	font-size: 14px; margin: 5px 0 5px 0;
}
span.created_at{
	color: gray; font-size:85%;
}
span.user{
	font-weight: bolder; background:transparent url(../../images/admin/icons/user.png) no-repeat left;
	padding: 0 0 0 18px;
}
.add{background:transparent url(../../images/admin/icons/add.png) no-repeat left;
padding: 0 0 0 18px; font-size: 12px;}
.komentarze{background:transparent url(../../images/admin/icons/report.png) no-repeat left;
padding: 0 0 0 18px; font-size: 12px;}
/*AKT kursy*/
.akt_kursy{
	width: 204px;padding: 2px; margin: 0 0 5px 0;
	background: #fff;
}
.akt_kursy h3{
	font-size: 13px; margin: 0 0 5px 0;
}
/* INPUT */
.inputtext1{
	width: 300px; border: 1px solid silver; padding: 2px;
}
.inputtext2{
	width: 400px; border: 1px solid silver; padding: 2px;
}
.inputtext3{
	width: 50px; border: 1px solid silver; padding: 2px;
}
.inputtext4{
	width: 300px; border: 1px solid silver; padding: 2px;
	font-weight: bolder;
}
.inputtext1:hover, .inputtext2:hover, .inputtext3:hover, .inputtext4:hover{
	border: 1px solid gray;
}
/*KALENDARZ*/
.kalendarz{
	width: 100%; text-align: center;
}
.miesiac_a{
	cursor: pointer;
}
/*TERMINY*/
.termin{
	width: 100%; margin: 0 0 10px 0;
}
.termin_nazwa{
	font-size: 110%; border-bottom: 1px solid gray; padding: 0 0 3px 0px;
	font-weight: bolder; margin: 0 0 3px 0;
}
#content h1{
	font-size: 18px; margin: 20 20 10px 20;
	border-bottom: 2px solid #244000;
}
#menu h1{
	font-size: 36px; margin: 0 0 10px 0; padding: 5px 0 5px 0;
	border-bottom: 2px solid #e0e0e0; 
}
#menu ul{
	padding: 5px 0px;
}
#logo * img{
	height: 68px;
margin-bottom: 150px;
position: relative;
}

#wrapper{width:960px;}
#side{width:95%;float:none;}
#content{float:none;}


#menu{list-style:none; width: 600px;; margin-bottom: 340px; margin-left: 290px; margin-top: 12px;}
#menu li{margin-bottom:1px; font-size: 36px;}
#menu li a{display:block;height:auto;background:#2a7300;padding:20px 0 20px 0px;color:#000;text-decoration:none;}
#menu li a:hover{background:#212121;color:#FFF;}




@media (min-width: 1200px) {
#wrapper{width:960px; margin: auto;}
#side{width:95%;float:none;}
#content{width:960px;float:none; margin: auto;}
 
#menu_trigger{display:none;}
 
#menu{list-style:none;}
#menu li{margin-bottom:1px; font-size: 16px;}
#menu li a{display:block;height:auto;background:#2a7300;padding:20px 0 20px 0px;color:#000;text-decoration:none;}
#menu li a:hover{background:#212121;color:#FFF;}




#menu_left_off {
background: #2a7300; margin-top: 0px; z-index: 999; float: none; padding-right:20px;}

#menu_left {display: table; padding: 0 0px 0 !important; margin: auto; overflow: hidden; font-size: 12px; background: none; line-height: 12px;}
#menu_left li {list-style-type: none; margin-top: 0px; float: left; z-index: 999; }
#menu_left li:hover {background: #ee8b15; z-index: 999;margin-top:0px; display:block;}
#menu_left li a {display: block; color: white; text-decoration: none; padding: 20px 20px 20px 20px; z-index: 999; margin-left:0px; margin-right: 0px;}
#menu_left li a:hover {background: #569604; color: white; z-index: 999;display: block;}
#menu_left li li a {width: 160px; z-index: 999;}

#menu_left li2 {overflow:hidden; z-index: 999;}

#menu_left li ul {overflow: hidden; display: none; background: #ee8b15;z-index: 999; margin-top:0px; }
#menu_left li:hover ul {position: absolute; padding: 0px; display: block; width: 210px; z-index: 999; margin-left: 0px;display:block;}


#menu_pio_1 {display:none;}
#menu_pio_2 {display:none;}
#menu_pio_3 {display:none;}


/*ANIMACJA - tylko CSS3*/
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}

/*ZAOKRĄGLONE ROGI - tylko CSS3*/
#menu_left {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#menu_left li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}