/* styl css */ 
html, body{ 
 background: url('images/tlo.gif') repeat-x #fff scroll top left;
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 background-color:#fff;
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:71px; 
 width:100%;
} 

#flash{
 position:absolute;
 width:368px;
 height:202px;
 z-index:101;
}

#btn{
 position:absolute;
 left:800px;
 top:40px;
 width:55px;
 height:19px;
 z-index:102;
}

#btn1{
 position:absolute;
 left:744px;
 top:6px;
 width:95px;
 height:19px;
 z-index:102;
}

#btn2{
 position:absolute;
 left:839px;
 top:7px;
 width:95px;
 height:19px;
 z-index:102;
}

a.button1{
 background: url(images/btn1.jpg) no-repeat;
 display:block;
 height:19px;
 overflow:hidden;
 width:95px;
}

a.button1:hover{
 background-position: 0px -21px;
}

a.button2{
 background: url(images/btn2.jpg) no-repeat;
 display:block;
 height:19px;
 overflow:hidden;
 width:80px;
}

a.button2:hover{
 background-position: 0px -20px;
}

#menus{
 background: url('images/image_06.jpg') repeat-x;
 position:relative; 
 height:47px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#lewy{
 background: url('images/lewy.jpg') repeat-x;
 position:absolute;
 width: 50px;
 height: 248px;
 left: -50px; 
 top: 70px;
}

#prawy{
 background: url('images/prawy.jpg') repeat-x;
 position:absolute;
 width: 50px;
 height: 248px;
 right: -50px; 
 top: 70px;
}

#maincol{
 display:table;
 float:left; 
 width:670px;
 background-color:#fff;
 background: url(images/tloglowne.jpg) no-repeat;
}
 
.text{
 width: 630px;
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #353f4b;
 text-align: left;
 margin-left: 25px;
 padding-top: 10px;
 padding-bottom: 20px;
}

#news{
 background: url('images/maintlo.jpg') no-repeat;
 float: left; 
 display: table; 
 width:320px;
}

#news1{
 background: url('images/maintlo1.jpg') no-repeat;
 float: left; 
 display: table; 
 width:320px;
}

.textnews{
 width: 270px;
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #353f4b;
 text-align: left;
 margin-left: 20px;
 padding-top: 10px;
 padding-bottom: 20px;
}

h1{
 font-size: 13px;
 font-family: verdana, Arial, Tahoma sans-serif;
 color: #336272;
 padding-left: 15px; 
}

.miesiac {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #336272;
 font-weight: bold;
 text-align: center;
}

.headtext {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #dc1919;
 font-weight: bold;
}

.box {
 background: url('images/boxtlo.jpg') repeat-x #fff scroll top left;
 width: 100%;
 border: 1px solid #cddee9;
 padding-top: 10px;
}

.td {
 padding-top: 10px;
 padding-left: 10px;
 }
 
#wspolpraca {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #5d7f90;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #5d7f90;
 }

#wspolpraca1 {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #1f718c;
 }
 
.tabelka {
 background: url('images/boxtlo.jpg') repeat-x #fff scroll top left;
 border: 1px solid #cddee9;
 padding: 10px;
}

.tabelka1 {
 background-color:#165270;
 border: 1px solid #cddee9;
 padding: 10px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #fff;
}

.dane {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #5d7f90;
}

.image {
 float: left;
}

.naglowek{
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #e91616;
}

.link {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #e91616;
 text-decoration: none;
 border-bottom: 1px dotted #e91616;
}

.link:hover {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #5895b1;
 border-bottom: 1px dotted #5895b1;
}
 
#footer{
 background: url('images/image_08.jpg') repeat-x;
 height:91px; 
 clear:both;
 width: 1000px;
} 

.stopkalink {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #5d7f90;
 text-decoration: none;
 border-bottom: 1px dotted #5d7f90;
}

