@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700&subset=latin-ext');
html{
	background-color:#fff;
}
body{
	margin:0px;
	font-size:16px;
	padding:0px;
	font-family: 'Quicksand', sans-serif;
	color:#333;
	margin:0px auto 0px auto;
}
table{
	border-spacing:0px;
}
figure,figcaption{
	margin:0px;
}
a{text-decoration:none;color:inherit;}
a:hover{color:#edb315}
section{
	display:block;
	margin:0px;
}
img{
	border:none;	
	max-width:100%;
	height:auto;
}
*:hover{
	transition:background-color 0.5s linear 0s, color 0.5s linear 0s;
	transition:color 0.5s linear 0s, color 0.5s linear 0s;
	transition:text-shadow 0.3s linear 0s, color 0.3s linear 0s;
	transition:all ease 0.4s;
}
*{
	transition:all ease 0.4s;
}
h1{
	font-size:32px;	
	font-family:Times New Roman;
	font-style:italic;
	font-weight:normal;
	
}
h2{
	font-size:28px;	
	font-family:Times New Roman;
	font-style:italic;
	font-weight:normal;	
}
main>h2{
	text-align:center;
	border-top:1px solid #e4e0d9;
	padding-top:1em;
}
h3{
	font-size:21px;
	margin-bottom:0px;	
}
h1,h2,h3,h4{
	letter-spacing:1px;
	text-align:left;	
}
.sm{
	background:#3D3636;
	margin-bottom:50px;
	padding:2px 0px 1px 0px;
	color:#fff;
}
.sm img{
	height:25px;
}
.tel{
	float:right;
	font-family:Times New Roman;
	font-style:italic;
	font-size:19px;	
	padding-right:1%;
}
.tel img{
	position:relative;
	top:3px;
	margin-right:5px;
	height:19px;
}
.meandbeauty{
	float:right;
	margin:0px 10px 0px 0px;
	font-size:15px;
	color:#898989;
	font-weight:lighter;
	z-index:10;
	position:relative;
	font-style:italic;
	letter-spacing:1px;
	text-align:center;
	top:-20px;
}
.meandbeauty img{
	top:10px;
	position:relative;
}
.naglowek{
	font-size:14px;
	line-height:1.9em;
	padding:15px 0px 5px 0px;
	position:relative;
}
.naglowek .srodek{
	text-align:center;
	border-bottom:1px solid #e4e0d9;	
}
.naglowek h1{
	font-size:30px;
	padding:0px;
	text-align:center;
	letter-spacing:0px;
	font-weight:lighter;
	font-family:Times New Roman;
	font-style:italic;
}
header{
	padding:0px 0px 35px 0px;
	margin:0px auto 0px auto;
	position:relative;
	background:#fff;
	z-index:10;
	overflow:visible;
	display:block;
	margin:0px;
	position:relative;
	z-index:9;
	border-bottom:1px solid #e4e0d9;
}
header>.srodek{
	overflow:visible;
	padding:0px 2% 0px 2%;
	
}
header nav{
	padding:0px;
	clear:left;
	font-size:22px;
	position:relative;
	margin:0px 0px 0px 0px;
	font-weight:lighter;
	font-style:italic;
	z-index:9;
	font-family:Times New Roman;
}
header nav{
	text-align:left;
}
header nav > a,header nav > span,header nav .rozwijane > span,header nav .rozwijane > a{
	padding:32px 12px 20px 12px;
	display:inline-block;
	position:relative;
	margin-right:2%;
}

header .srodek nav > *.hover, .rozwijane > *.hover, header .srodek nav > span:hover,header .srodek nav > a:hover{
	padding:30px 12px 20px 12px;
	border-top:solid 2px #3f3f3f;
	transition:border-top 0s;
}
.rozwijane{
	display:inline-block;
	position:relative;
	background:url(obrazki/menu-dol.gif) no-repeat center bottom;
	margin-right:2%;
}
.rozwijane:hover{
	background:url(obrazki/menu-dol-hover.gif) no-repeat center bottom;
}
.dymek{
	padding:25px 0px 0px 0px;
	color:#fff;
	display:none;
	overflow:visible;
	opacity:0;
	position: absolute;
    top: 70px;
	left:-57%;
	z-index:100;
	background:url(obrazki/menu-gora.gif) no-repeat center 20px;
}
.dymek a,.dymek span{
	display:block;
	font-size:16px;
	padding: 8px 10px 7px 15px;
	z-index:100;
	font-weight:normal;
	min-width:160px;
	background:url(obrazki/menu_line.png) repeat-x left bottom #392a2a;
}
header nav span{
	cursor:default;
}
.dymek .hover,.dymek a:hover,.rozwijane span:hover{
	color:#edb315;
}
.rozwijane:hover .dymek{
	display:block;
	transition:opacity 0.5s ease;
	opacity:1;
}
.rozwijane2{
	position:relative;
}
.dymek2{
	display:none;
	position:absolute;
	left:100%;
	top:-1px;
	padding-left:5px;
	border-right:solid 1px #ccc;	
}
.rozwijane2:hover .dymek2{
	display:block;
}
.dymek2>a,.dymek2>span{
	overflow:hidden;
	min-width:150px;
	background-color:#EDB315;
}
.dymek2>a:hover,.dymek2>span:hover,.dymek2>a.hover,.dymek2>span{
	color:#392a2a;
}
main{
	display:block;
	padding:0px;
	clear:both;
	position:relative;
	margin:0px;
}
.prawy{
	min-width:220px;
	display:table-cell;
	padding:0px 1% 0px 1%;
	font-size:15px;
	border-left:solid 1px #E0E7ED;
	width:22%;
	vertical-align:top;
}
.prawy>p,.prawy>div{
	overflow:hidden;
	margin:1em 0px 1em 0px;
}
.srodek{
	max-width:1234px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	overflow:hidden;
}
.tekst .img{
	float:left;
	margin:0px 30px 15px 0px;
}
.tekst{
	padding:30px 4% 30px 4%;
	overflow:hidden;
	text-align:justify;
}
.tekst>*:first-child{
	margin-top:0px;
}
.tekst h1{
	border-bottom:solid 1px #999;
	padding-bottom:0.5em;
}
.tekst h5{
	font-size:inherit;
}
.tekst h2{
	padding:15px 0px 10px 0px;
	font-size:26px;
	clear:both;
}
.tekst h3{
	border-bottom:solid 1px #ccc;
	padding:15px 0px 10px 0px;
	font-size:22px;
	clear:both;
	font-family:Times New Roman;
	font-style:italic;
}
.tekst h4{
	color:#7f7f7f;
	border-bottom:solid 1px #ccc;
	padding-bottom:15px;
	font-size:16px;
}
.tekst a:hover,.tekst a:hover strong{
	color:#ccbe03;
}
.tekst table{
	width:100%;
}
.tekst table td{
	border-bottom:1px solid #ddd;
	padding:5px 1% 5px 1%;
	
}
.tekst table tr:hover td{
	background:#ccc;
}
.tekst strong{
	color:#666;
}

footer{
	display:block;
	padding:22px 0px 0px 0px;
	position:relative;
	text-align:center;
}
footer>.srodek{
	padding:30px 0px 30px 0px;
	font-family:Times New Roman;
	font-size:19px;
	font-style:italic;
	border-top:1px solid #e4e0d9;
}
footer>.srodek a{
	padding:4px 2% 4px 2%;
	display:inline-block;
}
.polityka{
	float:left;
	font-size:11px;
	margin-bottom:20px;
}
.podstopka{
	background:#1B1B1B;
	padding:20px 2% 10px 2%;
	color:#fff;
	font-size:17px;
	overflow:hidden;
}
.strony-warszawa{
	display:block;
	text-align:right;
	clear:both;
	color:#999;
	font-size:11px;
	padding:10px 0px 0px 0px;
	
}
.sluchawka{
	position:fixed;
	bottom:5px;
	right:5px;
}
.top{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
.top img:hover{
	opacity:0.6;
}
button,.button{
	background:#edb315;
	color:#fff;
	border-radius:10px;
	padding:10px 10px 10px 10px;
	font-size:16px;
	border:none;
	cursor:pointer;
	color:#fff;
	box-shadow:2px 2px 4px #999;
}
button:hover,.button:hover{
	background:#392a2a;
}
/*USER*/
ul{
	padding-left:0px;
}
ul li h4{
	margin:0px;
}
ul li{
	margin-left:20px;
	text-align:left;
}
.left{
	float:left;
	margin-right:2%;
}
/*RESPONSYWNE*/
.hamburger{
	margin:0px auto 0px auto;
	display:none;
	padding:10px;
}
.responsywne a:hover{
	color:#edb315;
}
.responsywne{
	display:none;
	background:#fff;
}
.responsywne * {
	display:block;
	width:100%;
	overflow:hidden;
	text-align:center;
	float:none;
	color:#000;
	cursor:pointer;
}
.responsywne a{
	padding:5px 0px 5px 0px;
}
.responsywne span{
	background:url(obrazki/menu-dol.gif) center bottom no-repeat;
	padding:5px 0px 16px 0px;
}
.responsywne div div{
	position:relative;
	top:-5px;	
	font-size:14px;
}
.responsywne div div a{
	padding:2px 0px 2px 0px;	
}
.responsywne div div div div{
	font-size:13px;
}
@media screen and (max-width: 1360px){
	.podstopka{
		padding-right:6%;
	}
}
@media screen and (max-width: 1040px){
	header nav{
		font-size:18px;
	}
	.dymek{
		top: 75px;
		background:url(obrazki/menu-gora.gif) no-repeat 43% 20px
	}
	.strony-warszawa{
		text-align:left;
	}
}
@media screen and (max-width: 720px){
	header{
		overflow:hidden;
	}
	header nav{
		display:none;
		float:none;
		margin:0px 0px 8px 0px;
		min-width:0;
	}
	.hamburger{
		display:block;
	}	
	.meandbeauty img{
		height:auto;
	}
	.meandbeauty{
		margin:0px;
		display:block;
		float:none;
		text-align:center;
	}
	footer>.srodek>a{
		font-size:14px;
	}
	.top{
		padding-top:10px;
		display:block;
		text-align:center;
		position:static;
	}
	.podstopka{
		font-size:14px;
		padding-right:2%;
	}
	.meandbeauty img{
		max-width:80%;
	}	
}
@media screen and (max-width: 480px){
	.polityka{
		display:block;
		float:none;
	}
	.sm{
		margin-bottom:15px;
	}
	header{
		padding-bottom:15px;
	}
	.tekst .img{
		display:block;
		float:none;
		margin:0px auto 15px auto;
	}
	.tekst{
		display:block;
		width:92%;
		padding:10px 4% 30px 4%;
		column-count:1;
	}
}
@media screen and (max-width: 360px){
	.tekst img{
		display:block;
		max-width:100%;
		width:auto !important;
		margin:0px auto 0px auto;
		float:none !important;
	}
}