body {
    margin: 0;
    padding: 0;
    background: url(../images/layout/background-tile.gif) repeat-x 0 0 #ebebeb;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

div.page {
    width: 100%;
    background: url(../images/layout/background.gif) no-repeat 0 0 transparent;
    height: 710px;
    height: auto !important;
    min-height: 710px;
    position: relative;
}

div.page h1.logo {
    margin: 0;
    padding: 0;
    background: url(../images/layout/teatr-improwizacji-anima.gif) no-repeat 50% 50% #fff;
    position: absolute;
    top: 0;
    left: 40px;
    width: 280px;
    height: 180px;
    z-index: 1;
}

div.page h1.logo span {
    display: none;
}

div#anima_menu {
    width: 100px;
    height: 119px;
    position: absolute;
    top: 50px;
    left: 15px;
    z-index: 4;
}

div#anima_menu ul {
    margin: 0;
    padding: 0;
    width: 75px;
    height: 119px;
    position: absolute;
    top: 0;
    left: 25px;
    background: url(/intro/menu.gif) no-repeat 0 0 #555;
    display: none;
}

div#anima_menu:hover ul {
    display: block;
}

div#anima_menu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#anima_menu ul li a {
    width: 25px;
    height: 119px;
    float: left;
}

div#anima_menu ul li a span {
    display: none;
}

div.page a#anima {
    display: block;
    width: 25px;
    height: 119px;
    background: url(../images/layout/anima-art-link.gif) no-repeat 0 0 #000;
    position: absolute;
    top: 0;
    left: 0;
}

div.page a#anima span {
    display: none;
}

div.page ul.navi {
    position: absolute;
    top: 0;
    left: 320px;
    width: 670px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 5;
}

div.page ul.navi li {
    margin: 0;
    padding: 0;
    height: 50px;
    width: 335px;
    position: absolute;
}

div.page ul.navi li a, div.page ul.navi li h2 {
    display: block;
    width: 335px;
    height: 50px;
    background: url(../images/layout/navig.gif) no-repeat 0 0 transparent;
    margin: 0;
    padding: 0;
}

div.page ul.navi li h2 a {
    background: none;
}

div.page ul.navi li a span, div.page ul.navi li h2 span {
    display: none;
}

div.page ul.navi li#strona_glowna {
    top: 0;
    left: 0;
}

div.page ul.navi li#strona_glowna a {
    background-position: 0 0;
}

div.page ul.navi li#strona_glowna a:hover {
    background-position: -335px 0;
}

div.page ul.navi li#strona_glowna h2 {
    background-position: -670px 0;
}

div.page ul.navi li#o_teatrze {
    top: 40px;
    left: 0;
}

div.page ul.navi li#o_teatrze a {
    background-position: 0 -50px;
}

div.page ul.navi li#o_teatrze a:hover {
    background-position: -335px -50px;
}

div.page ul.navi li#o_teatrze h2 {
    background-position: -670px -50px;
}

div.page ul.navi li#ludzie_teatru {
    top: 0;
    left: 335px;
}

div.page ul.navi li#ludzie_teatru a {
    background-position: 0 -100px;
}

div.page ul.navi li#ludzie_teatru a:hover {
    background-position: -335px -100px;
}

div.page ul.navi li#ludzie_teatru h2 {
    background-position: -670px -100px;
}

div.page ul.navi li#kalendarium {
    top: 40px;
    left: 335px;
}

div.page ul.navi li#kalendarium a {
    background-position: 0 -150px;
}

div.page ul.navi li#kalendarium a:hover {
    background-position: -335px -150px;
}

div.page ul.navi li#kalendarium h2 {
    background-position: -670px -150px;
}

div.page ul.navi li#galeria {
    top: 80px;
    left: 335px;
}

div.page ul.navi li#galeria a {
    background-position: 0 -200px;
}

div.page ul.navi li#galeria a:hover {
    background-position: -335px -200px;
}

div.page ul.navi li#galeria h2 {
    background-position: -670px -200px;
}

div.page ul.navi li#ksiega_gosci {
    top: 120px;
    left: 335px;
}

div.page ul.navi li#ksiega_gosci a {
    background-position: 0 -250px;
}

div.page ul.navi li#ksiega_gosci a:hover {
    background-position: -335px -250px;
}

div.page ul.navi li#ksiega_gosci h2 {
    background-position: -670px -250px;
}

div.page ul.navi li#kontakt {
    top: 160px;
    left: 335px;
}

div.page ul.navi li#kontakt a {
    background-position: 0 -300px;
}

div.page ul.navi li#kontakt a:hover {
    background-position: -335px -300px;
}

div.page ul.navi li#kontakt h2 {
    background-position: -670px -300px;
}

div.page ul.navi li#wspolpraca {
    top: 200px;
    left: 335px;
}

div.page ul.navi li#wspolpraca a {
    background-position: 0 -350px;
}

div.page ul.navi li#wspolpraca a:hover {
    background-position: -335px -350px;
}

div.page ul.navi li#wspolpraca h2 {
    background-position: -670px -350px;
}

div.page div.scenes {
    position: absolute;
    z-index: 3;
}

