body {
  background: url(http://www.malyszomania.psary.pl/gfx/tlo.png) repeat #87c03a;
  text-align: center;
  padding: 0;
  margin: 10px;
  font-family: Tahoma, sans-serif;
  color: #3b3b3b;
}

#page {
  width: 775px;
  margin: 0px auto;
  text-align: left;
}

#page_header {
  height: 150px;
  background: url(http://www.malyszomania.psary.pl/gfx/naglowek.png) no-repeat;
  color: #ffffff;
  padding: 0px 22px 0px 22px;
  text-align: right;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden; /* poprawia buga z poziomym scrollbarem w Operze */
}

#logo {
  position: absolute;
  left: 22px;
  top: 5px;
}

#page_content {
  background: #ffffff;
  color: #000000;
  border: 0px solid white; /* ważne dla IE! */
}

#content_boxes {
  float: left;
  display: block;
  width: 205px;
  margin: 0;
}

#content_main {
  margin-left: 205px;
  margin-right: 10px;
  position: relative;
  zoom: 100%; /* IE magic ;> */
  padding-top: 10px;
  font-size: 12px;
  vertical-align: top;
}

#content_banner {
  text-align: left;
  background: #68B2E7;
  font-size: 10px;  
}

#page_footer {
  
  height: 150px;
  background: url(http://www.malyszomania.psary.pl/gfx/stopka.png) no-repeat;
  color: #000000;
  padding: 0px 22px;
  font-size: 10px;
}

/*===============================================*/
/* TLA GLOBALNE */
/*===============================================*/

