/* vesstige */

@import url("form.css");

html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

body	{
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#2175c3;	
}

.clear	{clear:both;height:1px;width:100%;}
img	{border:0px}

.linia_poziom	{
	clear:both;
	width:97%;
	height:10px;
	border-bottom:1px dotted #ccc;	
	margin-bottom:5px;
	}

/* layer start */

	#layer_start	{
		position:absolute;
		z-index:1;
		width:100%;
		height:400px;
		padding-top:55px;
		background-image:url(../images/body_bg.jpg);
		background-repeat:repeat-x;
		background-color:#2175c3;
	}
	
	#layer_start .layer_header	{
		width:601px;
		height:104px;
		background-image:url(/images/layer_start_naglowek.png);
		background-repeat:no-repeat;
		margin:0px auto;
	}

	#layer_start .layer_menu	{
		margin:50px auto;		
		width:840px;
		height:157px;
	}

		#layer_start .layer_menu a.btn1	{
			float:left;			
			width:280px;
			height:157px;
			background-image:url(/images/layer_start_btn1.png);
			background-repeat:no-repeat;
		}
		#layer_start .layer_menu a.btn2	{
			float:left;
			width:280px;
			height:157px;
			background-image:url(/images/layer_start_btn2.png);
			background-repeat:no-repeat;
		}		
		#layer_start .layer_menu a.btn3	{
			float:left;
			width:280px;
			height:157px;
			background-image:url(/images/layer_start_btn3.png);
			background-repeat:no-repeat;
		}		
		#layer_start .layer_menu a span	{ display:none}


/* layer start KONIEC */

#root	{
	margin:0px auto;
	width:816px;
}

#logo	{
	position:absolute;
	width:206px;
	height:106px;
	margin-top:28px;
	margin-left:25px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}

#logo a {
	width:241px;
	height:106px;
	display:block;
}

#logo a span {display:none;}

#top_menu	{margin-left:520px;padding-top:5px;font-size:11px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#ced8e6;}
#top_menu a {color:#fff;text-decoration:none;border:0px;}
#top_menu a:hover {color:#ced8e6;text-decoration:none;border-bottom:1px dotted #ced8e6;}

#header_one	{
	width:816px;
	height:321px;
	background-image:url(/images/top_bg_one.jpg);
	background-repeat:no-repeat;
}

#header_two	{
	width:816px;
	height:321px;
	background-image:url(/images/top_bg.jpg);
	background-repeat:no-repeat;
}


#animacja {
	position:absolute;
	width:816px;
	height:190px;
	margin-top:17px;
	background-image:url(/images/animacja_temp.png);
	background-repeat:no-repeat;	
	padding-top:6px;
	padding-left:6px;
}

#content {
	margin:0px;
	width:816px;
	color:#666;	
}
	

#content_one	{
	margin:0px;
	width:776px;
	padding:10px 20px 20px 20px;
	font:normal 12px Trebuchet, Geneva, sans-serif;
	color:#666;
	background-image:url(/images/content_one_bg.jpg);
	background-repeat:repeat-y;
}

#content_stopka_one	{
	width:816px;
	height:12px;
	background-image:url(/images/content_stopka_one_bg.jpg);
	background-repeat:no-repeat;
}

/* menu produktowe */
#menu_produktowe	{
	float:left;
	width:232px;
	margin-left:8px;
}

#menu_produktowe a.mp, a.mp_active {
	display:block;
	width:207px;
	height:24px;
	padding:5px;
	padding-left:20px;
	color:#fff;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	background-image:url(/images/menu_produktowe_bg.jpg);
	background-repeat:no-repeat;
	background-position:-232px 0px;
}
#menu_produktowe a.mp:hover, #menu_produktowe a.mp_active {
	background-image:url(/images/menu_produktowe_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
}

#menu_produktowe #mp_stopka {
	background:#fff url(/images/menu_produktowe_bg_stopka.jpg) no-repeat 0px 0px;
	width:232px;
	height:35px;
}

/* menu produktowe koniec */


#content_two	{
	clear:both;
	width:816px;
	font:normal 12px Trebuchet, Geneva, sans-serif;
	color:#333;
	background-image:url(/images/content_two_bg.jpg);
	background-repeat:repeat-y;
}

