@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}

body {
	font-size: 18px;
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	margin: 0 auto;
	//background: #b4b4b4;
}


ul.b {
	 list-style-image: url('../foto/arrow.svg');
	margin-left: 18px;
	line-height: 25px;
}




#wrap {
	    flex: 1 0 auto;


}


.left__right {
    width: 100%;
    	overflow: hidden;
	display: flex;
}

.left__ {
    float: left;
    width: 50%;
        	overflow: hidden;
	display: flex;
}

right__ {
    float: left;
    width: 50%;
        	overflow: hidden;
	display: flex;
}





main {
	max-width: 1100px;
	padding: 0px;
	min-height: 200px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
 }


.box{ padding:0px; text-align: center; }

.fot
{
	

	max-width:100%;
	height: auto;

		padding-top:20px;
		padding-left:17px;
		padding-right:17px;
		padding-bottom:4px;

		
}

.fot img
{
	border: 3px solid #f0f0f0;
	max-width:100%;
	z-index:3;
	height: auto;
	width: auto\9; /* ie8 */
}



.text100 {
	font-weight: 100;
}

.text200 {
	font-weight: 200;
}

.text800 {
	font-weight: 800;
}

	.padding {
			padding-left: 20px;
	}

.box_50 {
	width: 100%;
	margin: 0 auto;
}
.box_50_left {
	width: 50%;
	float: left;
}
.box_50_right {
	padding-left: 20px;
	width: 50%;
	float: left;
}


.teresa {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 35px;

}

.box1 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	background: #d6dedd;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	font-size: 35px;
}

.box1_text {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
	margin: 0 auto;
	max-width: 1200px;
	margin-top: 40px;
	margin-bottom:50px;
	text-align: center;
	line-height: 45px;
}


.photo_width {
	width: 100%;
}

.o_mnie_left { width: 50%; float: left; }
	
	
.o_mnie_right {	width: 50%; float: left; }


.box2_blog {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 75%;
//	overflow: hidden;
//	display: flex;
//	flex-wrap: wrap;
	font-size: 14px;
	line-height: 20px;
}

.box2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 75%;
//	overflow: hidden;
	display: flex;
//	flex-wrap: wrap;
	font-size: 14px;
	line-height: 20px;
}

.box3 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 75%;
//	overflow: hidden;
display: flex;
//	flex-wrap: wrap;
	font-size: 14px;
	line-height: 20px;
}



.blog_tytul {
	margin-top: 50px;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	padding-top: 5px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	padding-bottom: 20px;
}


.blog_data {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 19px;
	line-height: 25px;
	text-align: center;
	color: #000;
	margin: 0 auto;
	font-weight: 800;
}

.blog_tresc {
	text-align: justify;
}

.blog_foto {
	padding-top: 20px;

}


.puste_miejsce {
	width: 100%;
	height: 40px;
}





