#fck{
border: 1px dotted #FF0000;
margin-top:15px;
margin-bottom:0px;
overflow:hidden;
}

body
{


font-size: 12px; 
background-color:#000000;

color:#000000;
margin:0px auto 0px auto;
padding:0px;

line-height:18px;

font-family:helvetica,arial;
}

a img{border:none;}


input.sub{
background-color:#ffffff;
color:black;
border:none;

}

#baner_intro{
width:962px;
height:251px;
margin:0px auto;
padding:0px;
}

li{ margin:0px; padding-left:0px; padding-bottom:7px; margin-bottom:6px; margin-top:6px;  border-bottom:1px solid #202020;}

ul{ list-style-image:url('images/arrow.gif');

padding:0px; margin-left:30px; margin-top:0px;}


#dziewczyny{
float:left;
width:180px;
border:1px solid #444444;
margin:5px;
padding:5px;
}
#dziewczyny img.ramka{
padding:0px;
margin-bottom:10px;
border:3px solid #ffffff;
}

#prawa_kontakt img.ramka{
padding:0px;
border:3px solid #ffffff;
}

input,textarea{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding:6px;

background-color:#252525;
border:1px solid #353535;
color:white;


}

h1{
letter-spacing:-1px;
font-size:25px;
line-height:26px;
color:#ffffff;
padding:20px 0px 20px 0px;
margin:0px;
font-family:tahoma;
font-weight:normal;
}


p.title{

letter-spacing:-1px;
font-size:25px;
line-height:26px;
color:#ffffff;
padding:20px 0px 20px 0px;
margin:0px;
font-family:tahoma;
font-weight:normal;
}



img.ramka{

padding:1px;

border:1px solid #444444;


}

a{color: #eeeeee; text-decoration: none; }
a:hover { text-decoration: none; }




#cennik {
   width:890px;
   border: 1px solid #353535;
   border-collapse: collapse;
   background-color: #151515;
	font-size:11px;
}

#cennik td {
   border: 1px solid #353535;
vertical-align:top;
   padding: 6px;

}



td.head{
background-color:#353535;
padding:1px;
background-repeat:repeat-x-y;
font-weight:bold;
}



/* Main box  surrounding everything*/



/* Below is everything inside of #outer*/

/* The path box e.g. /root/path */

#baner
{

width:904px;
height:208px;
margin:0px;
padding:0px;


}



#top
{
height:180px;
width:960px;
padding:0px;
margin:0px;
}


#top_right
{
float:right;
text-align:right;

padding-top:44px;

margin:0px;

}



#top_left
{
float:left;
text-align:left;
width:200px;
margin:20px 0px 0px 0px;
padding-left:30px;

font-size: 11px;
color:#dddddd;
}




#stopka
{
color:#eeeeee;
font-size:11px;
background-color:#0d0d0d;
width:960px;
overflow:hidden;
margin:0px auto 0px auto;
border-top:1px solid #222222;

}

#stopka_prawa
{
float:right;
color:#777777;
width:400px;
text-align:right;
padding:30px 20px 20px 0px;
}

#stopka_lewa
{
color:#777777;
float:left;
padding:30px 0px 30px 40px;
text-align:left;

}




/* The left column (nav) */

#main
{
margin:0px auto 0px auto;
width:960px;
overflow:hidden;
background-position:center;
padding:0px;

}



#zawartosc{
padding:20px;


}







#produkt{


width:900px;
color:white;
margin-top:10px;
padding:0px 20px 10px 40px;
z-index:3000;

}


#produkt img{ margin-right:50px;}


#produkt h1{
letter-spacing:-1px;
font-size:32px;
color:#ffffff;
padding:30px 0px 20px 410px;
margin:0px;
font-family:helvetica;

}

#produkt a{
letter-spacing:-1px;
font-size:23px;
margin:0px;
font-family:helvetica;
}



#lewa_{
float:left;

