/* css reset by Eric A. and Kathryn S. Meyer http://meyerweb.com/eric/tools/css/reset/*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body{
	line-height: 1
}

ul{
	list-style: none
}

blockquote,q{
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after{
	content: '';
	content: none
}

:focus{
	outline: 0
}

ins{
	text-decoration: none
}

del{
	text-decoration: line-through
}

table{
	border-collapse: collapse;
	border-spacing: 0
}

/* /css reset */
body,
html {
	font:11px Verdana, Geneva, sans-serif;
	line-height: 19px;
	color: #c0c0c0;
}
.indexbg{
	background:#34383b url(../images/bg.png) top no-repeat;
	margin: 0 auto;
}
.newsbg{
	background:#34383b url(../images/newsbg.png) top no-repeat;
	margin: 0 auto;
}
.newscz{
	background:#34383b url(../images/newsbg_cz.png) top no-repeat;
	margin: 0 auto;
}
.remeberbg{
	background: #34383b url(../images/remeberbg.png) top no-repeat;
	margin: 0 auto;
}
.powstaniebg{
	background: #34383b url(../images/powstaniebg.png) top no-repeat;
	margin: 0 auto;
}
.historybg{
	background: #34383b url(../images/historybg.png) top no-repeat;
	margin: 0 auto;
}
.nauczycielebg{
	background: #34383b url(../images/nauczycielebg.png) top no-repeat;
	margin: 0 auto;
}
.wladzebg{
	background: #34383b url(../images/wladzebg.png) top no-repeat;
	margin: 0 auto;
}
.kontaktbg{
	background: #34383b url(../images/kontaktbg.png) top no-repeat;
	margin: 0 auto;
}
a {
	color: #969493;
	text-decoration: none;
	font-weight: normal;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -99px;
	width: 960px;
}
.left{
	float: left;
}
h1{
	width: 293px;
	height: 114px;
	float: left;
	margin-top: 65px;
	display: block;
	cursor: pointer;
	background: url(../images/logo.png) top left no-repeat;
}
h1 span,h2 span,h3 span,h4 span{
	display: none
}
#header{
	height: 186px;
	color: #636261;
	font-size: 10px;
	background: url(../images/_header.png) repeat-x;
}
#header .wrapper{
	width: 960px;
	margin: 0 auto;
}
#header .right{
	padding-top: 8px;
	float: right;
}
#header .lang{
	background-color: #34383b;
	padding: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
	color: #ffffff;
}
#header .lang:hover{
	background-color: #4c5053;
}
#wrap{
	width: 960px;
	margin: 0 auto;
}
#nav{
	float:right;
	margin-top: 90px;
}

#stronaglowna, #aktualnosci, #wartowspomniec, #kontakt{
	display: block;
	float:left;
	height: 31px;
	padding-right: 25px;
}

#stronaglowna:hover, #aktualnosci:hover, #wartowspomniec:hover, #kontakt:hover{ 
	background-position: 0 -31px
}

#nav span{
	display: none
}

#stronaglowna{
	width: 108px;
	background: url(../images/pl_menu/stronaglowna.png) no-repeat 0 0;
	float:left
}

#aktualnosci{
	width: 86px;
	background: url(../images/pl_menu/aktualnosci.png) no-repeat 0 0;
	float:left
}

#wartowspomniec{
	width: 134px;
	background: url(../images/pl_menu/wartowspomniec.png) no-repeat 0 0;
	float:left
}

