body, html {width: 100%; height: 100%}
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #767676; background: #FFFFFF url(/s/p/layouty/2/2/pageBg.png) repeat-x 0 0; margin: 0px; padding: 0px;}
td, div {font-family: Verdana, Arial, Helvetica, sans-serif; color: #767676; font-size: 11px; font-weight: normal; margin: 0px; padding: 0px}
input {font-family: Verdana, Arial, Helvetica, sans-serif; color: #767676; font-size: 11px;}
img {border: 0px none}
a {color: #767676}
a:hover {color: #000}
/* floats */
.fl {float: left}
.fr {float: right}
.clr {clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden}
/* widths */
.w20p {width: 20%}
.w30p {width: 30%}
.w70p {width: 70%}
.w80p {width: 80%}
/* heights */
.hlh16px {height: 16px; line-height: 16px}
/* text-align, vertical-align */
.taL {text-align: left}
.taC {text-align: center}
.taR {text-align: right}
.vaB {vertical-align: bottom}
/* padding 3px */
.p3t {padding-top: 3px}
.p3r {padding-right: 3px}
.p3b {padding-bottom: 3px}
.p3l {padding-left: 3px}
.p3tb {padding: 3px 0px}
.p3lr {padding: 0px 3px}
.p3 {padding: 3px}
/* padding 5px */
.p5t {padding-top: 5px}
.p5r {padding-right: 5px}
.p5b {padding-bottom: 5px}
.p5l {padding-left: 5px}
.p5tb {padding: 5px 0px}
.p5lr {padding: 0px 5px}
.p5 {padding: 5px}
/* navigation */
.navigation {padding: 3px 0px 3px 3px; margin: 0px auto}
.navigation .item {padding: 0px 3px 0px 0px; color: #000; font-weight: bold; height: 16px; line-height: 16px; font-size: 10px}
.navigation .item a {color: #999; text-decoration: none}
.navigation .item a:hover {color: #999}
/* thumbnail */
.thumbnail {cursor: pointer; margin: 0px auto}
/* login screen */
#loginScreen {}
#loginScreen .box {width: 400px; padding: 20px; margin: 20px auto; border: solid 1px #666666}
#loginScreen .loginError {font-weight: bold; color: #cc0000; padding: 3px 0px; font-size: 10px}
#loginScreen .formButton {font-size: 10px; border: solid 1px #ddd; width: 75px}
#loginScreen .formInput {font-size: 10px; border: solid 1px #ddd; width: 75%}
#loginScreen .groupInfo {border: solid 1px #ddd; padding: 3px; margin: 3px 0px}
#loginScreen .groupInfoNB {padding: 4px 0px; margin: 3px 0px}
#loginScreen span.name {font-weight: bold}
#loginScreen span.payment {font-weight: bold; color: #cc0000}
#loginScreen span.desc {color: #999999}
#loginScreen a {color: #000000}
#loginScreen a:hover {color: #000000; text-decoration: none}
/* registration confirmation */
#unBox {}
#unBox .box {width: 400px; padding: 20px; margin: 20px auto; border: solid 1px #666666}
#unBox .formError {font-weight: bold; color: #cc0000; padding: 3px 0px; font-size: 10px}
#unBox .formButton {font-size: 10px; border: solid 1px #ddd; width: 90px}
#unBox .formInput {font-size: 10px; border: solid 1px #ddd; width: 75%}
#unBox span.success {font-weight: bold; color: #006600}
#unBox span.error {font-weight: bold; color: #cc0000}
#unBox a {color: #0077dd}
#unBox a:hover {color: #0077dd; text-decoration: none}
/* image box */
#imageBox {position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
-moz-opacity: 0; opacity: 0;
filter:alpha(opacity=0);
background-color: #000000;
display: none}
#imageContainer {position: fixed;
top: 0; left: 0; width: 1px; height: 1px; padding: 10px;
-moz-opacity: 0; opacity: 0;
filter:alpha(opacity=0);
background-color: #FFFFFF;
display: none}
#imageContainerClose {position: fixed;
top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; padding: 5px;
color: #fff; background-color: #000000; border: solid 1px #000000;
font-size: 18px; font-weight: bold; text-align: center;
cursor: pointer; z-index: 100;
display: none}
/* dataList */
.dlInputFltr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: solid; border-width: 1px; border-color: #AAAAAA; width: 99%}
.dlSelectFltr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: solid; border-width: 1px; border-color: #AAAAAA; width: 100%}
.dlButtonFltr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: solid; border-width: 1px; border-color: #AAAAAA; color: #000000; width: 60px}
.dlTbl {background-color: #FFFFFF; border: solid; border-width: 1px 1px 0px 0px; border-color: #DDDDDD}
.dlHeaders {color: #666666; background-color: #EEEEEE; font-weight: bold; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlHeaders a {color: #666666; text-decoration: none}
.dlHeaders a:hover {color: #666666; text-decoration: none}
.dlAddButton {color: #000000; font-weight: bold}
.dlAddButton a {color: #000000}
.dlAddButton a:hover {color: #000000; text-decoration: none}
.dlNavigation {color: #000000; font-size: 10px; font-weight: bold}
.dlNavigation a {color: #999999}
.dlNavigation a:hover {color: #999999; text-decoration: none}
.dlData1 {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData1 a {color: #000000}
.dlData1 a:hover {color: #000000; text-decoration: none}
.dlData1Deleted {color: #CC0000; text-decoration: line-through; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData1NA {color: #AAAAAA; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData1NADeleted {color: #AAAAAA; text-decoration: line-through; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData1A {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData1DeletedA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData1NAA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData1NADeletedA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData2 {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData2 a {color: #000000}
.dlData2 a:hover {color: #000000; text-decoration: none}
.dlData2Deleted {color: #CC0000; text-decoration: line-through; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData2NA {color: #AAAAAA; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData2NADeleted {color: #AAAAAA; text-decoration: line-through; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD; cursor: default}
.dlData2A {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData2DeletedA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData2NAA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData2NADeletedA {color: #000000; border: solid; border-width: 0px 0px 1px 1px; border-color: #DDDDDD}
.dlData1Bg {background-color: #FFFFFF}
.dlData2Bg {background-color: #F6F6F6}
.dlDataOverBg {background-color: #F5F5DC}
.dlEmpty {color: #000000; background-color: #FFFFFF; border: solid; border-width: 0px 0px 0px 1px; border-color: #FFFFFF #FFFFFF #FFFFFF #DDDDDD; padding: 2px 2px 3px 2px; cursor: default}
.dlEmptyBtm {color: #000000; background-color: #FFFFFF; border: solid; border-width: 0px 0px 1px 1px; border-color: #FFFFFF #FFFFFF #DDDDDD #DDDDDD; cursor: default}
/* forms */
.formStatusOKL {color: #006600; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 0px 1px 1px; border-color: #B2B2B2; height: 25px; text-align: right}
.formStatusOKR {color: #006600; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 1px 1px 0px; border-color: #B2B2B2; height: 25px}
.formStatusErrorL {color: #CC0000; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 0px 1px 1px; border-color: #B2B2B2; height: 25px; text-align: right}
.formStatusErrorR {color: #CC0000; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 1px 1px 0px; border-color: #B2B2B2; height: 25px}
.formStatusWflowL {color: #000099; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 0px 1px 1px; border-color: #B2B2B2; height: 25px; text-align: right}
.formStatusWflowR {color: #000099; font-weight: bold; background-color: #E6E6E6; font-size: 12px; border: solid; border-width: 1px 1px 1px 0px; border-color: #B2B2B2; height: 25px}
.formButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: groove; width: 80px}
.formButtonNT {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: groove; width: 57px}
.formButtonPerm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: groove; width: 160px; background-color: #CC0000; color: #FFFFFF}
.formButtonPub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: groove; width: 90px; background-color: #006600; color: #FFFFFF}
.formInput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #7F9DB9; width: 95%}
.formInputDisabled {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #CCCCCC; width: 95%; color: #999999; background-color: #F6F6F6}
.formInputCalendar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-style: groove; width: 73px}
.formSelect {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #7F9DB9; width: 95%}
.formSelectDisabled {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #CCCCCC; width: 95%; color: #999999; background-color: #F6F6F6}
.formSelectDate {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #7F9DB9}
.formTextarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border: solid; border-width: 1px; border-color: #7F9DB9; width: 95%}
.formValueField {padding: 1px 4px; border: solid 1px #cccccc; width: 94%; color: #777777; background-color: #ffffff}
.formDesc {color: #000000}
.formDesc a {color: #000000; text-decoration: none}
.formDesc a:hover {color: #000000; text-decoration: none}
.formDescReq {color: #000000; font-weight: bold}
.formDescReq a {color: #000000; text-decoration: none}
.formDescReq a:hover {color: #000000; text-decoration: none}
.formInfo {color: #CC0000; font-weight: bold}
.formInfo a {color: #000000; font-weight: bold}
.formInfo a:hover {color: #CC0000; text-decoration: none; font-weight: bold}
.formSubtitle {color: #000000; font-weight: bold}
.formSet {color: #000000; font-weight: bold; background-color: #E6E6E6}
.formSet a {color: #000000; text-decoration: none}
.formSet a:hover {color: #000000; text-decoration: none}
.formSetBorder {border: solid; border-width: 1px; border-color: #B2B2B2}
.formSetContentBorder {border: solid; border-width: 0px 1px 1px 1px; border-color: #B2B2B2}
.formError {color: #CC0000; font-weight: bold}
.formError a {color: #000000; font-weight: bold}
.formError a:hover {color: #CC0000; text-decoration: none; font-weight: bold}
.formCheck {color: #000000; font-size: 9px; display: none; padding-left: 210px}
.formCheckOK {color: #006600}
.formCheckError {color: #cc0000}
/* page */
.container {width: 775px; margin: 0px auto}
.top1 {height: 118px; position: relative; background: transparent url(/s/p/layouty/2/2/topBg.jpg) no-repeat 0 0}
.top1 .mpLink {width: 180px; height: 23px; position: absolute; top: 50px; left: 0px; cursor: pointer; display: block}
.top1 .topMenu1 {width: 139px; position: absolute; top: 93px; right: 0px}
.top1 .topMenu1 .tm1-1 {width: 56px; float: left; margin-right: 10px}
.top1 .topMenu1 .tm1-2 {width: 73px; float: left}
.top2 {height: 123px; position: relative; background: #fff url(/s/p/layouty/2/2/topBg2.jpg) no-repeat 0 0}
.top2 .topMenu2 {width: 250px}
.top2 .topMenu2 .tm2-1 {margin-bottom: 2px}
.top2 .topMenu2 .tm2-2 {margin-bottom: 2px}
.top2 .topMenu2 .tm2-3 {}
.main {background: #fff url(/s/p/layouty/2/2/mainBg.png) repeat-y 0 0; border-bottom: 1px solid #e4e4e4}
.main .contLeftBox {width: 496px; padding: 10px; float: left}
.main .contRightBox {width: 257px; padding: 1px 0px 10px 1px; float: right}
.footer {background-color: #fff; padding: 10px; font-size: 10px; color: #a4a4a4}
.footer a {color: #a4a4a4; font-weight: bold; text-decoration: none}
.footer a:hover {color: #000000}
.footer .arr {color: #c5d9dd}
.postulaty {height: 139px; background: #fff url(/s/p/layouty/2/2/postulaty.jpg) no-repeat 0 0}
.postulaty .box {color: #43332d; padding: 40px 10px 5px; font-size: 9px; overflow: hidden}
.postulaty .box a {color: #944930; font-weight: bold}
.postulaty .box a:hover {text-decoration: none}
.postulaty .box .pInp {font-family: Verdana, Arial, Helvetica, sans-serif; color: #43332d; font-size: 9px; width: 90%}
.sonda {margin-top: 2px; background: #f0f0f0 url(/s/p/layouty/2/2/sondaMainBg.png) repeat-y 0 0; border-bottom: 1px solid #cfc8c6}
.sonda .box {padding: 10px}
.sonda .poll {}
.sonda .poll .question {width: 100%; font-weight: bold; font-size: 12px; color: #000}
.sonda .poll .question div {width: 100%; font-weight: bold; font-size: 12px; color: #000}
.sonda .poll .answers {text-align: center; padding: 5px 0px}
.sonda .poll .answers label {cursor: pointer; color: #77645f}
.sonda .poll .cmtLink {text-align: center}
.sonda .poll .cmtLink a {color: #000000}
.sonda .poll .cmtLink a:hover {color: #f96400; text-decoration: none}
.galeriaMain {margin-top: 2px}
.galeriaMain .box {padding: 10px}