body {
	padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;
	background-color: #F5F5EB; color: #51514c;
	text-decoration: none;
}

table.top {height: 199px; background-image: url(gfx/bg_top.gif);}

table.pasek_nawigator  {
	width: 950px; height: 30px; margin-top: 1px; margin-bottom: 1px;
	background-color: #A7A596;
	border-bottom: 1px solid #FF5A00;
}


td {
	margin: 0px; color: #51514c;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;
}

td.pasek_nawigator {
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 13px; color: #E6E4D8;
}

td.prawa_kolumna {
	width: 240px; padding-top: 10px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; vertical-align: top; background-color: #D9D8C6;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #8A887B;
}

td.text {
	padding: 10px; width: 650px; vertical-align: top; background-color: #f5f5eb;
}



div {
	padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;
}

div.top {height: 199px; background-image: url(gfx/bg_bok.gif);}

div.portfolio_zdjecie {
	width: 170px; height: 120px;
	padding: 1px; background-color: #9d9c8d;
}

div.text {
	padding-left: 10px; padding-right: 10px; padding-bottom: 10px; 
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #51514c;
}

div.menu_kontener {
	margin-left: 15px;
	background-image: url(gfx/menu_znaczek.gif); background-repeat: no-repeat; background-position: left;
}

div.menu{
	width: 245px;
	padding-left: 5px; margin-left: 15px; margin-bottom: 3px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px;  color: #51514C;
	background-color: #D9D8C6;
	cursor: pointer;
}

div.menu_aktywne{
	width: 245px;
	padding-left: 5px; margin-left: 15px; margin-bottom: 3px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px;  color: #FF5A00;
	background-color: #ffffff;
	cursor: pointer;
}

div.prawa_galeria {
	width: 240px; height: 110px; padding-top: 10px; padding-bottom: 10px;
	background-color: #ffffff; text-align: center;
}

div.linia_szara {
	height: 1px; font-size: 1px; line-height: 1px;
	margin-top: 10px; margin-bottom: 10px;
	border-bottom: 1px solid #9d9c8d; text-align: center;
}



p{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #51514c;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;
}

p.naglowek{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;
}

p.portfolio_tabela{
	padding: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
}

a.portfolio_tabela{
	padding: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none;
}

a.portfolio_tabela:hover{
	text-decoration: underline;
}

p.naglowek_maly{
	padding-top: 5px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #b0afa1;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;
}

span.naglowek_webartis{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #FF5A00;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;
}

p.portfolio_podpis{
	padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
	text-align: center;
}

p.podzial{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 14px;
}

span.podzial{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 14px;
}

a.podzial{
	padding-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #9d9c8d;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 14px;
}

a.portfolio_podpis{
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
	color: #9d9c8d; text-decoration: none;
}

a.portfolio_podpis:hover {
	text-decoration: none;
}


a {
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; 
	color: #51514c;	text-decoration: underline;
}
a:hover {text-decoration: none; }

a.top {
	padding-left: 5px; padding-right: 8px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #A7A596;
	text-decoration: underline;
}
a.top:hover {text-decoration: none; }

a.pasek_nawigator {
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 13px; color: #E6E4D8;
	text-decoration: underline;
}

a.mapa_strony {
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; 
	color: #51514c;	text-decoration: none;
}
a:hover {text-decoration: none; }

a.pasek_nawigator:hover {
	text-decoration: none;
}

a.prawa_kolumna {
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #8A887B;
	text-decoration: underline;
}

a.prawa_kolumna:hover { text-decoration: none; }

a.stopka {
	padding-right: 10px;
	font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #8A887B;
	text-decoration: underline;
}

a.stopka:hover { text-decoration: none; }

li {padding-top: 5px;}

textarea {font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #272727; border: 1px solid #1A2538;}
input {font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #272727; border: 1px solid #1A2538;}
input.przycisk{font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 11px; background-color: #8A887B; border: 1px solid #8A887B; color: #ffffff; }

textarea.formularz {width: 400px; height: 120px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 12px; color: #333333; border: 1px solid #8A887B;}
input.formularz {width: 400px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 12px; color: #333333; border: 1px solid #8A887B;}




#slider1 {
   width: 240px; /* important to be same as image width */
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider1Content {
   margin-left: 0px; padding-left: 0px;
   width: 240px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style: none;
}

.slider1Image {
   padding: 0px; margin: 0px;
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider1Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 240px;
   background-color: #fff;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


#slider2 {
   width: 240px; /* important to be same as image width */
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider2Content {
   margin-left: 0px; padding-left: 0px;
   width: 240px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style: none;
}

.slider2Image {
   padding: 0px; margin: 0px;
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider2Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 240px;
   background-color: #fff;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}