#content_two_content	{
	margin-left:20px;
	width:540px;
	float:left;
	color:#666;
}

.produkt_foto	{
	float:right;
	margin-top:20px;
	margin-left:20px;
	border:3px solid #f5f5f5 !important;
}

	div.produkt_foto_div	{
		float:right;
		border:0px;
	}
	
	div.produkt_foto_div a {
		clear:both;
		border:3px solid #f5f5f5 !important;
	}

#content_one a, #content_two_content a {
	color:#1a66b7;
	text-decoration:none;
	border-bottom:1px dotted #555;
}

#content_one a:hover, #content_two_content a:hover {
	color:#666;
	text-decoration:underline;
	border-bottom:0px;
}

#content_stopka_two	{
	width:816px;
	height:12px;
	font:normal 12px Trebuchet, Geneva, sans-serif;
	color:#333;
	background-image:url(/images/content_stopka_two_bg.jpg);
	background-repeat:no-repeat;
}

h1	{
	text-align:right;
	color:#134b98;
	padding-top:10px;
	font:bold 26px "Trebuchet MS", Geneva, sans-serif;
	font-style:italic;
	margin-right:20px;
	margin-bottom:0px;
	margin-top:0px;	
}

h2	{
	color:#134b98;
	font:bold 26px "Trebuchet MS", Geneva, sans-serif;
	font-style:italic;
	margin-right:20px;
	margin-bottom:0px;
	margin-top:0px;
}

div.podtytul	{
	text-align:right;
	color:#134b98;
	font:bold 13px "Trebuchet MS", Geneva, sans-serif;
	font-style:italic;
	margin-right:20px;
	margin-bottom:20px;	
}

#box_1	{
	float:left;
	width:340px;
	padding:20px;
}

#box_2	{
	float:left;	
	width:340px;
	padding:20px;
	border-left:1px dotted #ccc;	
}

/*--------------------- MENU nakładki ----------------------------- */


#menu {
	width:528px;
	height:38px;
	margin-left:270px;
	margin-top:30px;
}
#menu div {
	display:block;
	}
#menu span{
	display:none;
	}

#menu a {
	cursor:pointer;
}

#menu div, #menu a { 
	height: 38px;			
	float:left;
	display: block;
	border:0px;
	}

#item-01, #item-02, #item-03, #item-04, #item-05 {
	margin-top:0;
	}

#item-01 a { width:88px;}
#item-02 a { width:88px;}
#item-03 a { width:88px;}
#item-04 a { width:88px;}
#item-05 a { width:88px;}
#item-06 a { width:88px;}

#item-01 a { background: transparent url("../images/menu.png")   0px 0px no-repeat; }
#item-02 a { background: transparent url("../images/menu.png")   -88px 0px no-repeat; }
#item-03 a { background: transparent url("../images/menu.png")   -176px 0px no-repeat; }
#item-04 a { background: transparent url("../images/menu.png")   -264px 0px no-repeat; }
#item-05 a { background: transparent url("../images/menu.png")   -352px 0px no-repeat; }
#item-06 a { background: transparent url("../images/menu.png")   -440px 0px no-repeat; }

#item-01 a:hover { background: transparent url("../images/menu.png")   0px -38px no-repeat; }
#item-02 a:hover { background: transparent url("../images/menu.png")   -88px -38px no-repeat; }
#item-03 a:hover { background: transparent url("../images/menu.png")   -176px -38px no-repeat; }
#item-04 a:hover { background: transparent url("../images/menu.png")   -264px -38px no-repeat; }
#item-05 a:hover { background: transparent url("../images/menu.png")   -352px -38px no-repeat; }
#item-06 a:hover { background: transparent url("../images/menu.png")   -440px -38px no-repeat; }

#item-01  a.active { background: transparent url("../images/menu.png")   0px -38px no-repeat; }
#item-02  a.active { background: transparent url("../images/menu.png")   -88px -38px no-repeat; }
#item-03  a.active { background: transparent url("../images/menu.png")   -176px -38px no-repeat; }
#item-04  a.active { background: transparent url("../images/menu.png")   -264px -38px no-repeat; }
#item-05  a.active { background: transparent url("../images/menu.png")   -352px -38px no-repeat; }
#item-06  a.active { background: transparent url("../images/menu.png")   -440px -38px no-repeat; }

