/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { height: 100%;  }
body { height: 100%; background: #4c0d0a; font: normal 11px/19px 'Trebuchet MS', Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #ffaf19; text-decoration: none; }
a:focus, a.focus, a:hover { text-decoration: underline; }

#wrapper:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { position: relative; top: 45%; height: 422px; margin: -210px 0 0; } /* top: 50%; */

/* top */
#top { position: absolute; left: 0; bottom: -1px; width: 690px; height: 100px; padding: 12px 30px 0; background: url(/image/bg-html.png) repeat-x 0 100%; }
#top #logo { float: left;  }
#top h2 { width: 305px; float: right; color: #3b0a07; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; }

#content { position: relative; width: 690px; height: 410px; margin: 0 auto; padding: 10px 30px 0; border: 1px solid #ccc; background: url(/image/bg-page.jpg) no-repeat 0 0;  }
#content .kupon { color: #fff; font-size: 16px; text-transform: uppercase }
#content .kupon span { display: block; width: 170px; max-width: 400px; height: 40px; line-height: 40px; margin: 5px 0 15px; padding: 0 10px; color: #4c0d0a; background: #fff; font-size: 32px; font-weight: bold; text-transform: uppercase; text-align: center; }
#content .kupon+img { display: block; margin: 30px 0 0; }

#page #monits { margin: 0 auto; width: 690px; }

.note { font-size: 13px !important; margin: 0 0 20px 0; max-width: 700px; }
.note .inner { min-height: 40px; margin: 0 auto; padding: 10px 15px 10px 75px; border: 1px solid; border-radius: 5px 5px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px;  color: #515151; }
.note .inner h4 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; }
.note .inner p {  }
.note-info {  }
.note-info .inner { border-color: #8ccdff; background: #ebf6ff url(http://www.lukaszpiec.pl/doc/static/gfx/monit/bg-note-1.png) no-repeat 0 0; }
.note-info .inner h4 { color: #3c81b6 }
.note-error {  }
.note-error .inner { border-color: #d30000; background: #ffebeb url(http://www.lukaszpiec.pl/doc/static/gfx/monit/bg-note-2.png) no-repeat 0 0; }
.note-error .inner h4 { color: #d30000 }
.note-success {  }
.note-success .inner { border-color: #bfd784; background: #edf2e0 url(http://www.lukaszpiec.pl/doc/static/gfx/monit/bg-note-3.png) no-repeat 0 0; }
.note-success .inner h4 { color: #819802 }