@font-face {
    font-family: 'RalewayThin';
    src: url('../fonts/raleway-thin-webfont.eot');
    src: url('../fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-thin-webfont.woff') format('woff'),
         url('../fonts/raleway-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
	color:#fff;
    background: #801c8a;
    text-shadow: none;
}

::selection {
	color:#fff;
    background: #801c8a;
    text-shadow: none;
}

body {
	background:url('../img/bg.png');
	color:#1e1e1e;
	font-family: 'OpenSansLight', sans-serif;
	font-size:14px;
}

body a { 
	text-decoration:none; 
}

ul li { 
	list-style-type:none; 
}

.wrapper, #about, #services, #contact, #footer {
	margin:0 auto;
	position:relative;
	width:950px;
}

h2 { 
	color:#1772bb;
	float:left;
	font: 40px 'RalewayThin', sans-serif;
	font-weight: normal !important;
	letter-spacing: -2px;
}
h6 { 	color:#1772bb;	font: 24px 'RalewayThin', sans-serif;	font-weight: normal !important;	letter-spacing: 0px;	text-align:center;}
h5 { 	color:#801c8a;	font: 24px 'RalewayThin', sans-serif;	font-weight: normal !important;	letter-spacing: 0px;	text-align:center;}

#header {
	background:url('../img/header-bg.jpg') no-repeat top center;
	height:800px;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;	
}

#header .wrapper a.logo {
	background:url('../img/logo.png') no-repeat center;
	display:block;
	height:136px;
	left:-15px;
	position: absolute;
	top:35px;
	width:282px;
}

#header ul {
	background:url('../img/menu-bg.png');
	padding:18px 10px;
	position:absolute;
	right:0px;
	top:60px;
	
	-moz-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);
	box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);
}

#header ul li {
	display: inline;
	padding:0px 15px; 
}

#header ul li a {
	color:#3b3b3b;
	font-size:15px;
	font-family: 'OpenSansRegular';
}

#header ul li a:hover {
	color:#801c8a;
}

#about {
	margin:390px auto 0px auto;
}

#about h2 {
	font-size:50px;
	line-height:55px;
	margin:-5px 40px 80px 0px;
}

#about p {
	line-height:22px;
}

#about p b, .box.pakiety b {
	color:#801c8a;
	font-family:'OpenSansRegular';
	font-weight:normal;
}

#services {
	margin:60px auto 25px auto;
}

div.box {
	background:#fff;
	float:left;
	margin:0px 25px 30px 0px;
	padding:0px 30px 30px 20px;
	position:relative;	
	width:250px;
	z-index:100;
	
	-moz-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);
	box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);	
}div.boxx{	background:#fff;	float:left;	margin:0px 0px 30px 0px;	padding:0px 30px 30px 20px;	position:relative;		width:900px;	z-index:100;		-moz-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);	-webkit-box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);	box-shadow: 0 4px 10px -5px rgba(0,0,0,0.3);	}

div.box.last { 
	margin-right:0px; 
}

div.box ul {
	margin:-15px 0px 0px -30px;
}div.boxx ul {	margin:-15px 0px 0px -30px;}

div.box ul li,div.boxx ul li,
#beauty ul li {
	background:url('../img/list.png') no-repeat 0px 13px;
	line-height:22px;
	font-size:14px;
	padding:7px 0px 7px 23px;
}

div.box ul li span { 
	font-size:13px; 
}div.boxx ul li span { 	font-size:13px; }

