/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#faf9f8;
}
#wrapper { 
 margin: 0 auto;
 width: 980px;
}
#header {
 width: 980px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 557px;
 margin: 10px 0px 0px 0px;
}
#header_pl{
 width: 980px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 222px;
 margin: 10px 0px 0px 0px;
}
#header_pl  img{
border: 0;
}
#menu { 
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 37px;
 clear:left;
}
#menu_wew { 
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 36px;
 clear:left;
}
#menu img {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#footer { 
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 141px;
}
#pasek { 
 float: left;
 width: 980px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 14px;
}
a.menu_pl {
  position: relative;
  float: left;
  width: 151px;
  height: 37px;
  border: 0px;
  background: url(images/m_polish.jpg) no-repeat;
} 
a.menu_pl:hover {
  width: 151px;
  height: 37px;
  border: 0px;
  background: url(images/m_polish_hover.jpg) no-repeat;
  color: red;
} 
a.menu_en {
  position: relative;
  float: left;
  width: 151px;
  height: 37px;
  border: 0px;
  background: url(images/m_english.jpg) no-repeat;
} 
a.menu_en:hover {
  width: 151px;
  height: 37px;
  border: 0px;
  background: url(images/m_english_hover.jpg) no-repeat;
} 

#text { 
float: left;
 width: 980px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 319px;
}
img.slider-img {
height: 319px;
width: 477px;
}
#footerpl { 
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 90px;
}

a.n_onas {
  position: relative;
  float: left;
  width: 90px;
  height: 36px;
  border: 0px;
  background: url(images/n_onas.jpg) no-repeat;
} 
a.n_onas:hover {
  border: 0px;
  background: url(images/n_onash.jpg) no-repeat;
}
a.n_menu {
  position: relative;
  float: left;
  width: 136px;
  height: 36px;
  border: 0px;
  background: url(images/n_menu.jpg) no-repeat;
} 
a.n_menu:hover {
  border: 0px;
  background: url(images/n_menuh.jpg) no-repeat;
}
a.n_galeria {
  position: relative;
  float: left;
  width: 96px;
  height: 36px;
  border: 0px;
  background: url(images/n_galeria.jpg) no-repeat;
} 
a.n_galeria:hover {
  border: 0px;
  background: url(images/n_galeriah.jpg) no-repeat;
}
a.n_kontakt {
  position: relative;
  float: left;
  width: 91px;
  height: 36px;
  border: 0px;
  background: url(images/n_kontakt.jpg) no-repeat;
} 
a.n_kontakt:hover {
  border: 0px;
  background: url(images/n_kontakth.jpg) no-repeat;
} 

#galeria { 
 width: 980px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 319px;
 background-color: #f6efdd;
}

.pf-box{
	width:208px; 
	height:128px;
	text-align:center;
	margin:12px 15px 15px 15px;
	float:left;
}
.pf-box-last{
	width:208px; 
	height:128px;
	text-align:center;
	margin:0px 0px 58px 0px; 
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;
	padding:5px;		
}

a.e_onas {
  position: relative;
  float: left;
  width: 90px;
  height: 36px;
  border: 0px;
  background: url(images/e_onas.jpg) no-repeat;
} 
a.e_onas:hover {
  border: 0px;
  background: url(images/e_onash.jpg) no-repeat;
}
a.e_menu {
  position: relative;
  float: left;
  width: 91px;
  height: 36px;
  border: 0px;
  background: url(images/e_menu.jpg) no-repeat;
} 
a.e_menu:hover {
  border: 0px;
  background: url(images/e_menuh.jpg) no-repeat;
}
a.e_galeria {
  position: relative;
  float: left;
  width: 76px;
  height: 36px;
  border: 0px;
  background: url(images/e_galeria.jpg) no-repeat;
} 
a.e_galeria:hover {
  border: 0px;
  background: url(images/e_galeriah.jpg) no-repeat;
}
a.e_kontakt {
  position: relative;
  float: left;
  width: 151px;
  height: 36px;
  border: 0px;
  background: url(images/e_kontakt.jpg) no-repeat;
} 
a.e_kontakt:hover {
  border: 0px;
  background: url(images/e_kontakth.jpg) no-repeat;
} 

#navigation {
 height: 36px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0;
 padding: 0;
 background: #fff;
 background-image: url(images/menu_pl.jpg);
 background-repeat:no-repeat;
 background-position:center;
 position: relative;
 float: left;
}

#menu {
 width: 980px;
 height: 36px;
 background: url(images/menu_pl.jpg);
 padding: 0px;
 margin: 0px auto;
 position: relative;
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 36px; display: block;}
#link1 {left: 290px; width: 80px;}
#link2 {left: 370px; width: 140px;}
#link3 {left: 510px; width: 90px;}
#link4 {left: 600px; width: 80px;}

#link1 a:hover {background: transparent url(images/menu_pl.jpg) -290px -36px no-repeat;}
#link2 a:hover {background: transparent url(images/menu_pl.jpg) -370px -36px no-repeat;}
#link3 a:hover {background: transparent url(images/menu_pl.jpg) -510px -36px no-repeat;}
#link4 a:hover {background: transparent url(images/menu_pl.jpg) -600px -36px no-repeat;}

#navigationen {
 position: relative;
 float: left;
 height: 36px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0;
 padding: 0;
 background: #fff;
 background-image: url(images/menu_en.jpg);
 background-repeat:no-repeat;
 background-position:center;
}

#menuen {
 width: 980px;
 height: 36px;
 background: url(images/menu_en.jpg);
 padding: 0px;
 margin: 0px auto;
 position: relative;
}
#menuen li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menuen li, #menuen a {height: 36px; display: block;}
#link1en {left: 290px; width: 80px;}
#link2en {left: 370px; width: 100px;}
#link3en {left: 470px; width: 80px;}
#link4en {left: 550px; width: 155px;}

#link1en a:hover {background: transparent url(images/menu_en.jpg) -290px -36px no-repeat;}
#link2en a:hover {background: transparent url(images/menu_en.jpg) -370px -36px no-repeat;}
#link3en a:hover {background: transparent url(images/menu_en.jpg) -470px -36px no-repeat;}
#link4en a:hover {background: transparent url(images/menu_en.jpg) -550px -36px no-repeat;}

#navigationwy {
 position: relative;
 float: left;
 height: 35px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0;
 padding: 0;
 background: #fff;
 background-image: url(images/menujezyk.jpg);
 background-repeat:no-repeat;
 background-position:center;
}

#menuwy {
 width: 980px;
 height: 35px;
 background: url(images/menujezyk.jpg);
 padding: 0px;
 margin: 0px auto;
 position: relative;
}
#menuwy li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menuwy li, #menuwy a {height: 35px; display: block;}
#link1wy {left: 380px; width: 100px;}
#link2wy {left: 480px; width: 100px;}

#link1wy a:hover {background: transparent url(images/menujezyk.jpg) -380px -35px no-repeat;}
#link2wy a:hover {background: transparent url(images/menujezyk.jpg) -480px -35px no-repeat;}

.ui-tabs .ui-tabs-hide {
     display: none;
}