.stopkalink:hover {
 font-size: 11px;
 font-family: Verdana, Tahoma, Arial sans-serif;
 color: #8eb1c3;
 border-bottom: 1px dotted #8eb1c3;
}

.mail {
 width: 309px;
 height: 187px;
 background: url('images/kontakt.jpg') no-repeat;
 padding-top: 80px;
 padding-left: 95px;
}

.tablecennikhead {
 background: url('images/belka.jpg') no-repeat;
 color: #fff;
 height: 32px;
 padding-left: 15px;
 font-weight: bold;
}

.tablecennik {
 background-color:#e8f2f5;
 height: 20px;
 width: 55%;
 padding-left: 15px;
}

.tablecennik1 {
 background-color:#fff7f5;
 height: 20px;
 padding-left: 15px;
}

.legenda {
 padding-top: 5px;
 padding-bottom: 5px;
 background-color:#e8f2f5;
}

.klienci {
 width: 33%;
 vertical-align: top;
 line-height: 18px;
}

.reftable {
 width: 100%;
 text-align: center;
 height: 130px;
 background-color:#eef6f9;
}

.reftable1 {
 width: 100%;
 text-align: left;
 padding-bottom: 10px;
}

.ref {
 border: 1px solid #acc1d8; 
}

 /* *** MENU TOP *** */ 
.menu {
 float: left;
 list-style: none;
 margin: 0;
 padding-left: 249px;
 padding-top: 0px;
 width: 100%;
}
.menu ul {
text-align; center;
}

.menu li {
 float: left;
 font-size: 13px;
 font-family: Verdana, Tahoma sans-serif;
 color: #fff;
 margin: 0;
 padding: 0px;
 text-align; center;
}

.menu a {
 color: #fff;
 display: block;
 float: left;
 margin-left: 1px;
 padding: 14px;
 text-decoration: none;
}

.menu a:hover {
 background: url('images/button.jpg') repeat-x;
 color: #fff;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top:0;
border-bottom-width: 0;
font:10px Tahoma, Verdana, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color:#fff;
width: 240px;
visibility: hidden;
text-align:left;
border:1px solid #e9e9e9;
}
.dropmenudiv a{
width: auto;
display: block;
padding: 2px 0 2px 19px;
border-bottom: 1px dotted #dadada;/*THEME CHANGE HERE*/
text-decoration: none;
font-weight: bold;
color:#666;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #1d3a5a;
color:#fff;
}
 /* *** END OF MENU TOP *** */
 
  /* *** MENU FOOTER *** */
.menuf {
 list-style: none;
 margin: 0;
 padding-top: 0px;
 padding-left: 254px;
 width: 100%;
}

.menuf ul{
 text-align; center;
}

.menuf li {
 float: left;
 font-size: 10px;
 font-family: Verdana, Tahoma sans-serif;
 color: #fff;
 margin: 0;
 padding: 0px;
}

.menuf a {
 float:left;
 color: #fff;
 display: inline;
 margin-left: 8px;
 padding: 14px;
 text-decoration: none;
}

.menuf a:hover {
 text-decoration: underline;
 color: #fff;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:520px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  margin-left:58px;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:520px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#navDiapo{
	display:block;
	width:58px;
	height:28px;
	position:absolute;
	right:107px;
	bottom:2px;
	cursor:pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


.slide h2, .slide {
  padding-top:73px;
}

.slide img {
  float:right;
  margin:0 57px;
  border-color: #abcbd4;
}
.headtext {
  font:italic 13px Verdana, Tahoma, sans-serif;
  color:#e91616;
}

/// END SLIDESHOW ///

/// Menu right ///

.buttonscontainer {width: 144px;}

.buttons a {
 color: #336272;
 padding: 6px;
 padding-left: 9px;
 display: block;
 border-bottom: 1px dotted #9db7be;
 font: 11px Verdana, sans-serif;
 text-decoration: none;
 text-align: left;
}

.buttons a:hover {
 background-color: #e3eef2;
 color: #336272;
 text-decoration: none;
}

-->