div.box ul li span.color {
	color:#801c8a; 
	font-size:13px; 
	font-family: 'OpenSansRegular';
}
div.boxx ul li span.color {	color:#801c8a; 	font-size:13px; 	font-family: 'OpenSansRegular';}
div.box li.color {
	color:#801c8a; 
}
div.boxx li.color {	color:#801c8a; }
div.box.gratis {
	float:right;
	margin-top:-2px;
	min-height:65px;
	position:relative;
}

div.box.gratis h3, div.box p {
	position:absolute;
}

div.box.gratis h3 {
	font-size:33px;
	top:-15px;
}

div.box.gratis p{
	color:#8b3095;
	font-size:17px;
	font-family:'OpenSansRegular';
	left:145px;
	letter-spacing:-1px;
	line-height:16px;
	top:3px;
}

div.box.gratis p span { 
	letter-spacing:1px;
}

div.box.gratis p.info {
	color:#292929;
	font-size:11px;
	left:25px;
	letter-spacing:0px;
	top:50px;
}

div.box ul li ul {
	margin:9px 0px -7px -60px ;
}
div.boxx ul li ul {	margin:9px 0px -7px -60px ;}
div.box ul li ul li,div.boxx ul li ul li,
#beauty ul li ul li {
	background:url('../img/list-small.png') no-repeat 10px 11px;
	padding:0px 0px 5px 23px;
	font-size:14px;
}

div.box h3 {
	color:#1772bb;
	font: 35px 'RalewayThin', sans-serif;
	font-weight: normal !important;
	letter-spacing: -2px;
	text-align:center;
}div.boxx h3 {	color:#1772bb;	font: 35px 'RalewayThin', sans-serif;	font-weight: normal !important;	letter-spacing: -2px;	text-align:center;}div.boxx h4 {	color:#1772bb;	font: 24px 'RalewayThin', sans-serif;	font-weight: normal !important;	letter-spacing: -2px;	text-align:center;}
div.boxx h5 {	color:#3b3b3b;		font: 18px 'OpenSansRegular';	font-weight: normal !important;	letter-spacing: 0px;	text-align:center;		margin: -20px 0px 20px 0px ;}
div.boxx h2 {	color:#3b3b3b;		font: 18px 'OpenSansRegular';	font-weight: normal !important;	letter-spacing: 0px;	text-align:center;		margin: -20px 0px 20px 0px ;}
div.box.pakiety h3,
div.box.promocje h3 {
	font-size:30px;
}

div.box.promocje {
	margin-top:-5px;
}

div.box.pakiety {
	margin-top:-70px;	
}

div.box.kinesio { 
	margin-top:-150px;
	padding-bottom:27px; 	
}

div.box.kinesio ul li { 
	font-size:14px; 
}

#contact {
	margin-bottom:30px;
}

#contact h2 {text-align:center;
	font-size:26px;
	line-height:45px;
	margin:0px 70px 0px 60px;
}

#contact p {
	float:left;
	margin-top:0px;
	line-height:23px;
	text-align:justify;
	width:370px;
}

#contact p.phone {
	background:url('../img/icon-phone.png') no-repeat left bottom;
	color:#1772bb;
	float:right;
	font-size:40px;
	line-height:34px;
	margin-top:8px;
	padding-left: 45px;
	width:auto;
}

#contact p.mail {
	background:url('../img/icon-mail.png') no-repeat left;
	float:right;
	font-size:27px;
	letter-spacing:-1px;
	margin-top:-20px;
	padding-left:43px; 
	width:auto;	
}

#contact p.mail a { 
	color:#801c8a; 
}

#contact p.mail a:hover { 
	text-decoration: underline; 
}

#contact h2 span {
	font-size:50px;
}

#footer {
	background:url('../img/footer-border.png') no-repeat top;
	margin:0px auto 10px auto;
	padding-top:10px;
}

#footer p {
	color:#898989;
	float:right;
	padding:0px 10px;
}

#footer p:first-child {
	float:left;
}

#footer a {
	color:#1772bb;
}

#footer a:hover { text-decoration: underline; }

.shadow {
	background:url('../img/footer-bg.png') no-repeat center;
	height:722px;
	left:0;
	margin:0px auto;
	position: absolute;
	right:0;
	top:1093px;
	width:100%;
}

a.promo {	
	background:url('../img/beauty-promo.png');
	cursor:pointer;
	display:block;
	height:101px;
	position:fixed;
	right:0px;
	top:200px;
	width:107px;	
	z-index:999;
}

a.oksystem {
	background:url('../img/ok-system.png');
    display: block;
    height: 46px;
    right: 13px;
	top: 10px;
    position: fixed;
    width: 130px;
	    z-index: 99
  
}
a.card {
	background:url('../img/4youcard.png');
    display: block;
    height: 41px;
    right: 13px;
	top: 72px;
    position: fixed;
    width: 130px;
	    z-index: 99
  
}

