/*Ustawienia glowne*/
body {
    background-color: #202020;
    background-image: url('../gfx/bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;

    color: white;
    font-size: 11px;
    font-family: Verdana,Arial,Tahoma,Sans-Serif;

    margin:0;
}

img {border:0;}
table {width:100%}
div {width:100%}
hr {border:0}


/*Layout*/
div#page {width:998px;margin:0 auto 0 auto;overflow:hidden;}
div#page-menu {width:960px;height:94px;margin:0 auto 0 auto;}
div#page-menu div.menu-left {float:left; width: 40%}
div#page-menu div.menu-right {float:right; width: 140px; text-align: right}
div#page-menu div.menu-right img, div#page-menu div.menu-left img {float:left}
div#page-banner {clear:both;background: url('../gfx/banner.jpg') no-repeat center center;width:998px;height:339px}
div#page-content {clear:both;width:940px;margin: 10px auto 0 auto}
div#page-content a:link,div#page-content a:active,div#page-content a:visited {color:#ffffff;text-decoration:underline;}
div#page-content a:hover {color:#b5b5b5;text-decoration:none;}
div#container-left {float:left; width:635px;padding: 0 0 0 10px;}
div#container-left-left {float:left; width:270px;padding: 0 0 16px 0}
div#container-left-right {float:right;width:318px;background-color:#202020;padding: 16px 16px 10px 16px;text-align:justify}
div#container-right {float:right;width:270px;margin: 0 10px 0 0;padding: 0 0 16px 0}
div#page-footer {clear:both;width:940px;height: 32px;margin: 0 auto 0 auto;font-size: 10px}
div#page-footer hr {border-bottom: 1px solid #bfbfbf;margin: 8px 0 8px 0}
div#page-footer a:link,div#page-footer a:active,div#page-footer a:visited {color:#ffffff;text-decoration:none;}
div#page-footer a:hover {color:#b5b5b5;text-decoration:none;}
div#page-footer span.copyright {display:block;float:left; width: 40%}
div#page-footer span.footer-menu {display:block;float:right; width: 40%; text-align: right}


/*Gdzie i kiedy*/
span.box-muszyna {width:269px;height:93px;display:block;margin:0 auto 0 auto; cursor: pointer; background: url('../gfx/miejsce_1.png') no-repeat left}
span.box-muszyna:hover {background: url('../gfx/miejsce_1_on.png') no-repeat left}
p.submenu {padding: 0 0 10px 0; margin: 0}
p.submenu-muszyna a,p.submenu-solina a {display:block; cursor: pointer}
p.submenu-muszyna,p.submenu-solina {padding: 0 0 10px 20px; display: none; font-size: 13px; font-weight: bold; margin:0}
span.box-solina {width:269px;height:93px;display:block;margin:0 auto 0 auto; cursor: pointer; background: url('../gfx/miejsce_2.png') no-repeat left}
span.box-solina:hover {background: url('../gfx/miejsce_2_on.png') no-repeat left}

a.box-zapisy {display: block; background:url('../gfx/naglowki/zapiszsie_off.png') no-repeat; width: 269px; height: 71px; cursor: pointer}
a.box-zapisy:hover {background:url('../gfx/naglowki/zapiszsie_on.png') no-repeat}

a#sub-1-1, a#sub-2-1 {width: 188px; height: 35px; background: url('../gfx/przyciski/miejsce_off.png') no-repeat left}
a#sub-1-2, a#sub-2-2 {width: 188px; height: 42px; background: url('../gfx/przyciski/program_off.png') no-repeat left}
a#sub-1-3, a#sub-2-3 {width: 188px; height: 33px; background: url('../gfx/przyciski/bal_off.png') no-repeat left}
a#sub-1-4, a#sub-2-4 {width: 188px; height: 40px; background: url('../gfx/przyciski/narty_off.png') no-repeat left}
a#sub-1-5, a#sub-2-5 {width: 188px; height: 39px; background: url('../gfx/przyciski/oferta_off.png') no-repeat left}

a#sub-1-1:hover, a#sub-2-1:hover {width: 188px; height: 35px; background: url('../gfx/przyciski/miejsce_on.png') no-repeat left}
a#sub-1-2:hover, a#sub-2-2:hover {width: 188px; height: 42px; background: url('../gfx/przyciski/program_on.png') no-repeat left}
a#sub-1-3:hover, a#sub-2-3:hover {width: 188px; height: 33px; background: url('../gfx/przyciski/bal_on.png') no-repeat left}
a#sub-1-4:hover, a#sub-2-4:hover {width: 188px; height: 40px; background: url('../gfx/przyciski/narty_on.png') no-repeat left}
a#sub-1-5:hover, a#sub-2-5:hover {width: 188px; height: 39px; background: url('../gfx/przyciski/oferta_on.png') no-repeat left}


/*Naglowki*/
div#container-left-left h1.header,div#container-right h1.header {margin:16px 0 15px 0;padding:0}
div#container-left-right h1.header {margin:0 0 15px 0;padding:0}
h1.witamy {background:url('../gfx/naglowki/witamy.gif') no-repeat;width:82px;height:17px}
h1.gdzie-i-kiedy {background:url('../gfx/naglowki/gdzie-i-kiedy.png') no-repeat;width:136px;height:17px}
h1.galeria {background:url('../gfx/naglowki/galeria.png') no-repeat;width:70px;height:14px}
h1.bal-sylwestrowy {background:url('../gfx/naglowki/bal.png') no-repeat;width:167px;height:17px}
h1.miejsce {background:url('../gfx/naglowki/miejsce.png') no-repeat;width:70px;height:17px}
h1.narty {background:url('../gfx/naglowki/narty.png') no-repeat;width:58px;height:17px}
h1.oferta {background:url('../gfx/naglowki/oferta.png') no-repeat;width:63px;height:14px}
h1.organizatorzy {background:url('../gfx/naglowki/organizatorzy.png') no-repeat;width:139px;height:17px}
h1.program {background:url('../gfx/naglowki/program.png') no-repeat;width:85px;height:17px}
h1.zapisz-sie {background:url('../gfx/naglowki/zapisy.png') no-repeat;width:64px;height:17px}
h1.muszyna {background:url('../gfx/naglowki/muszyna.png') no-repeat;width:84px;height:17px}
h1.solina {background:url('../gfx/naglowki/solina.png') no-repeat;width:61px;height:17px}
h1.kontakt {background:url('../gfx/naglowki/kontakt.png') no-repeat;width:82px;height:14px}
h1.do_pobrania {background:url('../gfx/naglowki/do_pobrania.png') no-repeat;width:120px;height:16px}

/*Formularz*/
fieldset {border:0;margin:0;padding:0}
fieldset label {font-size: 11px;font-weight:bold;}
fieldset table {width: 100%}
fieldset table td {vertical-align: top; text-align: left}
fieldset input {
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    color:#ffffff;
    margin-top: 5px;
    padding: 2px 3px 2px 2px;
    border: 1px #b5b5b5 solid;
    background: #333333;
    width: 98%;
    height: 20px;
}
fieldset input:focus {border: 1px white solid}
fieldset select {margin-top: 5px;}
fieldset input.submit {
    float: right;
    width: 180px;
    height: 28px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    margin: 5px 7px 0 0;
    border: 1px #ffffff solid;
    padding: 0 5px 3px 5px;
    background:transparent;
    cursor:pointer;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
fieldset input.submit:hover {border: 1px #b5b5b5 solid;color:#b5b5b5}
fieldset textarea {
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    color:#ffffff;
    margin-top: 5px;
    padding: 5px;
    border: 1px #b5b5b5 solid;
    background: #333333;
    width: 97%;
    height: 100px;
}
fieldset textarea:focus {border: 1px white solid}
fieldset input.width-120 {width: 80px}
fieldset input.width-180 {width: 190px}
fieldset input.checkbox {width: auto; border:0}

/*Scroler*/

#news
{
  float: left;
  width: 250px;
  height: 100px;
}

#news ul
{
  float: left;
  list-style:none;
  padding:0;
}

#news li
{
  width: 250px;
}

#news h3
{
  font-weight: bold;
}

#news .date
{
  display: block;
  font-size: 10px;
  font-weight: normal;
}
#news.synopsis
{
  height:225px;
  width:250px;
  padding: 5px;
}

#news.synopsis .date
{
  color: #b5b5b5;
}


/*Inne*/
.padding-10 {padding:10px;width: 400px;margin: 0 auto 0 auto;}
.zapisy {padding:10px;width: 410px;margin: 0 auto 0 auto;}
.border-white {border: 4px #ffffff solid}
.border-white:hover {border: 4px #b5b5b5 solid}

.center {text-align:center}
.left {text-align:left}
.right {text-align:right}

p.visible {display: block}

/*Czcionki*/
.small {font-size: 8px}
.normal {font-size: 10px}
.big {font-size: 12px}

.strong {font-weight:bold}
.em {font-style:italic}

.color-white {color:#ffffff}
.color-gray {color:#b5b5b5}