body { background: #333; margin: 20px; }
.ramka { width: 583px; float: left; background: white; }
.ramka + .ramka { margin-left: 10px; }
.glupi-tekst { font-family: Arial, sans-serif; font-size: 50px; font-weight: bold; text-align: center; color: #666; text-transform: uppercase; }

.kontener-gazety { padding: 15px; background: #fff; color: #000; text-align: left; }
.wiersz { width: 100%; }
.wyczysc { clear: both; }

.lewa-kolumna { float: left; width: 32%; padding-right: 15px; box-sizing: border-box; }
.prawa-kolumna { float: right; width: 68%; box-sizing: border-box; }

.tytul-glowny { font-family: Georgia, serif; font-size: 26px; font-weight: bold; font-style: italic; margin: 0 0 8px 0; line-height: 1.1; }
.podtytul { font-family: Georgia, serif; font-size: 20px; font-weight: bold; font-style: italic; margin: 0 0 6px 0; line-height: 1.1; }
.tytul-artykulu { font-family: Georgia, serif; font-size: 15px; font-weight: bold; margin: 0 0 4px 0; line-height: 1.2; }

.autor { font-family: Arial, sans-serif; font-size: 10px; color: #888; text-transform: uppercase; margin: 0 0 6px 0; }
.imie-nazwisko { color: #555; }
.czas { color: #a32222; text-transform: uppercase; }

.streszczenie { font-family: Georgia, serif; font-size: 14px; margin: 0 0 8px 0; color: #333; line-height: 1.35; }

.wypunktowanie { font-family: Georgia, serif; font-size: 13px; margin: 0 0 5px 0; line-height: 1.2; }
.kwadracik { font-size: 10px; vertical-align: middle; }

.obrazek-glowny { width: 100%; display: block; }
.pudelko-podpisu { margin-top: 5px; }
.tekst-podpisu { float: left; width: 75%; font-family: Arial, sans-serif; font-size: 11px; color: #888; line-height: 1.3; }
.autor-zdjecia { color: #b3b3b3; }
.stronicowanie { float: right; width: 20%; text-align: right; font-family: Arial, sans-serif; font-size: 11px; color: #999; margin-top: 2px; }

.linia-podzialu { border-top: 1px solid #ddd; margin: 15px 0; }
.slaba-linia-podzialu { border-top: 1px solid #eee; margin: 12px 0; }

.dolna-lewa-kolumna { float: left; width: 32%; border-right: 1px solid #eee; padding-right: 15px; box-sizing: border-box; }
.dolna-prawa-kolumna { float: right; width: 68%; padding-left: 15px; box-sizing: border-box; }

.komentarze { font-family: Arial, sans-serif; font-size: 11px; color: #6187a6; font-weight: bold; margin: 0 0 10px 0; }
.ikona-komentarza { font-size: 10px; }

.maly-obrazek-prawy { float: right; width: 75px; margin: 0 0 5px 10px; }

.pudelko-skrotu { width: 100%; }
.tekst-skrotu { float: left; width: 48%; }
.pudelko-obrazka-skrotu { float: right; width: 48%; text-align: left; }
.obrazek-skrotu { width: 100%; display: block; }
.podpis-obrazka { font-family: Arial, sans-serif; font-size: 10px; color: #999; margin: 3px 0 0 0; text-align: left; }

.sredni-obrazek-prawy { float: right; width: 110px; margin: 0 0 5px 12px; }

.etykieta { font-family: Arial, sans-serif; font-size: 10px; color: #888; text-transform: uppercase; margin: 0 0 4px 0; }