/* ----------------------- MENU KONIEC -------------------------- */


/* btny przejscie allegro, sklepy - left*/

a#btn-kup-teraz-allegro-left span,
a#btn-kup-teraz-sklep-left span {display:none}

a#btn-kup-teraz-allegro-left {display:block;clear:both;width:237px;height:117px;background:#fff url(/images/kup-teraz-bottom.jpg) 0px 0px no-repeat;}
a#btn-kup-teraz-sklep-left {display:block;clear:both;width:237px;height:117px;background:#fff url(/images/kup-teraz-bottom.jpg) -237px 0px no-repeat;margin-top:20px}

a:hover#btn-kup-teraz-allegro-left {background:#fff url(/images/kup-teraz-bottom.jpg) 0px -117px no-repeat;}
a:hover#btn-kup-teraz-sklep-left {background:#fff url(/images/kup-teraz-bottom.jpg) -237px -117px no-repeat;}

/* btny przejscie allegro, sklepy - left KONIEC */

/* btny przejscie allegro, sklepy */

a#btn-kup-teraz-allegro-buttom span,
a#btn-kup-teraz-sklep-buttom span {display:none}

a#btn-kup-teraz-allegro-buttom {display:block;float:left;width:237px;height:117px;background:#fff url(/images/kup-teraz-bottom.jpg) 0px 0px no-repeat;}
/*a#btn-kup-teraz-sklep-buttom {display:block;float:left;width:237px;height:117px;background:#fff url(/images/kup-teraz-bottom.jpg) -237px 0px no-repeat;margin-left:50px}*/
a#btn-kup-teraz-sklep-buttom {display:block;float:left;width:237px;height:117px;background:#fff url(/images/kup-teraz-bottom.jpg) -237px 0px no-repeat;}

a:hover#btn-kup-teraz-allegro-buttom {background:#fff url(/images/kup-teraz-bottom.jpg) 0px -117px no-repeat;}
a:hover#btn-kup-teraz-sklep-buttom {background:#fff url(/images/kup-teraz-bottom.jpg) -237px -117px no-repeat;}

/* btny przejscie allegro, sklepy KONIEC */



/* products all - slider */

/* products all - slider KONIEC */

#footer	{	
	margin:0px auto;
	width:816px;
	height:72px;
	color:#fff;
}

#footer #menu_stopka {
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#bbb;
	text-align:center;	
	margin-top:15px;
}

#footer #menu_stopka a {color:#bbb;text-decoration:none;border:0px}
#footer #menu_stopka a:hover {color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}

#haslo_bottom	{
	position:absolute;
	margin-left:620px;
	margin-top:10px;
	width:402px;
	height:53px;
	background-image:url(../images/haslo_bottom.png);
	background-repeat:no-repeat;
}

#haslo_bottom span	{display:none}

#copyright			{color:#bbb;font:normal 10px Tahoma;padding-top:2px;text-align:center;}
#copyright a 		{color:#bbb;text-decoration:none;}
#copyright a:hover  {color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}


/*--------------------- MENU ----------------------------- */


#menu {
	width:528px;
	height:38px;
	margin-left:270px;
	margin-top:50px;
}
#menu div {
	display:block;
	}
#menu span{
	display:none;
	}

#menu a {
	cursor:pointer;
}

#menu div, #menu a { 
	height: 38px;			
	float:left;
	display: block;
	border:0px;
	}

#item-01, #item-02, #item-03, #item-04, #item-05 {
	margin-top:0;
	}

#item-01 a { width:88px;}
#item-02 a { width:88px;}
#item-03 a { width:88px;}
#item-04 a { width:88px;}
#item-05 a { width:88px;}
#item-06 a { width:88px;}

#item-01 a { background: transparent url("../images/menu.png")   0px 0px no-repeat; }
#item-02 a { background: transparent url("../images/menu.png")   -88px 0px no-repeat; }
#item-03 a { background: transparent url("../images/menu.png")   -176px 0px no-repeat; }
#item-04 a { background: transparent url("../images/menu.png")   -264px 0px no-repeat; }
#item-05 a { background: transparent url("../images/menu.png")   -352px 0px no-repeat; }
#item-06 a { background: transparent url("../images/menu.png")   -440px 0px no-repeat; }

