* { font-family: Verdana, Trebuchet, Helvetica, Sans-Serif; }

html {
  height: 100%;
  min-height: 100%;
  font-size: 11pt; 
  border: 0;
  margin: 0;
  padding: 0;  
}

body {
  border: 0;
  margin: 0;
  padding: 0;
  color: #000000;
  height: 100%;
  min-height: 100%;
  background: #ffffff url('../gfx2/bg_body.jpg') repeat-x;  
}


img {
  border: 0px;
}

div {
  border: 0;
  margin: 0;
  padding: 0;
}

#info {
  position: absolute;
  left: 430px;
	top: 300px;
	height: 30px;
	width: 400px;
	font-size: 8pt;
	color: #6c3600;
}

#frame {
  position: relative;
	height: auto;
	padding: 10px;
	width: 670px;
	margin: 0 auto 0 auto;
	border: 1px solid green;
}

#special {
  position: absolute;
  left: 470px;
	top: 60px;
	height: 45px;
	width: 200px;
	font-size: 14pt;
	color: navy;
	background: white;
	text-align: center;
	padding: 5px;
	padding-top: 4px;
	border: 1px solid navy;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border-shadow: 2px 2px 2px #909090;
	-moz-box-shadow: 2px 2px 2px #909090;
	-webkit-box-shadow: 2px 2px 2px #909090;		
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ffffff,  #c0c0c0); /* for firefox 3.6+ */ 	
	
}

#special a {
  color: navy;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px #ffffff;	
}

#special a:hover {
  color: #4a4a4a;
}


#container {
  height: auto;
  min-height: 300px;
  width: 790px;
  margin: 0 auto 0 auto;
  position: relative;
  background: #ffffff;  
}

#top {
  width: 790px;
  height: 120px;
  position: relative;
  background: #ffffff url('../gfx/top.jpg');
}

#kids {
  width: 790px;
  height: 170px;
  position: relative;
  background: #ffffff url('../gfx/bg_kids.jpg') no-repeat;
  background-position: right;
}

#menu {
  width: 240px;
  height: 170px;
  position: relative;
  background: #ffffff;
}

.menu_move {
  width: 240px;
  height: 34px;
  position: relative;
  overflow: hidden;
}

.menu_move a:hover {
  left: -240px;
  position: relative;
}

#blue {
  width: 790px;
  height: 44px;
  position: relative;
  background: #ffffff url('../gfx/bg_blue.jpg');
}

#welcome {
  width: 790px;
  height: 10px;
  position: relative;
  background: #ffffff url('../gfx/bg_main.jpg');	
}

.bricks {
  width: 790px;
  height: 150px;
  position: relative;
  background: #ffffff;
}

#menu_bottom {
  clear: both;
  width: 810px;
  height: 46px;
	margin: 0 auto 0 auto;
  position: relative;
}

.box {
  width: 730px;
  height: auto;
	min-height: 30px
  position: relative;
  background: #f5ebc5;
	margin: 0 auto 0 auto;
}

#footer {
  width: 790px;
  height: 15px;
  position: relative;
  background: #ffffff url('../gfx/bg_bottom.jpg');
}

#content {
  width: 768px;
  left: 22px;
  height: auto;
  min-height: 300px;
  position: relative;
  background: #ffffff url('../gfx/bg_main.jpg');
  background-position: -22px;
  border-bottom: solid 1px #d2d2a6;
}


#back {
  width: 768px;
  left: 22px;
  height: 20px;
  position: relative;
  background: #ffffff url('../gfx/bg_main.jpg');
  background-position: -22px;
  border-bottom: solid 1px #d2d2a6;
	text-align: center;
}

#back a {

  font-family: trebuchet ms;
  font-size: 9pt;
  font-style: normal; 
  font-weight: normal;  
  color: #2c70ba;
	text-decoration: none;
}

#back a:hover {  
  color: #db2424;
	text-decoration: none;
}


#podmenu {
  left: 410px;
  width: auto;
	min-width: 10px;
	top: 3px;
  height: 28px;
  position: absolute;
  border: solid 1px #d2d2a6;
	padding: 0;
}

#podmenu h1 {
  margin: 0;
  padding: 0px;
	padding-top: 3px;
  font-family: trebuchet ms;
  font-size: 13pt;
  font-style: normal; 
  font-weight: bold;  
  color: black;
  text-align: left;
}

#podmenu h1 a {
  margin: 0;
  padding: 4px;
  padding-left: 12px;
  padding-right: 12px;	
  font-family: trebuchet ms;
  font-size: 11pt;
  font-style: normal; 
  font-weight: normal;  
  color: black;
  text-align: left;
	text-decoration: none;
  border-right: solid 1px #d2d2a6;
}

#podmenu h1 a:hover {
  text-decoration: underline;
	background: #fdf9ea;
}


.gal {
margin: 7px;
border: solid 2px #d2d2a6;
}

.gal:hover {
margin: 7px;
border: solid 2px #2c70ba;
}

#wel {
  width: 740px;
  left: 22px;
  height: auto;
  min-height: 300px;
  position: relative;
	padding: 20px;
}

.kwota_b {
  font-weight: bold;
	width: 50px;
	text-align: center;
}


