/* html i body */
html, body { 
behavior: url(../js/csshover.htc);
	margin:0; 
	text-align: center;
        background: rgb(204,204,204) 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;}

div#top-foto {clear: both; float: none; width: 996px; height: 206px;background: url('../i/top-foto.jpg') 100% no-repeat;}


div#top {float: left; width: 356px; height: 87px;}


div#nav {float: left;  width: 600px; height: 40px; padding-top:2.2em; padding-left: 3em;}
div#nav ul {margin: 0; padding: 0; background: white; border: 0px}
div#nav ul.level2 {background: rgb(237,243,248); background: url(../i/menu_1ta.png) repeat-y}
div#nav ul.level3 {background: rgb(227,235,243); background: url(../i/menu_1ta.png) repeat-y;}
div#nav li.first {position: relative; list-style: none; margin: 0 0 0.5em 0; float:left; background: white; height: 40px;}
div#nav li.first:hover {background: url(../i/menu-hover.png) repeat-x; color: white; }
div#nav li {position: relative; list-style: none; margin: 0 0 0 0; float:left; background: url(../i/menu-separ.png) top left no-repeat; height: 40px;}
div#nav li:hover {background: url(../i/menu-hover.png) repeat-x; color: white; }
div#nav li.submenu {background: url(../i/menu-separ.png) top left no-repeat; color: white;}
div#nav li.submenu:hover {background: url(../i/menu-hover.png) repeat-x;}
div#nav li a {display: block; padding: 1.2em 2em 0 2em; text-decoration: none; font: bold 11px Verdana; color: black;  height: 80%; }
div#nav li:hover a:hover {color: white;}
div#nav > ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 180px; display: none;}
div#nav ul ul li {background: white;  width: 180px;}
div#nav li.submenu li.submenu {width: 180px; background: white;}
div#nav li.submenu li.submenu:hover {background: url(../i/menu-hover.png) repeat-x; color: white;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display: block;}
div#nav ul.level2 {top: 3.5em; left: 0px; width: 180px; }
div#nav ul.level2 li {width: 180px;  height: 34px; padding: 0 0 0.2em 0; border-bottom: 1px solid #D5F1FF;}
div#nav ul.level2 li.submenu {width: 180px;  height: 34px; border-bottom: 1px solid #D5F1FF; }
div#nav ul.level2 li.submenu li {border-left: 1px solid #D5F1FF;}
div#nav ul.level3 {left: 18em, }




#menu-left {float: left; width: 240px; padding:0 1em 0 0;}
#menu-left ul {
width: 240px;
font: bold 12px Verdana;
padding: 0;
margin: 0;
list-style-type: none;
}
#menu-left ul li {background: transparent url('../i/menu-left.png') left no-repeat;
line-height: 3.7em;
padding: 0 0 0 3em;
height: 46px;
width: 200px;
}
#menu-left ul li a {
font-weight: bold;
color: #004993;
text-decoration: none;
float: left;
height: 100%;
padding: 0 0em;
width: 170px;
}
#menu-left ul li a:hover {
color: #0080C0; text-decoration: underline;
}


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

div#stopka #copyright { margin-left: 1em; padding: 1.9em 0 0 2em;color: white;}
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: 1em; padding: 3em 0 0 2em; 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 }


/* podstrony */

#naglowek {padding: 1.4em 0 1.4em 1em; font: bold 17px Arial; color: #005279;}

#tresc-index {float: left; width: 650px; padding: 1em 1em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%; background: white url(../i/tresc-tlo.png) top left no-repeat;}

#tresc {float: left; width: 910px; padding: 1em 3em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%; background: white url(../i/tresc-tlo.png) top left no-repeat;}


#tresc-kontakt {float: left; width: 450px; padding: 1em 4em 3em 4em; font: 11px Verdana; color: #202020; text-align: justify; line-height: 190%; background: white url(../i/tresc-tlo.png) top left no-repeat;}


/* 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 #0080FF;
	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 #0080FF;
	margin-top: 2px;
	margin-bottom: 2px;
}

.input-submit {
	color: white;
	font-family: Verdana;
	font-size: 11px;
	background-color: #0080FF;
	border: 5px solid #0080FF;
	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;
}