html{
font-family: Arial, Verdana, Tahoma, "Sans serif";
font-size: 11px;
color: #383838;
text-decoration: none;
}

img{
border:none;
}


#bg{
background: url("/img/www/tlo.jpg") no-repeat scroll center 0 transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index:-10;
}

.clear-109{
    clear: both;
    height: 181px;
}

/***************************/

#loading-container {position: fixed; top:50%; left:50%;}
#loading-content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;}
#loading-content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
#loading-graphic {margin-right: 0.2em; margin-bottom:-2px;}
#loading {background:#fff; height:100%; width:100%; overflow:hidden; position: absolute; left: 0; top: 0; z-index: 99997;}

p#podstr_sciezka a, p#podstr_sciezka{
color:  #444;
margin-bottom: 10px;
}

p#podstr_sciezka a:hover {
	color: #E72213;
}




body{
/*background: url("/img/www/tlo.jpg") no-repeat scroll center 0 #f7f7f7;*/
margin: 0 auto;
min-height: 981px;
position: relative;
text-align: justify;
width: 100%;
}

#bg{
background: url("/img/www/tlo.jpg") no-repeat scroll center 0 transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index:-10;
}


   body a
   {
    text-decoration: none;
	color: #383838;
   }

	   body a:hover
   {

			color: #E72213;
   }


div#pasy
{
	margin: auto;
	/*width: 1070px; zmien jezeli strona nie jest na srodku*/
	width:100%;

}

div#kontener,div#kontener_tlo, div#naglowek, div#gora, div#menu_gora, div#koszyk, div#pod_menu, div#flash_neon, div#lewa, div#loguj, div#linki_, div#srodek, div#ajax, div#produkty, div#prawa, div#stopka
{
   margin: auto;
   position: relative;
}

div#kontener_tlo{
position:relative;
width:1000px;
}

div#kontener{
float: left;
padding-bottom: 360px;
width: 1000px;
}

#piece_1 {
    float: right;
    height: 342px;
    margin-right: 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 791px;
}

		div#gora
		{
			width:1000px; /*941*/
			height:53px;
			float:left;
		}

		div#menu_gora
		{
			background:#FFFEFF url(/img/mm.gif) repeat-x scroll 0 0;
			float:left;
			height:55px;
			margin-bottom:0;
			width:1000px;
		}

		div#pad{
		float: left;
padding: 5px;
width: 990px;
		}
		div#dol
		{
background:none repeat scroll 0 0 #171A1F;
float:left;
height:100px;
margin:0 3px;
position:relative;
width:993px;
		}

div#naglowek{
background: none repeat scroll 0 0 white;
float: left;
height: 165px;
margin: 27px 0 0;
position: relative;
width: 1000px;
z-index: 99;
}

		div#panel
		{
float:left;
height:49px;
position:relative;
width:1000px;
/*background:url("/img/tlo.jpg") no-repeat scroll center -219px #3C495A;*/
		}


		div#menu-gora
{
background:url("/img/c1.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:32px;
position:relative;
width:1000px;
}


		div#koszyk
		{
background: url("/img/www/koszyk.jpg") no-repeat scroll left top transparent;
float: right;
height: 89px;
position: relative;
right: 0;
width: 280px;
		}

                div.koszyk-suma{
font-size: 16px;
font-weight: normal;
left: 105px;
position: absolute;
top: 11px;
                }


		div#panel-klienta
		{
background:url("/img/panel.jpg") no-repeat scroll 0 0 transparent;
height:268px;
margin:23px auto 1px;
position:relative;
right:0;
width:193px;
		}


ul#navi{
z-index: 20;

        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
}

ul#navi li{
float: left;
margin-left: 7px;
}

ul#navi li a{
background: url("/img/www/ajax.png") repeat scroll 0 center transparent;
display: block;
float: left;
height: 15px;
width: 15px;
}

ul#navi li a:hover{
background-position: 0 bottom;
}

ul#navi li.activeSlide a{
background-position: 0 top;
}





		div#lewa
		{
   float: left;
    margin-right: 0;
    padding-left: 0;
    width: 192px;
    z-index: 2;
		}

		div#lewa, div#prawa,div#srodek
		{

		}
		/************************************ srodek *************/


