/* 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;

}

/* CMS
*************************************************************************
*************************************************************************
************************************************************************
*/
#pasek_cms{
width:100%;
height:41px;
background-color:#202020;

color:#ffffff;
}
.dropparea{
	
            width: 250px;
            min-height: 50px;
			margin:0px;
			padding:0px;
}

.dropareahover {
            background-color:#EFD2A4;
            border-color:#DFA853;
        }

.half{
float:left;
overflow:hidden;
width:460px;
margin-right:20px;
}

#pasek_cms .wrap{
width:943px;

padding:5px 0px 20px 0px; 
vertical-align:middle;
margin:0px auto;
}

#pasek_cms .wrap a, #pasek_cms .wrap img{
color:#ffffff!important;
vertical-align:middle;

font-weight:bold;
}

/* CMS
*************************************************************************
*************************************************************************
************************************************************************
*/

.cennik {
border:none;
width:100%;
border-collapse:collapse;
}

.cennik td{
border:none;
padding:5px;

}




body
{




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

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

line-height:16px;

font-family:arial;
}

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/empty.gif');

padding:0px; margin-left:60px; 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:1px;
margin:0px;


}


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%;
}

h1{
font-weight:normal;
letter-spacing:-1px;
font-size:21px;
color:#555555;
padding:0px 0px 20px 0px;
margin:0px;
font-family:helvetica;
line-height:24px;
}


h2{

letter-spacing:0px;
font-size:15px;
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:0px;

}

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:260px;
margin:0px;
padding:0px;
background-image:url(images/baner2.jpg);
background-position:right top;
background-repeat:no-repeat;
padding-top:-2px;


}

#baner_menu ul, #baner_menu li{
list-style-type:none;
background:none;
list-style-image:url('images/empty.gif');

}

#baner_menu li{
padding:0px;
margin:0px;
padding-bottom:5px;
}

#baner_menu li a{
color:#e8e1df;
font-size:12px;
font-weight:bold;
}

#baner_menu li a.active{
color:#cd4b11;

}

#baner_menu li a:hover{
color:#ffffff;

}


#baner_menu{

float:left;
text-align:right;
height:238px;
width:226px;
padding:0px;
margin-top:0px;
margin:0px;
padding-top:22px;
padding-right:25px;
border-right:2px solid #ffffff;
}

#slajdwrap{

float:right;

height:260px;
width:514px;
padding:0px;
margin:0px;

}

#slajdwrap ul, #slajdwrap li{
margin:0px;
padding: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;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
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:65px; 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;
overflow:hidden;
margin:0px auto 0px auto;
background-image:url(images/tloo.gif);
background-repeat:no-repeat;



}

.foto{
float:left;
margin:0px 1px 1px 0px;
}

#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; 
             }			


.submenu{
margin-left:75px;
}	

.submenu li, .submenu ul{
margin:0px!important;
padding:0px!important;
}		 



.submenu a{
font-size:12px!important;
font-weight:normal!important;
color:#333333!important;

}

.submenu li{
padding:5px 0px 5px 0px!important;

}

.submenu a.active{

font-weight:bold!important;
color:#a00000!important;

}