* {margin:0; padding:0;}
:focus {outline: 0;}
table {	border-collapse:collapse;	border-spacing:0;}
img{border:0;}
.czysc{clear:both;}
.centro {text-align: center; }



body {	font-family: Tahoma,Helvetica,Arial CE,sans-serif; font-size:21px; line-height: 1.45em;	text-align: center;	background: #eee;}
.all {width: 700px;	margin: 0px auto;	text-align: left;}	
img {border:0}

a { text-decoration:underline;color: #777;}
a:hover { color: #f93;}
	
.head {	
	background-image:url(img/telko-grf.gif);	background-repeat: no-repeat;	width: 700px;	margin: 8px auto 0 auto;padding: 6px;	text-align: center;}

.head h2 {color: #666;	height: 106px;	padding:6px 0 0 0px; }

.tekst{	width: 530px;	text-align: left;	color: #666;	position:  0px 155px;	float: left;	margin-left: 8px;}

.tekst ul li {list-style-type: square; margin:0 0 0 10px}


.menu-l {	width: 150px;	border-right: 1px solid white;	float: left;	text-align: left;	}
.menu-l li {padding:10px 0 0 0;}
.menu-l ul {margin:0 0 20px 0; }


.logo-tworze {	margin-top:60px;	clear: both;	text-align: center;}
.logo-tworze img{	border:0px;}

.kolega {font-size: 0.75em; border-top:2px solid #fff; padding-top:8px; }
.kolega h4{margin:2px 0 2px 25px; }
.kolega a{display:block; color:#000; }


.wiecej {   display: flex;  flex-wrap: wrap; justify-content: space-around;}
.wiecej img { margin:12px;}


/* CSS nowe style zmiana szablonu */
h1,  h2,  h3,  h4,  h5   { font-family: 'Cuprum', arial, serif; margin-bottom:1.3em; }
h1,  h2  {margin-bottom:1.5em; }
h3,  h4,  h5   { margin-bottom:1em; }

h1 {font-size:35px; color:#f93;}
h2 {font-size:25px; margin-top:1.5em; color:#f93;}
h3 {font-size:21px; margin-top:1.3em; color:#999;}
h4 {font-size:19px; margin-top:1.1em; color:#999;}
h5 { font-size:17px; font-weight: 700; margin-top:1.5em;}
h6 { font-size:15px; font-weight: 700; color:red}

p {margin-bottom:1em;}

#all2{width: 840px;margin: 8px auto 0 auto;}

#top {height: 120px;	text-align: left; background-image:url(img/top-bg.gif);	background-repeat: no-repeat; position: relative; }

#top-barbie {height: 120px;	text-align: left; background-image:url(img/top-bg.png);	background-repeat: no-repeat; position: relative; }

#top h1, #top-barbie h1 {position: relative; top:40px; left:188px;}

#zawartosc{float:left; width: 100%;	background-image:url(img/tresc-bg.gif);}

#kol-tekst{margin:0 190px 0 180px; text-align: left; }
#kol-menu{float:left; width: 180px; margin-left:-840px; text-align: left;}
#kol-news{float:left;width: 190px; margin-left:-190px;}

#stopa{clear:left;width: 100%;background: #ddd;color: #555;text-align: center;padding: 4px 0;}

.odsun-tekst{margin: 28px 10px 10px 10px;}

#zawartosc p{margin-top:10px; font-size: small; text-align: justify; text-indent: 3em; }
#zawartosc .bezwciec{margin-top:12px; font-size: small; text-align: justify; text-indent: 0; }

.podpis {width:100% ; display: block;  margin:-30px 0 0 0; font-size: smaller; font-style: italic;  color:#999; text-align:right; border-bottom: 1px solid #f93;}

.ogloszenie {background:#f93; color:#fff;}
.ogloszenie h4{margin-top:0; color:#fff;}
div .ogloszenie {margin-top:10px;padding:10px}

/* --- formularz ---- */
#kontakt  {width:440px; border:1px solid #bbb; background-color: #ccc; font-size:13px;}
#kontakt td {padding:8px 8px 8px 12px; }




#kol-tekst ul li {font-size:0.8em; list-style-type: square; }
#kol-tekst li {margin:0 0 0 30px;  color: #555; }

/* --- kolumna menu ---- */
#kol-menu ul li {list-style-type: none; font-size:11px; font-weight: 700; }
#kol-menu li {padding:10px 0 0 0;}
#kol-menu h3 {font-size:21px; color:#bbb;}
#kol-menu a { text-decoration:none; }

/* --- kolumna news ---- */
div .fotoblog-new {border-bottom:2px solid #f93; margin:10px auto; padding:0 0 10px 0;}
.fotoblog-new h3 {font-size:14px; margin-top:1.3em; color:#f93;}
.fotoblog-new p {font-size:9px;}


/* --- podgląd grafiki powiększenie ---- */
#grafika-poglad {width:700px;margin:30px auto; text-align: left;}

/* --- lalki wyjątki ---- */

.obrazki-dystans img{margin:17px 17px 0 0;}

/* --- pędzle photoshop wyjątki ---- */

#pobierz-pedzelki {height: 26px; margin:26px 0 0 0; background: url(img/download-brushes.gif) top left no-repeat; position: relative;  padding:0 0 0 28px; font-size:13px; }
#pobierz-pedzelki a{position: relative;  top:5px; font-weight: 800; }
#pobierz-pedzelki a:hover{color:#000; }
#pobierz-pedzelki:hover {background: url(img/download-brushes.gif) bottom left no-repeat;  }

/* --- mega portfolio wyjątki ---- */
.d-plastyk {margin:20px 0 0 0; float:left; font-size:xx-small; color:#999; border-bottom:2px dotted #999;}
#zawartosc .d-plastyk .numer {background-image:url(grafika/grafik-100-kolko.jpg); width:121px; height:124px; margin: 0 0 0 375px; position: relative;  }
.d-plastyk .numer span{display: block; position: absolute; top:40px; width: inherit;  text-align: center; font-size:40px; }
.d-plastyk img{max-width:500px;  }
#folio  {width:500px; height: 128px; padding:100px 0 0 0; background: url(grafika/portfolio-top.jpg) top left no-repeat; position: relative;}
#folio a {text-decoration:none; font-size:x-large; }
#folio .margin-r {margin:0 9px 0 2px }

/*   ---footer -- */


footer { position:relative;  background-color:#fff }
footer .wrapper {
 padding-top:95px;
 padding-bottom:60px;
 margin-right:auto;
 margin-left:auto;
 display:flex;
 flex-flow:row wrap;
 justify-content:space-between;
 align-items:flex-start
}
@media screen and (min-width:700px) and (max-width:1250px) {
 footer .wrapper {
  width:100%;
  padding-right:50px;
  padding-left:50px
 }
}
@media screen and (max-width:700px) {
 footer .wrapper {
  width:100%;
  padding-right:25px;
  padding-left:25px
 }
}
@media screen and (min-width:1250px) {
 footer .wrapper {
  width:1200px
 }
}
footer .logo {
 width:120px;
 display:block
}
footer .logo svg {
 width:100%
}
footer .container-list {
 display:flex;
 flex-flow:row wrap;
 align-items:flex-start
}
footer .container-list ul {
 width:120px;
 list-style:none
}
footer .container-list ul:not(:last-child) {
 margin-right:60px
}
footer .container-list ul li:not(:last-child) {
 margin-bottom:8px
}
footer .container-list ul li a {
 text-decoration:none;
 font-family:SF-Pro-Text-Regular;
 color:#7b7b7b;
 transition:all .25s ease
}
@media screen and (min-width:2000px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (min-width:1250px) and (max-width:2000px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (min-width:700px) and (max-width:1250px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (max-width:700px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
}
@media screen and (min-width:700px) and (max-width:1250px) {
 footer .logo {
  width:180px
 }
 footer .container-list ul:not(:last-child) {
  margin-right:20px
 }
 footer .container-contact {
  margin-top:35px
 }
}
@media screen and (max-width:700px) {
 footer .wrapper {
  padding-top:45px;
  border:none
 }
 footer .wrapper:before {
  content:"";
  background-color:#eaeaea;
  position:absolute;
  left:50%;
  top:0;
  height:1px;
  width:calc(100% - 50px);
  transform:translateX(-50%)
 }
 footer .logo {
  width:130px
 }
}
footer .logo { width:195px;  display:block; margin-bottom: 60px;}

footer .container-list {
 display:flex;
 flex-flow:row wrap;
 align-items:flex-start
}
footer .container-list ul {
 width:120px;
 list-style:none
}
footer .container-list ul:not(:last-child) {
 margin-right:60px
}
footer .container-list ul li:not(:last-child) {
 margin-bottom:8px
}
footer .container-list ul li a {
 text-decoration:none;
 font-family:SF-Pro-Text-Regular;
 color:#7b7b7b;
 transition:all .25s ease
}
@media screen and (min-width:2000px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (min-width:1250px) and (max-width:2000px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (min-width:700px) and (max-width:1250px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
@media screen and (max-width:700px) {
 footer .container-list ul li a {
  font-size:14px;
  line-height:21px
 }
}
footer .container-list ul li:hover a {
 color:#101010
}

.copyright{color:#777; font-size: smaller; }


/*-- social-icons --*/

.soc-icon {display: flex; justify-content: flex-end; flex-wrap: wrap; margin-top: -8px;}
.soc-icon div {margin:0 0.7rem; padding:0; }
.soc-icon div a {display: inline-block;	width: 28px;	height: 28px;  }


/* --- inne wyjątki ---- */

.wspolpraca img{ vertical-align: bottom; float:left;  margin:6px 16px 0 0;}
.wspolpraca span{color:#777;}