/* html i body */
html, body { 
	margin:0; 
	text-align: center;
        background: white 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: #0080C0; text-decoration: none }
a:visited {color: #0080C0; text-decoration: none }
a:hover {color: #808080; text-decoration:underline }
.clear{clear:both; font: 0px Arial; width:99%;}

/* main */

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

div#top-line {margin:0 auto; width: 998px; height: 116px; background: url(../i/top-tlo.png) top left no-repeat; }
div#top {float: left; background: url(../i/logo.gif) top left no-repeat; margin: 4px 0 0 0; width: 332px; height: 112px;}
#top a {display: block; padding: 0; text-decoration: none; font: bold 11px Georgia; height: 90%; }

#language {float: right; width: 180px; height: 24px; text-align: right; padding-top: 4px;}
#language #txt {float: left; font: 10px Tahoma; width: 120px; padding-top: 6px; color: #616161; }
#language #flagi {float: left; width: 56px; }

/* Główne Menu */
div#topmenu-nav {float: left;  width: 600px; height: 60px; padding: 28px 0 0 49px; background: url(../i/topmenu-tlo.png) top left no-repeat;}
div#topmenu-nav ul {margin: 0; padding: 0; border: 0px; height: 60px; float:left;  }

#topmenu-nav li {position: relative; list-style: none; margin: 0 0 0 0; float:left; height: 60px; text-align: center;}
#topmenu-nav li a {display: block; padding: 0; text-decoration: none; font: bold 11px Georgia; height: 90%; }
#topmenu-nav li:hover a:hover {color: #006595;}
div#topmenu-nav > ul a {width: auto;}

#topmenu-nav li#menu1 {background: url(../i/menu1.png) no-repeat; width: 139px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu1 {background: url(../i/menu1-h.png) no-repeat; color: white; }

#topmenu-nav li#menu2 {background: url(../i/menu2.png) no-repeat; width: 86px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu2 {background: url(../i/menu2-h.png) no-repeat; color: white; }

#topmenu-nav li#menu3 {background: url(../i/menu3.png) no-repeat; width: 79px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu3 {background: url(../i/menu3-h.png) no-repeat; color: white; }

#topmenu-nav li#menu4 {background: url(../i/menu4.png) no-repeat; width: 105px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu4 {background: url(../i/menu4-h.png) no-repeat; color: white; }

#topmenu-nav li#menu5 {background: url(../i/menu5.png) no-repeat; width: 112px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu5 {background: url(../i/menu5-h.png) no-repeat; color: white; }

#topmenu-nav li#menu6 {background: url(../i/menu6.png) no-repeat; width: 76px; color: white; position: relative; list-style: none; float:left;}
#topmenu-nav li:hover#menu6 {background: url(../i/menu6-h.png) no-repeat; color: white; }


div#index-top {margin:0 auto; width: 998px; height: 254px; background: url(../i/top-index-foto.jpg) top left no-repeat; }
div#index-top-tresc {width: 350px; padding: 7em 0 1.4em 3em; font: 11px Tahoma; color: white; line-height: 150%;}
div#index-button {width: 122px; height: 27px; padding: 0.6em 1em 1em 3.4em; background: url(../i/index-button-tlo.png) top left no-repeat; margin-left: 23em; }
div#index-button a:link, div#index-button a:visited {color: white; font: bold 11px Tahoma;}

div#podstrona-top {margin:0 auto; width: 998px; height: 188px; background: url(../i/top-foto.jpg) top left no-repeat; }

div#index-box1 {float: left; width: 310px; padding: 1em 1em 0 1em; }

#menu-left { width: 100%; padding:0.2em 1em 1em 1em;}
#menu-left ul {width: 260px; font: 11px Verdana; padding: 0; margin: 0; list-style-type: none;}
#menu-left ul li {background: url('../i/leftmenu.png') top left no-repeat; line-height: 2.4em; padding: 0 0 0 2em; height: 27px; width: 260px;}
#menu-left ul li a {color: #242424; text-decoration: none; float: left; height: 100%; padding: 0 0em; width: 230px;}
#menu-left ul li a:hover {color: #005B88; text-decoration: underline;}
#menu-left ul li:hover {background: url('../i/leftmenu-h.png') top left no-repeat; }

div#index-boxklienci {width: 100%; padding: 0 0 1em 3em;}


div#index-box2 {float: left; width: 294px; padding: 1em 2em 2em 2em; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; font: 11px Tahoma; line-height: 150%;}

div#index-box3 {float: left; width: 280px; padding: 1em 2em 0 2em;}

#box-realizacje {float: left; width: 260px; padding:1em 0 1em 0;}
#box-realizacje #realizacja .index-realizacje {border: 3px solid #0070A6; margin-top: 1em;}

#box-realizacje #realizacja span {
color: #2A2A2A;
text-decoration: none;
float: left;
padding: 1em 1em 0 1em;
width: 236px;
font: 11px Tahoma;
line-height: 150%;
}


/* kontakt */
#formZgloszenie {
float: left;
	width: 296px;
	margin: 0;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	color: #8A8A8A;
	padding-top: 0.6em;
}

#formZgloszenie   .input1  {
	color: white;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #3A3A3A;
	border: 1px solid #454545;
	margin-top: 3px;
	margin-bottom:3px;
	padding: 4px;
}


