/* CSS Document */

body {background-color: #ffffff; text-align:center; font-family: Helvetica, Arial,sans-serif; font-size: 10pt; color: #70874f; font-weight: normal;}

/* niebieskawy ...#17679c; */
/* zielonkawy ... #70874f; */
/* lekki różowy ... #e59ec6  */

h1 {font-size: 9px; color: #9b9b9b;}
h2 {margin-left: 20px; color: #388a34; font-family:Comic Sans MS; font-size: 16pt;}
div {border: 0px solid gray; }
a {font-size: 9pt; color: #0033CC; text-decoration: none;}
h4 {margin-left: 20px;}


/*HEDER*/
div.header {width:960px; height:200px; background-image:url('../images/backgrounds/header_ok3.jpg'); background-repeat: no-repeat; margin:0 auto; border: 0px solid gray;} 
div.header_image {float:left; width: 348px; height:198px; background:url(''); border: 0px solid gray; background-repeat: no-repeat;}
div.header_logo {float:right; width: 608px; height:198px; background:url(''); background-repeat: no-repeat; border: 0px solid gray;}

div.cytat {float: left; width: 270px; padding-top: 60px; border: 0px solid gray; font-style: italic; font-family: Comic Sans MS; font-weight: bold; color: #388a34; font-size: 13px; text-align: right;}
div.logo {float: right; padding-top: 0px; width: 300px; height: 160px;}

/* MAIN WINDOW */
div.main_window { background-color: #ffffff; height:auto; width:888px; margin:0 auto; border: 0px solid black; font-family:Comic Sans MS; padding-bottom: 30px;}

div.newsy_main {margin:0 auto; float:left; width:202px; text-align: left; border: 0px solid black; font-family:Comic Sans MS; font-size: 9pt;}
a.link_news {font-family:Comic Sans MS; font-size: 9pt;} 

h3.h3_left {margin-right: 10px; font-size: 13pt; text-decoration: underline; color: #bc6495;}

h3.h3_right {margin-left: 10px; font-size: 13pt; text-decoration: underline; color: #bc6495;}
 
div.navigation_window_left {margin:0 auto; padding-top: 40px; padding-bottom: 10px; float:left; width:206px; text-align: right;  border: 0px solid black;}
div.navigation_window_left ul {list-style-type: none; margin: 0px auto; margin-left: 10px; padding: 0px; padding-right: 4px; border-right: 1px solid #dddddd; background:url('../images/backgrounds/left_menu_background2.gif'); background-repeat: no-repeat;}
div.navigation_window_left li { padding-top: 1px; display:block; height: 24px; }

div.navigation_window_left ul#strona_glowna_ul {list-style-type: none; margin: 0px auto; margin-left: 10px; padding: 0px; padding-right: 4px; border-right: 0px solid #dddddd;}
div.navigation_window_left a#strona_glowna {display: block; padding-top: 2px; padding-bottom: 4px; padding-right: 10px; font-family:Comic Sans MS; font-size: 11px; color: #bc6495; font-weight: bold;}
div.navigation_window_left a#strona_glowna:hover {display: block; padding-top: 2px; padding-bottom: 4px; padding-right: 10px; font-weight: bold; color: #bc6495; text-decoration: underline;}

div.navigation_window_left a.nav_vbutton_left {display: block; padding-top: 2px; padding-bottom: 4px; padding-right: 10px; font-family:Comic Sans MS; font-size: 11px; color: #bc6495; font-weight: bold;}
div.navigation_window_left a.nav_vbutton_left:hover {display: block; padding-top: 2px; padding-bottom: 4px; padding-right: 22px; background:url('../images/backgrounds/button_left_background.gif'); background-repeat: no-repeat; background-position: bottom right; font-weight: bold; color: #bc6495;}

div.navigation_window_right {margin:0 auto; padding-top: 40px; padding-bottom: 10px;  float:right; width:186px; text-align: left;  border: 0px solid black;}
div.navigation_window_right ul#dla_rodzicow {list-style-type: none; margin: 0px auto; margin-right: 10px; padding: 0px; padding-left: 4px; border-left: 1px solid #dddddd; background:url('../images/backgrounds/right_menu_upper_background.gif'); background-repeat: no-repeat;}
div.navigation_window_right ul#galerie {list-style-type: none; margin: 0px auto; margin-right: 10px; padding: 0px; padding-left: 4px; border-left: 1px solid #dddddd; background:url('../images/backgrounds/right_menu_lower_background.gif'); background-repeat: no-repeat;}
div.navigation_window_right li { padding-top: 1px; display:block; height: 24px;}

div.navigation_window_right a.nav_vbutton_right {display: block; padding-top: 2px; padding-bottom: 4px; padding-left: 10px; background:url(''); background-repeat: no-repeat; font-family:Comic Sans MS; font-size: 11px; color: #bc6495; font-weight: bold;}
div.navigation_window_right a.nav_vbutton_right:hover {display: block; padding-top: 2px; padding-bottom: 4px; padding-left: 22px; background:url('../images/backgrounds/button_right_background.gif'); background-repeat: no-repeat; background-position: bottom left; font-weight: bold; color: #bc6495;}
div.navigation_window_right a.nav_vbutton_right_galeria {display: block; padding-top: 2px; padding-bottom: 4px; padding-left: 10px; background:url(''); background-repeat: no-repeat; font-family:Comic Sans MS; font-size: 11px; color: #bc6495; font-weight: bold;}
div.navigation_window_right a.nav_vbutton_right_galeria:hover {display: block; padding-top: 2px; padding-bottom: 4px; padding-left: 22px; background:url('../images/backgrounds/button_right_background_galeria.gif'); background-repeat: no-repeat; background-position: bottom left; font-weight: bold; color: #bc6495;}

/*KONTENT*/

div.kontent_window {float: left; width:464px; text-align: left; padding: 10px 10px 0px 20px; border: 0px solid black;}
div.kontent_window ul.ul_aktualnosci {list-style-position: inside;} 
div.kontent_window li.li_aktualnosci {list-style-image: url('../images/backgrounds/motylek_lista.gif'); padding-top: 3px;}

div.left_image_kontent {text-align: left;}
div.left_image_kontent img { float: left; margin: 5px; border: 0px solid gray; }
div.right_image_kontent {text-align: right;}
div.right_image_kontent img { float: right; margin: 5px; border: 0px solid gray; }

div.right_image_kontent_left {text-align: left;}
div.right_image_kontent_left img { float: right; margin: 5px; border: 0px solid gray; }

/*FOOTER*/
div.footer { background-image: url('../images/backgrounds/stopka_background111.gif'); 
				 background-repeat: no-repeat; 
				 background-position: top center;
				 color: #9b9b9b;
				 font-size: 9px; 
				 clear:both; 
				 position:relative; 
				 margin:0px auto;
				 padding-top: 5px;
				 padding-bottom: 10px; 
				 height: 20px; 
				 width:450px; 
				 border-top: 1px solid #dddddd;} 

div.footer a {font-size: 9px; color: #9b9b9b;}
div.footer a:hover {font-size: 9px; color: #9b9b9b;}