html{height:100%;}
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #ffffff;
font:normal 12px Century Gothic, Helvetica, sans-serif;
color: #333333;
OVERFLOW: hidden;
height:100%;
}

H1{
font:normal 14px Century Gothic, Helvetica, sans-serif;
color:#C94093;
margin-bottom:3px;
margin-top:8px;
}
img{border:0px;}
.light{
color:#C94093;
}
#text div p{
margin-top:0px;
margin-bottom:10px;
position:relative;
top: 0;
}

ul.txt{
margin-top:5px;
margin-bottom:5px;
}

a{
color:#C94093;
text-decoration:underline;

}
.ftxt{
width:100%;
font:normal 12px Century Gothic, Helvetica, sans-serif;
color: #333333;
}

em{
font-size:16px;}
.smalltxt{font-size:10px;}

#showpage{
position:absolute;
margin: 0 auto;
top:0px;
width:100%;
height:900px;
background: #ffffff;
z-index: 111;
}

#maincontainer{
position: absolute;
top: 50%;

width: 942px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/

}
/*vertical align*/
#outblock{background-color:#ffffff; height:100%; width:100%; position:relative; }
#outblock[id] {display: table; position: static;} 
#inblock{position: absolute; top: 50%;}
#inblock[id] {display: table-cell; vertical-align: middle; position: static;} 
#inblock p{margin:0;padding:0;position: relative;top: -50%; width:100%; text-align:left;}


#topsection{
height: 89px; /*Height of top section*/
padding-left:20px;
margin-top:0px;
width: 100%;


}

#topsection img{
border:0px;
}



#contentwrapper{
float: left;
width: 100%;
height:595px;
background-image: url(../img/bg_content.png);
background-repeat: no-repeat;
background-position: 0px 44px;

}

#content{
clear: left;
position:relative;
top:3px;
margin:auto;
margin-left:12px;
margin-bottom:0px;
/*background: #C8FC98;*/
height: 490px;
width: 907px;
}

.omnie{
background-image: url(../img/omnie_bg.jpg);
background-repeat: no-repeat;
}
.sesja{
background-image: url(../img/sesja_bg.jpg);
background-repeat: no-repeat;
}
.opinie{
background: #ffffff;
}
.kontakt{
background-image: url(../img/kontakt_bg.jpg);
background-repeat: no-repeat;
}
.klienci{
background-image: url(../img/klienci_bg.jpg);
background-repeat: no-repeat;
}
.blog{
background-image: url(../img/blog_bg.jpg);
background-repeat: no-repeat;
}
.wspolpraca{
background-image: url(../img/wspolpraca_bg.jpg);
background-repeat: no-repeat;
}
.pomysl_na_prezent{
background-image: url(../img/pomysl_na_prezent_bg.jpg);
background-repeat: no-repeat;
}
.ciaza{
background-image: url(../img/ciaza_bg.jpg);
background-repeat: no-repeat;
}
.noworodek{
background-image: url(../img/noworodek_bg.jpg);
background-repeat: no-repeat;
}
.dziecko{
background-image: url(../img/dziecko_bg.jpg);
background-repeat: no-repeat;
}
.portret{
background-image: url(../img/portret_bg.jpg);
background-repeat: no-repeat;
}
.buduar{
background-image: url(../img/buduar_bg.jpg);
background-repeat: no-repeat;
}

.scroll-text {
	width: 390px;
	height: 390px;
	overflow: auto;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	z-index: 99;
	
}

/*start opinie*/

.scroll-text-wide {
	width: 875px;
	height: 450px;
	overflow: auto;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	z-index: 99;
	
}

#textwrapperWide{
clear: left;
position:relative;
top:10px;
left:10px;
height: 470px;
width: 885px;

}

.tab td{
padding-bottom:0px;
padding-right:30px;
}

.tdimg{
padding-right:30px;
}

.tdtxt{
background-color:#f4f4f4;
height:200px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
}


/*end opinie*/

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: white;
     height: 100%;
     filter:alpha(opacity=70); /* IE's opacity*/
     left: 0px;
     opacity: 0.70;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}
div.box_background_light {
     background-color: white;
     height: 100%;
     filter:alpha(opacity=80); /* IE's opacity*/
     left: 0px;
     opacity: 0.80;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

#textwrapper{
clear: left;
position:relative;
top:40px;
left:400px;
height: 390px;
width: 390px;
}

#textwrapperWide{
clear: left;
position:relative;
top:10px;
left:10px;
height: 470px;
width: 885px;

}

div.op100{
background-color:transparent;
height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}

#gallery{
position:absolute;
margin-left:-59px;
margin-top:47px;
height: 640px;
z-index:8
}
#gallerytitle{
position:absolute;
margin-left:800px;
margin-top:110px;
height: 20px;
width: 100px;
text-align:center;
z-index:10
}

#logo{
height:89px;
float:left;
}

#mainmenu{
width: 660px;
height:30px;
/*background: #ffffff;*/

text-align: left;
margin:auto;
margin-top:55px;
z-index:9;
float:left;

}



.contentmenu{
position:relative;
clear: left;
font-weight: bold;
width: 100%;
z-index:100
}

.contentmenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}

.contentmenu ul li{
display: inline;

}

.contentmenu ul li a{
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 15px; /*spacing between each menu link*/
font-size: 13px;
font-family:Century Gothic, Helvetica, sans-serif;
color: #333;
font-weight:normal;
text-decoration:none;

}

.contentmenu ul li a.on{
color: #ea569f;
}


.contentmenu ul li a:hover, .contentmenu ul li a.selected{
color: #ea569f;
}


.contentmenu ul li {list-style-type: none;position: relative; }
	
	
.contentmenu ul ul {display: none;}

.contentmenu ul li:hover > ul {
display: block; position: absolute; top: 20px; left: -8px;
background: #FFF;
/*background:url("../img/bg_sub.png");*/
text-align: left;
padding-left:10px
}

.contentmenu ul li:hover > ul li{
display:block;
}

.contentmenu ul li:hover > ul li a{
display:block;
}

.contentmenu li.sub > a {font-weight: normal;}




#footer{
float: left;
width: 100%;
margin:0px 0px 0px 0px auto;
font:normal 10px Trebuchet MS, Helvetica, sans-serif;
text-align: right;
color: #a7a7a7;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}






.slide {
  position: relative;
  overflow: hidden;
  height: 120px;
  width: 350px;
  margin: 1em 0;
  background-color: #ffc;
  border: 1px solid #999;
}
.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 338px;
  height: 36px;
  padding: 6px;
  background-color: #4c5;
  color: #333;
	display: none;
}

.slide button {
  margin: .7em 0 0 .7em;
}
.js #slidebottom .inner { 
  display: none;
}