p, #wel p, #wel h1 {
  margin: 0;
  padding: 28px;
  padding-bottom: 10px;
  padding-top: 0;
  font-family: trebuchet ms;
  font-size: 12pt;
  font-style: normal; 
  font-weight: normal;  
  color: black;
  text-align: justify;
}	

#wel p {
  color: #0052a4
}

#wel h1 {
  color: #0052a4;
	text-align: center;
	font-weight: bold;
}


p b {

  font-family: trebuchet ms;
  font-size: 12pt;
  font-weight: bold;
}

p a {
  font-family: trebuchet ms; 	
  color: black;  
	text-decoration: underline;
}

p a:hover {
  font-family: trebuchet ms; 
  color: #db2424;  
	text-decoration: underline;
}

p span, #wel p span {
  font-family: trebuchet ms;
  font-size: 12pt;
  font-weight: bold;
	color: #db2424;
}

h1 {
  margin: 0;
  padding: 3px;
  padding-left: 27px;
  font-family: trebuchet ms;
  font-size: 19pt;
  font-style: normal; 
  font-weight: bold;  
  color: #2c70ba;
  text-align: left;
}



hr {
  width: 768px;
  color: c0c0c0;
  height: 0px;
  border: 1px dotted c0c0c0; border-style: none none dotted;
}

	
h2 {
  margin: 0;
  padding: 0;
  padding-top: 10px;
	padding-bottom: 10px;
  font-family: trebuchet ms;
  font-size: 13pt;
  font-style: normal; 
  font-weight: bold;  
  color: #db2424;
  text-align: center;
}

h2 span {
  margin: 0;
  padding: 0;
  margin-left: 10px;
  font-family: verdana;
  font-size: 8pt;
  font-style: normal; 
  font-weight: normal;  
  color: #808080;
  text-align: left;
}

h3, h3 u {
  margin: 0;
  padding: 28px;	
  padding-top: 0px;
	padding-bottom: 4px;
  font-family: trebuchet ms;
  font-size: 12pt;
  font-style: normal; 
  font-weight: bold;  
  color: black;
  text-align: left;
}

h3 span {
 color: red;
}

h3 u {
 padding: 0;
 text-decoration: underline;
  color: #db2424; 
}

h4, h4 a {
  margin: 0;	
  padding-top: 0px;
  font-family: trebuchet ms;
  font-size: 14pt;
  font-style: normal; 
  font-weight: bold;  
  color: black;
  text-align: left;
}

h4 span {
  font-weight: normal;
	font-size: 12pt;
}

h6 {
  margin: 0;
  padding: 0;
  font-family: trebuchet ms;
  font-size: 8pt;
  font-style: normal; 
  font-weight: normal;  
  color: black;
  text-align: center;
}

input.in {
	background: #ffffff repeat 0% 0%; 
	border: black 1px solid; 
	color: black; 
	font-family: verdana; 
	font-size: 9pt; 
	font-weight: normal; 
	text-align: left; 
	text-decoration: none;
	}
	
	table, td, tr {
	margin: 0 auto 0 auto;
	vertical-align: top;
	}
	
	td, tr {
		border: dotted 1px #c0c0c0;
		padding:10px;		
	}
	
	table {
		width: 600px;
		height: 200px;
	}
	
ul {
list-style-image: url('../gfx/cube.png');
}	
	
	
li {
font-family: trebuchet ms;
margin-left: 30px;
padding-left: 0px;
padding-bottom: 5px;
}	

li b {
  font-family: trebuchet ms;
}

li span {
  font-family: trebuchet ms;
  font-size: 12pt;
  font-weight: bold;
	color: #db2424;
}

li h6 {
margin-left: 340px;
width: 300px;
text-align: left;
	display: block;
	margin-top: -19px;
	left: 300px;
	font-size: 12pt;
}

li h6.normal {
margin-left: 0px;
text-align: left;
font-size: 12pt;
margin-top: 5px;
margin-bottom: 10px;
width: 600px;	
}


li a {
  font-family: trebuchet ms; 	
  color: black;  
	text-decoration: underline;
}

li a:hover {
  font-family: trebuchet ms; 
  color: #db2424;  
	text-decoration: underline;
}

td a {
  font-family: trebuchet ms; 	
  color: black;  
	text-decoration: underline;
}

td a:hover {
  font-family: trebuchet ms; 
  color: #db2424;  
	text-decoration: underline;
}

td span {

  font-size: 8pt;

}

td.head {
 text-align: center;
 font-family: trebuchet ms; 
 font-size: 17px;
 font-weight: bold;
  color: #db2424;
 background: white;	
}

td.yellow {
 text-align: center;
 font-family: trebuchet ms; 
 font-size: 13px;
 background: yellow;
}

td.orange1 {
 text-align: left;
 font-family: trebuchet ms; 
 font-size: 13px;
 background: #fbc404;

}

td.orange2 {
 text-align: left;
 font-family: trebuchet ms; 
 font-size: 13px;
 background: #f1910e;

}

td.orange3 {
 text-align: left;
 font-family: trebuchet ms; 
 font-size: 13px;
 background: #ff7533;

}

td.col1 {
 text-align: left;
 font-family: trebuchet ms; 
 font-size: 13px;
 background: #ff7533;

}

#klocki {
 position: absolute;
 left: 420px;
 top: 2px;
 width: 300px;
 height: 38px;	
}

#klocki img {
padding-right: 5px;
}