* {margin:0;padding:0}
body {
	background:#fff;
	color:#444;
	font-family:'Open Sans', Tahoma, sans-serif;
	font-size:16px;
	line-height:140%;
	}
	
	
h1, h2, h3 {color:#FF0000}

.matrix {clear:both;float:right;margin-top:100px;margin-right:150px}

.centerbox {width:850px;margin:0 auto;}

#top {height:690px;background:url(tlo.jpg) center top no-repeat;}
#top  ul {float:right;margin-top:40px}
#top  ul li {list-style-type:none;display:inline;}
#top  ul li a {display:block;float:left;color:#444;text-transform:uppercase;text-decoration:none;margin:10px}
#top  ul li a.facebook {background:url(facebook.png) no-repeat;text-indent:-9000px;width:86px;height:25px}

h1 a {display:block;text-decoration:none;border:0;clear:both;width:100%;max-width:301px;max-height:182px;float:right;margin-right:55px;margin-top:60px}

#onas {border-top:30px solid #fff}
#onas img {float:right;margin-left:40px}
#onas h3 {background:url(onas.png) no-repeat;text-indent:-9000px;width:159px;height:60px;margin-top:60px}

#uslugi {clear:both;border-top:30px solid #fff}
#uslugi img {float:left;padding-right:80px;padding-bottom:80px;}
#uslugi h3 {display:block;background:url(uslugi.png) no-repeat;text-indent:-9000px;width:354px;height:60px;margin-left:290px;margin-top:60px}
#uslugi li {list-style-type:square}

#fryzjerki {clear:both;border-top:30px solid #fff;background:url(fryz.png) center top no-repeat;min-height:400px}
#fryzjerki h3 {background:url(fryzjerki.png) no-repeat;text-indent:-9000px;width:194px;height:140px;margin-top:130px}

#nasze {float:left;width:280px;}
#pracownicy {float:right;width:520px;margin-top:150px}

.pracownik {clear:both;}
.pracownik p{margin-left:180px}
.pracownik img {float:left;margin-right:30px;margin-bottom:10px;margin-top:-20px}
.pracownik h2 {margin:20px 0 0 180px;width:100%;height:60px;text-indent:-9000px;}
.pracownik a.dyplomy {text-decoration:none;border:0;display:block;background:url(dyplomy.jpg) no-repeat;text-indent:-9000px;width:152px;height:60px;margin-top:5px;float:left;clear:both;}
.pracownik a.dyplomy_hide {display:none}

 .wioletta h2 {background:url(wioletta.png) no-repeat;}
 .natalia h2 {background:url(natalia.png) no-repeat;}
 
#kontakt {clear:both;border-top:30px solid #fff;background:url(stopka.png) center bottom no-repeat;padding-bottom:100px}
#kontakt h3 {background:url(kontakt.png) no-repeat;text-indent:-9000px;width:192px;height:60px;}
#kontakt .mapa {float:right}
 
 /*
 
 @media only screen and (max-width: 780px){
  img {float:none!important;}
 .centerbox {width:100%;padding:30px}
 #top {background-image:none;height:200px}
 #top  ul {display:none}
 h1, h1 a{margin:0;float:none}
 h1 a img {width:80%}
 
 }
 
 */