width:420px;
color:white;
margin-top:30px;
margin-left:15px;
padding:10px 20px 10px 20px;
z-index:3000;
text-align:justify;
}

#prawa_{
float:left;

width:250px;
color:white;

margin:30px 0px 10px 10px;
z-index:3000;

}

#srodek_{
float:left;

width:200px;
color:white;
margin-top:60px;
padding:0px;

z-index:3000;

}

.lewa_ramka{
border-left:1px dotted #555555;

}






#lewa{
float:left;

width:200px;
color:white;
margin-top:30px;
padding:10px 20px 10px 20px;
z-index:3000;

}

#lewas{
float:left;

width:400px;
color:white;
margin-top:30px;
padding:10px 20px 10px 20px;
z-index:3000;

}


#prawas{
float:right;

width:400px;
color:white;
margin-top:30px;
padding:10px 20px 10px 20px;
z-index:3000;

}


#lewa_kontakt{
float:left;

width:300px;
color:white;
margin-top:30px;
padding:10px 20px 10px 20px;
z-index:3000;

}


#prawa_kontakt{
float:left;

width:500px;
color:white;
margin-top:30px;
padding:10px 20px 10px 20px;
z-index:3000;

}


#counter{


color:#eeeeee;
font-size:11px;

width:960px;
overflow:hidden;
margin:20px auto 0px auto;
padding-left:80px;

}
#srodek{


width:900px;
color:white;
margin-top:10px;
padding:0px 20px 10px 40px;
z-index:3000;
border-bottom:1px dotted #333333;
}


#srodek li{ font-size:10px; margin:0px; padding-left:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; border:none;  }

#srodek ul{ list-style-image:url('images/arrow.gif');

padding:0px; margin-left:15px; margin-top:0px;}


#srodek p.head{
font-weight:bold;
font-family:"Trebuchet MS";
font-size:15px;
color:#ffffff;
letter-spacing:-1px;
margin:0px;
margin-bottom:5px;
}

#prawa{
float:right;
width:650px;
padding:0px 20px 30px 30px;
color:white;

}





#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 15% no-repeat; }

#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%        
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.1em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }
a#onas{ display: block; width: 101px; height: 100px; 
             background: url('images/onas.gif')
             top left no-repeat; 
             }



a#onasa{ display: block; width: 101px; height: 100px; 
             background: url('images/onas.gif') ;
             background-position: 0 -100px; 
             }



a#kosmetyki{ display: block; width: 101px; height: 100px; 
             background: url('images/kosmetyki.gif')
             top left no-repeat; 
             }



a#kosmetykia{ display: block; width: 101px; height: 100px; 
             background: url('images/kosmetyki.gif') ;
             background-position: 0 -100px; 
             }
			 
a#aktualnosci{ display: block; width: 101px; height: 100px; 
             background: url('images/aktualnosci.gif')
             top left no-repeat; 
             }



a#aktualnoscia{ display: block; width: 101px; height: 100px; 
             background: url('images/aktualnosci.gif') ;
             background-position: 0 -100px; 
             }		

a#nowosci{ display: block; width: 101px; height: 100px; 
             background: url('images/nowosci.gif')
             top left no-repeat; 
             }



a#nowoscia{ display: block; width: 101px; height: 100px; 
             background: url('images/nowosci.gif') ;
             background-position: 0 -100px; 
             }		

a#kontakt{ display: block; width: 101px; height: 100px; 
             background: url('images/kontakt.gif')
             top left no-repeat; 
             }



a#sklep{ display: block; width: 100px; height: 100px; 
             background: url('images/sklep.gif')
             top left no-repeat; 
             }

a#forum{ display: block; width: 100px; height: 100px; 
             background: url('images/forum.gif')
             top left no-repeat; 
             }			 
			 
			 
			 

a#kontakta{ display: block; width: 101px; height: 100px; 
             background: url('images/kontakt.gif') ;
             background-position: 0 -100px; 
             }