/* content by blazsak.pl */


/**************************
 * 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  z-index: inherit;
  
}
em{  font-style:italic; }
strong {font-weight:bold;}

textarea{	overflow: auto;;}
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}
sub { font-size:0.7em; position:relative; top:0.6em; left:0;}


.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #0171B5;  }
a:hover{ text-decoration: none;}


/********************************
 * Struktura podstawowowa
 */
html 
{
  position: relative;
  z-index: -2000;
  background: #000 url(/gfx/site/bg_html.png) repeat-y top center; 
}

body
{
  position: relative;
  z-index: -1500;
  font-family: Tahoma;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: url(/gfx/site/bg_body.jpg) no-repeat top center;   
}

.matrix
{
  width: 1140px;
  margin:0 auto;
  text-align: left;
}

/********************************
 * MAIN SCAFFOLD
 */



/********************************
 * SITE
 */
#site
{ 
  position: relative;
  z-index: 0;
  background: url(/gfx/site/bg_site.jpg) no-repeat 0 0; 
}

/********************************
 * TOP
 */
#top
{
  position: relative;
  z-index: -30;
  height: 300px;
}

#bgflash
{
  position: absolute;
  z-index: -20;
  
}

#logo
{
  position: absolute;
  z-index: 100;
  margin: 54px 0 0 64px;  
}
#top-menu
{
  
}
#top-langmenu
{
  position: relative;
  z-index: 1000;
  float: right;
  margin-right: 85px;
  width: 200px;
  height: 45px;
}
html>body #top-langmenu
{
  margin-right: 175px;
}

#top-langmenu ul 
{
  float: right;
  padding-right: 8px;
  height: 45px;
  background: url(/gfx/site/langmenu_r_ie6.gif) no-repeat top right;   
}
html>body #top-langmenu ul 
{
  background: url(/gfx/site/langmenu_r.png) no-repeat top right; 
}
#top-langmenu ul li
{
  height: 15px;
  padding: 10px 5px;
  float: left;
  background: url(/gfx/site/langmenu_m_ie6.gif) repeat-x 0 0;
}
html>body #top-langmenu ul li 
{
  background: url(/gfx/site/langmenu_m.png) repeat-x 0 0;
}

#top-langmenu ul li.first
{
  padding-left: 13px;
  background: url(/gfx/site/langmenu_l_ie6.gif) no-repeat top left;  
}
html>body #top-langmenu ul li.first
{
  background: url(/gfx/site/langmenu_l.png) no-repeat top left;  
}
#mainmenu 
{
 
  margin-left: 175px;
  height: 40px;
  padding:10px 0 0 30px;
}
#mainmenu li
{
  float: left;
  margin-right: 24px;
}
#mainmenu li a 
{
 
  font-family: "Trebuchet MS",Arial;
  font-size: 14px;
  color: #fff;
}
#mainmenu li a:hover
{
  text-decoration: underline;
}
#mainmenu li a.active
{
  text-decoration: underline;
  color: #CFDCFF;
}


/********************************
 * CONTENT
 */
#content
{
 
}

#content-container
{
  float: left;
  width: 966px;
  background: #000;
}
#content-page
{
  float: left;
  width: 606px;
  min-height: 10px;
  
}
#content-page-gallery
{
  margin: 20px;
  margin-right: 0;  
}

#content-right
{
  float: left;
}
#content-right h4
{
  margin:5px 10px;
  margin-top: 180px;
}
#content-right-foto img
{
  position: absolute;
  
  margin-top: -30px;
  border: 1px solid #323232;
  padding: 3px;
  background: #000;  
}

#content-right-contact
{ 
  width: 170px;
  color: #CFDCFF;
  line-height: 150%;
  background: #090000;
  padding: 10px;
  border: 1px solid #323232;
}
#content-right-contact a
{
  color: #CFDCFF;
}
#content-right-contact a:hover
{
  text-decoration: underline;
}

/********************************
 * CONTENT MAINMENU
 */
#content-menu
{
  float: left;
  width: 162px;
  padding-right: 12px;
}
#content-menu h4
{
  margin:0 0 10px 40px;
}

#content-menu li
{
  border-bottom: 1px solid #8B9196;
  padding:1px 0;
}
#content-menu li a 
{
  display: block;
  background: url(/gfx/site/menu_arrow_normal.gif) 0 6px no-repeat;
  padding: 3px 2px 0 45px;
  height: 16px;
  font-size: 11px;
  font-family: Verdana;
  color: #fff;
}
#content-menu li a:hover,
#content-menu li a.active
{
  background: #4F83D5 url(/gfx/site/menu_arrow_over.gif) 0 6px no-repeat;
  color: #fff;
}
#content-menu li a.active 
{
  font-weight: bold;  
}
#content-menu ul.content-menu ul.content-menu
{
 
}
 
#content-menu ul.content-menu ul.content-menu li
{
  border-bottom: 0;
  border-top: 1px solid #8B9196;
}
#content-menu ul.content-menu ul.content-menu li a
{
  background-position: 15px 8px;
  padding-left: 60px;
  
}


/********************************
 * GALERIA
 */
#galeria
{
  text-align: center;
}
#galeria img
{
  border:1px solid #323232;
  padding: 3px; 
  margin: 5px;  
}


/********************************
 * GALERIA
 */
.banners
{
  margin-top: 10px;
  text-align: center;
}
.banners a
{
  margin-top: 10px;
}

/********************************
 * NEWS NAV
 */
.news-nav
{
  margin: 0px; 
  padding:1px 20px;
  text-align: right;
  line-height: 1.5;
}


