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

a:link {color: #80FF00; text-decoration: none }
a:visited {color: #80FF00; text-decoration: none }
a:hover {color: #7E7E7E; text-decoration:underline }
.clear{clear:both; font: 0px Arial; width:99%;}
/* main */

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


div#top {padding:0; margin:0; width: 968px; height: 176px;}

#menu {width: 962px; height: 51px; padding: 0.3em; background: rgb(13,13,13);}
#menu ul {
width: 962px;
font: bold 11px Verdana;
padding: 0;
margin: 0;
list-style-type: none;
height: 51px;
background: url('../i/menu-tlo.png') top left repeat-x;
}
#menu ul li {
line-height: 4.6em;
float: left;
padding: 0 6px 0 6px;
height: 51px;
background: url('../i/menu-separ.png') top left no-repeat;
}
#menu ul li.last {
background: none;
}
#menu ul li.first {
padding-left: 1em; background: none;
}
#menu ul li a {
text-align: center;
color: white;
text-decoration: none;
float: left;
height: 100%;
padding: 0 1.8em;
}
#menu ul li a:hover {
color: white;
background: url(../i/menu-hover.png) top center no-repeat;
}

div#content {margin: 0 0 0 0; width: 969px; background: rgb(13,13,13); font: 11px Verdana;}
div#content #tresci {padding: 0 3em 3em 3em; margin: 0 0.3em 0.3em 0.3em; line-height: 200%;  background: url(../i/tlo-tresc.png) top left no-repeat; }
div#content #tresci #naglowek {font: bold 16px Georgia; width: 200px; padding: 1.6em 0.5em 0.5em 1em; color: white; margin-bottom: 1.6em; }

div#stopka {background: url(../i/stopka-tlo.png) top left repeat-x; margin: o; padding: 2em; font: 10px Verdana; color: #c0c0c0; height: 64px;}
div#stopka #copy {float: left; width: 740px; }
div#stopka #powered {float: left; width: 180px; text-align: right; }
div#stopka #powered a {color: #c0c0c0; }

div#obraz {float: left; padding: 1em 0.8em 2em 1.8em;}
div#obraz #mini {border: 1px solid #c0c0c0;}
div#obraz #mini {border: 1px solid #c0c0c0; padding: 0.3em 0.3em 0.3em 0.3em;}
div#obraz #mini:hover {border: 1px solid orange; padding: 0.3em 0.3em 0.3em 0.3em;}



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

#formZgloszenie {
float: right;
	width: 340px;
	margin: 5px;
	display: block;
}

#formZgloszenie .tloPole {
	display: block;
	width: 300px;
	padding: 5px;
}
#formZgloszenie .tloPole2 {
	display: block;
	width: 300px;
	padding: 5px;
}
#formZgloszenie   .input1  {
	color: white;
	font-family: Georgia;
	font-size: 11px;
	background: rgb(22,22,22) url('../i/menu-tlo.png') left repeat-x;
	border: 1px solid #B2B2B2;
	margin-top: 5px;
	margin-bottom:5px;
	padding: 4px;
}
#formZgloszenie  .input2  {
	color: white;
	font-family: Georgia;
	font-size: 11px;
	background: rgb(22,22,22) url('../i/menu-tlo.png') left repeat-x;
	border: 1px solid #B2B2B2;
	margin-top: 6px;
	margin-bottom: 6px;
}

.input-submit {
	color: white;
	font-family: Georgia;
	font-size: 11px;
	background: url('../i/menu-tlo.png') left repeat-x;
	margin-top: 3px; border:0;
	margin-bottom:3px;
	padding: 7px;
}

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