/* Hack for IE to display the margin on #right properly */
* html #right {width:597px;}

/* Body Styles */
a.link{
padding:5px 10px 5px 10px;
background-color:#efdcc9;
border:1px solid #555555;
color:black;

}



#fck{ margin-top:10px;
border:1px dotted red;
overflow:hidden;

}



#prawa table{
border:1px solid #dddddd;
border-collapse:collapse;
}

#prawa table td{
border:1px solid #dddddd;
padding:2px;
}




body
{




font-size: 11px; 
background-image:url(images/tlo.gif);

background-repeat:repeat-x;
color:#000000;
margin:0px auto 0px auto;
padding:0px;

line-height:15px;

font-family:tahoma;
}

a img{border:none;}

img.nowosc{
border:7px solid #9b527d;
margin:0px 15px 10px 0px;
}

#menus{
margin-top:20px;

}


#srodek_d img{
 margin:2px 10px 7px 0px;
 border:none;

}

#menus td{

margin:0px;
padding:0px 0px 0px 8px;
height:30px;

}

#menus td a{
padding:8px 10px 8px 10px;
color:#6d194a;
display:block;
font-size: 16px; 
font-family:arial;
letter-spacing:-1px;
font-weight:bold;

}

#menus td a:hover{

background-color:#a4437c;

color:#ffffff; 

}



#lista{
width:89%;
background-color:#9b527d;
padding:0px;
margin:0px;
}
#lista td{

border-bottom:1px solid #8c446e;
}

#lista td a{
padding:0px;
color:#ffffff;
font-size:11px;

width:90%;
padding:5px 5px 5px 10px;
display:block;
}

#lista tr:hover{
background-color:#8c446e;
}

#lista td a:hover{

color:#ffffff;


}





li{ margin:0px; padding-left:0px; margin-bottom:6px; }

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

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





a.pobierz{
background-image:url(images/pobierz.gif);

text-align::center;
font-size:10px;
font-family:tahoma;
color:white;
margin-top:5px;
padding:3px 20px 3px 20px;
}


a.kolory{
background-color:#990066;
text-align:center;
padding:5px;
font-size:11px;
display:block;
color:white;
margin:0px;
width:140px;
height:18px;

}


p
{

padding-top:20px;
padding-right:50px;


}


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

background-color:#fbf7f9;
border:1px solid #ded1d9;
color:black;


}


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

background-color:#fff2fa;
border:1px solid #ded1d9;
color:black;


}

#scroll{ height:365px;
overflow:auto;
width:100%;
}

p.title{
letter-spacing:0px;
font-size:19px;
color:#555555;
padding:0px 0px 20px 0px;
margin:0px;
font-family:helvetica;
line-height:24px;
}


p.title_w
{

letter-spacing:3px;
font-size:19px;
color:#ffffff;
padding:0px;
margin:20px 0px 20px 0px; 
font-family:sans-serif;
}

img.ramka{

padding:1px;

border:1px solid #dddddd;
margin:1px;

}

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







/* Main box  surrounding everything*/



/* Below is everything inside of #outer*/

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

#baner
{

width:767px;
height:189px;
margin:0px;
padding:0px;
background-image:url(images/baner.jpg);

padding-top:-2px;

}

#baner_menu{
float:left;
height:189px;
width:253px;
padding:0px;
margin:0px;

}

#top
{
height:147px;
width:767px;
padding:0px;
margin:0px;


}


#top_d
{
height:78px;
width:960px;
padding:0px;
margin:0px;
background-image:url(images/top2.gif);

}


#topa
{
height:98px;
width:960px;
padding:0px;
margin:0px;
background-image:url(images/topa.gif);

}







#top_da
{
height:47px;
width:960px;
padding:0px;
margin:0px;
background-image:url(images/top2a.gif);

}





#top_t
{
height:118px;
width:530px;
padding:0px 350px 0px 80px;
margin:0px;
background-image:url(images/top3.gif);
text-align:left;
color:#ffffff;

}



#top_right
{
float:left;
text-align:left;
width:400px;
padding-top:0px;
height:98px;
margin:0px;

}



#top_left
{
float:left;
text-align:left;
width:300px;

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



#dol
{
height:103px;
width:960px;
padding:0px;
margin:0px;

}

#dol div.lewa{
float:left;
width:300px;
height:103px;
background-color:#f1f1f1;
}


#dol div.srodek{
float:left;
width:320px;
height:103px;
background-color:none;
padding:0px;
margin:0px;
}

#dol div.prawa{
float:right;
width:340px;
height:103px;
background-color:#ffffff;
}


#stopka
{

width:767px;
height:87px;
padding:0px;

margin:0px;

}

#stopka_prawa
{


float:right;
width:410px;

text-align:right;
padding:0px 20px 20px 0px;
}

#stopka_lewa
{


float:left;
color:#555555;
width:450px;
padding:0px 0px 20px 20px;
text-align:left;

}




/* The left column (nav) */

#main
{
margin:0px auto 0px auto;
width:767px;

padding:0px;
overflow:hidden;
}



#zawartosc{
padding:20px;


}



#lewas{
float:left;

width:130px;
color:white;
padding:0px;
z-index:3000;
padding-left:80px;
text-align:left;
}











#gora
{
float:left;
width:860px;
padding:0px 20px 0px 20px;

}

#top_left_header{

width:300px;
padding:0px;
background-color:#bb6598;
height:50px;
margin:0px;
background-image:url(images/left_top_header.gif);
}


#lewa{
float:left;

width:250px;
color:white;
padding:0px;
z-index:3000;
text-align:left;


}

#lewa a{
font-size:14px;
font-weight:bold;
color:#777777;
}

#lewa ul{ margin-left:80px; margin-top:10px;}
#lewa ul li{ font-size:11px; }

#prawa{
float:right;
width:430px;
padding:25px 55px 25px 25px; 
text-align:left;
}

#lewa img{
margin: 0px;
padding: 0px
}

#srodek{
float:left;
width:260px;
padding:0px 10px 30px 30px;

border-right:1px solid #e5d0dc;
}

#srodek_d{
float:left;
width:520px;
padding:0px 10px 30px 30px;
}


#content{
width:767px;
height:517px;
margin:0px auto 0px auto;
background-image:url(images/tloo.gif);
background-repeat:repeat-y;


}

#foto{
float:right;
width:630px;
background-color:white;
padding: 10px 0px 30px 30px;
text-align:left;
}

#produkty{
float:left;
width:260px;
text-align:left;
padding: 30px 0px 30px 40px;
}








#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#oczy{ display: block; width: 71px; height: 98px; 
             background: url('images/oczy.gif')
             top left no-repeat; 
             }



a#oczya{ display: block; width: 71px; height: 98px; 
             background: url('images/oczy.gif') ;
             background-position: 0 -98px; 
             }



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


a#ustaa{ display: block; width: 69px; height: 98px;  
             background: url('images/usta.gif'); 
             background-position: 0 -98px;
             }


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


a#twarza{ display: block; width: 72px; height: 98px; 
             background: url('images/twarz.gif');
			 background-position: 0 -98px;
             }

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


a#paznokciea { display: block; width: 97px; height: 98px; 
             background: url('images/paznokcie.gif'); 
             background-position: 0 -98px; 
             }
			 
a#cialo{ display: block; width: 67px; height: 98px; 
             background: url('images/cialo.gif') 
             top left no-repeat; 
             }


a#cialoa{ display: block; width: 67px; height: 98px; 
             background: url('images/cialo.gif'); 
             background-position: 0 -98px; 
             }