html, body {height: 100%; min-height: 101%;}

body {
font: 13px trebuchet ms, sans-serif, verdana;
color: #333; background: #F5F5F5; background-image: url(img/tlo.gif); width: 100%;}

* {margin: auto;}



/* USTAWIENIA OGÓLNE */

h1 {font-size: 20px; margin: 10px 0 15px 0;}
h2 {font-size: 14px; padding: 8px 0 0 0; margin: 20px 0 15px 0;}
h3 {font-size: 13px; padding: 8px 0 0 0; margin: 20px 0 15px 0; text-decoration: underline;}

.zrodlo {font-size: 10px; color: #C0C0C0; float: right;}
.tytul {font-size: 15px; color: #5D5D5D; margin: 35px 0 18px 0; font-weight: bold;}
.definicja {background-color: #EFEFEF; padding: 10px; width: 170px; float: right; font-size: 11px;}
.wciecie {margin: 20px;}
.kolor {color: #0073AA; font-weight: bold;}
.smfont {font: 12px trebuchet ms, sans-serif, verdana; color: #333; padding: 0; margin: 0;}
.cytat {border-left: 1px solid #00CC00; padding: 0 10px; margin: 20px 0 20px 25px; font-size: 11px;}


.foto {margin: 8px 0 8px 8px; border: 2px solid #808080; float: right;}

p {text-align: justify; padding: 0; margin: 0 0 10px 0;}
.n1 {text-align: justify; padding: 0; margin: 0 0 10px 0;}
.n1:first-letter {color: #0080C0; font: 200% times new roman; padding: 0; margin: 0;}

li {margin: 0 0 15px 15px;}
ol {margin: 30px 0 2px 15px;}

a:link {color: #000000; text-decoration: none;}
a:visited {color:  #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
a:active {color:  #000000; text-decoration: none;}


/* STRUKTURA STRONY */

#over {width: 820px; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0;}
#rama {width: 820px; clear: both;}


/* TOP */

#top {width: 820px; background-color: #F0F0F0; height: 27px; border-bottom: 1px solid #C0C0C0;
background: #F0F0F0 url('img/grad/01g.gif') repeat-y;}
#topleft {width: 403px; float: left; font-size: 10px; padding: 10px 0 0 10px;}
#topright {width: 407px;  float: left; text-align: right;}
#top h1 {text-align: right; padding: 0 5px 0 0; margin: 0; font-size: 21px;}


/* KOLUMNY */

#lewa {width: 150px; background: #FFFFF0; vertical-align: top; border-right: 1px solid #C0C0C0;}
#srodek {padding: 15px 20px 20px 20px; background-color: White; vertical-align: top; width: 480px;}
#ramasrodka {width: 475px; float: left;}
#prawa {width: 150px; background: #FFFFF0; vertical-align: top; border-left: 1px solid #C0C0C0;}


/* STOPKA */

#stopka {width: 810px; padding: 5px; background-color: #E0E0E0; font-size: 10px; clear: both; text-align: center; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;
background: #F0F0F0 url('img/grad/02g.gif') repeat-y;}


/* MENU BOCZNE */
 
#boxlink {background-color: #E6FFE6; margin: 0px 0 10px 0; border-bottom: 1px solid #C0C0C0; font-size: 11px; width: 150px;}
.boxlinkopis {background-color: #E6FFE6; margin: 8px 5px; font-size: 11px; width: 140px;}
#boxlink a {width: 137px; height: 25px; background: #EAF4FF; text-decoration: none; color: #575757; display: block;  font-weight: bold; text-align: left; border-top: 1px solid #C0C0C0; padding: 5px 0 0 5px; border-left: 8px solid #CAE3FF;}
#boxlink a:hover {width: 137px; height: 25px; background: #EAF4FF; text-decoration: none; color: #575757; display: block;  font-weight: bold; text-align: left; border-top: 1px solid #C0C0C0; padding: 5px 0 0 5px; border-left: 8px solid #D76B00;} 
 
 

/* BOXY */

 .boxind {border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; width: 130px; padding: 5px 10px 5px 10px; margin: 0; font-weight: bold; text-align: left; background-color: #EAF4FF; font-size: 12px; color: #3A3A3A;
background: #EAF4FF url('img/grad/02b.gif') repeat-y;
}
.box {width: 130px; padding: 3px 10px 20px 10px; margin: 0; text-align: left; font-size: 11px;}
.boxfoto {width: 125px; padding: 7px 0px 7px 0px; text-align: center;}
.boxfoto2 {margin: 0; padding: 0; float: left;}
 
 
 
/* BOXY DLA MINIATUR, NP. SPIS AUTORÓW, POZIOME */

.demobox {width: 100%; padding: 0 0 15px 0; clear: both;}
.fotomini {margin: 0 8px 8px 0; border: 2px solid #808080; float: left;} 
.demo {font-size: 12px;}
 

/* GÓRNE ODNOŚNIKI W DZIAŁACH */

.menu2topleft {padding: 5px; margin: 0; text-align: left; font-weight: bold; float: left;}
.menu2topright {padding: 5px; margin: 0; text-align: right; font-weight: bold; float: right;}
.menu2box {text-align: center; font-size: 12px; margin: 0 0 15px 0; width: 475px; height: 30px; border: 1px solid #C0C0C0;}

.menu2box-pom {text-align: center; font-size: 12px; margin: 0 0 15px 0; width: 475px; height: 30px; border: 1px solid #FF8000;}

.wiersze {background-color: #FFFFE1; padding: 3px; font-size: 11px;}



/* SPISY TEKSTÓW */

#menu3 {background-color: #FFFFF0; margin: 10px 0 20px 0; padding: 5px; border-bottom: 1px solid #C0C0C0; font-size: 11px; text-align: left; font-weight: bold; color: #626262; width: 464px;}
#menu3 a:link {color: #626262;} #menu3 a#bio:link {color: #BB005E;}
#menu3 a:visited {color: #626262;} #menu3 a#bio:visited {color: #BB005E;}
#menu3 a:hover {color: #D76B00;}
#menu3 a:active {color: #626262;} #menu3 a#bio:active {color: #BB005E;}



/* LINKI */

.tk:link {color: #0000A0;} .tk:visited {color: #0000A0;} .tk:active {color: #0000A0;} .tk:hover {color: #FF0080;}

.more:link {color: #D76B00;} .more:visited {color: #D76B00;} 
.more:active {color: #D76B00;}
.more:hover {color: #D76B00;}

.wew:link {text-decoration: underline;} .wew:visited {text-decoration: underline;} 
.wew:hover {color: #FF2B95; text-decoration: underline;}
.wew:active {text-decoration: underline;}

.zew:link {text-decoration: underline;} .zew:visited {text-decoration: underline;}
.zew:hover {color: #FFC5A8; text-decoration: underline;}
.zew:active {text-decoration: underline;}


#menukontener {width: 820px; margin: auto; height: 28px; text-align: center;
background: #F0F0F0;}

#menulist {padding: 0; margin: 0; font: bold 12px trebuchet ms, sans-serif, tahoma; text-align: center;
width: 820px;}

#menulist li {list-style: none; margin: 0; padding: 0; display: block; float: left; width: 164px;}
#menulist li a {display: block; padding: 7px 0px; width: 163px; background: #DDE; text-decoration: none; border-right: 1px solid white;}
#menulist li a#m33 {display: block; padding: 7px 0px; width: 164px; text-decoration: none; border-right: 0px solid white;}

#menulist li a:link { color: White; background: #7DD5FF;}
#menulist li a:visited { color: White; background: #7DD5FF;}
#menulist li a:hover {color: White; background: #0076AE;}
#menulist li a:active {color: White; background: #0076AE;}


/* KATALOG */

.katwr {background: url(http://www.poezja.eu/05inne/katalog-stron/img/wyroznienie.gif) no-repeat left center; background-color: #ECFFEC; padding: 5px 5px 5px 22px; font-weight: bold;}
.katwr2 {background: url(http://www.poezja.eu/05inne/katalog-stron/img/wyroznienie2.gif) no-repeat left center; background-color: #ECFFEC; padding: 5px 5px 5px 22px; font-weight: bold;}
.kattop {background-color: #ECFFEC; padding: 5px; font-weight: bold;}
.kattxt {padding: 5px;}
.katlink {font-size: 11px; color: #0054A8; padding: 5px 5px 40px 5px; border-top: 1px solid #0054A8;}



/* ZAOKRĄGLONE ROGI */

/* set millions of background images */
.rbroundbox { background: url(http://www.poezja.eu/img/rounded/nt.gif) repeat; }
.rbtop div { background: url(http://www.poezja.eu/img/rounded/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.poezja.eu/img/rounded/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.poezja.eu/img/rounded/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.poezja.eu/img/rounded/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }


/* set millions of background images */
.rbroundbox2 { background: url(http://www.poezja.eu/img/rounded2/nt.gif) repeat; }
.rbtop2 div { background: url(http://www.poezja.eu/img/rounded2/tl.gif) no-repeat top left; }
.rbtop2 { background: url(http://www.poezja.eu/img/rounded2/tr.gif) no-repeat top right; }
.rbbot2 div { background: url(http://www.poezja.eu/img/rounded2/bl.gif) no-repeat bottom left; }
.rbbot2 { background: url(http://www.poezja.eu/img/rounded2/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 100%; margin: 1em auto; }



/* ADSRV */

.maintable {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 11px;
        border-collapse : collapse;
        border: 1px black solid;
        background: white; width: 400px; text-align: center;
}
.menutitle {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color: white;
        font-weight : bold;
        background : black;
        border : thin solid Black 1px;
        border-collapse : collapse;
}


/* INTERPOEZJA */

.top {font-family: microsoft sans serif, helvetica, verdana; font-size: 24px; color: #800080; text-align: center;}
.top-m {font-family: Verdana, Times New Roman; font-size: 16px; color: #800080; text-align: center;}