


* {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; line-height: 1.4em; 	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; }


/* CSS nowe style zmiana szablonu */
h1,  h2,  h3,  h4,  h5   { font-family: 'Cuprum', arial, serif; }

h1 {font-size:28px; color:#f93;}
h2 {font-size:21px; margin-top:1.5em; color:#f93;}
h3 {font-size:19px; margin-top:1.3em; color:#999;}
h4 {font-size:17px; margin-top:1.1em; color:#999;}
h5 {font-weight: 700; margin-top:1.5em;}
h6 {font-weight: 700; color:red}


#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:0 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 14px 0 2px }