.input-submit {
	color: white;
	font: bold 11px Tahoma;
	border:0; height: 30px;
	background: url(../i/form-button-tlo.png) top left repeat-x;
	margin-top: 3px;
	margin-bottom:3px;
}


#stopka {width: 100%; border-top: 4px solid #005782; float: left;}
#stopka #txt {float: left; font: 10px Tahoma; padding: 1em; width: 350px;}
#stopka #txt a:link, #stopka #txt a:visited {color: #006A9D;}

div#stopka #stopka-menu {float: right; width: 600px; font: 10px Tahoma; padding: 0 0 0 0;}
#stopka #stopka-menu ul {margin: 0; padding: 0; color: #7C7C7C; font: 10px Tahoma;}
#stopka #stopka-menu li {float: left; padding: 0 2em 0 2em; line-height: 3.3em; list-style-type: none; background: url(../i/stopka-separ.png) 100% no-repeat;}
#stopka #stopka-menu ul li a:link {font: 10px Tahoma; color: #2D2D2D; text-decoration: none;}
#stopka #stopka-menu ul li a:visited {font: 10px Tahoma; color: #2D2D2D; text-decoration: none;}
#stopka #stopka-menu ul li a:hover {font: 10px Tahoma; color: #005B88 ; text-decoration: underline;}



div#left-box {float: left; width: 220px; padding: 1em 1em 0 1em; }

#menu-podstrona { width: 100%; padding:0.2em 1em 1em 1em;}
#menu-podstrona ul {width: 200px; font: 11px Verdana; padding: 0; margin: 0; list-style-type: none;}
#menu-podstrona ul li {background: url('../i/leftmenu.png') top left no-repeat; line-height: 2.4em; padding: 0 0 0 2em; height: 27px; width: 200px;}
#menu-podstrona ul li a {color: #242424; text-decoration: none; float: left; height: 100%; padding: 0 0em; width: 180px;}
#menu-podstrona ul li a:hover {color: #005B88; text-decoration: underline;}
#menu-podstrona ul li:hover {background: url('../i/leftmenu-h.png') top left no-repeat; }

div#right-box {float: left; width: 680px; padding: 2.5em 3em 2em 3em; border-left: 1px solid #C0C0C0; font: 12px Arial; line-height: 180%;}
div#right-box #naglowek {font: bold 14px Arial; padding-bottom:1em;}

div#realizacje-box {float: left; width: 910px; padding: 2.5em 3em 2em 4em; font: 12px Arial; line-height: 180%;}
div#realizacje-box #naglowek {font: bold 14px Arial; padding-bottom:1em;}

div#realizacje {background: url(../i/realizacje-tlo.png) top left repeat-x; width: 900px; height: 130px;}
div#realizacje a #realizacje-img {float: left; margin: 4px 0 0 0.7em; border-top: 0; border-left: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; width: 270px; height: 102px;}
div#realizacje a #realizacje-txt {float: left; width: 580px; padding: 2.6em 0 0 2em; text-align: center;}
div#realizacje a:link, div#realizacje a:visited {cursor: pointer; color: #252525;}
div#realizacje a:hover {color: #005680; cursor: pointer; }

div#img-small {width: 250px; border: 3px solid #005B88; margin: 1.6em; padding: 1px; float: left; }