/* CSS Document */


* {
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
line-height: 120%;
padding: 0px 0px 0px 0px;
}

body {
margin: 0px 0px 0px 0px;
background: #5a3718 url(../images/background.jpg) repeat-x;
}

ul {
padding: 0px 0px 0px 15px;
margin: 10px 0px 10px 10px;
}

/*  CONTAINERS  */

div#container {
float: none;
margin-left:auto;
margin-right:auto;
width: 780px;
}

div#logo {
background:url(../images/logo.jpg) no-repeat; 
width:780px; 
height:92px;
}

div#navibar {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
height:32px;
width:770px;
float: right;
text-align:right;
}

div#menu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height:32px;
float: right;
text-align:right;
}

div#menu img {
float:left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#menu a {
margin: 0px 0px 0px 0px;
font-size:12px;
float: left; 
text-align:center;
height: 34px;
color:#CCCC99;
text-decoration:none;
padding: 7px 9px 9px 9px;
background: url(../images/menubackground.gif) repeat-x;
}

div#menu a:hover {
color:#FFFFFF;
text-decoration:none;
}

div#main {
background:url(../images/main.jpg) no-repeat; 
width:780px; 
height:479px;
}

div#welcome {
width: 480px;
height: auto !important;
height: 224px; /* IE */
min-height: 224px;
font-size: 11px;
float: left;
padding: 10px 0px 0px 300px;
color: #7f5c3d;
}

div#welcome a {
text-decoration:none;
color:#663366;
}

div#welcome a:hover {
text-decoration:none;
color:#a07651;
}

div#choosen{
float:left;
width:480px;
padding: 10px 0px 0px 300px;
}

div#wybrane {
width:436px;
padding: 15px 0px 0px 20px;
margin: 10px 0px 0px 0px;
height: 125px;
float: left;
color:white;
font-size:10px;
}

div#wybrane strong {
font-weight: bold;
font-size:12px;
color:#f4e0d0;
}

div#wybrane a {
text-decoration:none;
color:#f4e0d0;
font-weight: bold;
font-style:italic;
}

div#wybrane a:hover {
color:#ffffff;
font-weight: bold;
font-style:italic;
}

div#keywords {
color:#CCCC99;
font-size:11px;
margin:0px 0px 0px 0px;
padding:20px 15px 10px 15px;
width:750px;
float: left;
background: #7d6149 url(../images/keywords.jpg) no-repeat;
}

div#notka {
float: left;
width: 444px;
height: auto !important;
height: 400px; /* IE */
min-height: 400px;
background: #7D6149 url(../images/bg_notatka.jpg) no-repeat;
}

div#notka p {
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 20px;
color: #FFF1D8;
}

div#notka ul li a {
color: #FFF1D8;
text-decoration: none;
}
div#notka ul li a:hover {
color: #ffffff;
}

div#tytul {
height:36px;
float:left;
text-align: center;
background: url(../images/tytulcenter.jpg) repeat-x;
}

div#tytul_lewa {
float:left;
width: 18px;
height: 36px;
background: url(../images/tytul_lewa.jpg) no-repeat;
float:left;
}

div#tytul_nazwa {
color: white;
font-weight:bold;
float:left;
width: 390px;
padding:15px 0px 0px 0px;
margin: 0px 10px 0px 10px;
}

div#tytul_prawa {
width: 16px;
float:left;
height: 36px;
background: url(../images/tytul_prawa.jpg) no-repeat;
float:left;
}

div#tytul_nazwa_mala {
color: white;
font-weight:bold;
float:left;
width: 230px;
padding:15px 0px 0px 0px;
margin: 0px 10px 0px 10px;
}

div#notka_mala {
float: left;
width: 284px;
margin: 0px 0px 0px 0px;
background: #7D6149 url(../images/bg_notatka_mala.jpg) no-repeat;
}

div#notka_mala ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}




/*   *****************  STYLE MASAZE  *********************** */
div#submenu {
width: 272px;
margin: 0px 0px 0px 0px;
padding: 0px 0xp 0px 0px;
float:left;
}
div#submenu ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
float:left;
}
div#submenu ul li {
width: 272px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
list-style-type: none;
float:left;
}

div#submenu ul li a {
display: block;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
float:left;
color: white;
width: 272px;
font-size: 12px;
font-weight: normal;
text-decoration: none;
background: url(../images/notka_button_bg.jpg) no-repeat;
}