div.page div.scene01 {
    width: 544px;
    height: 445px;
    top: 95px;
    left: 36px;
    background: url(../images/layout/scene01.gif) no-repeat 0 0 transparent;
}

div.page div.scene02 {
    width: 675px;
    height: 601px;
    top: 7px;
    left: 50px;
    background: url(../images/layout/scene02.gif) no-repeat 0 0 transparent;
}

div.page div.scene03 {
    width: 712px;
    height: 539px;
    top: 56px;
    left: 50px;
    background: url(../images/layout/scene03.gif) no-repeat 0 0 transparent;
}

div.page div.scene04 {
    width: 636px;
    height: 543px;
    top: 50px;
    left: 26px;
    background: url(../images/layout/scene04.gif) no-repeat 0 0 transparent;
}

div.page div.scene05 {
    width: 591px;
    height: 573px;
    top: 112px;
    left: 36px;
    background: url(../images/layout/scene05.gif) no-repeat 0 0 transparent;
}

div.page div.scene06 {
    width: 606px;
    height: 489px;
    top: 102px;
    left: 62px;
    background: url(../images/layout/scene06.gif) no-repeat 0 0 transparent;
}

div.page div.scene07 {
    width: 679px;
    height: 231px;
    top: 105px;
    left: 86px;
    background: url(../images/layout/scene07.gif) no-repeat 0 0 transparent;
}

div.page div.scene08 {
    width: 234px;
    height: 290px;
    top: 137px;
    left: 240px;
    background: url(../images/layout/scene08.gif) no-repeat 0 0 transparent;
}

div.page div.contents {
    position: absolute;
    top: 290px;
    left: 40px;
    z-index: 4;
    width: 950px;
}

div.page div.contents div.sheet {
    background-color: #fff;
    color: #543;
    margin: 0;
    padding: 24px 24px 12px 24px;
    text-align: justify;
    position: absolute;
}

div.page div.contents div.sheet hr {
    height: 1px;
    color: #e4e4e4;
    background-color: #e4e4e4;
    border: none;
    margin: 0 0 8px 0;
}

div.page div.contents div.left1 {
    width: 452px;
    left: 0px;
    top: 50px;
    padding: 12px 24px 0 24px;
}

div.page div.contents div.left1a {
    left: 0px;
    top: 240px;
    padding: 4px 24px;
}

div.page div.contents div.left1a a img {
    border: none;
}