a.hala {
	background:url('../img/hala.png');
    display: block;
    height: 97px;
    right: 13px;
	bottom: 10px;
    position: fixed;
    width: 130px;
	    z-index: 99
  
}

#tint {
	background:rgb(222,222,222);
	background:rgba(0,0,0,0.8);
	display:none;
	height:100%;
	position:fixed;
	top:0;
	width:100%;
	z-index:101;
}

#beauty {
	background:#fff;
	left:-9990px;
	margin:-335px auto auto auto;
	max-height:600px;
	overflow:auto;
	padding:35px 10px 35px 35px;
	position:fixed;
	right:0;
	top:50%;
	width:720px;
	z-index:102;
	
	-webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 100px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 100px rgba(0, 0, 0, 0.3);
}

#beauty a.close {
	background: url('../img/icon-close.png') no-repeat center;
	display:block;
	height:20px;
	margin:-20px 0px 0px 698px;
	position:fixed;
	width:20px;
}

#beauty div.beauty-img {
	background:url('../img/beauty-bg.png') no-repeat;
	height:227px;
	position:absolute;
	right:-10px;
	top:0px;
	width:239px;
	z-index:1;
}

#beauty p, 
#beauty h2,
#beauty a {
	position:relative;
	z-index:2;	
}

#beauty a.mail,
#beauty p.phone {
	color:#1772bb;
	float:left;
	font-family:'OpenSansRegular';
	font-size:18px;
	padding:5px 0px 5px 35px;
}

#beauty a.mail {	
	background:url('../img/icon-mail2.png') no-repeat 0px 10px;
	margin:5px 0px 0px 35px;
}

#beauty p.phone {
	background:url('../img/icon-phone2.png') no-repeat left;
	margin:5px 0px 0px 10px;
}

#beauty a.mail:hover {
	color:#801c8a;
}

#beauty a.close:hover {
	filter:alpha(opacity=50);
	opacity:0.5;
}

#beauty h2 {
	float:none;
	font-family:'OpenSansLight';
	font-size:36px;
	margin:0px 0px 10px 0px;
}

#beauty ul {
	margin-left:-30px;
}

#beauty ul li ul {
	margin:10px 0px 0px -60px;
}

#beauty ul li {
	background:url('../img/list2.png') no-repeat 0px 13px;
}

#beauty ul li ul li {
	background:url('../img/list-small2.png') no-repeat 10px 11px;
}

#beauty p.img-info {
	color:#c8c8c8;
	font-size:10px;
}

#beauty ul.first {
	float:left;
	margin-left:-20px;	
}

#beauty ul.second {
	float:left; 
	margin-left:70px;	
}

#beauty p.border-top {
	border-top:1px solid #b2b2b2;
	margin-top:0px;
	padding:25px 0px 0px 3px; 
}

#beauty p.border-bottom {
	border-bottom:1px solid #b2b2b2;
	line-height:22px;  
	margin-bottom:0px;	
	padding-bottom:25px; 
}

#beauty p.smaller {
	line-height:22px;
	width:480px; 
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}#zalety {font-weight: normal;font-size: 15px; margin: 0px 0px 0px 0px;}#zaletyli {font-weight: normal;font-size: 12px; margin: -8px 0px 0px -35px;}#zalol {margin: 10px 0px 0px 0px;}#zaletyx {font-weight: normal;font-size: 12px; margin: 3px 0px 0px -30px;}#listax {font-weight: normal;font-size: 16px; }#colorx {font-weight: normal;font-size: 11px; }#mapkaimg{margin: 0px 0px 0px 20px;}img.centerx {  display: block;  margin-left: auto;  margin-right: auto;  } #map iframe {	border:0;	height:320px;	width:867px;	margin: 20px 0px 0px 20px;}.scrollup {    width: 100px;    height: 89px;    position: fixed;	opacity: 0.6;    bottom: 5px;    left: 20px;    display: none;    text-indent: -9999px;    background: url('../img/arrowup.png') no-repeat;}