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

body {margin: 0;padding: 0;color: #000;  font-family: Arial, Helvetica, sans-serif;
     background: url(../images/rpt_bg_top.jpg) repeat-x #fff; font-family:Verdana, Geneva, sans-serif; 
	 font-size:12px; }
ul, ol, dl { padding: 0;margin: 0;}
h2, h3, h4, h5, h6, p {margin: 0; padding: 0px; }
a img {border: none;}
a:link {color: #42413C;text-decoration: underline; }
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
td {vertical-align: top}
/** **/
div {position: relative;}
h1 {font-size: 20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 10px; color: #036; font-weight: bold;}

.topright{position: absolute; top: 0px; right: 0px}
.bttright{position: absolute; bottom: 0px; right: 0px}
.topleft{position: absolute; top: 0px; left: 0px}
.bttleft{position: absolute; bottom: 0px; left: 0px}
.nag{margin: 5px 0px 0px 12px;}
.nag1{margin: 10px 0px 0px 15px;}
.nag2{margin: 10px 0px 0px 15px;}
.alrght{text-align: right}
.bld{font-weight: bold; font-size: 11px !important}
.bld2{font-weight: bold; font-size: 14px !important}
.firma{margin: 5px; border-bottom: 1px solid #036}

#container{ width:960px; margin: 0 auto;}
	#header{height:290px; width:960px; background: url(../images/bg_top.jpg) -200px 0px no-repeat #fff}
	#logo{position: absolute; display: block;background: url(../images/logo.png); top: 20px; left: 50px; width:180px; height: 178px;}
	#obrotowe1{position: absolute; width:125px; height: 220px; top: 10px; left: 10px; background: url(../images/obrotowa.png)}
	#obrotowe2{position: absolute; width:125px; height: 220px; top: 10px; right: 10px; background: url(../images/obrotowa.png)}
	#menu{position: absolute;display: block;width:960px;height: 58px;top: 242px;left: 8px;}
        #m_onas			{position: absolute; display: block;width:118px; height: 58px; top: 0px; left: 0px;background: url(../images/menu.png) 0px 0px;}
        #m_aktualnosci	{position: absolute; display: block;width:128px; height: 58px; top: 0px; left: 118px;background: url(../images/menu.png) -118px 0px;}
        #m_katalog		{position: absolute; display: block;width:106px; height: 58px; top: 0px; left: 246px;background: url(../images/menu.png) -246px 0px;}
        #m_wspolpraca   {position: absolute; display: block;width:127px; height: 58px; top: 0px; left: 352px;background: url(../images/menu.png) -352px 0px;}
        #m_kontakt		{position: absolute; display: block;width:105px; height: 58px; top: 0px; left: 479px;background: url(../images/menu.png) -479px 0px;}
        #m_dopobrania	{position: absolute; display: block;width:142px; height: 58px; top: 0px; left: 584px;background: url(../images/menu.png) -584px 0px;}
        #m_materialy	    {position: absolute; display: block;width:210px; height: 58px; top: 0px; left: 726px;background: url(../images/menu.png) -726px 0px;}

        #m_onas:hover			{background: url(../images/menu.png) 0px 58px;}
        #m_aktualnosci:hover	{background: url(../images/menu.png) -118px 58px;}
        #m_katalog:hover		{background: url(../images/menu.png) -246px 58px;}
        #m_wspolpraca:hover		{background: url(../images/menu.png) -352px 58px;}
        #m_kontakt:hover		{background: url(../images/menu.png) -479px 58px;}
        #materialy:hover		{background: url(../images/menu.png) -584px 58px;}
        #m_materialy:hover	    {background: url(../images/menu.png) -726px 58px;}
		
	#socialmedia{position: absolute; right: 15px; bottom: 90px; width: 100px; height: 25px}
	    #soc_google{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; background: url(../images/socjal_ico.png) 0px 0px}
		#soc_twitter{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left: 25px; background: url(../images/socjal_ico.png) -25px 0px}
		#soc_facebook{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left:50px; background: url(../images/socjal_ico.png) -50px 0px}
		#soc_youtube{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left:75px; background: url(../images/socjal_ico.png) -75px 0px}
		
	    #soc_google:hover	{background: url(../images/socjal_ico.png) 0px -25px;}
		#soc_twitter:hover	{background: url(../images/socjal_ico.png) -25px -25px;}
		#soc_facebook:hover	{background: url(../images/socjal_ico.png) -50px -25px;}
		#soc_youtube:hover	{background: url(../images/socjal_ico.png) -75px -25px;}

		
	#zamowieniafirmowe	{position: absolute;display: block;background: url(../images/buttony.png) 0 0 ;width:255px; height: 99px;top:  20px;right: 0px; z-index: 490;}
	#sklep_fh {position: absolute;display: block; background: url(../images/buttony.png) 0 -99px ;width:255px; height: 69px;top: 119px;right: 0px; z-index: 500;}
	#cennik_fh{position: absolute;display: block; background: url(../images/buttony.png) 0 -168px ;width:255px; height: 58px;top:188px;right: 0px; z-index: 510;}
	
	#zamowieniafirmowe:hover {position: absolute;display: block;background: url(../images/buttony.png) -255px 0 ;width:255px; height: 99px;top:  20px;right: 0px; z-index: 490;}
	#sklep_fh:hover {position: absolute;display: block; background: url(../images/buttony.png)  -255px -99px ;width:255px; height: 69px;top: 119px;right: 0px; z-index: 500;}
	#cennik_fh:hover {position: absolute;display: block; background: url(../images/buttony.png) -255px -168px ;width:255px; height: 58px;top:188px;right: 0px; z-index: 510;}
	
#content{padding-top: 5px; width:960px; background-color: #60A3E0; overflow: auto; margin-top: 10px;}
#content2{padding-top: 0px; width:940px; background-color: #fff; color: #036; overflow: auto; margin: 0px 10px;}
    	#wstepniak{height: 170px; width:960px;}
		#wstepniak p{display: block; margin: 10px 20px; border-top: 2px solid #fff; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; padding:10px 0px 0px 0px; font-weight: bold}
		
        #rodzaj_produktu{width:280px; height: 96px; float: left;background:#fff;}
		#rodzaj_produktu p{display: block; margin: 1px 15px; border-top: 1px solid #069; font-family: Verdana, Geneva, sans-serif; color: #036; font-size: 12px; padding:5px 30px 0px 30px;
		line-height: 200%;}
		
        #jak_szukac{width:675px;height: 96px; float: right;background:#fff;}
		#jak_szukac p{display: block; margin: 1px 10px; border-top: 1px solid #069; font-family: Verdana, Geneva, sans-serif; color: #069; font-size: 12px; padding:3px 30px 0px 30px;
		line-height: 120%;}
		
    	#znalezione_firmy{width:280px; height: 455px;float: left;background:#fff; margin-top: 5px;}
		/*   */
		#listaznalezionych{width:265px; height: 410px; border-top: 1px solid black; margin: 5px 0px 0px 15px; overflow: auto}
		
		#listaznalezionych td {font-size: 11px; color: #036; font-size: 10px;}
		#listaznalezionych td a {color: #036; text-decoration: none; font-size: 10px;}
		#listaznalezionych td a:hover {color: #900}
		#listaznalezionych td a img {vertical-align: -3px}
		/*   */
        #glownypanel{width:675px;height: 455px; float: right; margin-top: 5px;}
    		#wyszukiwarka{ background:#fff;width:675px;height: 50px;}
			
			#wyszukiwarka .inp {border: 1px solid #036; height: 18px;}
			
			#wyszuk_panel{padding: 10px;}
			#wyszuk_panel td {vertical-align: middle; font-size: 11px; color: #036}

        	#mapa{ background: url(../images/mapabg.jpg);width:675px;height: 400px; margin-top: 5px; overflow: hidden}
		
        #reklama{width:280px; height: 300px;float: left;background:#fff; margin-top: 5px;}
		#reklama a{display: block; margin: 0px 0px 5px 5px;}
		
        #infopanel{width:675px; height: 300px;float: right;background:#fff; margin-top: 5px; overflow: hidden;}
		#infopanel table {margin: 15px; font-size: 11px; color: #036}
		#infopanel td strong {font-size: 10px; display: block; margin: 0px; padding: 0px;}
		#infopanel td a {color: #036; text-decoration: none; font-size: 11px;}
		#infopanel td a:hover {color: #900}
		
		.pokazna{clear: both; float: right; margin: 10px 0px; color: #F00 !important; cursor: pointer; padding-bottom: 20px;}
		.pokazwiec{color: #F00 !important; cursor: pointer;}

#footer{height:140px; width:960px;}
    #foottxt            {border-top: 40px solid #60A3E0; border-bottom: 1px solid #60A3E0; width:960px; height: 30px; padding-top: 5px; 
						 font-family:Verdana, Geneva, sans-serif; font-size:11px; color: #195081;}
    #copy				{position: absolute; display: block;width:180px; height: 58px; bottom: 0px; left: 400px; color: #60A3E0; font-size:11px;}
    #kliknijzamowienia	{position: absolute;display: block;background: url(../images/btt_kliknijtutaj.png);width:237px;height: 99px;top: 10px;right: 0px;}
	
.wdol{vertical-align: -7px; height: 20px;}

.cent3{border: 1px solid #000; font-size: 15px; font-weight: bold; text-align: center}