#item-01 a:hover { background: transparent url("../images/menu.png")   0px -38px no-repeat; }
#item-02 a:hover { background: transparent url("../images/menu.png")   -88px -38px no-repeat; }
#item-03 a:hover { background: transparent url("../images/menu.png")   -176px -38px no-repeat; }
#item-04 a:hover { background: transparent url("../images/menu.png")   -264px -38px no-repeat; }
#item-05 a:hover { background: transparent url("../images/menu.png")   -352px -38px no-repeat; }
#item-06 a:hover { background: transparent url("../images/menu.png")   -440px -38px no-repeat; }

#item-01  a.active { background: transparent url("../images/menu.png")   0px -38px no-repeat; }
#item-02  a.active { background: transparent url("../images/menu.png")   -88px -38px no-repeat; }
#item-03  a.active { background: transparent url("../images/menu.png")   -176px -38px no-repeat; }
#item-04  a.active { background: transparent url("../images/menu.png")   -264px -38px no-repeat; }
#item-05  a.active { background: transparent url("../images/menu.png")   -352px -38px no-repeat; }
#item-06  a.active { background: transparent url("../images/menu.png")   -440px -38px no-repeat; }

/* ----------------------- MENU KONIEC -------------------------- */



div.aktualnosci_item	{clear:both;width:455px}

span.aktualnosci_txt	{color:#565656;float:left;width:200px;clear:both;margin-top:10px;}

span.aktualnosci_txt a 		{color:#666;text-decoration:none;border-bottom:1px dotted #666;}
span.aktualnosci_txt a:hover{color:#888;text-decoration:none;border-bottom:1px dotted #888;}	

span.aktualnosci_foto {float:right;margin-left:5px;height:200px;width:230px;margin-top:10px;}

span.aktualnosci_foto img {border:3px solid #ccc;}

span.realizacje_opis	{margin-top:20px;}
span.realizacje_opis	{  font:normal 12px Tahoma;text-align:right;  float:right;color:#555;}
span.realizacje_www	{  font:normal 12px Tahoma;text-align:right;  float:right;color:#555;}

span.realizacje_www 		{margin-top:20px;}
span.realizacje_www a 		{color:#666;text-decoration:none;border-bottom:1px dotted #666;}
span.realizacje_www a:hover{color:#888;text-decoration:none;border-bottom:1px dotted #888;}	


/* wojewodztwa - gdzie kupić */

ul.wojewodztwa_lista{list-style:none;margin:0px;padding:0px}
.wojewodztwa_lista_btn {margin:0; padding:0}
.wojewodztwa_lista_btn h3 {margin:0; padding:0; font-size:12px; font-weight:normal}
.wojewodztwa_lista_btn h3 a{display:block; text-decoration:none;  padding:5px 0 5px 10px; border-bottom:1px dotted #ccc !important; color:#134b98;font-style:italic}
.wojewodztwa_lista_btn h3 a:hover{color:#343434; display:block; text-decoration:none !important;  padding:5px 0 5px 10px; background-color:#f5f5f5;border-bottom:1px dotted #ccc !important;}
.wojewodztwa_lista_content {display:none; margin-bottom:10px}
.wojewodztwa_lista_content div{padding:10px; margin:0}

/* wojewodztwa - gdzie kupić - KONIEC */

/* opinie */

div.opinie_item	{
	border-top:1px dotted #ccc;
	padding:10px 0px 10px;
	margin:10px 0px 10px;
}

div.opinie_item	em { clear:both;color:#003876;font-weight:bold;display:block;padding-bottom:5px;}

/* fb i nk */

#nk_fb_produkty	{
	width:220px;
	padding:5px 0px 5px 0px;	
	float:right;
}

#fb_image	{visibility:hidden;width:1px;height:1px}

#wysuwane_fb
{
    background: url("../images/fbpodklad.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 235px;
    height:380px;
    position: fixed;
    margin-top: -175px; /*poĹ?owa wysokoĹ?ci panelu w gĂłrÄ? */
    left: 0px;
    top: 50%;
	z-index:1001;
}
#wysuwane_nk
{
    background: url("../images/nkpodklad.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 315px;
    height:306px;
    position: fixed;
    margin-top: -175px; /*poĹ?owa wysokoĹ?ci panelu w gĂłrÄ? */
    right: 0px;
    top: 50%;
	z-index:1001;
}

