/* html i body */
html, body { 
	margin:0; 
	text-align: center;
        background: rgb(202,200,184) url(../i/tlo.png) top repeat-x;
	}
	
body, table, td { font: 11px Verdana; color: #333333; }
img, a img { border: 0px none; margin: 0; }

a:link {color: #FF5500; text-decoration: none }
a:visited {color: #FF5500; text-decoration: none }
a:hover {color: #1A1A1A; text-decoration:underline }

/* main */
.clear { clear: both; float: none; height: 1px; width: 100%; }

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

div#content {clear: both; float: none; background: white; border-top: 3px solid rgb(161,77,18); margin-top: 20px;}

div#stopka {float: left; width: 100%; background: rgb(202,200,184) url(../i/stopka-tlo.png) top repeat-x; }

div#stopka #copyright {float: left; margin-left: 3em; padding: 1.5em 0 0 2.5em; width: 286px; height: 36px; color: white; background:  url(../i/stopka-tlo-copy.png) top no-repeat;}
div#stopka #copyright a:link {font: 10px Verdana; color: #c0c0c0; text-decoration: none;}
div#stopka #copyright a:visited {font: 10px Verdana; color: #c0c0c0; text-decoration: none;}

div#stopka #powered {float: left; margin-left: 3em; padding: 0 0 0 2.5em; width: 286px; height: 26px; color: #202020;}
div#stopka #powered a:link {font: bold; color: #202020; text-decoration: none }
div#stopka #powered a:visited {font: bold; color: #202020; text-decoration: none }
div#stopka #powered a:hover {font: bold; color: #008000; text-decoration:underline }

div#stopka #stopka-menu {float: left; margin-left: 3em; padding: 2.8em 0.5em 0 2.5em; width: 580px; height: 22px; color: #202020; font: 11px Arial; text-align: right;}
div#stopka #stopka-menu ul {margin: 0; padding: 0;}
div#stopka #stopka-menu li {float: right; padding: 0 1em 0 2.1em;  list-style-type: none;}
div#stopka #stopka-menu ul li a:link {color: #202020; text-decoration: none;}
div#stopka #stopka-menu ul li a:visited {color: #202020; text-decoration: none;}
div#stopka #stopka-menu ul li a:hover {color: ; text-decoration: underline;}


/* podstrony */

#naglowek {padding: 1.6em 0 3em 6em; font: 5px Arial; color: white}

#tresc-index {float: left; width: 580px; padding: 1em 1em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%;}

#tresc-technologia {float: left; width: 580px; padding: 1em 1em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%;}

#tresc-kontakt {float: left; width: 480px; padding: 1em 1em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%;}

#tresc-produkty {float: left; width: 959px; margin: 1em 1em 3em 1.8em; font: 11px Verdana; color: #202020; text-align: center; line-height: 190%;}


/* produkty */
#tresc-produkty-menu {margin: 0 1em 2em 4em; float: left; width: 146px; }
#tresc-produkty-menu-ct {margin: 0; width: 146px; background: url(../i/produkty-menu-tlo.png) top left repeat-y; font: bold 12px Verdana;}

div#tresc-produkty-menu-ct a:link { color: #FFFFFF;}
div#tresc-produkty-menu-ct a:visited { color: #FFFFFF;}
div#tresc-produkty-menu-ct a:hover { color: #FFFFFF;}
div#tresc-produkty-menu-ct ul {margin: 0 0 0 0.8em; padding: 0; width: 128px; border: 0px}
div#tresc-produkty-menu-ct li {position: relative; list-style: none; margin: 0; background: url(../i/produkty-menu-link.png) top left no-repeat; border: 0px;}
div#tresc-produkty-menu-ct li:hover { background: url(../i/produkty-menu-hover.png) top left no-repeat; border: 0px;}
div#tresc-produkty-menu-ct li a {display: block; padding: 0.6em 0 0.7em 1.8em; text-decoration: none; width: 120px;}
div#nav > ul a {width: auto;}
div#nav ul.level1 {display: block;}

#tresc-produkty-opis {margin: 0 1em 2em 2.5em; float: left; width: 440px; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%;}
#produkty-naglowek {font: bold 15px Verdana; color: rgb(161,77,18); height: 28px;}
#tresc-produkty-foto {margin: 1em 1em 2em 1em;float: left; width: 250px; text-align: center;}


#produkty-lista {margin: 0em 1.8em 3em 4.5em; float: left; width: 242px; }
#produkty-lista-foto {width: 242px;}
#produkty-lista-nazwa {width: 242px; padding: 1em 0 1em 0; background: url(../i/produkty-lista-tlo.png) top left repeat-x; text-align: center; font: bold 14px Verdana; color: white;}
#produkty-lista-nazwa a:link {color: white; text-decoration: none; }
#produkty-lista-nazwa a:visited {color: white; text-decoration: none; }
#produkty-lista-nazwa a:hover {color: white; text-decoration: underline; }


/* kontakt */
#formZgloszenie label {
		float:left;
		width:12em;
	margin-top: 4px;
	margin-bottom: 3px;
	color: #202020;
	}

#formZgloszenie {
float: left;
	width: 400px;
	margin: 5px;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	color: #202020;
}

#formZgloszenie .tloPole {
	display: block;
	width: 450px;
	padding: 5px;
	color: #202020;
}
#formZgloszenie .tloPole2 {
	display: block;
	width: 450px;
	padding: 5px;
	color: #202020;
}
#formZgloszenie   .input1  {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
	border: 1px solid #008000;
	margin-top: 2px;
	margin-bottom:2px;
}
#formZgloszenie  .input2  {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
	border: 1px solid #008000;
	margin-top: 2px;
	margin-bottom: 2px;
}

.input-submit {
	color: white;
	font-family: Verdana;
	font-size: 11px;
	background-color: #008000;
	border: 5px solid #008000;
	margin-top: 2px;
	margin-bottom:2px;
}

#formZgloszenie .obramowanie .tloPole .inputOznaczony_3 {
	background-color: white;
	height: 21px;
	width: 210px;
}
#formZgloszenie .obramowanie .tloPole .inputOznaczony_4 {
	width: 280px;
	float: right;
}