/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
 margin: 0px; padding: 0px;
}

img {
 border: none;
}

a:link {
 color: #ffffff;
}

a:hover {
 text-decoration: none; color: #ffffff;
}

a:visited {
 color: #ffffff;
}

body {
 background: #FCFD5A url(images/back_all.jpg) repeat-x; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666;
}

#content {
 width: 1152px; text-align: left; margin: 0 auto;
}

#header {
 height: 302px; text-align: left; background: #ffffff url(images/top1.gif) repeat-x;
}

#menu {
 width: 952px; height: 102px; padding-left: 200px; background: url(images/buttons.jpg) no-repeat center;
}

#menu ul {
 list-style: none;
}

#menu li {
 display: inline;
}

#menu a {
 float: left; width: 147px; height: 27px; display: block; text-align: center; text-decoration: none; color: #893F0C; font-weight: bold; font-size: 22px; text-transform: uppercase; padding-top: 40px;
}

#menu a:hover {
 width: 147px; height: 27px; padding-top: 40px; color: #ff0000; text-decoration: underline;
}

#logo {
 background: url(images/header.jpg) no-repeat; width: 1152px; height: 200px; text-align: right;
}

#logo a {
 text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #ffffff;
}

#logo H2 a {
 font-size: 12px;
}

#main {
 padding-top: 60px; width: 800px; margin: 0 auto; padding-left: 20px;
}

#left {
 width: 228px;
}

#left H3 {
 width: 228px; height: 38px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 25px; text-transform: uppercase; color: #893F0C; background: url(images/title.jpg) no-repeat;
}

#left H4 {
 color: #893F0C; font-size: 11px;
}

#left ul {
 list-style: none;
}

#left li {
 background: #ffffff; border-left: 1px solid #974F10; border-right: 1px solid #974F10; border-bottom: 1px solid #974F10;
}

#left li ul {
 border: 0px; margin-left: 40px; margin-bottom: 10px;
}

#left li li {
 padding: 4px 20px; background: url(images/small.gif) no-repeat left; border: 0px;
}

#left a {
 color: #893F0C;
}

#left a:visited {
 color: #893F0C;
}

#right {
 float: right; width: 530px; padding-right: 10px;
}

#right H4 {
 margin: 0; padding: 0px; font-size: 12px; color: #893F0C;
}

#right a {
 color: #893F0C; text-decoration: none;
}

#right p {
 margin: 0; padding: 0; padding-bottom: 10px;
}

#right h2 {
 margin: 0; padding: 0; padding-top: 10px; color: #893F0C;
}

.date {
 text-align: right; color: #893F0C; font-size: 11px;
}

.date a {
 color: #893F0C;
}

#footer {
 clear: both; padding-top: 40px; background: #ffffff url(images/footer.gif) repeat-x; height: 62px;
}

#footer p {
 margin: 0; font-size: 10px; text-align: center; color: #595959;
}

#footer a {
 color: #595959;
}

.m1 {
 background: url(images/title_back.gif) no-repeat; padding-top: 20px;
}

div.pierwsza_ubieranka {
 margin-bottom: 40px; margin-top: 32px;
}

div.pierwsza_ubieranka div {
 height: 114px; width: 600px;
}

p.mini2 {
 background: url(images/mini2.jpg) no-repeat center; width: 124px; height: 114px; float: left;
}

p.mini2 img {
 padding-left: 12px; padding-top: 16px;
}

p.opis_ubieranki {
 margin-left: 10px !important; padding-top: 10px !important; width: 450px; height: 114px; float: left;
}

div.kolejne_ubieranki {
 margin-bottom: 40px;
}

div.kolejne_ubieranki div {
 height: 114px; width: 600px;
}

p.mini {
 background: url(images/mini.jpg) no-repeat center; width: 124px; height: 114px; float: left;
}

p.mini img {
 padding-left: 12px; padding-top: 16px;
}

p.links {
 text-align: center;
}

p.error {
 color: darkred; text-decoration: underline; font-weight: bold;
}

p.report {
 color: black; text-decoration: underline; font-weight: bold;
}

li.error {
 color: darkred;
}

li.report {
 color: black;
}

p.big {
 font-size: 16px; font-weight: bold; color: #893F0C;
}

#komentarze {
 margin: 0 auto;
}

div.komentarz {
 width: 700px; border: 1px solid #da9a2c; padding: 5px; margin-bottom: 10px;
}

div.gora_komentarza {
 
}

span.komentarz_login {
 font-weight: bold; float: left; color: #893F0C;
}

span.komentarz_data {
 float: right; color: #893F0C;
}

p.komentarz_wlasciwy {
 clear: both; color: #452006;
}

div.form_row {
 width: 700px; margin: 15px; padding: 10px; clear: both;
}

div.form_row_left {
 float: left; width: 150px;
}

div.form_row_right {
 float: left; width: 400px;
}

.form_input {
 width: 150px;
}

.form_textarea {
 width: 300px; height: 150px;
}

/* Przyciski */
input.button{
  -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: url('/images/forms_buttons.png') repeat-x 0 -5px #C50C0C; border: 1px solid #893F0C; color: #893F0C; font-size: 11px; font-weight: bold; height: 25px; min-width: 100px; text-align: center; margin: 10px 10px; padding: 1px 5px 3px; cursor: pointer; letter-spacing: 1.05px
};
input:hover.button{
 background: url('/images/forms_buttons.png') repeat-x 0px -35px #790000; cursor: pointer; border: 1px solid #893F0C;
}
input.button:hover{
 background: url('/images/forms_buttons.png') repeat-x 0px -35px #790000; cursor: pointer; border: 1px solid #893F0C;
}
a.button:hover{
 background: url('/images/forms_buttons.png') repeat-x 0px -35px #790000; cursor: pointer; border: 1px solid #893F0C;
}

.rateButton{
 width: 25px !important; min-width: 25px !important; margin: 0px !important;
}

.gameLoading {color:#a4a4a4; font-size:12px; padding:130px 0px 30px 0px;}
.gameLoading p:first-child {padding:15px 0;}
.gameLoading .statusPercent {font-size:17px; padding:0 4px;}
.gameLoading .status {height:19px; text-align:center; width:500px; border: 1px solid black; border-radius: 4px}
.gameLoading .status  .bar {background-color: #DA9A2C; height:19px; width:500px;}
.gameLoading .status  .bar .loaded {background: #893F0C; height:19px;}
#adLoading{width: 300px; height: 250px; margin-left: 90px}