* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
body {
	color: #003056;
	background: #f1f1f1;
	font-family: 'wof_Temas';
}
.clearTop {
  clear: both;
  display: block;
  height: 100px;
}
.page-title img {
  margin: 0 0 -12px 10px;
}
#top {
  background: url("../images/top-bg.png") repeat-x scroll left top #003157;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 22;
}
#top .center {
    position: relative;
    width: 1050px;
    margin: 0 auto;
}
#menutop {
  font-family: 'wof_Temas';
  text-align: right;
}
#menutop > ul {
    
}
#menutop > ul > li {
    display: inline-block;
    background: url('../images/topmenu-pkt.png') no-repeat -20px 0;
}
#menutop > ul > li > span,
#menutop > ul > li > a {
    text-transform: uppercase;
    color: #fff;
    line-height: 100px;
    padding: 0 15px;
    display: inline-block;
}
#menutop > ul > li.selected,
#menutop > ul > li:hover {
    background-position: bottom center;
}
#menutop > ul > li:hover > ul {
    display: block;
}
#menuoferta {
    overflow: hidden;
    position: absolute;
    top: -200px;
    z-index: 20;
}
#menuoferta > ul {
  background: url("../images/submenu-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  height: 150px;
  text-align: center;
}

#menuoferta > ul > li {
    width: 150px;
    height: 150px;
    display: inline-block;
    background: url('../images/submenu-separator-bg.png') no-repeat center right;
}
#menuoferta > ul > li:hover {
    background-color: #f1f1f1;
}
#menuoferta > ul > li:last-child{
	background:transparent;
}
#menuoferta > ul > li > a {
  color: #04518C;
  display: block;
  height: 100%;
  text-align: center;
}
#menuoferta > ul > li > a > img {
  margin: 35px 0 0px;
}
#menuoferta > ul > li > a .image-title {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
#menuoferta > ul > li > a .image-title {
    
}


#menuuslugi {
					overflow: hidden;
					position: absolute;
					top: -200px;
					z-index: 20;
				}
				
				#menuuslugi > ul {
					background: rgba(0, 0, 0, 0) url("https://www.apibaseny.pl/templates/api/images/submenu-bg.png") repeat-x scroll 0 0;
					height: 150px;
					text-align: center;
				}
				
				#menuuslugi > ul > li {
					background: rgba(0, 0, 0, 0) url("https://www.apibaseny.pl/templates/api/images/submenu-separator-bg.png") no-repeat scroll right center;
					display: inline-block;
					height: 150px;
					width: 250px;
				}
				
				#menuuslugi > ul > li > a {
					color: #04518c;
					display: block;
					height: 100%;
					text-align: center;
				}
				#menuuslugi > ul > li > a .image-title {
					display: block;
					font-size: 16px;
					text-align: center;
					text-transform: uppercase;
					line-height:150px;
				}
				
				#menuuslugi > ul > li:hover {
					background-color: #f1f1f1;
				}

/*
#menutop > ul > li > ul {
  background: url("../images/submenu-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  height: 150px;
  margin: 0 0 0 -950px;
  overflow: visible;
  position: absolute;
  text-align: center;
  top: 100px;
  width: 2000px;
}
#menutop > ul > li > ul > li {
    width: 150px;
    height: 150px;
    display: inline-block;
    background: url('../images/submenu-separator-bg.png') no-repeat center right;
}
#menutop > ul > li > ul > li:hover {
    background-color: #f1f1f1;
}
#menutop > ul > li > ul > li:last-child{
	background:transparent;
}
#menutop > ul > li > ul > li > a {
  color: #04518C;
  display: block;
  height: 100%;
  text-align: center;
}
#menutop > ul > li > ul > li > a > img {
  margin: 35px 0 0px;
}
#menutop > ul > li > ul > li > a .image-title {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
#menutop > ul > li > ul > li > a .image-title {
    
}
*/
#logo {
  position: absolute;
  top: 30px;
}
.item-page {
  /* font-family: 'wof_Temas'; */
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin: 0 auto 60px;
  max-width: 1050px;
}
.page-title {
    border-top: 1px solid #c1cad2;
    text-align: center;
    font-size: 24px;
    padding: 10px 0;
    margin: 40px 0;
    font-weight: normal;
    color: #003056;
    border-bottom: 1px solid #c1cad2;
}
.footer {
  border-top: 1px solid #C1CAD2;
  margin: 40px auto 0;
  max-width: 1050px;
  padding: 40px 0;
  font-size: 14px;
    font-family: 'wof_Temas';  
}
.footer .copyright {
    
}
#menubottom {
  display: inline-block;
  float: right;
}
#menubottom ul {
  list-style: none;
}
#menubottom ul li:first-child {
    border: 0;
}
#menubottom ul li {
  border-left: 1px solid #003056;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
