* { margin:0; border:none; padding:0; }

html, body { width:100%; height:100%; }
html { background:#208591 url(images/bg.jpg) no-repeat top; }
body { font:11px Tahoma, Arial, sans-serif; line-height:1.8; text-align: center; color:#111111; }


a { color:#208591; text-decoration: none; }
a:hover { color:#208591; text-decoration:underline; }

ul, ol, dl { list-style:none; }
.hidden { display:none; }
.clear { clear:both; }
.spacer { clear:both; }
:root .spacer { height:5px; }

table { border-collapse:collapse; }

#contener { width:710px; margin:0 auto;text-align:left; }
#jumpToContent { position:absolute; top:-100px; }

#top { position:relative;padding:98px 0 0 0; }
#top h1 { position:absolute;color:#fff;width:88px; height:126px;}

#logo { }
#logo h1 { width:126px;height:88px;padding:98px 0 0 0; }

#menu { margin-left:96px; height:38px;padding:88px 0 0 0; }

#menu ul { height:38px; background:url(images/bg_menu.gif); }
#menu li {  float:left; display: block; }
#menu a { position:relative; display:block; height:38px; color:#fff; text-align:center; }
#menu a:hover { color:#000; }
#menu i { position:absolute; display:block; left:0; top:0; width:100%; height:38px; cursor:pointer; }
#menu a:hover i { background-position:0 -38px !important; }
#menu li.active a i { background-position:0 -76px !important; }

#menu a#mFirma { margin-left:34px;width: 102px; }
#menu a#mFirma i { background:url(images/menu/firma.png) no-repeat top; }
#menu a#mOferta { width: 159px; }
#menu a#mOferta i { background:url(images/menu/oferta.png) no-repeat top; }
#menu a#mPromocja { width: 134px; }
#menu a#mPromocja i { background:url(images/menu/promocja.png) no-repeat top; }
#menu a#mKontakt { width: 122px; }
#menu a#mKontakt i { background:url(images/menu/kontakt.png) no-repeat top; }


#content { height:396px; width:710px; }
#content h2 { float:left; margin:50px 0 0 55px;}
#content p { float:right; width:470px; padding:45px 80px 0 0;}
#content h3 { font-size:14px; color:#3785a4; float:left; margin:20px 0 0 0; }
#content p.scrollText { padding:10px 90px 10px 0; margin:0px; }

.mpromo { padding-left:200px;}
#footer { margin:0 28px 0 45px;  }
#footer p { color:#95e4ed; }

h2.firma {width:37px;height:240px; background:url('images/h2_firma.gif') 0 0 no-repeat;}
h2.oferta {width:37px;height:213px; background:url('images/h2_oferta.gif') 0 0 no-repeat;}
h2.promocja {width:37px;height:295px; background:url('images/h2_promocja.gif') 0 0 no-repeat;}
h2.kontakt {width:37px;height:265px; background:url('images/h2_kontakt.gif') 0 0 no-repeat;}

#slideshow {
	clear:right;
	margin-left:162px;
	width:530px;
	height:320px;
	position:relative;
	clear:right;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:530px;
  height:320px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:400px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:320px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:40px;
  height:320px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:100px;
  left:-50px;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:100px;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}

.slide img {
  float:right;
  margin:0 15px;
}