html {background: #979797; font-family: Verdana, Arial, sans-serif; height: 100%; width:100%;}

body {margin: 0px; width:100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; background: #979797 url(bg/top2.gif) repeat-x top; position: relative;}

fieldset {
  padding-left:5px;
  padding-bottom:5px;
}

body.zoom{padding:0; background: #000; height: 100%; }

.left{float:left;}
.right{float:right;}
.noborder{border: none;}
.center{text-align: center;}

img.clear, div.header img.clear {width: 300px; height: 1px; display: block; clear:both; margin: 0 auto; border: 0;}

a:link {color: #000;}
a:visited {color: #999;}
a:hover {color: #555;}

div.middle a:link {color: #d2d2d2;}
div.middle a:visited {color: #999;}
div.middle a:hover {color: #fff;}

a img{border: none;}

a:link.border img{border-width: 1px;}
a:visited.border img{border-width: 1px;}
a:hover.border img{border-width: 1px;}

h1 a, h2 a, h3 a{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration: underline;}

p{margin: 10px 15px; line-height: 1.25em; text-align: justify;}
ul, ol{margin: 10px 15px; line-height: 1.25em; text-align: justify;}
h1{margin: 20px 15px 10px 15px; font-size: 1.5em; line-height: 1.0em;}
h2{margin: 15px 15px; font-size: 1.5em; line-height: 1.0em;}
h3{margin: 10px 15px; font-size: 1.2em; line-height: 1.0em;}
ul, ol{padding-left: 20px;}
li{margin: 1px 0px;}

/* body */
div.body, .body {width: 990px; margin: 0px auto; position: relative;}
div.bodyPadding {padding: 1px 0px 0px 0px;}

/* top */

div.top {height: 136px; text-align:left}
h1.topTitle{width: 700px; position: absolute; left: 290px; top: 30px; margin: 0; text-align: right; font-size: 17px;}

/* menu */
div.topMenu{padding: 1px 0 0 0; height: 29px; border-bottom: 1px solid #fff; background: #fef813; }
a.menuLink, span.menuLink{ display: block; float: left; padding: 6px 6px; height: 15px; color: #000; text-decoration: none; font-size: 11px; margin-left: 8px;}
span.menuLink{color: #fef813; background: #000;}

a.menuLink:visited{color: #000;}
a.menuLink:hover{text-decoration: underline;}


/* home */
div.middleHome{background: #555 url(bg/remonty.jpg) repeat-x top; height: 350px; padding: 0; color: #d2d2d2;}
div.homeContent{position: absolute; top: 50px; left: 350px; width: 500px; font-size: 14px;}


/* content */
div.middle{background: #333 url(bg/middle.jpg) repeat-y top; padding: 0; color: #d2d2d2; border-bottom: 1px solid #fff;}
img.imgNarzedzia{position: absolute; bottom: -1px; right: 0px;}

div.content{min-height: 300px; width: 495px; padding-right: 495px; padding-bottom: 1px; background-position: 495px 0; background-repeat: no-repeat;}

/* stopka */


div.footer{ position: relative; color: #fff; font-size: 11px;}
div.footer a{color: #fff;}
div.footer a:visited{color: #fff;}


div.footerCol1{position: absolute; left: 15px; top: 20px; width: 100px;}
div.footerCol2{position: absolute; left: 200px; padding: 20px 15px; margin-left: 0px; width: 550px;}
div.copyright{position: absolute; left: 495px; top: 20px; width: 495px; color: #bbb; text-align: right;}


/* klkulatorUslug */
form.kalkulatorUslug h3{margin-bottom: 5px;}
div.kalkulatorRow{margin: 5px 15px; position: relative; text-align: left; border-bottom: 1px solid #555; color: #bbb;}
div.kalkulatorRow p{margin:0; text-align: left;}
div.kalkulatorRow p.nazwa{width: 100px; width: 300px;}
div.kalkulatorRow p.cena{text-align: left; position: absolute; left: 350px; bottom: 2px;}
div.kalkulatorRow input.ilosc{border: 0; width: 35px; position: absolute; left: 305px; bottom: 0px; text-align: right; color: #fff; background: none; padding: 2px 3px; font-weight: bold;}
div.kalkulatorRow span.opis{font-size: 9px; color: #999;}

div.kalkulatorRazem {border: 0; border-top: 1px solid #fff; padding: 5px 0 0 0; text-align: left; font-weight: bold; color: #fff; position: relative; top: -6px;}
div.kalkulatorPrzelicz {border: 0; text-align: center; padding-bottom:5px;}
div.kalkulatorPrzelicz a{margin: 0 10px;}
div.kalkulatorRazem p.razem{position: absolute; width: 165px; left: 300px; top: 5px; text-align: right;}

/* zoom*/
div.zoomPicture {border-bottom: 1px solid #000; background: #fff; display: block;}
div.zoomPicture img{display: block;}

h1.zoomTitle{font-size: 12px; margin: 10px 15px 5px 15px; color: #eee;}
p.pictureDescription{ margin: 0px 15px; font-size: 12px; color: #ccc;}

body.zoom a.next, body.zoom a.prev{display: block; position: absolute; top: 250px; z-index: 5; height: 100px; width: 50px;}
body.zoom a.next{background: url(bg/next.gif) no-repeat left; right: 3px;}
body.zoom a:hover.next{background-image: url(bg/next_over.gif);}
body.zoom a.prev{background: url(bg/prev.gif) no-repeat right; left: 3px;}
body.zoom a:hover.prev{background-image: url(bg/prev_over.gif);}