#menubottom ul li a {
    color: #003056;
}
#menubottom ul li a:hover {
    text-decoration: underline;
}

.home-links a {
  display: inline-block;
  height: 200px;
  overflow: hidden;
  width: 345px;
  position: relative;
  color: #fff;
  margin-right:3px;
}
.home-links a .text{
    width: 165px;
    margin: 30px auto 0 auto;
}
.home-links a .text .see_more {
  background-color: #003056;
  display: block;
  font-size: 17px;
  padding: 5px 0;
  text-align: center;
}
.home-links a .text .name {
  background-color: rgba(0, 48, 86, 0.7);
  display: block;
  font-size: 24px;
  padding: 4px 0;
  text-align: center;
}
.home-links a .text {
  left: 90px;
  margin: 0 auto;
  position: absolute;
  bottom: -80px;
  width: 165px;
}

.home-links a:hover .text {
  display: block;
}
.home-links a .bg {
  display: none;
}
.home-links a:hover .bg {
  background-color: rgba(0, 48, 86, 0.7);
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
/* Baseny */
#baseny-top-image-1{
    background-image: url('../images/baseny-top-1.jpg');
   background-position: center -260px;
}
#baseny-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-2.jpg');
}
#baseny-top-image-3{
    background-position: center 0px !important;
    background-image: url('../images/baseny-top-3.jpg');
}
#baseny-top-image-4{
    background-position: center 0 !important;
    background-image: url('../images/baseny-top-4.jpg');
}
#baseny-top-image-5{
    background-position: center 0 !important;
    background-image: url('../images/baseny-top-5.jpg');
}
/* Sauny */
#sauny-top-image-1{
    background-image: url('../images/baseny-top-23.jpg');
   background-position: center -260px;
}
#sauny-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-24.jpg');
}
#sauny-top-image-3{
    background-position: center -600px;
    background-image: url('../images/baseny-top-25.jpg');
}
/* Tarasy */
#tarasy-top-image-1{
    background-image: url('../images/tarasy-top-1.jpg');
   background-position: center -260px;
}
#tarasy-top-image-2{
    background-position: center -600px;
    background-image: url('../images/tarasy-top-2.jpg');
}
#tarasy-top-image-3{
    background-position: center -600px;
    background-image: url('../images/tarasy-top-3.jpg');
}
/* Spa */
#spa-top-image-1{
    background-image: url('../images/spa-top-1.jpg');
   background-position: center -260px;
}
#spa-top-image-2{
    background-position: center -600px;
    background-image: url('../images/spa-top-2.jpg');
}
#spa-top-image-3{
    background-position: center -600px;
    background-image: url('../images/spa-top-3.jpg');
}
/* Akcesoria */
#akcesoria-top-image-1{
    background-image: url('../images/baseny-top-6.jpg');
   background-position: center -260px;
}
#akcesoria-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-7.jpg');
}
#akcesoria-top-image-3{
    background-position: center 0px !important;
    background-image: url('../images/baseny-top-8.jpg');
}
/* Serwis */
#serwis-top-image-1{
    background-image: url('../images/baseny-top-9.jpg');
   background-position: center -260px;
}
#serwis-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-10.jpg');
}
#serwis-top-image-3{
    background-position: center -600px;
    background-image: url('../images/baseny-top-11.jpg');
}
/* Zadaszenia */
#zadaszenia-top-image-1{
    background-image: url('../images/baseny-top-12.jpg');
   background-position: center -260px;
}
#zadaszenia-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-13.jpg');
}
#zadaszenia-top-image-3{
    background-position: center -600px;
    background-image: url('../images/baseny-top-14.jpg');
}
/* Projektowanie */
#projektowanie-top-image-1{
    background-image: url('../images/baseny-top-15.jpg');
   background-position: center -260px;
}
#projektowanie-top-image-2{
    background-position: center -600px;
    background-image: url('../images/baseny-top-16.jpg');
}
#projektowanie-top-image-3{
    background-position: center -600px;
    background-image: url('../images/baseny-top-17.jpg');
}