div#submenu ul li a:hover {
display: block;
float:left;
color: #604600;
background: url(../images/notka_button_bg_on.jpg) no-repeat;
}

div#subek li {
width: 272px;
height: 55px;
}

div#subek li a{
display: block;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
float:left;
color: white;
width: 272px;
height:35px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background: url(../images/notka_button_big.jpg) no-repeat;
}

div#subek li a:hover {
display: block;
float:left;
color: #604600;
background: url(../images/notka_button_big_on.jpg) no-repeat;
}

div#opisy {
color: #FFF1D8;
}

div#opisy ul {
margin: 0px 0px 10px 20px;
}


/*   *****************  STYLE MAIN PAGE  *********************** */

div#kosmetyka_twarzy {
width:268px;
float:left;
height: 227px;
background: url(../images/tlokosmetyka.jpg) no-repeat;
}

div#top_pielegnacja_twarzy {
padding-top: 12px;
text-align: center;
font-size:12px;
font-weight: bold;
color: white;
width: 269px;
height: 36px;
float: left;
}
div#foto_kosmetyka_twarzy {
float: left;
width: 269px;
height: 39px;
}

div#masaze {
margin: 0px 5px 0px 5px;
width:268px;
float:left;
height: 227px;
background: url(../images/tlomasaze.jpg) no-repeat;
}

div#top_masaze {
padding-top: 12px;
text-align: center;
font-size:12px;
font-weight: bold;
color: white;
width: 269px;
height: 36px;
float: left;
}

div#foto_masaze {
float: left;
width: 269px;
height: 39px;
}

div#pielegnacja_paznokci {
width:199px;
float:left;
height: 227px;
background: url(../images/tlopaznokcie.jpg) no-repeat;
}

div#top_pielegnacja_dloni {
padding-top: 12px;
text-align: center;
font-size:12px;
font-weight: bold;
color: white;
width: 199px;
height: 36px;
float: left;
}

div#foto_pielegnacja_dloni {
float: left;
width: 199px;
height: 39px;
}

div#przekierowanie {
padding: 0px 15px 0px 15px;
width: 239px;
height: 125px;
float: left;
}

div#przekierowanie ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

div#przekierowanie ul li {
padding: 0px 0px 5px 0px;
font-size:10px;
color: #FFF1D8;
margin: 10px 0px 0px 0px;
border-bottom: 1px solid #9D8D74;
}

div#przekierowanie ul li strong {
font-size:11px;
color: white;
}

div#przekierowanie ul li a {
text-decoration: none;
color:#FEFFAE;
font-weight: bold;
font-style:italic;
}
div#przekierowanie ul li a:hover {
text-decoration:underline;
color:#ffffff;
font-weight: bold;
font-style:italic;
}

div#przekierowanie_tipsy {
padding: 5px 15px 0px 15px;
width: 169px;
height: 125px;
float: left;
}

div#przekierowanie_tipsy ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

div#przekierowanie_tipsy ul li {
padding: 0px 0px 5px 0px;
font-size:10px;
color: #FFF1D8;
margin: 5px 0px 0px 0px;
}


/*   STYLE STOPKI */

div#footer {
width:750px;
float: left;
padding: 18px 15px 0px 15px;
background: #5a3718 url(../images/stopka.gif) no-repeat;
margin: 0px 0px 5px 0px;
}

div#author {
font-size:9px;
font-weight:lighter;
color: #a4978c;
width:265px;
float: left;
text-decoration: none;
text-align:left;
}

div#author a {
color: #b5a598;
font-size:10px;
font-weight: bold;
text-decoration: none;
}

div#author a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div#actions {
width:480px;
float: left;
text-align:right;
}



/*  CLASS  */

.naglowek {
font-size:16px;
color: #7f5c3d;
}
.naglowekblack {
font-size:16px;
color: #000000;
}
.link_bialy_10px {
line-height: 25px;
color: #FEFFAE;
font-size: 10px;
text-decoration: none;
}
.link_bialy_10px:hover {
color: white;
font-size: 10px;
text-decoration: underline;
}

.form {
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#FFFFFF url(images/post.gif) repeat-x;
	border:1px solid #ccc;
	color:#333333;
	margin: 5px 0px 5px 0px;
}

.form:hover {
	border:1px solid #000;
	color:#999999;
}

.form:focus {
	border:1px solid #000;
	color:#333;
	background-color:#fff;
}

form fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  background-color:inherit;
}