div#srodek
{
float: right;
margin-left: 35px;
margin-right: 0;
min-height: 577px;
padding: 0;
position: relative;
width: 773px;
z-index: 1;
}


				/************************************ prawa *************/


		div#prawa
		{
float: right;
margin: 0;
position: relative;
right: 0;
width: 190px;
		}



		div#stopka
		{
color: white;
float: left;
height: 22px;
left: 0;
/*margin-bottom: 10px;*/
margin-top: 0;
/*padding: 0 11px;*/
position: relative;
width: 100%;
		}





				div#stopka ul li a
		{
font-size:10px;
font-weight:normal;
position:relative;
text-decoration:none !important;
padding:2px;
color:#5E5E5E !important;
		}



			div#stopka	div#stopka_pod
		{

			height:25px;
			left:0;
			margin:auto;
			position:relative;
			width:1000px;
		}

div#stopka	div#stopka_pod ul
{
float:left;
height:8px;
margin:0;
position:relative;
top:2px;
width:820px;

}

			div#stopka	div#stopka_pod ul li
		{
				color:#958F90;
				float:left;
				font-size:10px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				padding-left:5px;

		}

			div#stopka	div#stopka_pod ul li a
		{
				font-size:10px;
				font-weight:normal;
				position:relative;
				color:#2E3F49;
				background:transparent;


		}

			div#stopka	div#stopka_pod ul li a:hover
		{
				color:white;
				background:#C90101;
		}





                div#cy1{
                    background: url("/img/www/c1.gif") repeat scroll 0 0 transparent;
                    height: 81px;
                    position: relative;
                    width: 1000px;
                }


ul#ikony-up{
float: right;
position: absolute;
right: 0;
top: 5px;
width: auto;
}

ul#ikony-up li {
display: inline;
float: left;
margin-left: 5px;
}

ul#ikony-up a{

}

ul#ikony-up a img{

}

/*********************************/

#toTop {
background: url("/img/www/ui.totop.png") no-repeat scroll left top transparent;
border: medium none;
bottom: 30px;
display: none;
height: 51px;
overflow: hidden;
position: fixed;
right: 30px;
text-decoration: none;
text-indent: 100%;
width: 51px;
z-index: 90;
}

#toTopHover {
	background:url(/img/www/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

div#kat_produktow_box ul#kat_produktow.ts_container li.ts_thumbnails div.ts_preview_wrapper ul.ts_preview li {
    margin: 0;
	padding:0;
}

a.rzetelna{
    
}

#placeDetails {
    background-color: #fff;
    border-top-left-radius: 5px;
    bottom: 0;
    color: #222;
    font-size: 80%;
    padding: 10px;
    position: absolute;
    right: -320px;
    width: 300px;
    border:1px solid #DDDDDD;
}

div.mapa_cont{
    border: 4px solid #D1D2D7;
margin: 12px 0 30px;
overflow: hidden;
position: relative;
width: 744px;
margin: 20px 0;
padding: 1px;
}

div#map_nasze-sklepy{

    color: #292929;
    height: 400px;       
    text-align: left;
    width: 100%;    
}

a.punktyaddr{
background: none repeat scroll 0 0 #EEEEEE;
display: block;
float: left;
height: 99px;
margin: 1px;
padding: 7px;
text-align: left;
width: 135px;
}

a.punktyaddr:hover{
background: none repeat scroll 0 0 #F34800;
color:white;
}

div#podstrona div.mapa_cont div#placeDetails h1{
background: none repeat scroll 0 0 transparent;
color: #E72213;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 0; 
}

div#podstrona div.mapa_cont #placeDetails div{
font-size: 12px; 
margin-bottom: 10px;
}

div#podstrona div.mapa_cont #placeDetails p{
font-size: 12px; 
font-weight: bold;
}

div#logowanie_fixed{
background: url("/img/pasek.jpg") repeat-x scroll 0 0 transparent;
width: 1000px;
height: 27px;
position: fixed;
z-index: 100;
}

li.odd{
background: none repeat scroll 0 0 #E7E7E7;
}

#kopiuj_dane_wysylki{
background: none repeat scroll 0 0 #6A6A6A;
border: medium none;
color: white;
cursor: pointer;
float: right;
font-size: 11px;
margin: 0;
padding: 5px;
}