/* Rekomendacje */
#rekomendacje-top-image-1{
    background-position: center -280px;
    background-image: url('../images/baseny-top-5.jpg');
}
#rekomendacje-top-image-2{
    background-position: center -600px;
    background-image: url('../images/rekomendacje-top-2.jpg');
}
#rekomendacje-top-image-3{
    background-position: center -860px;
    background-image: url('../images/rekomendacje-top-3.jpg');
}
.slide {
    background-repeat: no-repeat;
    background-size:auto 600px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
}
.slide .text {
  color: #FFFFFF;
  display: block;
  font-family: 'wof_Temas';
  margin: 0 auto;
  position: relative;
  text-shadow: 1px 1px 1px #003056;
  top: 100px;
  width: 60%;
}
.slide .rajscy {
  background: url("../images/rajscy-bg.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  bottom: 0;
  color: #FFFFFF;
  display: block;
  font-family: 'wof_Temas';
  height: 400px;
  left: 50%;
  margin: 0 0 0 -477px;
  position: absolute;
  text-shadow: 1px 1px 1px #003056;
  width: 955px;
}
.slide .rajscy .title {
  display: block;
  font-size: 20px;
  margin: 145px 0 0 120px;
}
.slide .rajscy .normal {
  display: block;
  font-size: 16px;
  font-style: italic;
  margin: 0 0 0 120px;
  width: 340px;
}
.slide .rajscy .podpis {
  color: #FFDE39;
  display: block;
  margin: 0 0 0 110px;
  text-align: right;
  width: 340px;
}
.slide .opis-lewa {
  background: url("../images/opis-lewa-bg.png") repeat-y scroll left bottom rgba(0, 0, 0, 0);
  color: #FFFFFF;
  display: block;
  margin: 0 -20px 0 0;
  overflow: hidden;
  padding: 20px 0 20px 170px;
  position: absolute;
  right: 50%;
  top: 30%;
  width: 620px;
}
.slide .opis-lewa .title,
.slide .opis-prawa .title {
  display: block;
  font-size: 20px;
    
}
.slide .opis-lewa .normal,
.slide .opis-prawa .normal {
  display: block;
  font-style: italic;
  width: 400px;
  padding: 5px 0;
}
.slide .opis-lewa .podpis,
.slide .opis-prawa .podpis {
  display: block;
  width: 400px;
  color: #FFDE39;
}
.slide .opis-prawa {
  background: url("../images/opis-prawa-bg.png") repeat-y scroll left top rgba(0, 0, 0, 0);
  color: #FFFFFF;
  display: block;
  left: 57%;
  overflow: hidden;
  padding: 20px 0 20px 20px;
  position: absolute;
  top: 30%;
  width: 620px;
}
.slide .title {
    font-size: 30px;
}
.slide .normal {
    display: block;
    font-size: 16px;
}
.slide .container {
}
.custom.baseny-typy,
.custom.baseny-technologia {
  border-top: 1px solid #C1CAD2;
  border-bottom: 1px solid #C1CAD2;
  margin: 40px 0;
  padding: 40px 0;
}
hr {
  background: url("../images/line-bg.png") repeat-x scroll left center rgba(0, 0, 0, 0);
  padding: 40px 0;
  border: 0;  
}
.custom.baseny-realizacje {
  background: url("../images/line-bg.png") repeat-x scroll center center rgba(0, 0, 0, 0);
  margin: 40px 0;
  text-align: center;
}
.custom.baseny-realizacje a {
    color: #003056;
    display: inline-block;
    background: #f1f1f1;
    padding: 0px 30px;
}
td {
    vertical-align: middle;
}
.item-page a {
   color: #0d6bb5;
}
.item-page a:hover {
    text-decoration: underline;
}
.item-page .home-links a {
  color: #FFFFFF;
}
h3 {
  border-bottom: 1px solid #C1CAD2;
  border-top: 1px solid #C1CAD2;
  color: #003056;
  font-size: 20px;
  font-weight: normal;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
}
.item-page ul {
    margin: 0 0 0 30px;
}
.item.slidesjs-slide > img {
  bottom: 160px;
  position: relative;
}

.mb_addr {width:100%; float:left; border-bottom:1px solid #c1cad2; padding-bottom:30px; margin-bottom:30px; font-family: "Open Sans",sans-serif;}
.mb_addr div {width:50%; float:left; text-align:center;}
.mb_addr div b {display:block; margin-bottom:5px;}

h1.page-title {font-family:"Open Sans"}
p {margin:10px 0; text-align:justify;}
h2.mb_h2 {font-weight:normal; border-bottom: 1px solid #c1cad2; border-top: 1px solid #c1cad2; padding:10px 0; color:#003056; margin:40px 0 20px; text-align:center;}

.mb_zajaw_index {width:500px; float:left; text-align:center; margin:20px 0;}
.mb_zajaw_index:nth-child(2n+2) {margin-right:50px;}
.mb_zajaw_index h3 {font-weight:normal; border-bottom: 1px solid #c1cad2; border-top: 1px solid #c1cad2; padding:0;}
.mb_zajaw_index h3 a {display:block; padding:10px 0;}
.mb_zajaw_index img {height:60px;}
.mb_zajaw_index p {text-align:justify;}

.mb_zajaw_of {width:500px; float:left; text-align:center; margin:20px 0;}
.mb_zajaw_of:nth-child(2n+1) {margin-right:50px;}
.mb_zajaw_of h3 {font-weight:normal; border-bottom: 1px solid #c1cad2; border-top: 1px solid #c1cad2; padding:10px 0; margin-top:-5px;}
.mb_zajaw_of p {text-align:justify;}
.mb_zajaw_of a {color:#003056;}

.mb_ol_index {margin-left:35px;}
.mb_ol_index li {font-size:22px; font-style:italic; color:#0d6bb5;}
.mb_ol_index li span {font-size:15px; line-height:40px; color:#003056;}

.mb_ol_list {counter-reset:li; margin-top:20px; margin-left:0; padding-left:0;}
				.mb_ol_list li {position:relative; margin:0 0 6px 2em; padding:4px 8px 15px; list-style:none; border-top:2px solid #003056; background:#E6E8EA;}
				.mb_ol_list li:before {content:counter(li); counter-increment:li; position:absolute;top:-2px; left:-2em; box-sizing:border-box; width:2em; margin-right:8px; padding:4px; border-top:2px solid #003056; color:#fff; background:#003056; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center;}

.mb_h3 {border:none; margin:40px 0 10px; text-align:left; border-bottom:2px solid #003056; background:#E6E8EA; padding:10px;}
				.mb_h2_spis {font-size:18px; margin:20px 0 5px; border-bottom:1px solid #003056}

        table.easy-table {
					background-color: transparent;
					border-collapse: collapse;
					border-spacing: 0;
					margin: 25px 0;
				}
				table.easy-table tr td {
					font-size: 14px;
					line-height: 20px;
					vertical-align: middle;
					padding:7px 20px;
					height:60px;
					border-bottom: 1px solid #dddddd;
					text-align: left;
				}
				table.easy-table tr th {
					font-size: 15px;
					line-height: 20px;
					vertical-align: middle;
					padding:10px 20px;
					background:#003056;
					color:#F1F1F1;
					border-bottom: 1px solid #dddddd;
					text-align: left;
					font-weight: bold;
				}
				table.easy-table tr:hover, table.easy-table tr:hover:nth-child(2n+1) {
					box-shadow:0px 0px 2px 0px #676767;
					cursor:pointer;
				}
				table.easy-table tr td:nth-child(1) {
					font-weight: bold;
				}
				table.easy-table tr td ul {
					margin: 0;
					padding: 0;
				}
				.table-striped tbody tr:nth-child(2n+1) td {
					background: #fcfcfc none repeat scroll 0 0;
				}
				
				.easy-table thead th {
					vertical-align: bottom;
				}
				.easy-table caption + thead tr:first-child th, .easy-table caption + thead tr:first-child td, .easy-table colgroup + thead tr:first-child th, .easy-table colgroup + thead tr:first-child td, .easy-table thead:first-child tr:first-child th, .easy-table thead:first-child tr:first-child td {
					border-top: 0 none;
				}
				.easy-table tbody + tbody {
					border-top: 2px solid #dddddd;
				}
				
				table.easy-table.mb_prod_table tr td {padding:3px 20px; height:30px;}
				table.easy-table.mb_prod_table tr td:nth-child(1) {font-weight:normal;}
				table.easy-table.mb_prod_table tr td:nth-child(2) {font-weight:bold; text-align:center;}
				table.easy-table.mb_prod_table tr td ul li {margin:10px 20px;}

.mb_prod_spa img {float:left; margin:0 10px 10px 0;}
				.mb_prod_spa .mb_prod_spa_inf {float:left; width:530px;}
				.mb_prod_spa .mb_prod_spa_inf a {display:block; border-top: 1px solid #c1cad2; border-bottom: 1px solid #c1cad2; color: #003056; font-size: 24px; margin: 20px 0 0; padding: 5px 0; text-align: center;}
				.mb_prod_spa .mb_prod_spa_inf a:hover {color:#F1F1F1; background:#003056; text-decoration:none;}

.name a.link{
color: rgb(0,48,97);
}

#iview {height:533px;}

.mb_clear {clear:both;}