.tlo1 {background: url("http://www.malyszomania.psary.pl/gfx/23-tlo1.gif") #e9f9fd repeat-x  top }

.tlo_menu {background: #b8e6f2; height:28px}

.linia_pion1 { background: url("http://www.malyszomania.psary.pl/gfx/23-linia_pion1.gif") repeat-y top center; width:20px; height:100%;}

.linia_poziom1 { background: url("http://www.malyszomania.psary.pl/gfx/23-linia_poziom1.gif") repeat-x top; height:8px }
.linia_poziom2 { background: url("http://www.malyszomania.psary.pl/gfx/23-linia_poziom1.gif") repeat-x bottom; padding-bottom:3px;}

.zalacznki_tlo {border:1px solid #c1f2ff; background-color:transparent;}
.srodek_tlo 	{background-color: #ffffff }
.okno_tlo 	{ background: url("http://www.malyszomania.psary.pl/gfx/cien_g4.gif") #ffffff repeat-x bottom;}
.kolor_sonda {background-color: #d6d6da;}

/*===============================================*/

.clear {
  clear: both;
}

DIV.okno2 { position:relative; }
.okno2 div.rogi_gora { background: #effaff; border-top:1px solid #3ea6c3; height:10px; position:relative; margin: 0px;text-align:left;}
.okno2 div.goraLewyRog{ background: url("http://www.malyszomania.psary.pl/gfx/23-box2_rog1.gif") no-repeat top left; position: absolute;  top: -1px;  left: 0px; width: 10px; height: 11px; overflow: hidden; }
.okno2 div.goraPrawyRog { background: url("http://www.malyszomania.psary.pl/gfx/23-box2_rog2.gif") no-repeat top right; position: absolute; top: -1px; right: 0px; width: 10px; height: 11px; overflow: hidden;}
.okno2 div.rogi_dol { background: #effaff; border-bottom:1px solid #3ea6c3; height:10px; position:relative; margin: 0px;text-align:left;}
.okno2 div.dolLewyRog{ background: url("http://www.malyszomania.psary.pl/gfx/23-box2_rog3.gif") no-repeat bottom left; position: absolute;  bottom: -1px;  left: 0px; width: 13px; height: 13px; overflow: hidden; }
.okno2 div.dolPrawyRog { background: url("http://www.malyszomania.psary.pl/gfx/23-box2_rog4.gif") no-repeat bottom right; position: absolute; bottom: -1px; right: 0px; width: 13px; height: 13px; overflow: hidden;}
.okno2 div.box {  border-left:1px solid #3ea6c3; border-right:1px solid #3ea6c3;background: #effaff; text-align:left;padding:0px 10px 0px 10px;}
.okno2 div.wiecej {  position:relative; display:block; clear:both; margin: 0px 0px 0px 0px; bottom:-10px;left:113px;width:95px;height:17px;z-index:2}
.okno2 ul { padding: 0px 0px 0px 0px; margin: 10px 20px 10px 20px; display:block; clear:both; text-align:left; list-style-type: square; list-style-image: url("http://www.malyszomania.psary.pl/gfx/23-strz1.gif");} 
.okno2 li { padding: 0px 0px 0px 0px; margin: 8px 0px 8px 0px; clear:both; } 
.okno2 li.w { list-style-image: url("strz1w.gif"); clear:both;}
.okno2 a { display:inline; left:-6px;line-height:13px;}

.header1 {
	font-family: Comic Sans MS, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: blue;
	font-weight: bold;
	text-align: left;
}

.box2 {text-align: justify; font-size: 14px; font-family: Comic Sans MS, Arial, Verdana, Geneva, Helvetica, sans-serif; border-top:1px solid #3ea6c3; border-bottom:1px solid #3ea6c3; background: url("http://www.malyszomania.psary.pl/gfx/box_tlo1.gif") #effaff repeat-x top; padding:6px;}
.tlo1 {background: url("http://www.malyszomania.psary.pl/gfx/tlo.gif") #ffffff repeat-x top }
.naglowek {background: url("http://www.malyszomania.psary.pl/gfx/top.jpg") lightyellow repeat-x top }
.imieniny {background: url("") #FFEB81 repeat-x top }
.menu_lewe {background: url("") #6495ED repeat-x top }
.menu_gorne {background: url("") #6495ED repeat-x top }
.menu_prawe {background: url("") #6495ED repeat-x top }
.stopka {background: url("http://www.malyszomania.psary.pl/gfx/stopka.gif") top }

img {
		border: 0;
}

A {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 8pt;
        font-variant: normal;
        font-stretch: normal;
        color: #000000;
        text-decoration: none;
}

A:LINK {
        color: black;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        font-stretch: normal;
        text-decoration: none;
}

A:VISITED {
        color: black;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        font-stretch: normal;
        text-decoration: none;
}

A:HOVER {
        color: blue;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        font-stretch: bold;
        text-decoration: none;
}

A:ACTIVE {
        color: black;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        font-stretch: bold;
        text-decoration: none;
}

.menu1 a:link
{
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	letter-spacing: 1px;
}

.menu1 a:visited
{
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	letter-spacing: 1px;
}

.menu1 a:hover
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	letter-spacing: 1px;
}

.menu1 a:active
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	letter-spacing: 1px;
}

.ramka_1 {
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 0.5px;
	display: block;
	margin: 1em 0;
	color: #033;
	background: #eff url("ramka_1.gif") no-repeat 2px 2px;
	padding: 10px 10px 10px 10px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #088;
}

.ramka_2 {
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 0.5px;
	display: block;
	margin: 1em 0;
	color: #300;
	background: #fee url("ramka_2.gif") no-repeat 2px 2px;
	padding: 10px 10px 10px 10px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #800;
}

.przyklad {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #060;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	border-left: 1em solid #060;
	padding-left: 5px;
}

.tytul {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: blue;
	font-weight: bold;
	text-align: center;
}

.tytul_2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: blue;
	font-weight: bold;
	text-align: center;
}

.tytul_3 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: blue;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

.tekst {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	text-align: justify;
	letter-spacing: 0.5px;
	line-height: 1.5;
}

.motto_1 {
	font-family: Verdana;
	font-size: 14px;
	color: lightyellow;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.8px;
	line-height: 1.2;
}

.motto_2 {
	font-family: Verdana;
	font-size: 18px;
	color: lightyellow;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.8px;
	line-height: 1.2;
}

.top_1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 26px;
	color: #05903d;
	font-weight: bold;
	text-align: left;
}

.top_2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 26px;
	color: black;
	font-weight: bold;
	text-align: left;
}

/* ========== NEWSY ========== */
.news-tytul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #0099CC;
}

.link-glowna {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #0099CC;
}
/* ========== KONIEC NEWSY ========== */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}

.menu-tytul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #0099CC;
}

.menu-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.glowna-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.glowna-tytul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006666;
}

.td-menu-prawa {
	border-top: none;
	border-right:1px #666666 dashed;
	border-bottom: none;
	
	
}

.td-menu-lewa {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left:1px #666666 dashed;
	background-image: url(gfx/middle_menu.gif);
	background-repeat: repeat-y;
}

.td-menu-gora {
	border-top:1px #666666 dashed ;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: url(gfx/middle_menu.gif);
	background-repeat: repeat-y;
}

.td-menu-dol {
	border-top: none;
	border-right: none;
	border-bottom:1px #666666 dashed;
	border-left: none;
	background-image: url(gfx/middle_menu.gif);
	background-repeat: repeat-y;
}

.komorka1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: Green;
	cursor: hand;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-top: solid;
	border-right: solid;
	border-bottom: solid;
	border-left: solid;
	border-top: #929292;
	border-right: #929292;
	border-bottom: #929292;
	border-left: #929292;
}

.komorka2 {
	BORDER-BOTTOM: #b7b7b7 1px solid;
	BORDER-LEFT: #b7b7b7 1px solid;
	BORDER-RIGHT: #b7b7b7 1px solid;
	BORDER-TOP: #b7b7b7 1px solid;
	
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-ALIGN: left;
	height: 20px;
	display: inline;
}

.komorka3{
	BORDER-BOTTOM: #929292 1px solid;
	BORDER-LEFT: #929292 1px solid;
	BORDER-RIGHT: #929292 1px solid;
	BORDER-TOP: #929292 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	background-color: #FFF7EA;
	height: 20px;
	margin-left: 5px;
	background-position: center;
	cursor: hand;
	padding-left: 10px;
}

.form { 
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif ; 	background-color: #FFFFFF; 	border: 1px solid #44676F; 
	font-size: 13px; 	color: #000000; 	text-decoration: none ; 	scrollbar-base-color : #DDDDDD}

TR.dwa { 
       background-color: #fafafa;
       }

TD { 
   font-family: "Verdana", "Arial","Arial CE","Helvetica"; 
   font-size: 8pt;  
   background-repeat: repeat-x
   }
   
TD.news {
   font-size: 9pt;
   }

TD.stopka { 
          color: #aaaaaa
          }
          
.tresc {
   font-size: 15pt;
   }

.alert { 
       font-family: "Verdana", "Arial","Arial CE","Helvetica"; 
       font-size: 18pt; font-weight: bold; 
       color: #ff0000
       }
.head { 
      font-family: Verdana, Arial, "Arial CE", Helvetica, Tahoma; 
      font-size: 14px; 
      font-weight: normal;
      color: #556B2F; 
      letter-spacing: -1px
      }
      
H1 {
      font-family: "Verdana", "Arial","Arial CE","Helvetica";
      font-size: 18px;
      font-weight: normal;
      color: #336699;
      letter-spacing: -1px
      }

.bodytext { 
          font-family: "Verdana", "Arial","Arial CE","Helvetica"; 
          font-size: 8pt; 
          color: #000000
          }
          
INPUT { 
      background-color: #57b180; 
      border-width: 1; 
      border-color:#bbbbbb; 
      color:#FFFFFF;
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 8pt; 
      text-decoration:none; 
      }


TEXTAREA { 
         background-color: #fafafa; 
         border-width: 1; 
         border-color:#bbbbbb; 
         color:#000000; 
         font-family: Verdana, Arial, Helvetica, sans-serif; 
         font-size: 9pt; 
         text-decoration:none; 
         }

SELECT { 
       background-color: #fafafa; 
       border-width: 1; 
       border-color:#bbbbbb; 
       color:#000000; 
       font-family: Verdana, Arial, Helvetica, sans-serif; 
       font-size: 9pt; 
       text-decoration:none;
}