 @font-face {
	font-family: 'Raleway';
	src: url('font/raleway-bold-webfont.eot');
	src: url('font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/raleway-bold-webfont.woff') format('woff'),
		 url('font/raleway-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;

}


@font-face {
	font-family: 'Raleway';
	src: url('font/raleway-medium-webfont.eot');
	src: url('font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/raleway-medium-webfont.woff') format('woff'),
		 url('font/raleway-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Raleway-Light';
	src: url('font/raleway-extralight-webfont.eot');
	src: url('font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/raleway-extralight-webfont.woff') format('woff'),
		 url('font/raleway-extralight-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}


body, h1, h2, div, address {
	margin:0; 
	padding:0;
}
body {
	padding-bottom: 50px;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	color:inherit;
}

::-moz-selection {
	background: #bc9ad7;
	text-shadow: none;
}

::selection {
	background: #bc9ad7;
	text-shadow: none;
}

ul,
ol {
	list-style: none;	
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	padding: 0;
}

.pink, .active, a:hover, .current-menu-ancestor a, .current-menu-item a {
	color: #f98a9b;	
}

.dark {
	color: #646464;	
}

.gray h4 {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;

}

.gray, .post h1, .post h2, .post h3, .post h4, .post h5 {
	color: #c5c5c5;
}

#splash {
	width:1010px; 
	position: absolute;
	top: 50%;
	left:50%;
	margin-left:-505px;
	margin-top:	-270px;
	font-family: 'Raleway', Helvetica, sans-serif; 
	font-size: 15px;
}

#podstrona {
	margin:0 auto;
	width:1010px; 
	margin-top:	20px;
	font-family: 'Raleway', Helvetica, sans-serif; 
	font-size: 15px;
}

#tresc {
font-size:12px;
margin-top: 320px;
position:relative;
clear: left;
line-height: 30px;
margin-left:50px;
padding-right:50px;
padding-bottom: 50px;	
	
}

h2 {
	font-family: 'Raleway-light';
	font-weight: 200;
}

h4, .h4, .h4 * {
color: #000;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}

h3, .h3, .h3 * {
	color: #fff;
font-size: 42px;
font-family: 'Raleway-light';
font-weight: 200;
}

h5, .h5, .h5 * {
font-family: 'Raleway-Light';
font-size: 29px;
line-height: 29px;
padding: 2px 0 7px;
font-style: normal;
}


.procedures-list {
    margin-top: 3px;
}

.dir-item-gmaps {
    background-image: url(img/dir-item-gmaps.png);
}

.dir-item-print {
    background-image: url(img/dir-item-print.png);
}
.dir-item-download {
    background-image: url(img/dir-item-download.png);
}

.logo {
	margin-left:40px;
	border:none;
}

*[class*="dir-item-"] {
	display: block;
    padding-top: 48px;
    background-position: 3px 7px;
}

.dir-item-gmaps {
    background-image: url(images/dir-item-gmaps.png);
}

.dir-item-print {
    background-image: url(images/dir-item-print.png);
}
.dir-item-download {
    background-image: url(images/dir-item-download.png);
}

.row {
	width: 100%;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.column-90 {
    width: 90px;
}

.margin-right-40 {
    margin-right: 40px;
}

.additional-posts .content-section {
    min-height: 64px;
    padding-bottom: 13px;
}


/* menus */
/*
#menu {
	font-family: 'Raleway', Helvetica, sans-serif; 
	font-size: 14px;
	font-weight:bold;
	color:#000;
	float:right;
}*/

.menu {
	font-style: uppercase;	
}

.vertical-menu li {
	padding: 1px;	
}

.horizontal-menu li {
	position: relative;
	float: left;
	padding: 0 9px 5px 9px;
	white-space: nowrap;
}
	.horizontal-menu li:last-child {
		padding-right: 0;	
	}

	.horizontal-menu .sub-menu li:last-child {
		padding-right: 9px;	
	}

	/*.horizontal-menu li:last-child .sub-menu {
		right: 4px;
		left: auto;
	}*/

.horizontal-menu .sub-menu {
top: 23px;
left: -4px;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
-ms-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
padding: 6px 4px 0px 4px;
z-index: 2;
}

.horizontal-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
}

.main-menu {
	float: right;
	margin-right:350px;	
	margin-top: 30px;
}

.main-menu .sub-menu {
	background-color: #f78999;
}

	.main-menu .sub-menu a {
		color: #fff;	
	}

	.main-menu .sub-menu a:hover, .main-menu .sub-menu .current-menu-item a {
		color: #000;
	}

#content {
	margin-top:40px; 
	position: relative; 
	width: 1010px;  
	background-color:#f798a5;
	bottom:30px;
}

#left, #right { 
	height: 360px;
}

#left2, #right2, #left3, #left4 {
	height: 277px;
}

#left2 {
	float: left; 
	width: 60%; 
	background-color:#f798a5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index:3;
}

.listy {
font-family: 'Raleway-Light';
font-size: 29px;
color:#bc9ad7;
line-height:4px;
margin-bottom:0px;
font-style: normal;
}

#left3 {
	float: left; 
	width: 60%; 
	background-color:#bc9ad7;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index:3;
}

#left4 {
	float: left; 
	width: 60%; 
	background-color:#e588d3;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index:3;
}