div.page div.contents div.right1 {
    width: 350px;
    right: 0;
    top: 0;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.left2 {
    width: 402px;
    min-height: 210px;
    height: 210px;
    height: auto !important;
    left: 0;
    top: 50px;
    background: url(../images/layout/scene02-ap.gif) no-repeat 338px 0 #fff;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.right2 {
    width: 402px;
    min-height: 210px;
    height: 210px;
    height: auto !important;
    right: 0;
    top: 50px;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.left3 {
    width: 152px;
    height: 230px;
    left: 110px;
    top: 50px;
    background: url(../images/layout/scene05-ap.gif) no-repeat 100% 0 #fff;
}

div.page div.contents div.right3 {
    width: 462px;
    right: 0;
    top: 0px;
    padding-right: 14px;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.left4 {
    width: 260px;
    left: 0px;
    top: 50px;
}

div.page div.contents div.right4 {
    width: 502px;
    right: 0;
    top: 50px;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.right5 {
    width: 622px;
    right: 0;
    top: 0;
    min-height: 200px;
    height: 200px;
    height: auto !important;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.middle1 {
    width: 902px;
    right: 0;
    top: 0;
    min-height: 350px;
    height: 350px;
    height: auto !important;
    border-bottom: solid 40px #ebebeb;
}

div.page div.contents div.sheet h3 {
    padding: 0 0 12px 0;
    margin: 0;
    color: #555;
    font-size: 19px;
    font-weight: normal;
    text-align: left;
}

div.page div.contents div.sheet h4 {
    padding: 0 0 6px 0;
    margin: 0;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

div.page div.contents div.sheet h4 span, div.page div.contents div.sheet h4 em {
    font-weight: normal;
}

div.page div.contents div.sheet h4 em {
    font-size: 11px;
    font-style: normal;
    color: #777;
}

div.page div.contents div.sheet h4 img {
    vertical-align: text-bottom;
}

div.page div.contents div.sheet p {
    margin: 0;
    padding: 0 0 12px 0;
    line-height: 15px;
    color: #111;
}

div.page div.contents div.left1a p {
    padding: 0;
}

div.page div.contents div.sheet p img {
    vertical-align: middle;
}

div.page div.contents div.sheet div.entry {
    background-color: #f8f6f4;
    padding: 6px;
    margin-bottom: 12px;
}

div.page div.contents div.sheet div.entry h4 {
    border-bottom: solid 1px #eceae8;
}

div.page div.contents div.sheet h5 {
    padding: 4px 0 8px 0;
    margin: 0;
    font-size: 11px;
}

div.page div.contents div.sheet p.about {
    padding: 0 10px 4px 10px;
    color: #999;
    font-size: 10px;
}

div.page div.contents div.sheet a {
    color: #777;
    text-decoration: none;
}

div.page div.contents div.sheet a:hover {
    color: #999;
    text-decoration: underline;
}

div.page div.contents div.sheet ul {
    padding: 0 0 12px 0;
    margin: 0;
}

div.page div.contents div.sheet ul li {
    margin: 0;
    padding: 0 0 5px 11px;
    background: url(../images/layout/ul.gif) no-repeat 0 4px;
    list-style-type: none;
}

div.page div.contents div.sheet table {
    width: 100%;
    padding: 0 0 12px 0;
    margin: 0;
    border-collapse: collapse;
}

div.page div.contents div.sheet table tr {
    margin: 0;
    padding: 0;
}

div.page div.contents div.sheet div.table_info {
    float: right;
    text-align: right;
    margin-bottom: 8px;
}

div.page div.contents div.sheet div.table_navi {
    clear: both;
    text-align: center;
    margin: 12px 0;
}

div.page div.contents div.sheet div.table_navi a {
    font-weight: bold;
}

div.page div.contents div.sheet table.schedule {
    background-color: #f8f4f0;
    clear: both;
}

div.page div.contents div.sheet table tr.odd {
    background-color: #f8f4f0;
}

div.page div.contents div.sheet table tr.even {
    background-color: #f0ece8;
}

div.page div.contents div.sheet table td {
    margin: 0;
    padding: 6px;
    color: #000;
    vertical-align: top;
    text-align: left;
}

div.page div.contents div.sheet table th {
    margin: 0;
    padding: 6px;
    font-style: italic;
    font-weight: normal;
    color: #888;
    vertical-align: top;
    text-align: left;
}

div.page div.contents div.sheet table.schedule th {
    background-color: #e8e4e0;
}

div.page div.contents div.sheet div.media {
    margin: 0;
    font-style: italic;
    color: #999;
}

div.page div.contents div.sheet div.odd {
    float: left;
    padding: 4px 16px 12px 0;
}

div.page div.contents div.sheet div.even {
    float: right;
    padding: 4px 0 12px 16px;
}

div.page div.contents div.sheet div.odd p, div.page div.contents div.sheet div.even p {
    padding: 5px 0 3px 0;
}

div.page div.contents div.sheet div.media p {
    color: #999;
}

div.page div.contents div.sheet input.action_button {
    float: right;
    border: none;
    color: #fff;
    background: url(../images/layout/but_bg120.gif) no-repeat 0 0 #620;
    width: 120px;
    height: 33px;
    font-weight: bold;
    font-size: 12px;
    margin: -5px 0 4px 8px;
}

div.page div.contents div.sheet a.action_button {
    float: left;
    border: none;
    color: #ffd;
    background: url(../images/layout/but_bg120.gif) no-repeat 50% 50% #620;
    padding: 6px 12px;
    margin: 4px 0 8px 0;
    font-weight: bold;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #aa8866 #775533 #775533 #aa8866;
}

div.page div.contents div.sheet a.action_button:hover {
    border-color: #775533 #aa8866 #aa8866 #775533;
    text-decoration: none;
    color: #fd8;
}

div.page div.contents div.sheet a.thumb {
    display: block;
    float: left;
    width: 144px;
    height: 96px;
    overflow: visible;
    padding: 0 10px 10px 0;
}

div.page div.contents div.sheet a.thumb img {
    border: none;
}

div.page div.tech {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding: 5px;
    color: #999;
    font-family: monospace;
}

.contents form {
  width: 100%;
  float: right;
  padding-bottom: 10px;
}

.contents form label {
  display: block;
  float: left;
  clear: left;
  line-height: 24px;
  height: 24px;
  width: 140px;
  margin: 0;
  color: #ad2624;
}

.contents form input.text {
  height: 18px;
  margin: 2px 0 2px 142px;
  padding: 1px;
  display: block;
  border: solid 1px #bbb;
  width: 262px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

.contents form textarea {
  width: 376px;
  height: 110px;
  margin-left: 2px;
  border: solid 1px #bbb;
  font-family: Courier New, monospace;
  font-size: 12px;
}

.contents form .code_positioner {
  float: left;
  height: 20px;
  width: 80px;
  margin: 1px 0 1px 2px;
  padding: 0;
  border: solid 1px #bbb
}

.contents form input.code_eater {
  height: 18px;
  margin: 1px 0 2px 195px;
  padding: 1px;
  display: block;
  border: solid 1px #bbb;
  width: 179px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

.contents form input.button {
  clear: left;
  width: 200px;
  margin: 8px 0 0 141px;
    color: #ffd;
    background: url(../images/layout/but_bg220.gif) no-repeat 50% 50% #620;
    padding: 6px 12px;
    font-weight: bold;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #aa8866 #775533 #775533 #aa8866;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contents form input.button:focus {
    border-color: #775533 #aa8866 #aa8866 #775533;
    color: #fd8;
}

.contents form input.gbl {
    float: left;
}

.contents form input.gbr {
    width: 80px;
    margin-left: 100px;
}

.contents a.form_info {
    float: right;
    line-height: 20px;
    margin-right: 100px;
}