@CHARSET "UTF-8";

/* =============================================
 * Ustawienia globalne
 * ============================================= 
 */

body {
	margin       : 0px;
	padding      : 0px;
  font-family  : Arial, Trebuchet, Helvetica, Sans-Serif;
	font-size    : 11px;
	color        : #404040;
	background   : #e9e9e9 url(../img/bg_page.jpg) repeat-x;
	text-align   : center;
}
img {
	border: none;
	margin: 0px; 
	padding: 0px;
}
a {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #723183;
	text-decoration: none;
}

/* ul, li, */
form, div, p {
	font-family: Arial, Trebuchet, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0px; 
	padding: 0px;
}

.clr {
	clear: both;
}

#bodyPage {
	margin: 0 auto;
	display: block;
	/* width: 980px; */
	overflow: hidden;
	/* border: 1px #C00 solid; */
}
#topPage
{
	margin: 0 auto;
	display: block;
	width: 980px;
	height: 215px;

}

#logo
{
	display: block;
	float: left;
	width: 362px;
	height: 215px;
}
#logo_sep
{
	display: block;
	float: left;
	width: 1px;
	height: 215px;
	background: url(../img/logo_bg.jpg) 100% 0% no-repeat;
}

#menu
{
	display: block;
	float: left;
	width: 615px;
	height: 215px;
}
#menu_top
{
	display: block;
	width: 615px;
	height: 115px;
  color: rgb(187,187,187);
	text-align: right;
}
#menu_top p
{
  color: rgb(187,187,187);
  margin: 0px;
	text-align: right;
}
#menu_top p a
{
  color: rgb(187,187,187);
  text-decoration: none;
}

#menu_poz
{
	display: block;
	width: 615px;
	height: 100px;
}

#content
{
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 46px;
	display: block;
	width: 980px;
	overflow: hidden;
	/* border: 1px #000 solid; */
	background: url(../img/content_bg.gif) 364px 0px repeat-y;
}

#content2
{
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 46px;
	display: block;
	width: 980px;
	overflow: hidden;
	/* border: 1px #000 solid; */
	background: url(../img/bg_tekst.png) 100% 100% no-repeat;
}



#tytul
{
	display: block;
	width: 501px;
	height: 73px;
	margin-left: 40px;
  overflow: hidden;
  background: url(../img/kropki.gif) 0px 72px no-repeat;
}
#tytul2
{
	display: block;
	width: 285px;
	height: 73px;
	text-align: left;
  margin-left: 50px;
  overflow: hidden;
  background: url(../img/kropki_s.gif) 0px 72px no-repeat;
}
#icon
{
	display: block;
	float: left;
	width: 55px;
	height: 72px;
	background: url(../img/icon_tytul.jpg) no-repeat;
}
#title
{
	display: block;
	float: left;
	text-align: left;
	height: 72px;
}
#title_first
{
	display: block;
	margin-top: 25px;
	color: #5a0a2d;
	font-weight: bold;
	margin-left: 0px;
	font-size: 16px;
	text-align: left;
}
#title_second
{
	display: block;
	color: #723181;
	text-align: left;
	margin-left: 0px;
}

#tresc 
{
	display: block;
	width: 501px;
	margin-left: 40px;
	margin-top: 10px;
	/* min-height: 557px; */
	/* height:  !important 557px; */
	color: #404040;
	line-height: 18px;
	font-size: 11px Tahoma;
	text-align: justify;
  overflow: hidden;
}

#stopka
{
	display: block;
	width: 501px;
	margin-left: 40px;
	margin-top: 10px;
	color: #580b2b;
	font-weight: 900;
  overflow: hidden;
	text-align: left;
  background: url(../img/kropki.gif) no-repeat;
}
#stopka span
{
  display: block;
  float: left;
	font-weight: 900;
	margin: 5px;
}
#stopka a
{
	color: #580b2b;
	font-weight: 900;
	text-decoration: none;
}

#left 
{
	display: block;
	float: left;
	width: 365px;
}


#right 
{
	display: block;
	float: left;
	width: 615px;
}

