html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
    font-size:100%; /*set default font size */
	}

body {
  /*overflow-x: hidden; */
  background-color: #3b3838;
  top:0;
  left:0;
  margin:0;
  padding:0;
}
body {
text-align:center; /*center hack*/
}

#wrap {
width:770px; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
background-color: #3b3838;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#logo h1 {
	margin:0;
    margin-left: 4px;
	text-indent:-9999px;
	height:86px;
    width:276px;
    behavior: url(iepngfix.htc);
	background:url(images/logo.png) no-repeat;
	float:left;
    margin-bottom: 10px;
    margin-top: 0px;
}
#logo h1 a {
	height:86px;
	width:276px;
	text-indent:-9999px;
	display:block;
}
#logo h1 a, #logo h1 a:visited, #logo h1 a:hover {
    text-decoration: none;
}

/* ramka wokolo strony zaczyna sie tu */
.container {
    clear: both;
	text-align:left;
	width:728px;
	margin:0px auto;
    margin-left: 21px;
	margin-top:0px; /* styk z gora */
	background:transparent url(images/krem_bg.png) 7px top repeat-y;
}

.masthead {
    behavior: url(iepngfix.htc);
	background:transparent url(images/krem_top.png) left top no-repeat;
	height:15px;
	padding:0 0 0 0;
	position:relative;
	top:-15px; /* styk gory z body bg */
	line-height:1em;
}

.srodek_n {
   width:696px; /*center hack*/
   margin:0 auto; /*center hack*/
   margin-top: -13px;
   text-align:left;
   min-height: 100px;
}

.zakonczenie {
    behavior: url(iepngfix.htc);
	line-height:1.2em;
	text-align:left;
	width:728px;
    height: 15px;
	clear:both;
	padding:0px 0px 0 0;
	margin:0px auto;
    margin-left: 21px;
    margin-bottom: 0px;
	background:transparent url(images/krem_bottom.png) left top no-repeat;
	font-size:0.8em;
}
/* ramka wokolo strony konczy sie tu */

#left {
    float: left;
    display: inline;
    width: 272px;
    /*height: 631px;*/
    height: 742px;
    background-image: url(images/bellydancer.jpg);

}

#right {
    float: right;
    display: inline;
    width: 417px;
    min-height: 606px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url(images/krem_tlo1.jpg);
    background-position: top right;
    background-repeat: repeat-y;
}
#linki {
    behavior: url(iepngfix.htc);
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    width: 361px;
    height: 155px;
    border-top: 1px solid #FFFFFF;
    background-image: url(images/krem_white.png);
    background-repeat: no-repeat;
    background-position: top right;
}
#zdjecie {
    margin: 0;
    padding: 0;
    float: left;
    width: 105px;
    margin-left: 10px;
    margin-top: 10px;
}
#opis {
    margin: 0;
    padding: 0;
    float: right;
    width: 230px;
}

#opis a, #opis a:visited {
    color: #575757;
    text-decoration: none;
}

#opis a:hover {
    text-decoration: underline;
}


#footer {
    clear: both;
    height: 15px;
    text-align: center;
    font-family: Tahoma;
    font-size: 11px;
    color: #5b5858;
}

#footer a, #footer a:visited {
    color: #FF9900;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

h2 {
margin: 0;
padding: 0;
margin-top: 19px;
margin-right: 15px;
text-align: right;
font-family: "Times New Roman";
font-size: 18px;
color: #282828;
font-weight: normal;
}

h3 {
margin: 0;
padding: 0;
margin-top: 23px;
margin-right: 35px;
margin-bottom: 20px;
text-align: right;
font-family: Tahoma;
font-size: 11px;
color: #575757;
font-weight: normal;
}

h4 {
margin: 0;
padding: 0;
margin-top: 20px;
margin-right: 0px;
text-align: left;
font-family: "Times New Roman";
font-size: 14px;
color: #575757;
font-weight: normal;
}