.news-nav a,
.news-nav span 
{ 
  color: #000;
  margin:2px ; 
  padding: 2px 5px; 
  border: 1px solid #DDCEB9;
  text-decoration: none;
  background: #fff; 
  
}

.news-nav span { border: 0; background: none;}


.news-nav a:hover { background: #DDCEB9; color: #fff; text-decoration: none;}
.news-nav a.active 
{ 
  color:#fff;  
  background: #357C8F;
  border: 1px solid #357C8F; 
  text-decoration: none;
}
.news-nav a.active:hover { text-decoration: none; cursor: default;}

.news-nav span.inactive 
{ 
  color: #ccc; 
}

.news-nav a.next,
.news-nav a.prev
{
  border:0;
  background: none;
} 

.news-nav a.next:hover,
.news-nav a.prev:hover 
{ 
  color: #f00; 
  
  text-decoration: none;
}


/********************************
 * FOOT
 */
#foot
{
  margin-top: 15px;
  padding-bottom: 20px;
  clear: both;
}
#foot-eve
{
  position: absolute;
  margin-left: 870px;
}
#foot-copy
{
  display: inline;
  line-height: 2;
  padding: 4px 25px;;
  padding-left: 125px;
  background: #000;
  font-size: 10px;
}


/********************************
 * SITEMAP
 */
ul.sitemap li a,
ul.sitemap2 li a
{
  color:#333;  
}
ul.sitemap
{
  margin-left: 50px;
}

ul.sitemap2
{
 
}

/********************************
 * KONTAKT FORM
 */
#kontaktform { margin-bottom: 20px;  width: 320px; float: right; }
#kontaktform h3 
{
  color: #333;
  font-size: 16px; 
  font-weight: bold;
  
}
#kontaktform div { clear: both;}
#kontaktform label 
{ 
  float: left; 
  width: 100px; 
  margin: 4px 5px; 
  text-align: right;
}
#kontaktform input,
#kontaktform textarea
{ 
  font-size: 11px;
  border: 1px solid #DDDCD7; 
  width: 180px;
}
#kontaktform textarea 
{
  
  width: 180px; 
  height: 150px;
}
#kontaktform input.short { width:100px;}
#kontaktform input.form-submit 
{ 
  width: 150px; 
  
}
#kontaktform input.form-submit:hover 
{
  background:#67919D; 
  color: #fff; 
}
#kontaktform img 
{
  vertical-align: middle;
}
#kontaktform div.form-text label 
{
  margin-top:10px;
  clear: both;
}
#kontaktform div.form-operations
{
  text-align: center; 
  margin-top:10px;
}


/********************************
 * PAGE
 */

.page
{
  padding:0px 20px 20px 20px; 
  font-size: 11px; 
  line-height: 1.3; 
  color:#CFDCFF; 
  min-height: 250px;
}

.page p 
{
  text-align: justify; 
  padding: 6px 0;   
}
.page ul 
{
  padding: 5px 20px; 
  list-style: outside disc 
}
.page ol 
{
  padding: 5px 20px; 
  list-style: outside decimal
}
.page a 
{
  text-decoration: none; 
  font-weight: normal; 
  color:#0171B5;
}
.page a:hover { text-decoration: underline; }

.page strong { font-weight: bold;}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
h3.flashtitle 
{
  font-size: 1.2em;
  font-family: "Trebuchet MS"; 
  font-weight: bold;
  margin:5px 0 5px 0;
  color: #fff;
  
}

.page h1 {  font-size: 20px; }
.page h2 {  font-size: 18px; }
.page h3 {  font-size: 16px; }
.page h4 {  font-size: 14px; }
.page h5 {  font-size: 13px; }
.page h6 {  font-size: 12px; }
h3.flashtitle {  font-size: 16px; }

.page .toupper { text-transform: uppercase;}

.page img 
{
  margin:5px 10px; 
  border: 1px solid #DDDCD7; 
  padding:1px;
}

.page img.prawa { float:right; }
.page img.lewa { float:left; }
.page img.nb { padding: 0px; border: 0;}

.iframe 
{
  margin:5px;  
  padding: 1px; 
  border: 1px solid #DDDCD7; 
  text-align: center;
}

.page table
{
  margin: 5px 0 25px 0; 
  font-size: inherit;
  /*
border:1px solid #DDDCD7; 
*/
  border-left: 0; 
  border-top:0; 
  font-size: inherit; 
}
.page td , 
.page th
{
  padding: 5px; 
  /*
border: 1px solid #DDDCD7; 
*/
  border-right:0; 
  border-bottom: 0; 
}
.page th 
{
  color: #333; 
  text-align: left; 
  font-weight: normal;
}
 .folio {padding:5px 0 0 0; }


/********************************
 * OTHERS
 */
.hr,.hr-news{ border-bottom:1px solid #c7c7c7;clear: both; font-size: 1px; height:1px; }
.hr-news {height:20px; width: 200px; margin: 0 auto;}

.ui-tabs-hide { display: none; }

.noramka{padding:0; margin:0; border:0;}


#debug{text-align: left; margin-top:900px; } 
#debug textarea {font-size: 12px; width:95%; height: 500px;}
.error404{ text-align: center; font-weight: bold;  padding:20px;margin: 50px 0;}
  p.error404 { text-align: center;}
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.clear,.clear10,.clear15,.clear20,.clear30,.clear45,.clear60 {clear: both; font-size:1px; height: 1px;}
  .clear10 {height: 10px;}
  .clear15 {height: 15px;}
  .clear20 {height: 20px;}  
  .clear30 {height: 30px;}
  .clear45 {height: 45px;}
  .clear60 {height: 60px;}
  .clear80 {height: 80px;}
.center{ text-align: center;}
 