html, body{margin:0;padding:0}
              
body{background:#000 url(gfx/back.gif);text-align:center}
 
.clear{clear:both}

#container {
background-color:#fff;
margin:0 auto;
padding:0;
width:760px;
border-left:solid 1px #fff;
border-right:solid 3px #000;
font-family:sans-serif;
text-align:left
}

#header{margin:0;padding:20px 0 0 0;background-color:#000}

#upmenu{}

/* ^^^ górne menu ^^^ */
#dolphincontainer{font-family:helvetica,arial;position:relative;color:#e0e0e0;background:#000;width:100%}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#000 url(gfx/menu/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left}
#dolphinnav ul li{display:block;float:left;margin:0 1px}
#dolphinnav ul li a{display:block;float:left;color:#eaf3f8;text-decoration:none;padding:0 0 0 20px;height:33px}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(gfx/menu/dolphin_bg-over.gif) repeat-x bottom left}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#000 url(gfx/menu/dolphin_left-on.gif) no-repeat top left;line-height:275%}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#000 url(gfx/menu/dolphin_right-on.gif) no-repeat top right;height:33px}
/* ^^^^^^^^^^^^^^^^^ */

#banner{height:200px;background:#000}

/* ^^^ reklama google ^^^ */
#podmenu{padding:8px 0 0 16px}
#podtekstem{padding:8px 100px}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


/* ^^^ dolne menu ^^^ */
#foxmenucontainer{height:24px;background:#000;display:block;padding:0}
#foxmenu{position:relative;display:block;height:24px;font:12px helvitica,arial;font-weight:bold;text-transform:uppercase}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;color:#fff}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(gfx/menu/foxmenu_bg-off.gif) no-repeat top left}
#foxmenu ul li a:hover{color:#fff;background:transparent url(gfx/menu/foxmenu_bg-over.gif) no-repeat top right}
#foxmenu ul li a.current, #foxmenu ul li a.current:hover{font-size:14px;color:#000;background:#fff}
/* ^^^^^^^^^^^^^^^^^^ */


#content{}

/* ^^^ rozmiar tekstu ^^^ */
#textsize{padding:0 0 0 100px;font-size:13px;font-weight:bold;color:#444}
#textsize a{color:#696969;text-decoration:none;margin:0 5px;font-weight:bold}
#textsize a:hover{text-decoration:underline}
#text-small{font-size:11px}
#text-medium{font-size:13px}
#text-large{font-size:18px}
/* ^^^^^^^^^^^^^^^^^^^^^^ */

/*treść właściwa */
#text{float:left;font-size:13px;font-family:sans-serif;line-height:20px}
#t2{padding:16px 100px}

#text h1{margin:20px 0 0 0;font-size:150%}
#text h2{margin:20px 0 0 0;font-size:125%}

#text p {color:#494949}
#text pre {font-family:georgia;color:#494949}

ul.piosenki{list-style:none;margin:10px 0 50px 0;padding:0}
ul.piosenki li{	margin:0 0 3px 0;border:0;padding:0}
ul.piosenki li a{display:block;width:500px;padding:4px 8px;border:0;border-left:5px solid #000;color:#2c2c2c;text-decoration:none;text-align:left}
ul.piosenki li a:hover{color:#000;text-decoration:underline;border-color:#ccc}

.textarea, .inp, .send{font-family:georgia;font-size:14px;color:#000;background:#f5f5f5;border:solid 1px #ccc}
.textarea:hover, .textarea:active, .inp:hover, .inp:active{background:#fcfcfc;border:solid 1px #999}
.textarea {width:450px;height:150px}
.inp{margin:20px 0 0 0;width:200px;height:16px}
.send{margin:30px 10px;border:solid 1px #333}

#footer {margin:15px 0 0 0;height:100px;background:#000;border-top:5px solid #696969;border-bottom:5px solid #696969}