.NewsRows {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	overflow: hidden;
	/* border-bottom: 1px #626262 dotted; */
	background: url(../img/kropki.gif) 0% 100% no-repeat;
}
.FotoNews {
	float: left;
	border: 0px #222423 solid;
	width: 100px;
	height: 100px;

}
.ContentNews {
	float: right;
	width: 395px;
	margin-bottom: 10px;
	overflow: hidden;
}
.ContentNews2 {
	float: right;
	width: 460px;
	overflow: hidden;
	border: 1px #000 solid;
}
.DateDayNews {
	float: left;
	width: 34px;
	height: 18px;
	background-color: #723183;
	color: #FFFFFF;
	text-align: center;
}
.DateMounthNews {
	float: left;
	width: 34px;
	height: 18px;
	background-color: #727272;
	color: #FFFFFF;
	text-align: center;
}
.DateYearNews {
	float: left;
	width: 34px;
	height: 18px;
	background-color: #d5d5d5;
	color: #4e4e4e;
	text-align: center;
}
.SubjectNews {
	float: left;
	color: #723183;
	padding-top: 1px;
	padding-left: 5px;
	font-weight: bold;
}
.LidoNews {
	float: right;
	margin-top: 3px;
	width: 395px;
	color: #363636;
	text-align: justify;
}
.LidoNews a {
	color: #723183;
	text-decoration: none;
}
.LidoNews2 {
	float: right;
	margin-top: 3px;
	width: 460px;
	color: #363636;
	text-align: justify;
}
.LidoNews2 a {
	color: #723183;
	text-decoration: none;
}
.TextNews {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: left;
	overflow: hidden;
  padding-bottom: 10px;
	border-bottom: 1px #626262 dotted;
}

.backNews {
	display: block;
	margin: 3px;
	height: 25px;
	color: #868686;
	text-decoration: none;
}
.archiveNews {
	display: block;
	margin: 3px;
	height: 25px;
	color: #868686;
	text-decoration: none;
	text-align: right;
}

.fotoRow
{
  display: block;
}

.foto
{
  display: block;
  float: left;
  width: 145px;
  height: 165px;
  padding: 5px;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 2px;
  border: 1px #aaaaaa solid;
  background-color: #ffffff;
}
.foto p
{
  /* text-align: left; */
}

.fotoRow2
{
  display: block;
  text-align: left;
  margin-left: 45px;
  padding-bottom: 15px;
  margin-bottom: 25px;
  background: url(../img/kropki_s.gif) 7px 100% no-repeat;
  
}
.foto2a
{
  margin-left: 5px;
  color: #d53855;
}
.foto2a:hover
{
  color: #d53855;
}

.foto2span
{
  display: block;
  margin: 5px;
  font-weight: 900;
  color: #330a42;
}

.foto2
{
  display: block;
  width: 279px;
  padding: 5px;
  margin: 5px;
  padding-bottom: 2px;
  text-align: center;
  border: 1px #aaaaaa solid;
  background-color: #ffffff;
}

/*=====================================================================
Formularz kontaktowy
=====================================================================*/
#FormContact {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 480px;
	text-align: left;
	overflow: hidden;
}
#FormContactName {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-left: 20px;
	height: 28px;
	text-align: left;
}
#FormContactName strong {
	display: block;
	margin-left: 15px;
	padding-top: 7px;
	color: #515151;
	border: 0px #cc0000 solid;
}
.formRow {
	display: block;
	margin: 2px;
	width: 480px;
	overflow: hidden;
}
.formName {
	float: left;
	width: 70px;
	margin-top: 4px;
}
.formFiled {
	float: left;
	width: 206px;
}
.formError {
	float: left;
	width: 170px;
	padding-left: 5px;
	color: #CC0000;
	margin-top: 4px;
}
.formError2 {
	float: left;
	width: 480px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #CC0000;
	margin-top: 4px;
}
.formToken {
	float: left;
	margin: 2px;
	border: 1px #4B4B4B solid;
}
.inputbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px #717171 solid;
	width: 200px;
	margin: 2px;
}
.inputbox2 {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px #717171 solid;
	width: 200px;
	height: 150px;
	margin: 2px;
}
.inputbox3 {
	font-family: Verdana;
	font-size: 11px;
	color: #4B4B4B;
	background: #FFFFFF;
	border: 1px #4B4B4B solid;
	width: 50px;
	margin: 1px;
	margin-top: 5px;
	padding: 1px;
}
.inputbox3:hover {
	background: #F5F5F5;
}
.inputbox4 {
	font-family: Verdana;
	font-size: 11px;
	color: #4B4B4B;
	background: #FFFFFF;
	border: 1px #4B4B4B solid;
	width: 105px;
	margin: 2px;
	padding: 2px;
}

/*=====================================================================
Pagginacja
=====================================================================*/
#stronicowanie 
{
	display: block;
	overflow: hidden;
}

#stronicowanie a 
{
	float: left;
  width: 14px;
  margin: 1px;
  color: rgb(187,187,187);
  text-decoration: none;
  text-align: center;
 	border: 1px solid rgb(187,187,187);
}

#stronicowanie a:hover 
{
  background: #FFFFFF;
  color: rgb(187,187,187);
}

#StronicowanieActive 
{
	float: left;
  color: #FFFFFF;
  width: 14px;
  margin: 1px;
  background: rgb(187,187,187);
  font-weight: bold;
  text-align: center;
 	border: 1px solid rgb(187,187,187);
}