* { padding: 0; margin: 0; }
/* czcionka i kolr tla */
html, body {
 font-family: Corbel, serif;
 font-size: 14px;
 height: 100%;
 text-decoration: none;
 background-color: #FFFFFF;
}
/* do uzyskania efektu wcisnietego guzika - boczne menu */
body#dzialalnosc li#dzialalnosc,
body#news li#news,
body#polityka li#polityka,
body#galeria-archiwum li#galeria-archiwum,
body#przyjaciele li#przyjaciele,
body#ludzie-fundacji li#ludzie-fundacji,
body#wsparcie li#wsparcie,
body#dolocz li#dolocz,
body#dokumenty li#dokumenty,
body#kontakt li#kontakt
body#nasze-dzialania li#nasze-dzialania {
background-image: url("images/hover_green.png"); background-repeat: no-repeat; color: #D0FA00; }

/* do uzyskania efektu wcisnietego guzika - gorne menu */

body#swietlica li#swietlica,
body#szkola li#szkola,
body#klub li#klub,
body#zespol li#zespol {background-image: url("images/hover_yellow.png"); background-repeat: no-repeat;}


/* klasy tekstu i lini */
a {text-decoration: none; color: blue; font-size: 15px;}
b, p {color: #324F17;  }
p.italic {font-style:italic; color: black;}
p.underline {text-decoration:underline;}
img {border: none;}
.news_line { border-top: 1px dotted #33A1DE; margin: 10px 0px 10px 0px;}
.readmore { background-color: #F7F7F7; text-align:justify;}      
.nobullet {list-style: none; line-height: 400%;}

/* klasy news  i cmsa */
div.image {  height: auto; width: 100%; float: left;}
div.image img {display: inline;}
div.image h1 {color: red; float: right; font-size: 18px; width: 60%;}

/* glowny kontener - szerokosc boczna */
#wrapper { 
 margin: 0 auto;
 width: 1022px;
 min-height: 100%;
 background-color: #F2F2F2;
}


/* pierwszy blok */

#head {
 min-width:100%;
 float: left;
 padding: 0px 0px 10px 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background-color: #D0FA00;
}

/* blok z flagami, procentem i napisem */

#logo {
margin: 0 auto;
width: 1122px;
}

/* napisem - pozycja */

#logo_img {padding-top: 5px; float: left; margin-top: 40px;}


/* flagi */

#head_kontakt {
float: left;
width: 80px;
height: 32px;
margin-top: 30px;
}
#head_kontakt ul {
list-style: none;
}
#head_kontakt li {
display: inline;
}


/* drugi blok */

#head_slider {
margin: 5px 10px 5px 0px;
float: left;
min-width:100%;
height: 190px;
background-color: #D0FA00;

}

/* blok - logo, slider, lisc - wysrodkowanie */
#slider_container {
margin: 0 auto;
width: 1122px;
height: 190px;
}

/* blok - sam slider */

#slides {
float: left;
width: 640px;
margin-left: 10px;
}

/* blok - sam lisc */

#slider_text {
float: right;
background: none;
height: 190px;
width: 225px;
}

/* trzeci blok - menu gorne */

#nav_menu {
margin: 0 auto;
width: 620px;
height: 40px;
clear: both;
margin-bottom: 10px;
background-color: #FFFFFF;
}
/* menu gorne - pozycja listy */

#nav_menu ul {
width: 840px;
margin: 0 auto;
list-style: none;
}
/* menu gorne - wyglad */

#nav_menu li {
float: left;
width: 200px;
height: 40px;
padding: 5px 0px 0px 0px;
margin: 0px 5px 0px 0px;
background-image: url("images/button_yellow.png"); background-repeat: no-repeat;
}
/* menu gorne - efekty */
#nav_menu li:hover {background-image: url("images/hover_yellow.png"); background-repeat: no-repeat;}
#nav_menu li a {color: black; font-size: 18px; font-weight: bold; display: block; text-align: center;}
#nav_menu li:hover a {color: #3B5999; font-size: 18px; font-weight: bold;}


/* blok po lewej */


#left { 
 background-color: #F2F2F2;
 margin: 0px 10px 10px 0px;
 padding: 10px;
 height: 100%;
 width: 190px;
 float: left;
}
/* blok po lewej - menu */

#left_menu {
list-style: none;
}

#left_menu li {
margin: 5px 10px 5px -20px;
padding: 5px 0px 0px 15px;
display: block;
height: 38px;
background-image: url("images/button_green1.png"); background-repeat: no-repeat;
}
#left_menu li:hover {
background-image: url("images/hover_green.png"); background-repeat: no-repeat;
color: #D0FA00;
}

#left_menu li a {
color: #FFFFFF;
display: block;
font-size: 17px;
font-weight: bold;
}
#left_menu li:hover a {color: #D0FA00;}

/* srodek */

#start { 
 float: left;
 color: #333;
 background-color: #FFFFFF;
 margin: 0px 10px 0px 0px;
 padding: 10px;
 zoom: 1;
 width: 555px;
 min-height: 800px;
 display: inline;
 border-bottom: 4px solid black;
}
/* tytu y podstron */

.naglowek { background-image: url("images/gradient_nag.png"); 
 background-repeat: no-repeat;
 color: black; 
 font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
 font-size: 20px;
 text-align: center;
 padding: 10px;}

/* prawy blok */


#right { 
 color: #333;
 background: #F2F2F2;
 margin: 0px 0px 10px 0px;
 padding: 10px 0px 0px 0px;
 width: 190px;
 float: right;
}
/* prawy blok - menu */
#right ul {
list-style: none;
}
/* menu - z efektem */

#right li.hov {
padding: 5px 0px 5px 15px;
margin: 0px 0px 0px -20px;
height: 38px;
background-image: url("images/button_green1.png"); background-repeat: no-repeat;
}
/* menu - bez efektu */

#right li.nohov {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px -10px;
}

#right li.hov:hover {background-image: url("images/hover_green.png"); background-repeat: no-repeat;}
#right li a, #right li p {color: #FFFFFF; font-size: 17px; font-weight: bold; display: block;}
#right li:hover a {color: #D0FA00; }

/* stopka */


#bottom { 
 width: 1022px;
 height: 100px;
 clear: both;
 background-color: #F2F2F2;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

	
	.menulist {list-style-type:none}
/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}