#kontakt{
	width: 61px;
	background: url(../images/pl_menu/kontakt.png) no-repeat 0 0;
	float:left
}
#wrap .content{
	min-height: 450px;
	float: left;
	width: 100%;
	background: url(../images/movie.png) no-repeat 0 0;
	display: block;
}
#wrap .content a{
	float: left;
	margin-top: 127px;
	margin-left: 275px;
	height: 23px;
}
#wrap .informations{
	color: #7c7e7f;
	width: 470px;
	float: right;
	margin-top: 200px;
}
h2.witamy{
	background: url(../images/pl/witamy-wszystkich.png) no-repeat 0 0;
	width: 251px;
	height: 9px;
	padding-bottom: 15px;
}
#wrap .informations p{
	width: 470px;
	padding-left: 25px;
	padding-bottom: 10px;
}
#wrap .informations p span{
	font-weight: bold;
	color: #dcdcdc;
}
div.hr {
  height: 10px;
  background: url(../images/hr.png) no-repeat center;
  display: block;
  padding: 5px;
}
div.hr hr {
  display: none;
}
#footer{
	padding: 20px;
	background: url(../images/footer.png) no-repeat center;
	width: 960px;
	height: 60px;
}
#footer a{
	padding: 20px;
	position: relative;
	top: 20px;
}
#footerwimg{
	padding: 20px;
	width: 960px;
	height: 60px;
}
h2.author{
	background: url(../images/author.png) no-repeat 0 0;
	width: 144px;
	height: 15px;
	margin-top: 10px;
}
#nav ul li{
	display: inline;
}
#pasek{
	width: 445px;
	float: right;
}
#pasek .cytat{
	background: url(../images/pl/aktualnosci-cytat.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 363px;
	height: 83px;
	float: right;
}
#pasek .aktualnoscicz-cytat{
	background: url(../images/pl/aktualnoscicz-cytat.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 349px;
	height: 79px;
	float: right;	
}
#pasek .warto-wspomniec-cytat{
	background: url(../images/pl/wartowspomniec-cytat.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 349px;
	height: 83px;
	float: right;
}
#pasek .powstanie-cytat{
	background: url(../images/pl/powstanie-cytat.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 363px;
	height: 86px;
	float: right;
}
#pasek .guziki-cytat{
	background: url(../images/pl/guziki.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 371px;
	height: 83px;
	float: right;
}
#pasek .powstanie-block{
	width: 363px;
	height: 86px;
	float: right;
	display: none;
	margin-top: 50px;
}
#pasek .kontakt{
	background: url(../images/pl/kontakt.png) no-repeat 0 0;
	display: block;
	margin: 30px 30px 0 0;
	width: 286px;
	height: 42px;
	float: right;
}
#aktualnosci_leftbox{
	width: 247px;
	float: left;
}
#aktualnosci_menu{
	margin-top: 120px;
	min-height: 144px;
	width:  247px;
	padding: 20px;
	background: url(../images/menubottom.png) no-repeat;
	background-position: left bottom
}
#aktualnosci_leftbox h2 {
	background: url(../images/pl/menu_podstrona.png) no-repeat 0 0;
	display: block;
	width: 160px;
	height: 13px;
}
#aktualnosci_leftbox ul li{
	color: #aa9d8a;
	padding: 10px;
	width: 180px;
}
#aktualnosci_leftbox a{
	margin-left: 2px;
}
#aktualnosci_leftbox a:hover{
	color: #e0d7c8;
}
#trescstrony{
	float: right;
	width: 615px;
	margin-top: 130px;
}
h2.dzialalnosc{
	background: url(../images/pl/dzialalnosc.png) no-repeat 0 0;
	display: block;
	width: 337px;
	height: 14px;
	padding-bottom: 10px;
}
h2.czescichpamieci{
	background: url(../images/pl/czescichpamieci.png) no-repeat 0 0;
	display: block;
	width: 155px;
	height: 17px;
	padding-bottom: 10px;
}
h2.powstanie{
	background: url(../images/pl/powstanie.png) no-repeat 0 0;
	display: block;
	width: 411px;
	height: 17px;
	padding-bottom: 10px;
}
#trescstrony p{
	width: 600px;
	padding: 10px 10px 20px 10px;
	color; #838383;
}
#trescstrony span{
	color: #d1d1d1;
	font-weight: bold;
}
h2.ogolnopolskiewiadomosci{
	background: url(../images/pl/ogolnopolskiewiadomosci.png) no-repeat 0 0;
	display: block;
	width: 261px;
	height: 14px;
}
h2.informacjezczestochowy{
	background: url(../images/pl/informacjezczestochowy.png) no-repeat 0 0;
	display: block;
	width: 296px;
	height: 16px;
}
h2.ryshistoryczny{
	background: url(../images/pl/ryshistoryczny.png) no-repeat 0 0;
	display: block;
	width: 382px;
	height: 15px;
	padding-bottom: 10px;
}
h2.prawda{
	background: url(../images/pl/prawda.png) no-repeat 0 0;
	display: block;
	width: 243px;
	height: 17px;
	padding-bottom: 10px;
}
#trescstrony .panelwiadomosci{
	background: url(../images/box_aktualnosci.png) no-repeat 0 0;
	display: block;
	width: 600px;
	height: 30px;
	color: #ffffff;
	padding: 5px;
	margin-top: 20px;
}
#trescstrony .left{
	float: left;
	margin-left: 20px;
}
#trescstrony .right{
	float: right;
	margin-right: 20px;
}
div.clear{
	width: 960px;
	clear: both;
}
h2.rodzinakatynskaczestochowa{
	background: url(../images/pl/rodzinakatynskaczestochowa.png) no-repeat 0 0;
	display: block;
	width: 306px;
	height: 17px;
}



input, textarea {
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    font: 9px/16px Tahoma,Verdana sans-serif;
    outline: 0 none;
    padding: 9px;
    resize: none;
    width: 260px;

 }

textarea {
 width: 300px;
 max-width: 400px;
 height: 150px;
 line-height: 150%;
 }

.form label {
 margin-left: 10px;
 color: #999999;
 }

.submit input {
    background: none repeat scroll 0 0 #617798;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    padding: 9px 15px;
    width: 60px;
 }
 .przycisk{
     background: none repeat scroll 0 0 #617798;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    padding: 9px 15px;
    width: 60px;
	}