#right2 {
	float:right; 
	width:100%; 
	background: url('img/h_onas21.jpg') no-repeat; 
	background-size:cover; 
	z-index:2;
}

#right3 {
	float:right; 
	width:100%; 
	background: url('img/h_kontakt.jpg') no-repeat; 
	background-size:cover; 
	z-index:2;
}

#right4 {
	float:right; 
	width:100%; 
	background: url('img/h_zabiegi_2.jpg') no-repeat; 
	background-size:cover; 
	z-index:2;
}

#right5 {
	float:right; 
	width:100%; 
	background: url('img/h_zabiegi.jpg') no-repeat; 
	background-size:cover; 
	z-index:2;
}

#right6 {
	float:right; 
	width:100%; 
	background: url('img/h_zabiegi_3.jpg') no-repeat; 
	background-size:cover; 
	z-index:2;
}

#left {
	float: left; 
	width: 40%; 
	background:  url('img/shoulder-big.jpg'); 
	background-position: 321px -66px; 
	background-repeat: no-repeat;
}

#right {
	float:right; 
	width:60%; 
	background: url('img/right.jpg') no-repeat; 
	background-size:cover; 
}

#left2 .inner, #left3 .inner, #left4 .inner{
	margin-left: 50px; 
	margin-top: 50px; 
	padding-right: 50px;

}

#left .inner {
	margin-left: 50px; 
	margin-top: 100px; 
	padding-right: 50px;

}
 
#left h2, #left2 h2, #left3 h2, #left4 h2 {
	color:white; 
	font-size:42px;  
	line-height: 40px;
} 

.media-description.no-image {
    width: 100%;
	min-height: 0;
}

.media-image {
    float: right;
    display: block;
}

.media-image img {
    width: 161px;
    height: auto;
    max-height: 93px;
}

.media-description {
    float: left;
    min-height: 91px;
    width: 381px;
    height: 100%;
	padding-bottom: 15px;
}
.gray-underline {
    border-bottom: 2px solid #f0f0f0;
}
.bottom-content-wrap {
    position: relative;
}
.theme-link, .theme-link *, .post a {
	color: rgb(247, 137, 153);
}

.theme-link:hover, .theme-link *:hover, .post a:hover {
	color: rgb(182, 145, 212);
}
.media-arrow {
    right: 0;
    padding: 13px;
}
.bottom-content {
    position: absolute;
    bottom: 0;
}

.more {
	text-decoration: none; 
	display: inline-block; 
	height:35px; 
	color: #f897a5;
	background: url('img/arrow.jpg') white no-repeat 140px center; 
	line-height: 35px; 
	margin-top:35px; 
	font-size: 11px; 
	text-transform:uppercase;
	padding-left: 10px; 
	width:150px;
	font-family: 'Raleway';
	font-weight: bolder;
}

#right .info, #right2 .info {
	position: absolute;
	right:50px;
	top:170px;
}

#right .info address, #right .info span {
	font-style: normal;
	color: #979797;
	font-size:14px;
}
#right .info span {
	color: #555;	
}
#right .info address {
	font-family: 'Raleway-light';	
}

#right .info h2 {
	margin-top: 10px;
	margin-bottom: 19px;
	font-size: 25px;
	line-height: 26px;
	color: #4c4c4c;
}

#footer {
	padding-top:50px;
	padding-bottom: 20px;
	text-align:center;
}

.center {
	text-align:center;
}

.smallest {
font-size: 87%;
}

.main-footer small {
    margin-top: 20px;
    display: block;
    margin-left: 251px;
    width: 600px;
}

.main-footer small span {
    display: block;
}

@media only screen and (min-width: 1178px) {

	#splash {
		position: absolute;
		top: 50%;
		left:50%;	
		margin-left: -578px;
		margin-top: -320px;
	}
	
	#podstrona {
	margin:0 auto;
	position: relative;
	top:0;
	margin-top:	20px;
	}

	#splash, #content, #podstrona {
		width: 1157px;	

	}
	#left, #right {
		height: 481px;	
	}
	#left {
		background: url('img/shoulder-big.jpg') #f798a5 no-repeat bottom right;

	}
	#left2, #right2 {
		height: 277px;	
	}
	#left h2 {
		margin-top: 140px;
		font-size: 60px;
		line-height: 53px;
	}
	#left2 h2 {
		margin-top: 50px;
		font-size: 60px;
		line-height: 53px;
	}

	.logo {
		margin-left:50px;	
	}
	
	.main-menu {
	float: right;
	margin-right:400px;	
	margin-top: 30px;
	}
	.content{
	margin-top:30px; 
	position: relative; 
	width: 1010px;  
	background-color:#f798a5;
	bottom:30px;
	}
	
	.more {
		font-size:13px;
		height: 45px;
		line-height: 45px;
		width: 190px;
		background: url('img/arrow-big.jpg') white no-repeat 165px center; 
		margin-top:55px;
	}
	#right {
		background-size:auto;
		background-position: right;	
	}
	#right .info {
		position: absolute;
		right:60px;
		top:230px;
	}
	
	#right .info address, #right .info span {
		font-size:16px;
	}
	
	#right .info h2 {
		margin-top: 5px;
		margin-bottom: 30px;
		font-size: 32px;
		line-height: 33px;
	}
	
}