body#gal-doc {background-image: url("../graph/bckg/gal.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom;}

div#doc-title    {margin-left: 10%; margin-bottom: 0; background-image: url("../graph/layout/sep2.gif");}
div#doc-title h1 {text-align: right;}
div#doc-title h2 {text-align: right;}

div#img-title    {margin: 3ex 5ex 3ex 5ex;}
div#img-title h1 {margin-bottom: 0; text-align: center;}
div#img-title h2 {margin-top: 0; text-align: center;}

div.gal-cat1, div.gal-cat2 {width: 99%; margin: 0;}
div.gal-cat2 {text-align: left;}
div.gal-cat2 {text-align: right;}
div.gal-cat1 div, div.gal-cat2 div {float: left; margin: 0;}
div.gal-cat1 h2,  div.gal-cat2 h2  {text-align: left; margin: 3ex 0ex 1ex 7ex;}

ul {list-style-type: none; margin: 0; padding: 0;}
ul a         {color: rgb(153,153,153); text-decoration: none; font-style: italic; font-size: 115%; outline-style: none; background-color: transparent;}
ul a:link    {color: rgb(153,153,153); background-color: inherit}
ul a:visited {color: rgb(153,153,153); background-color: inherit}
ul a:hover   {color: rgb(255,255,255); background-color: inherit}
ul a:active  {color: rgb(204,204,204); background-color: inherit}

div.gal-cat1 li, div.gal-cat2 li {float: left; height: 100px;  margin: 0ex 1ex 2ex 0ex; background-repeat: no-repeat;}
div.gal-cat1 li {background-position: left top;}
div.gal-cat2 li {background-position: right top;}
div.gal-cat1 a  {position: relative; top: 70px; padding: 70px 0px 10px 65px;}
div.gal-cat2 a  {position: relative; top: 70px; padding: 70px 65px 10px 0px;}
li#cluster      {background-image: url("../graph/ico/ds-cluster.gif");}
li#cluster.sel  {background-image: url("../graph/ico/ds-cluster-sel.gif");}
li#nebula       {background-image: url("../graph/ico/ds-nebula.gif");}
li#nebula.sel   {background-image: url("../graph/ico/ds-nebula-sel.gif");}
li#galaxy       {background-image: url("../graph/ico/ds-galaxy.gif");}
li#galaxy.sel   {background-image: url("../graph/ico/ds-galaxy-sel.gif");}
li#dsother      {background-image: url("../graph/ico/ds-other.gif");}
li#dsother.sel  {background-image: url("../graph/ico/ds-other-sel.gif");}
li#dswide       {background-image: url("../graph/ico/ds-wide.gif");}
li#dswide.sel   {background-image: url("../graph/ico/ds-wide-sel.gif");}
li#sun          {background-image: url("../graph/ico/us-sun.gif");}
li#sun.sel      {background-image: url("../graph/ico/us-sun-sel.gif");}
li#moon         {background-image: url("../graph/ico/us-moon.gif");}
li#moon.sel     {background-image: url("../graph/ico/us-moon-sel.gif");}
li#planet       {background-image: url("../graph/ico/us-planet.gif");}
li#planet.sel   {background-image: url("../graph/ico/us-planet-sel.gif");}
li#other        {background-image: url("../graph/ico/us-other.gif");}
li#other.sel    {background-image: url("../graph/ico/us-other-sel.gif");}
li#satelit      {background-image: url("../graph/ico/other-satelit.gif");}
li#satelit.sel  {background-image: url("../graph/ico/other-satelit-sel.gif");}
li#con          {background-image: url("../graph/ico/other-con.gif");}
li#con.sel      {background-image: url("../graph/ico/other-con-sel.gif");}
div.gal-cat1 a.work {background-image: url("../graph/ico/work2.gif"); background-repeat: no-repeat; background-position: 105px;}

/* imgset */

/* thumb */
h2.img-group {margin: 5ex 0ex 0ex 3ex; text-align: left; font-size: 135%;}
div.thumb-box1  {width: 170px; height: 200px; margin: 2ex;}
div.thumb-box1a {width: 170px; height: 170px;}
div.thumb-box1b {width: 170px;}
div.thumb-box1 img {border: 2px solid; border-color: rgb(204,204,204) rgb(153,153,153) rgb(153,153,153) rgb(204,204,204);}
div.thumb-box1 a:hover  img {border-color: rgb(255,255,255) rgb(204,204,204) rgb(204,204,204) rgb(255,255,255);}
div.thumb-box1 a:active img {border-color: rgb(255,255,255) rgb(204,204,204) rgb(204,204,204) rgb(255,255,255);}

/* info */
div.img-data-box       {margin: 3ex 0ex 3ex 0ex; padding-left: 2ex;}
div.thumb-box2 img     {border: 2px solid; border-color: rgb(204,204,204) rgb(153,153,153) rgb(153,153,153) rgb(204,204,204);}
div.thumb-box2 img.dsc {border: 2px solid transparent;}
div.tbr a:link    {color: rgb(204, 204, 204); background-color: inherit;}
div.tbr a:visited {color: rgb(204, 204, 204); background-color: inherit;}
div.tbr a:hover   {color: rgb(255, 255, 255); background-color: inherit;}
div.tbr a:active  {color: rgb(204, 204, 204); background-color: inherit;}
/* img-prm, imd-dsc: parametry i opis zdjęcia */
p.intro       {margin: 3ex 0ex 0ex 0ex;line-height: 125%;}
dl.img-prm    {margin: 0px; font-size: 90%; padding: 0;}
dl.img-prm dt {float: left; font-weight: bold;}
dl.img-prm dd {margin: 0px 0px 0px 25ex; padding: 0 0 3px 0;}
dl.img-dsc    {margin: 0px; font-size: 90%;}
dl.img-dsc dt {float: left; font-weight: bold;}
dl.img-dsc dd {margin: 0px 0px 0px 15ex; padding: 0 0 3px 0;}
p.img-dsc     {margin: 0px; padding: 5px 0 0 0; font-size: 90%;}
/* parametry zależne od sposobu prezentacji */
div.data1    {clear: left;}
div.data2    {float: left; margin-top: 1ex;}
div.data2 h3 {margin: 0.25ex 0ex 1ex 0ex; padding: 0; text-align: left;}
div.data2 dt {display: none;}
div.data2 dd {margin: 0;}

/* large */

div.large-box         {float: none; text-align: center; margin: 0ex 3ex 3ex 3ex;}
div.large-box img     {border: 2px solid; border-color: rgb(204,204,204) rgb(153,153,153) rgb(153,153,153) rgb(204,204,204);}
div.large-box #player {border: 2px solid; border-color: rgb(204,204,204) rgb(153,153,153) rgb(153,153,153) rgb(204,204,204);}