@charset "utf-8";
/* CSS Document */

	* { margin: 0; padding: 0; }
	ul, ol { list-style: none; list-style-image: none; white-space: normal;}
	body { background: white url(grafika/tlo.gif); }
	img { border: 0; }
        #lewo {float:left;width:161px; margin-top:148px; padding:0px;}
        #menu_left {width:161px;overflow:hidden;list-style-type:none;margin:0;padding:0;line-height:30px;padding-bottom:1px;background:transparent url(menu1.png) right top;}
	#menu_left li a {text-decoration:none;font-size:13px;color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;padding-left:4px;}
        #container1 {margin: 0 auto; width: 954px;}
        #container {float:right; text-align: left; width: 792px; margin-top: 10px; background: #FFFFFF url(grafika/tlo_cienboczny.gif) repeat-y 785px; }

	#header { text-align: left; position: relative; height: 104px; width: 787px; background-color: #015586; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ccedff; }
		#header a, #footer a { text-decoration: none; color: #ccedff; }
		#header a:hover, #footer a:hover { color: #fff; }
	#header h1 { display: block; height: 98px; width: 787px; text-indent:-9009px; background:transparent url(grafika/granpol_ban.jpg) no-repeat 0 16px; border-bottom: 6px solid red; }
	#header ul { position: absolute; top: 2px; right: 6px; }
	#header li,
	#header li.first { display: inline; padding-left: 15px; background: transparent url(grafika/kwadracikbialy.gif) no-repeat 3px 3px; margin-left: 15px; }
	#header li.first { background: transparent url(grafika/kwadracikbialy1.gif) no-repeat 3px 3px; }

	#main_menu { margin-top: 6px; float: left; overflow: hidden; height: 20px; }
	#main_menu li { padding-top: 10px; }
	#main_menu li a { display: block; width: 100%; height: 20px; outline: none; margin-top: -10px; color: #015586; }
	#main_menu .home { display: block; height: 20px; width: 72px; text-indent:-9009px; background:transparent url(grafika/menu1a.gif) no-repeat 0 0; float:left; }
	#main_menu .ofirmie { display: block; height: 20px; width: 84px; text-indent:-9009px; background:transparent url(grafika/menu2.gif) no-repeat 0 0; float:left; }
		#main_menu .ofirmie:hover { background:transparent url(grafika/menu2a.gif) no-repeat 0 0; }
	#main_menu .oferta { display: block; height: 20px; width: 166px; text-indent:-9009px; background:transparent url(grafika/menu3.gif) no-repeat 0 0; float:left; }
		#main_menu .oferta:hover { background:transparent url(grafika/menu3a.gif) no-repeat 0 0; }
	#main_menu .wspolp { display: block; height: 20px; width: 123px; text-indent:-9009px; background:transparent url(grafika/menu4.gif) no-repeat 0 0; float:left; }
		#main_menu .wspolp:hover { background:transparent url(grafika/menu4a.gif) no-repeat 0 0; }
	#main_menu .kontakt { display: block; height: 20px; width: 93px; text-indent:-9009px; background:transparent url(grafika/menu5.gif) no-repeat 0 0; float:left; }
		#main_menu .kontakt:hover { background:transparent url(grafika/menu5a.gif) no-repeat 0 0; }

	#lang_menu { width: 150px; height:29px; margin-left: 590px; text-align: center; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; overflow: hidden; }
	#lang_menu li a { display: block; width: 100%; height: 25px; outline: none; padding-top: 14px; text-decoration: none; }
		#lang_menu li a:hover { color: red; text-decoration: underline; }
	#lang_menu li.pl { height: 25px; width: 50px; display: block; float: left; background: transparent url(grafika/flagi_pl.gif) no-repeat center top;}
	#lang_menu li.en { height: 25px; width: 50px; display: block; float: left; background: transparent url(grafika/flagi_en.gif) no-repeat center top;}
	#lang_menu li.de { height: 25px; width: 50px; display: block; float: left; background: transparent url(grafika/flagi_de.gif) no-repeat center top;}

	#top_content { height: 250px; position: relative; margin-bottom: 10px; }
	#top_content p.desc { display:block; padding: 0; height: 250px; width: 534px; background: transparent url(grafika/_grafika_do_wyrezania.jpg) no-repeat 0 0; text-indent:-19009px; float: left; }
	#top_content p { text-align: center; padding: 10px 20px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; font-size: 11px; }
	#top_content .company { margin-left: 537px; width: 246px; display: block; height:250px; background: transparent url(grafika/_kamyki.jpg);}
	#top_content .company a { color: red; }
	/*#top_content .comp-head { background-color:#025587; width: 246px; line-height:1px;}*/
	#top_content .comp-head { height: 17px; width: 246px; line-height:1px; background: #025587 url(grafika/tytul_ofirmie.gif) no-repeat 0 0; display: block; text-indent: -9009px; }

	#banner { height: 76px; position: relative; }
	#banner h2 { display: block; height: 76px; width: 786px; text-indent: -9009px; background: transparent url(grafika/reklama.jpg) no-repeat 0 0; }

	#oferta { padding-top: 10px; padding-bottom: 15px; overflow: hidden; }
	#oferta p.desc { display:block; padding: 0; margin:0; height:0; width:0; text-indent:-9009px; }
	#oferta ul { clear: both; margin-left: 10px; }
	#oferta li { display: inline; width: 245px; height: 181px; margin: 0px 5px 4px 5px; float: left; position: relative;}
	#oferta li.blaty, #oferta li.plytki, #oferta li.parapety { display: inline; margin: 0px 5px 4px 5px; float: left; width: 245px; height: 181px; }
		#oferta li.blaty h3 { background: transparent url(grafika/blaty.jpg) no-repeat 0 0; text-indent: -9009px; display: block; width: 245px; height: 181px; }
		#oferta li.plytki h3 { background: transparent url(grafika/plytki.gif) no-repeat 0 0; text-indent: -9009px; display: block; width: 245px; height: 181px; }
		#oferta li.parapety h3 { background: transparent url(grafika/parapety.jpg) no-repeat 0 0; text-indent: -9009px; display: block; width: 245px; height: 181px; }
		#oferta li.blaty h3 a,
		#oferta li.plytki h3 a,
		#oferta li.parapety h3 a { display: block; width: 100%;	height: 100%; outline: none; }
	#oferta .spec li { width: 373px; }

	#footer { background: transparent url(grafika/stopka.gif) repeat-x 0 0; height: 17px; width: 781px; padding: 7px 3px 0 3px; }
	#footer p { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFBF0; }
	#footer_back { background: transparent url(grafika/tlo_dolne2.gif) repeat-x 0 0; height: 9px; width: 792px; }
