/* html i body */
html, body { 	margin:0; text-align: center;  background: #1a1a1a url(i/tlo.png) top center no-repeat ;}
	
body, table, td { font: 12px Tahoma; color: black; }
img, a img { border: 0px none; margin: 0; }

a:link {color: #b51005; text-decoration: none}
a:visited {color: #b51005; text-decoration: none}
a:hover {color: #688823; text-decoration:underline }
.clear{clear:both; font: 0px Arial; width:99%;}

div#main {clear:both; margin:0 auto; text-align:left; width:960px; text-align: center; }


div#top {clear:both; margin:0 auto; text-align:left; width:960px; height:244px;}

div#top-menu {clear:both; margin:0 auto; text-align:left; width:960px; height:72px; background: url(i/menu.png) top left no-repeat;}
#menu {position: relative; float: left; width: 950px; height: 50px; padding: 15px 0 0 0; margin: 0 0 0 0; }
#menu ul {width: 950px; font: bold 12px Tahoma; padding: 0; margin: 0 0 0 0; list-style-type: none; height: 50px; }
#menu ul li {line-height: 0; float: left; padding: 0; height: 50px; background: url(i/menu-s.png) top left no-repeat;}
#menu ul li a:link, #menu ul li a:visited {text-align: center; color: white; text-decoration: none; float: left; height: 100%; padding: 3px 0.6em; margin: 0 10px 0 14px;}
#menu ul li a:hover, #menu ul li a:active {text-decoration: none; color: white; background: url(i/menu-h.png) top center repeat-x; }


div#main-bg {padding:0; margin:0 0 0 0; float: left; width:960px; text-align:left; background: #ffffff; }
div#content-left {padding:0; margin:0 0 0 0; float: left; width:272px; text-align:left; }
div#content-right {padding:0; margin:0 0 0 0; float: left; width:688px; text-align:left; }

div#content-right #tresci {float: left; padding:0 0 0 0; margin:0; min-height: 240px; width:688px; background: #ffffff url(i/tresci-tlo.png) top left no-repeat;}
div#content-right #tresci #naglowek {padding:0; margin: 30px 0 10px 0; width:644px; text-align: left; }
div#content-right #tresci #naglowek P {padding:0 0 0 30px; margin:0; font: bold 13px Tahoma; }
div#content-right #tekst {margin:0; padding:0 32px 0 32px; font: 12px Tahoma; color: #382a16; text-align:justify; line-height: 170%; }
div#content-right #tekst p {margin:0; padding: 0 0 12px 0;}
div#content-right #tekst img {padding: 0; margin: 3px; border: 0;}

div#content-right #tresci-serwis {float: left; padding:0; margin:0; min-height: 240px; width:688px; background: #ffffff url(i/tresci-tlo-serwis.jpg) top left no-repeat;}
div#content-right #tresci-serwis img {padding: 0; margin: 13px; border: 0;}

div#stopka {clear:both; margin:0 auto; text-align:left; width: 960px; padding: 0; height: 100px; background: url(i/stopka.png) top left no-repeat;}
div#stopka #powered {padding:32px 12px 0 20px; margin:0; float: right; width:308px; text-align:right; font: 12px Georgia;}

div#content-right #tresci #tekst ul {font: 12px Tahoma; margin: 0 0 0 0; padding: 8px 0 10px 0; list-style-type: none; }
div#content-right #tresci #tekst ul li {padding: 0 0 10px 32px;  font: 12px Tahoma; background: url(i/ar1.png) top left no-repeat; line-height: 170%; text-align: justify;}

div#content-right #tresci #tekst ol {font: 12px Tahoma; margin: 0 0 0 0; padding: 8px 0 10px 22px; }
div#content-right #tresci #tekst ol li { padding: 0 0 10px 10px; font: 12px Tahoma;  line-height: 170%; text-align: justify;}

div#content-left #lmenu {padding:0; margin:0 0 8px 0; float: left; width:272px; text-align:left; background: url(i/left-tlo.png) top left repeat-y;}
#lmenu ul {float: left; font: 10px Tahoma; padding: 0; width: 255px; margin: 0 0 6px 10px; list-style-type: none; }
#lmenu ul li { float: left; padding: 0 0 0 0;  border-bottom: 1px dotted #808080; width: 255px; font: bold 11px Tahoma; overflow: hidden;}
#lmenu ul li a {display: block; line-height: 2.2em; text-align: left; color: white; text-decoration: none; float: left; width: 246px; padding: 0 8px 0 14px; }
#lmenu ul li a:hover { color: #ffffff; text-decoration: none; background: #c00102 url(i/left-m-h.png) left no-repeat;}

#lmenu ul li#snag { float: left; padding: 0 0 0 0;  border-bottom: 1px dotted #808080; width: 255px; font: bold 12px Tahoma; background: #1d1d1d;}
#lmenu ul li#snag-all { float: left; padding: 0 0 0 0;  border-bottom: 1px dotted #808080; width: 255px; font: 9px Tahoma; background: #1d1d1d;}

#lmenu ul li#subm { float: left; padding: 0 0 0 0;  border-bottom: 1px dotted #808080; font: 12px Tahoma; overflow: hidden; background: #262525;}
#lmenu ul li#subm a {display: block; line-height: 2.1em; text-align: left; color: white; text-decoration: none; float: left;  width: 255px; padding: 0 8px 0 24px; }
#lmenu ul li#subm a:hover { color: #ffffff; text-decoration: none; background: #c00102 url(i/left-m-h.png) left no-repeat; }



div#content-left #llinki {padding:0; margin:0 0 0 0; float: left; width:272px; text-align:left; background: url(i/left-linki-tlo.png) top left no-repeat;}
div#content-left #llinki p {padding: 16px 0 16px 0; margin:0;}

#stmenu {float: left; width: 644px; height: 35px; padding: 0 0 0 0; margin: 0 0 0 0; background: url(i/menu-st.png) top left repeat-x;}
#stmenu ul {width: 640px; font: 10px Tahoma; padding: 0; margin: 0 0 0 0; list-style-type: none; height: 35px; }
#stmenu ul li {line-height: 0; float: left; padding: 0; height: 35px; }
#stmenu ul li a {text-align: center; line-height: 3em; color: #382a16; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; margin: 0 4px 0 4px; }
#stmenu ul li a:hover {text-decoration: underline; color: #b51005; }

#formularz-main {clear:both; margin:auto auto; text-align:left; width:100%; text-align: center; background: white; }
#formularz {clear:both; margin:0 auto; text-align:left; width:650px;  background: white; }
#formularz #fnaglowek {font: bold 13px Tahoma; text-align:center;}
#formularz #fnaglowek p{font: bold 13px Tahoma; padding: 15px 10px 10px 10px;}

#formularz .tloPoleB {display: block; float:left;	width: 580px; padding: 10px;	margin:2px 22px 4px 22px;	border: 1px dotted red;}

#formularz .tloPole {display: block; float:left;	width: 290px;	padding: 10px;	margin: 2px 0 4px 22px;	border: 1px dotted #666666;}
#formularz .tloPole2 {display: block; float:right;	width: 250px;	padding: 10px;	margin: 2px 20px 4px 0;	border: 1px dotted #666666; font: 11px Tahoma; }
#formularz .tloPole3 {display: block; float:left;	width: 580px; padding: 10px;	margin:2px 22px 10px 22px;	border: 1px dotted #666666; font: 11px Tahoma; }

#formularz label {float:left;	width:10em;	margin-top: 14px;	margin-bottom: 2px;	font: 11px Tahoma;}
#formularz .input1  {color: black; font: 11px Verdana; background: #cccccc;	margin-top: 7px;	margin-bottom:7px;	padding: 4px;	width: 160px; border: 1px #808080 solid}
#formularz .input2  {color: black; font: 11px Verdana; background: #cccccc;	margin-top: 5px;	margin-bottom:5px;	padding: 4px;	height: 118px; width: 240px; border: 1px #808080 solid}
#formularz .input-submit {color: black;	font: bold 11px Verdana; background: #cccccc;	margin-top: 3px; border:0;	margin-bottom:3px;	padding: 7px; border: 1px #808080 solid}

blockquote {padding: 5px 0 6px 34px; margin: 5px 3px 3px 3px; font: italic 12px Trebuchet MS; color: #666666; background: url(i/blockquote.png) top left no-repeat;}


#pronaglowek {float: left;  padding:0; margin: 10px 0 16px 34px; width:604px; text-align: left; background: url(i/nag-gal.png) top left no-repeat;}
#pronaglowek P {padding:11px 0 13px 21px; margin:0; font: bold 13px Tahoma; }

div#produkty {float: left; padding:0; margin:10px 10px 10px 40px; min-height: 90px; width:608px; background: white url(i/produkty-nag.png) top left no-repeat;}
div#produkty #pfoto {float: left; padding:0; margin: 3px 3px 3px 3px; width: 114px; text-align: left; }
div#produkty #pfoto img {border: 0 solid #c0c0c0;}
div#produkty #pnaglowek {float: left; padding:0; margin: 0 0 0 14px; width: 280px; text-align: left; color: white; }
div#produkty #pnaglowek P {padding:10px 0 10px 0; margin:0; font: bold 13px Tahoma; }
div#produkty #ptresc {float: left; margin:0; padding:8px 0 0 20px; font: 11px Tahoma; color: black; text-align:justify; line-height: 150%; width:300px; }
div#produkty #ptresc p {margin:0; padding: 0 0 12px 0;}
div#produkty #pwiecej {float: right; padding:0; margin: 30px 20px 0 0; width: 130px; text-align: left; }

div#produktyallbox {margin:0; padding:8px 32px 10px 38px; font: 12px Tahoma; color: #382a16; text-align:justify; line-height: 170%; }
div#produktyall {float: left; padding:0; margin:10px 0 10px 0; min-height: 90px; width:608px; background: white url(i/produkty-nag.png) top left no-repeat;}
div#produktyall #pfoto {float: left; padding:0; margin: 3px 3px 3px 3px; width: 114px; text-align: left; }
div#produktyall #pfoto img {border: 0 solid #c0c0c0;}
div#produktyall #pnaglowek {float: left; padding:0; margin: 0 0 0 14px; width: 400px; text-align: left; color: white; }
div#produktyall #pnaglowek P {padding:10px 0 10px 0; margin:0; font: bold 13px Tahoma; }
div#produktyall #ptresc {float: left; margin:0; padding:8px 0 0 20px; font: 11px Tahoma; color: black; text-align:justify; line-height: 170%; width:430px; }
div#produktyall #ptresc p {margin:0; padding: 0 0 12px 0;}
div#produktyall #pwiecej {float: right; padding:0; margin: 30px 20px 0 0; width: 130px; text-align: left; }

div#produkty-tresc {float: left; margin:0; padding:8px 0 0 0; font: 11px Tahoma; color: black; text-align:justify; line-height: 170%; width:600px; }
div#produkty-tresc p {margin:0; padding: 0 0 12px 0;}

div#produkty-zdjecia {float: left; margin: 0; padding:0; font: 11px Tahoma; color: black; text-align:left; line-height: 170%; width:600px; }
div#produkty-zdjecia p {margin:0; padding: 0 0 12px 0;}
div#produkty-zdjecia img {border: 1px solid #c0c0c0; margin: 4px; padding: 6px;}
div#produkty-zdjecia #gnaglowek {float: left; margin:0 0 8px 0; padding:0; font: bold 11px Tahoma; color: black; text-align:left; line-height: 170%; width:608px; background: #b3b3b3;}
div#produkty-zdjecia #gnaglowek p {margin:0; padding: 6px;}

div#produkty-opcje {float: left; margin:0 0 18px 0; padding:0; font: 11px Tahoma; color: black; text-align:left; width:608px; background: #b3b3b3;}
div#produkty-opcje img {margin: 5px;}