body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; font-family: 'Roboto', sans-serif; text-align: justify; font-size: 16px; color: #7d7e7f; overflow-x: hidden; line-height:30px; }

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#91cfa7;}
a:hover {color:#91cfa7}
ul{ padding:0px; margin:0px;}
p{ margin:0px 0px 10px 0px; padding:0px;  }
ul{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:20px;}
img.alignright { float:right; margin-left:20px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

.all{ width:96%; padding:0px 2%; clear:both; float:left; position:relative; }

#top { width:90%; position:absolute; z-index:222; left:0px; top:0px; padding:0px 5%; background:#fff; height:100px;}
#logo { float:left; padding-top:15px;}
#logo img { width:auto !important; height:70px !important; float:left;}

#mtop { float:right;}
#mtop ul , #mtop ul li , #mtop ul li a { float:left;}
#mtop ul li a { padding:0px 20px; line-height:100px;  color: #7d7e7f;}
#mtop ul li a:hover { background:#91cfa7; color:#fff;}

.sticky #top { height:80px; position:fixed;}
.sticky #mtop ul li a { line-height:80px;}
.sticky #logo { padding-top:10px;}
.sticky #logo img { height:60px !important; }

#baner { width:100%; clear:both; float:left; margin-top:100px; position:relative; overflow:hidden;}
#baner img { width:100% !important; height:auto !important; float:left;}

#opisb { position:absolute; right:5%; bottom:30%; color:#fff; z-index:11; width:45%;}
#opisb h1 { font-size:48px; line-height:48px;}
#opisb h2 { font-size:30px; line-height:30px; margin-bottom:20px;}
#opisb a { color:#fff;}

#opisb h5 { font-size:24px; line-height:24px; margin:30px 0px 5px 0px;}
#opisb h6 { font-size:24px; line-height:24px;}

#omnie { clear:both; float:left; width:100%; background:#80b794;}
#omnie .txt2 { background:#fff; padding:4% 5% 4% 10%; width:55%; float:right;}

#omnie .img { position:relative; width:30%; float:left; z-index:4; margin-left:-40%;}
#omnie .img img { float:left; width:100% !important; height:auto !important;}

.tyt { color:#91cfa7; font-size:28px; line-height:30px; margin-bottom:20px;}

#dzieci { clear:both; float:left; width:100%; background:#91cfa7;}
#dzieci .txt { float:left; width:40%; padding:4% 10% 4% 5%; background:#fff; }

#dzieci .img { position:relative; width:138%; float:right; z-index:4; margin-right:-150%;}
#dzieci .img img { float:left; width:100% !important; height:auto !important;}


#dorosli { clear:both; float:left; width:100%; background:#91cfa7;}
#dorosli .txt { float:right; width:40%; padding:4% 5% 4% 10%; background:#fff; }

#dorosli .img { position:relative; width:138%; float:left; z-index:4; margin-left:-150%;}
#dorosli .img img { float:left; width:100% !important; height:auto !important;}

#przygotowanie { clear:both; float:left; width:90%; padding:4% 5% 14% 5%; background:url(../graf/przygotowanie.jpg) no-repeat; background-attachment:fixed; background-size:cover; color:#fff;}
#przygotowanie .tyt { color:#fff; text-align:center;}
#przygotowanie #lewa { width:48%; float:left; padding:5% 0px 0px 0px;}
#przygotowanie #prawa { width:48%; float:right; padding:5% 0px 0px 0px;}

#przygotowanie h4 { font-size:24px; margin-bottom:30px;}

#kontaktdol { width:100%; clear:both; float:left; position:relative;}
#map { width:100%; clear:both; float:left; position:relative; height:600px;}
#kontakt { padding:3% 5%; position:absolute; z-index:222; left:0px; bottom:0px; background:#91cfa7; color:#fff;}
#kontakt a { color:#fff; }
#kontakt a:hover { text-decoration:underline;}
#kontakt .tyt { color:#fff;}

#footer { clear:both; float:left; width:90%; padding:30px 5%; font-size:14px;}
#footer a {color: #7d7e7f;}
#footer a:hover { text-decoration:underline;}

.txt a:hover{ text-decoration:underline;}
.txt ul { list-style:none; padding:0px 0px 20px 0px; float:left; width:100%; }
.txt ul li{ background:url(../graf/li1.png) no-repeat 0px 10px; float:left; width:44%; padding:0px 2% 0px 4%; text-align:left;}