body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;}

body {
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #000;
        background: #e8e8e8;
}

a, a:visited {text-decoration: none; color: #ff6600}
a img {border: 0;}

.bold {font-weight:bold;}
.italic {font-style: italic;}

.left {float:left}
.right {float:right}
.clear {clear: both;}


h1.title,
h1.title2 {
  width:669px;
  height:28px;
  float: left;
  margin: 0px 0px 15px -20px;
  padding: 7px 0px 0px 0px;  
  font-size:15px;
  line-height: 120%;
  background:  url(../images/bgr/h1Title.gif) top left repeat-x;
  color: #fff;
}
    h1.title span,
    h1.title2 span {
      display: block;
      float: left;
      margin: 0px 16px 0px 7px;
      padding: 0px 4px 0px 4px;
      color: #fff;
     
    }

    

h1.subpageTitle {
  width:651px;
  
  float: left;
  margin: -1px 0px 15px -21px;
  padding: 14px 0px 0px 20px;
  color: #ff8400;
  font-size:15px;
  line-height: 120%;
  border-top: 3px solid #e17701;

}

h1.title2 {width: 620px; height: 22px; margin: 0; padding: 7px 0px 0px 0px; background-image: none; background: #ff8500; font-size: 13px;}

p.date {font-size:10px; color: #4eb0ed;}


#all {width:900px; margin: auto; text-align: left; padding: 0px 10px 0px 10px; background: #fff}
#all2 {width:900px; margin: auto; text-align: left; padding: 0px 10px 0px 10px;}
#borderTop {width:900px; border-top: 4px solid #e37502; padding: 15px 0px 0px 0px;}
#page {width:900px; margin: 0px;}

#intro {width:900px; margin: 61px 0px 10px 0px; background: none;}


#all:after,
#top:after,
#topNav:after,
#page:after,
#menuBox:after,
#newsletter:after ,
#bottom:after,
#pathSearch:after,
#mainContent:after,
.att:after,
.gallery:after,
.paginationLinks:after,
.textPreface:after,
.textContent:after
{content: "."; display:block; height: 0; clear:both; visibility:hidden;}

.greyBox {padding: 10px; background: #f2f2f2; border: 1px solid #e2e2e2;}


/*-------------------------------------------------------*/
/* -- top --*/
div#top {width:900px; float: left;}

#searchForm {float:left; margin-bottom: 15px;}
#searchForm input#keyword {width:160px; background: #e8e8e8; border: solid #d0d0d0; border-width: 1px 0px 0px 1px;}


div#top img {float:left;}
div#topNav {float:right; margin: 2px 9px 0px 0px;}

div#upNav {float:right; margin: 0px 11px 0px 10px; color: #ff8300; }
 div#upNav a, div#upNav a:visited {color: #ff8300; padding: 0px 5px 0px 5px;}
 div#topNav img {float: right;}
/* -- end - top --*/
/*-------------------------------------------------------*/
/* -- left --*/

#mainLeft {width:220px; float: left; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#menuBox {margin-bottom: 10px;}
/*
#menu {width:190px; float: left; padding: 7px 0px 7px 10px; list-style: none; background: #045baa url(../images/bgr/menu.gif) repeat-y;border: solid #0e3c92; border-width: 5px 0px 5px 0px;}
#menu a {display:block; width:191px; height:14px; clear: both; padding: 1px 0px 4px 0px; background: url(../images/bgr/menuItem.gif) bottom left no-repeat;}

   #menu li {position: relative; display: block; float: left; }
   #menu li,
   #menu a,
   #menu a:visited
   {font-size: 10px; color: #fff;}
   #menu a {display: block; float:left;}

   #menu  li:hover,
   #menu a:hover {color:#fff;}

   #menu a img.raquo {float:right; margin: -13px 10px 0px 0px;}

*/
	/* second level */
    /*
	#menu ol {position:absolute; top: 0px; left: 191px; display: none; width: 190px; padding: 0px 0px 0px 10px; list-style: none; background: #045baa url(../images/bgr/menu.gif) repeat-y;}
	#menu li:hover ol {display: block;}

	#menu ol li {height: auto; width: 190px; float: left; margin: 0; padding:0; background: url(../images/bgr/menuItem.gif) bottom left no-repeat;}
		#menu ol li a {display: block; float:left; width: 191px; margin:0px; padding: 1px 0px 4px 0px;}

		#menu li:hover ol li:hover a {width: 191px;}
		#menu ol li a:hover {width: 191px; color: #fff;}

    */

#menu {width:220px; float: left; padding:3px 0px 3px 0px; list-style: none; background: #d8d8d8 url(../images/bgr/menuItem.gif); border: solid #676767; border-width: 5px 0px 5px 0px;}
#menu a {display:block; width:193px; height:14px; clear: both; padding: 4px 0px 4px 0px;}

   #menu li {width:220px; display: block; float: left; border-bottom: 1px solid #d5d5d5;  background: #d8d8d8 url(../images/bgr/menuItem.gif)}
   #menu li,
   #menu a,
   #menu a:visited
   {font-size: 11px; color: #666666;}
   #menu a {display: block; float:left; margin-left: 9px; padding-left: 15px; background: url(../images/bullets/arrow_menu_nonactive.gif) center left no-repeat; color: #666666;}

   

   #menu a img.raquo {float:right; margin: -13px 10px 0px 0px;}

   /* second level */
   #menu ol {display: block; float: left; margin-left: 0px; padding-left: 7px;}
   #menu ol li {display: block; height: auto; width: 179px; float: left; margin: 0; padding:0 0 4px 0;}
   #menu ol li a {display: block; float:left; clear: both; width: 179px; height:14px; margin:0; padding: 4px 0px 6px 0px; font-weight:bold;}

	/* third level */
	#menu li:hover ol ol {display: block; top:0px; left:190px; width: 190px; margin-left: 1px;}
	#menu li:hover ol ol  li {width: 190px;}
	#menu ol li:hover ol {display: block}



#menu li.ostatni {border:0}

#menu li.current {background: #d8d8d8 url(../images/bgr/menuItem_active.gif) repeat-y}
#menu li.current a {background: url(../images/bullets/arrow_menu_active.gif) center left no-repeat; color: #fff;}

#newsletter {width:180px; clear: both; color: #0b398f; line-height: 110%; font-size:10px; color :#cd3204;}
    #newsletter p.title {margin: 0px 0px 9px 0px; text-transform: uppercase; color: #cd3204; font-weight:bold; font-size:10px;}
    #newsletter input#email {width:170px; margin: 5px 0px 5px 0px; font-size:10px; color: #cd3204; border: solid #b3b3b3; border-width: 1px 0px 0px 1px;}

.smallBanner {float: left; margin: 10px 0px 15px 25px;}

/* -- end - left --*/
/*-------------------------------------------------------*/
/* -- right --*/
#mainRight {width:670px; float: left; margin: 10px 0px 0px 10px;}

#pathSearch {width: 660px; float: left; padding: 3px 0px 13px 5px;}
#path {width:630px; float:left; color: #ff7513;}

#path img {float: left; margin: 6px 4px 0px 4px}

#path a,
#path a:visited
{display:block; float:left; color: #c4550d; cursor:pointer}

#path a.pathToMainPage,
#path a:visited.pathToMainPage{color: #a8a8a8}

#banner {width:640px; height:103px; margin: 4px 0px 10px 0px; background: url(../images/banner.jpg)top left no-repeat;}

#mainContent {
    width: 629px;
    clear: both;
    padding: 0px 20px 50px 20px;
    border: 1px solid #eaeaea;
    background: #f5f5f5;
}

.news {width: 648px; float: left;}
    .news p.title, .news p.title a, .news p.title a:visited {font-size:13px; font-weight:bold; color: #ff8403;}
    .news .date {color: #fe7515;}
    .news a, .news a:visited {color: #ce3201;}
    .news .newsPreface {margin: 15px 0px 20px 0px; font-weight:bold; border: 1px solid black;}
    .news a.readMore,.news a:visited.readMore {color: #FE7701; font-weight:bold}


.news .newsPreface,
.news .newsContent
{text-align:justify;color: #cb3301;}

#newsMargins {margin: 0px 21px 0px 20px; }

.textPreface {
  width:620px;
  margin:0px 0px 15px 0px;
  float: left;
  font-weight:bold;
  color: #000;
  text-align: justify;
}

.textContent {width:620px; float: left; margin:0px 0px 15px 0px; text-align: justify;}
.textContent p {margin: 0px 0px 5px 0px;}
.textContent ol,
.textContent ul
{margin: 10px 0px 10px 17px;}

.mainPhoto {
    float:left;
    margin: 0px 10px 10px 0px;
    border: 1px solid #b2b4b3;
}
    .mainPhoto img {vertical-align: top;}






.galleryRow {
  width:620px;
  float: left;
  margin-top: 8px;
}


.gallery {padding:0px 0px 0px 3px; float: left; clear: both;}
    .gallery .photo {width:147px; float: left; margin: 2px 4px 7px 4px; color: #bdbdbd}
        .gallery .photo img {border: 1px solid #c3c3c3; vertical-align: top;}


/* Krótsza podstrona, załączniki z boku */
.shortSubpage {float: left; width: 420px; padding: 0px 10px 0px 0px;}
.shortSubpage h1.title {width: 379px;}
.shortSubpage h1.title2 {width: 408px;}
.shortSubpage h1.subpageTitle span {display: block; float: left; width: 425px; line-height: 150%;}
.shortSubpage .textPreface,
.shortSubpage .textContent {width: 420px;}
.shortSubpage .galleryRow {width: 420px}
.shortSubpage .gallery .photo {margin: 2px 27px 7px 27px}


.att {width: 180px; float: left; margin: 17px 0px 10px 0px; border-left: 1px solid #dcdcdc; padding-left: 10px;}
.att h1.title2 {width: 180px; margin-bottom: 10px;}

  .att ul {width: 170px; float: left; list-style: none;}
    .att ul li {width:160px; float: left; border-bottom: 1px solid #dcdcdc; margin: 0px 0px 5px 10px; padding-bottom: 5px;}
      .att ul li img {float:left; margin: 2px 5px 0px 0px;}
      .att ul li a,
      .att ul li a:visited
      {display:block; float: left; width: 120px; color: #ff8500; text-align: left;}



.listing {width:620px; float: left; clear: both; margin: 0px 0px 13px 0px; padding: 0px 0px 0px 0px; margin-left:-2px;}
.shortLi {margin-bottom: 10px;}
.listing a.title,
.listing a:visited.title {display: block; font-weight:bold; color: #ff8403; font-size: 13px;}

.listing .date {margin: 0px 0px 0px 0px; font-size:11px; color: #ffa94a;}

.listing .preface a,
.listing .preface a:visited {color: #333333;}

.listing .mainPhoto {float: left}

#pagination {width:640px; margin: 7px 0px 0px -11px; padding-left: 9px; float: left; color: #b9b9b9; background: url(../images/bgr/innerLine.gif) center left repeat-x;}

.paginationLinks {float:left; margin-left: 0px; padding:10px; background: #f5f5f5}

#pagination .paginationInfo {float:left; margin-right: 10px; margin-top: 3px}
#pagination .paginationInfo span {color: #e47605; font-weight: bold;}

#pagination a,
#pagination a:visited,
#pagination strong
{display:block; float: left; height: 19px; margin-right: 2px; padding: 2px 8px 0px 8px; font-weight: bold; background: url(../images/bgr/paginationLink.gif) center left repeat-x; color: #fff;}

#pagination strong.current {background: url(../images/bgr/paginationLink_active.gif) center left repeat-x;}

.backActive,
.backNonActive,
.nextActive,
.nextNonActive {width: 45px; text-align: center; padding: 2px 0px 0px 0px }


.faqItem {width:620px; float: left; margin:0px 0px 15px 0px; border-bottom: 1px solid #bcd7f4;}
.faqQuestion {width:620px; float: left; margin:0px 0px 5px 0px; font-weight:bold; color: #0459a9; cursor: pointer;}

#siteMap {width:620px; float:left;}
#siteMap ul {margin: 0px 0px 0px 40px; font-weight:bold;}
#siteMap ul ul {margin: 0px 0px 0px 20px; font-weight:normal;}

div.pomoc {position: relative; float: left; padding: 0; width: 50px; height: 20px; background: url(../images/pomoc.png); background-repeat: no-repeat;}
div.pomoc div {position: absolute; display: none;}
div.pomoc:hover div {display: block; margin: 0 0 0 20px; border: 1px solid #ddd; padding: 5px; background: #fff; width: 100px;}

.submit {height: 19px; padding: 2px 10px 2px 10px; background: url(../images/bgr/submit.gif) repeat-x; border: 0; font-size:10px; text-transform: uppercase; color: #fff; font-weight: bold;}

#Subskrypcja {float: left; margin: 15px 0px 0px 0px;}

#Subskrypcja label.label {display: block; width: 80px; float: left;}

#Subskrypcja .wiersz {width:620px; float: left; margin: 0px 0px 5px 0px;}
#Subskrypcja .wiersz input.text {width:180px;float: left; margin-right: 5px;}
#Subskrypcja .wiersz select {float: left; margin-right: 5px;}
#Subskrypcja .wiersz img {float:left; margin-right: 5px;}
#Subskrypcja .blad {margin: 0px 0px 1px 80px; font-weight:bold; color: #FE7701;}

#Subskrypcja #wiersz_userAgreement label.label,
#Subskrypcja #wiersz_userAgreement img
{display: none;}

#Subskrypcja #wiersz_userAgreement {margin: 0px 0px 10px 0px;}
#Subskrypcja #wiersz_userAgreement input {width:15px; float: left; margin: 0px 5px 0px 80px;}
#Subskrypcja #wiersz_userAgreement label {width:510px; float:left; text-align: justify;}
#Subskrypcja input.text {height:16px; padding: 0; font-size:11px;}

#Subskrypcja .polaWymagane {float:left; margin: 10px 0px 0px 50px;}
#Subskrypcja .polaWymagane img {float: left; margin: 2px 5px 0px 0px;}

#form {width:620px; clear: both;}

#Szkolenia {width:620px; float: left;}
#Szkolenia .wiersz label.label {display: block; width: 115px; float: left;}
#Szkolenia .wiersz {width:620px; float: left; margin: 0px 0px 5px 0px;}
#Szkolenia .wiersz input.text {width:220px;float: left; margin-right: 5px; font-size: 11px;}
#Szkolenia .wiersz img {float:left; margin-right: 5px;}
#Szkolenia .blad {margin: 0px 0px 1px 115px; font-weight:bold; color: #FE7701;}
#Szkolenia #wiersz_wiedza {width:440px;}

#Szkolenia #wiersz_wiedza label.label {width:420px; display:block; clear:both; float: none;}
#Szkolenia #wiersz_wiedza label {display:block; width:420px; margin-bottom: 5px; border: 1px solid #fff;}
#Szkolenia #wiersz_wiedza input {float: left; margin: 3px 5px 0px 115px;}
#Szkolenia #wiersz_wiedza img {display: none;}
#Szkolenia textarea {width:320px; height:100px; margin: 0px 0px 10px 0px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; clear: both; float: none;}
#Szkolenia .polaWymagane {float:left; margin: 10px 0px 0px 115px;}
#Szkolenia .polaWymagane img {float: left; margin: 2px 5px 0px 0px;}

#galleriesListing {width:620px; clear: both; margin:0px 0px 15px 0px;}
#galleriesListing p {clear:both; float: left; padding: 3px 15px 3px 10px; border-bottom: 1px solid #bcd7f4;}
#galleriesListing p img {float:left; margin: 7px 5px 0px 0px;}
#galleriesListing a,
#galleriesListing a:visited
{display:block; width:586px; margin-left: 10px; font-size:10px; text-transform: uppercase;}

#konsultant {
width:600px;
float: left;
margin: 10px 0px 0px 0px;

}

#konsultant p.bold {
  font-size:13px;
  margin-bottom: 10px;
}


a.textButton{
  display: block;
  float: left;
  margin: 3px 10px 3px 0px;
  padding: 5px;
  border: 1px solid #E9E9E9;
  font-weight: bold;
  text-align: center;
}

a.textButton:hover {background: #F7F7F7;}

/* -- end - right --*/
/*-------------------------------------------------------*/
/* -- footer --*/
#footer {clear:both; float: left;}


#footer {width: 876px; padding: 12px; margin: 15px 0px 0px 0px; text-align: center; color: #cd3301; background: #e47603;}
    #footer img {margin: 0px 5px 2px 5px;}
    #footer a,
    #footer a:visited {color: #cd3301;}
    
    #footer p {display:inline; text-transform: uppercase; color: #fff;}

#footerNav {padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e99235}
#footerNav a, #footerNav a:visited {color: #ffffff}

#loga {clear:both; border: 0}

#maker {width:900px; padding: 5px 0px 50px 0px; text-align:center; margin:auto;}
#maker a, #maker a:visited {color: #bcbcbc} 


 /* -- end - footer --*/
/*-------------------------------------------------------*/
.banner {
	float:left;
	width: 200px;
	margin: 10px 0px 10px 0px;
	text-align:center;
}

.att2 {width:620px; clear: both; margin:0px 0px 15px 0px;}
.att2 h1 {margin-bottom: 17px;}

  .att2 ul {width:620px; float: left; list-style: none;}
    .att2 ul li {clear:both; float: left; padding: 3px 15px 3px 10px; border-bottom: 1px solid #FFE5B8;}
      .att2 ul li img {float:left; margin: 2px 5px 0px 0px;}
      .att2 ul li a,
      .att2 ul li a:visited
      {display:block; width:586px; margin-left: 10px; color: #000; font-size:10px; text-transform: uppercase;}


#contactForm {clear: both; float: left; }
#contactForm .wiersz {width: 620px; margin-bottom: 5px; float: left}
#contactForm label {display:block; float:left; width: 100px;}
#contactForm .textInput,
#contactForm textarea{float: left; width: 250px;}
#contactForm textarea {height: 130px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;}
#contactForm .gwiazdka {float: left; margin: 2px 0px 0px 5px;}
#contactForm .polaWymagane {float: left; margin-top: 15px;}
#contactForm .polaWymagane img {float: left; margin: 0px 5px 0px 0px;}
#contactForm .blad {color: #ff0000; margin-left: 100px;}
#contactForm .submit {margin-left: 185px;}