.bottom { background: #d6dedd; font-size: 12px; font-weight:600; margin: 0 auto; padding: 30px 30px 40px 30px; }

.bottom a:link {
	font-size: 12px;
	color:#000;
	text-decoration: none;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	font-weight:600;
}

.bottom a:visited {
	color: #000;
	text-decoration: none;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	font-weight:600;
}

.bottom a:hover {
	color: #e74b58; 
	text-decoration: none;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	font-weight:600;
}

.bottom a:active {
	color: #000;
	text-decoration: none;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	font-weight:600;
}

.bottom_left { float: left; }
.bottom_right { float: right; text-align: right; }








a:link {
   color: #000;
   text-decoration: none;
}
a:visited {
    color: #000;
	text-decoration: none;
}
a:hover {
    color: #000;
	text-decoration: none;
}
a:active {
   color: #000;
   text-decoration: none;
} 

.clear:before,.clear:after {
	display: table;
	float: none;
	clear: both;
	content: '';
}


.head_contact {
	overflow: hidden;
	background: #ebebeb;
	height: 40px;
	line-height: 40px;
	color: #555;
	position: static;
	z-index: 1;
	width: 100%;
}

.contact {
	float: right;
	margin-right: 60px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}


.active {
	color: #10b013;
}


.head {
	overflow: hidden;
	background: #fff;
	min-height: 100px;
	line-height: 100px;
	color: #555555;
	position: static;
	z-index: 1;
	width: 100%;
}



.side.left {
	font-size: 20px;
	float: left;
	margin-left: 60px;
	color: #555;
	line-height: 30px;
	margin-top: 20px;
}

.side.right {
	float: right;
	margin-right: 51px;
}

.mainMenu li {
	display: inline-block;
	margin-right: -5px;
	padding: 0px 15px;
}








.ceny_left {
	float: left;
	width: 90%;
	padding: 5px 0px;
}

.ceny_right {
	float: right;
	width: 10%;
}







.nasz_zespol {

	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.nasz_zespol_center {

	width: 100%;
	min-height: 470px;
	margin: 0 auto;
	text-align: center;
}

.nasz_zespol_center_2 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.specjalisci_left {
	float: left;
	width: 50%;
}

.specjalisci_right {
	float: right;
	width: 50%;
}

.specjalista {
	font-weight: 800;
	margin-bottom: 10px;
}

.specjalizacja {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}








.o_nas {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.o_nas_left {
	float: left;
	background: url(foto/o_nas.jpg) no-repeat center; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 50%;
	min-height: 400px;
}

.o_nas_right {
	float: right;
	width: 50%;
	min-height: 400px;
}


.cennik {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.cennik_left {
	float: left;
	background: url(foto/cennik.jpg) no-repeat center; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 50%;
	min-height: 930px;
}

.cennik_right {
	float: right;
	width: 50%;
	min-height: 930px;
}




.kontakt_dane {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.kontakt_dane_left {
	float: left;
	width: 50%;
	min-height: 400px;
}

.kontakt_dane_right {
	float: right;
	width: 50%;
	min-height: 400px;
}






.wizyta {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background: #b4b4b4;
}

.umow_wizyte {
	margin: 0 auto;
	text-align: center;
	float: left;
	background: url(foto/wizyta.jpg) no-repeat center; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	min-height: 460px;
}

.white {
	font-weight: 400;
	color: #FFF;
}

.text_wizyta {
	color: #fff;
	font-size: 50px;
	line-height: 70px;
	margin-top: 0px;
	font-weight: 200;
}

.pole {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style:normal;
	color: #332c23;

	border:1px solid #908F7E;
	padding:1px;height:40px;width:420px;
}

.pole2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style:normal;
	color: #332c23;

	border:1px solid #908F7E;
	padding:2px;height:150px;width:420px;
}



input[type=submit]

{
	font-family: 'Open Sans', sans-serif;
	text-align:center;

	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color:#fff;
	 background-color: #2eb8c3;
	padding: 13px;
	border: none;
	margin-left:auto;
	margin-right:auto;
	cursor: pointer;
	
	 -webkit-transition:all  0.6s;
  -moz-transition: all  0.6s;
  -ms-transition: all  0.6s;
  -o-transition: all  0.6s;
  transition: all  0.6s;
}
input[type=submit]:hover

{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #2eb8c3;
	 background-color: #fff;
	padding: 13px;
	border: none;
	cursor: pointer;
	
	 -webkit-transition:all  0.6s;
  -moz-transition: all  0.6s;
  -ms-transition: all  0.6s;
  -o-transition: all  0.6s;
  transition: all  0.6s;
}








.mainBaner {
	background: url(../foto/baner.jpg) center no-repeat;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 400px;
	text-align: center;
}


.mainBaner .maintext {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #fff;
	font-size: 110px;
	line-height: 70px;
	margin-top: 0px;
	font-weight: 400;
	display: inline-block;
	position: relative;
	bottom: -150px;
}








.link {
	text-decoration: none;
	position: relative;
	color: #555;
	font-family: "Open Sans", sans-serif;
}

.link:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	border-bottom: 3px solid #10b013;
	transition: 0.4s;
	bottom: -5px;
}

.link:hover:after {
	width: 100%;
}

.link_active {
	text-decoration: none;
	position: relative;
	color: #10b013;
}

.link_active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	border-bottom: 3px solid #10b013;
	bottom: -5px;
	width: 100%;
}



.maps {
    height: 400px;
}

#maps_frame {
    width: 100%;
    height: 100%;
}







.margin_left_right {
	margin-left: 60px;
	margin-right: 60px;
}

.tytul {
	font-size: 55px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	margin-top: 30px;
}

.opis {
	font-size: 17px;
	line-height: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}

.bg{
	height: 3px;
	margin-top: 8px;
    margin-bottom: 20px;
}

.hr {
	width: 120px;
	height: 3px;
	background-color: #2eb8c3;
}

.hr_cennik {
	width: 120px;
	height: 3px;
	background-color: #2eb8c3;
}

.hr_center {
	width: 120px;
	height: 3px;
	background-color: #2eb8c3;
	margin: 0 auto;
	text-align: center;
}



.tresc {
	font-size: 15px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	margin-bottom: 30px;
}




.contact_main {
	overflow: hidden;
	text-align: center;
	min-height: 290px;
	background: url(foto/kontakt.jpg) center no-repeat;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	//margin-left: auto; margin-right: auto;
	color: #FFF;
	line-height: 26px;
	font-size: 16px;
	width: 100%;
}



.kontakt {
	width: 33%;
	float: left;
}
.godziny_otwarcia {
	width: 33%;
	float: left;
}
.rejestracja {
	width: 33%;
	float: left;
}

.hr1 {
	width: 120px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

.contact_main_big {
	font-size: 30px;
}


.t1 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.b1 {
	float: left;
	width: 500px;
	margin: 0 auto;
	text-align: center;
}








@media screen and (max-width: 768px) {


.mainBaner {
	height: 250px;
}

.mainBaner .maintext {
	font-size: 30px;
	line-height: 40px;
	bottom: -60px;
	height: 400px;
}


.contact {
	float: none;
	margin: 0 auto;
	text-align: center;
	font-size: 9px;
}


.link_active {
	font-size: 14px;
}
.link {
	font-size: 14px;
}


.wizyta { display: none; }

.o_nas_left { display: none; }

.o_nas_right {
	width: 100%;
	background: #fff;
	min-height: 400px;

}




.head {
	line-height: 100px;
	color: #555555;
	width: 100%;

}

.side.logo {
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

.side.left {
	font-size: 18px;
	float: none;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	margin-top: 19px;

}

.side.right {
	margin-right: 0;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.mainMenu li {
	display: inline-block;
	margin-right: -5px;
	padding: 0px 5px;
}

.margin_left_right {
	margin-left: 30px;
	margin-right: 30px;
}



.t1 { width: 100%; }

.b1 { width: 100%; }



.maps {
	height: 300px;
}





.contact_main {
	text-align: center;
	min-height: 290px;
	background: url(foto/kontakt.jpg) center no-repeat;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-left: auto; margin-right: auto;
	overflow: hidden;
	color: #FFF;
	line-height: 20px;
	font-size: 14px;
}

.contact_main_big {
	font-size: 30px;
}

.kontakt {
	width: 100%;
	float: none;
	margin-top: 15px;
	margin-bottom: 15px;
}
.godziny_otwarcia {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.rejestracja {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

.hr1 {
	width: 120px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}




.kontakt_dane_left {
	float: none;
	width: 100%;
}

.kontakt_dane_right {
	float: none;
	width: 100%;
}








.nasz_zespol_center_2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}


.specjalisci_left {
	float: none;
	width: 100%;
}

.specjalisci_right {
	float: none;
	width: 100%;
}

.cennik_left  { display: none; }

.cennik_right {
	float: none;
	width: 100%;
	min-height: 800px;
	text-align: center;
}



.ceny_left {
	width: 100%;
	padding: 0px 0px;
	text-align: center;
}

.ceny_right {
	width: 100%;
	text-align: center;
	padding-bottom: 18px;
	font-size: 18px;
}


.hr_cennik {
	width: 120px;
	height: 3px;
	background-color: #2eb8c3;
	margin: 0 auto;
	text-align: center;
}


}


@media screen and (min-width: 768px) and (max-width: 1300px) {


.cennik_left  { display: none; }

.cennik_right {
	float: none;
	width: 100%;
	min-height: 800px;
	text-align: center;
}

.ceny_left {
	width: 100%;
	padding: 0px 0px;
	text-align: center;
}

.ceny_right {
	width: 100%;
	text-align: center;
	padding-bottom: 18px;
	font-size: 18px;
}

.hr_cennik {
	width: 120px;
	height: 3px;
	background-color: #2eb8c3;
	margin: 0 auto;
	text-align: center;
}