html{height:100%;}
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #ffffff;
font:normal 13px Trebuchet MS;
color: #333333;
OVERFLOW: hidden;
height:100%;
}

H1{
font:normal 16px Trebuchet MS;
color:#C94093;
margin-bottom:3px;
margin-top:8px;
}
.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 13px Trebuchet MS;
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: 52px; /*Height of top section*/
padding-left:6px;
}

#topsection img{
border:0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

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

}

#content{
clear: left;
position:relative;
top:0px;
margin: 12px 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;
}
.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:450px;
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:17px;
height: 640px;
z-index:8
}
#gallerytitle{
position:absolute;
margin-left:800px;
margin-top:110px;
height: 20px;
width: 100px;
text-align:center;
z-index:10
}

#mainmenu{
width: 907px;
height:40px;
background: #ffffff;
color: #FFF;
text-align: left;
margin: 0 auto;
z-index:9

}



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

.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: center; /*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: 30px; /*spacing between each menu link*/
}

.contentmenu ul li a img{
border:0px;
}

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

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