/* saved */ /* Start of CMSMS style sheet 'podstawowy' */ /* CSS Document by NetArt */ * { margin:0; padding:0; border:0;} body { font-family: Tahoma, Verdana, "Trebuchet MS", Trebuchet, sans-serif; font-size: 11px; color:#000000; background: #000000; margin-bottom: 120px; margin-top: 36px; } img {border:0; display: block;} .clear {clear: both; font-size: 0px; } .hide {visibility: hidden; font-size: 0;} #container {width: 768px; background: #ffffff;} #top {width: 768px; margin: 0 auto; clear: both; height: 282px;} #top ul{width: 768px; height: 77px; list-style: none;} #top li.topLeft {width: 250px; height: 77px; background: #E8D299; float: left;} #top li.topLeft h1 {font-size: 15px; font-weight: bold; text-transform: uppercase; color: #feffff; text-align: center; background: url(uploads/images/logo.jpg) no-repeat; } #top li.topLeft h1 a span {width: 250px; height: 74px; display: block;} #top li.topCenter {width: 256px; height: 77px; background: #A19471; float: left;} #top li.topCenter form{padding-top: 32px; text-align: center;} #top li.topCenter label {color:#fff;} #top li.topCenter input.submit {cursor: pointer; background: #A19471; color: #fbfbfb; padding-left: 10px; font-size: 10px;} #top li.topRight {width: 262px; height: 77px; background: #E8D299; float: left;} #top ul.topLink {width: 262px; overflow: hidden; clear: both;} #top ul.topLink li{float: left; background: url(uploads/images/lbackground.jpg) no-repeat top right; padding: 34px 38px 34px;} #top ul.topLink li.last{float: left; background: none; padding: 34px 38px 34px;} #top li.topLeft h1 a{text-decoration: none; color: #feffff;} #menu {width : 768px; margin: 0 auto; height: 202px; border-bottom: 3px solid #dfdfdf; clear: both; background:#E8D299 url(uploads/images/boredrUl.jpg) repeat-x scroll center top;} #menu ul {width: 250px; height: 192px; background: #ffffff url(uploads/images/boredrUl.jpg) no-repeat top; float: left; padding: 5px 0px;} #menu li {background: url(uploads/images/li.jpg) no-repeat bottom; padding: 0px 0px 0px 20px;} #menu li.last {background: none;} /* padding: 5px 30px 5px 68px;} */ #menu li a {color: #7b7b7b; text-decoration: none; font-size: 11px; font-family: arial; font-weight: bold; display: block; text-align: right; padding: 0px 35px 0px 0px;} #menu li.oFirmie a { background: url(uploads/images/menu1.jpg) no-repeat left;} #menu li.oferta a {background: url(uploads/images/menu2.jpg) no-repeat left;} #menu li.klienci a {background: url(uploads/images/menu3.jpg) no-repeat left;} #menu li.referencje a {background: url(uploads/images/menu4.jpg) no-repeat left;} #menu li.pomoc a {background: url(uploads/images/menu5.jpg) no-repeat left;} #menu li.kontakt a{background: url(uploads/images/menu6.jpg) no-repeat left;} #menu li a:hover {color: #E8D299;} #menu li.oFirmie a:hover{background: url(uploads/images/menu1.jpg) no-repeat 2px;} #menu li.oferta a:hover{background: url(uploads/images/menu2.jpg) no-repeat 2px;} #menu li.klienci a:hover{background: url(uploads/images/menu3.jpg) no-repeat 2px;} #menu li.referencje a:hover{background: url(uploads/images/menu4.jpg) no-repeat 2px;} #menu li.pomoc a:hover{background: url(uploads/images/menu5.jpg) no-repeat 2px;} #menu li.kontakt a:hover {background: url(uploads/images/menu6.jpg) no-repeat 2px;} #menu li a.active{color: #E8D299;} #menu li.oFirmie a.active{background: url(uploads/images/menu1.jpg) no-repeat 2px;} #menu li.oferta a.active{background: url(uploads/images/menu2.jpg) no-repeat 2px;} #menu li.klienci a.active{background: url(uploads/images/menu3.jpg) no-repeat 2px;} #menu li.referencje a.active{background: url(uploads/images/menu4.jpg) no-repeat 2px;} #menu li.pomoc a.active{background: url(uploads/images/menu5.jpg) no-repeat 2px;} #menu li.kontakt a.active{background: url(uploads/images/menu6.jpg) no-repeat 2px;} #picture {width: 518px; height: 202px; float: right; margin-top:4px;} #picture h3 {float: right; color: #55594A; font-size: 18px; font-family: verdana; width: 210px; margin-top: 30px;} #picture p {clear: right; float: right; color: #eff0f4; font-size: 12px; font-family: verdana; width: 210px; font-weight: bold; padding-top: 15px;} #content {width: 768px; margin: 0 auto; padding-top: 2px; background-color: #ffffff;} #sub {background-color: #f4f4f4; width: 210px; float: left; margin: 0 auto; padding:12px 20px 0px;} #sub h2 { width: 210px; font-size: 14px; padding: 10px 0px 5px; color: #55594A; border-bottom: 1px solid #920001; } #sub ul {padding: 20px 0px; list-style: none; color: #6d6d6d;} #sub ul li {padding: 3px 0px;} #sub p.email {color: #55594A; display: inline;} #sub dl {padding: 10px 0px 20px; font-size: 10px;} #sub dt {color: #55594A;} #sub dd {padding: 0px; color: #404040; text-align:justify;} #sub dt.more a{color: #55594A; margin: 0 !important; padding: 0 !important; float: right;} #wrapper_main {width: 518px; float: right;} #main {background-color: #ffffff; width: 458px; float: right; margin: 0 auto; padding: 20px 30px 20px; } #main img {float: left; padding: 20px 10px 2px 0px;} #main h2 {font-size: 14px; padding: 6px 0px 5px; color: #55594A; border-bottom: 1px solid #920001;} #main strong {color: #55594A; font-size: 14px;} #main strong.strongLight {color: #9E8F70; font-size: 11px;} #main ul {list-style: square; padding-left: 20px;} #main p {color: #6e6e6e; padding: 20px 10px 20px 0px; text-align:justify;} #main p.lessPadding {padding: 10px 10px 10px 0px;} #main a {color: #55594A; text-decoration: underline; padding: 0px 10px 0px 0px; } #main dl {padding: 10px 0px 20px; font-size: 10px;} #main dt {color: #8a0000; font-size: 12px; padding-bottom: 5px;} #main dd {padding: 0px; color: #404040;} #main dt.title {color: #930102; margin: 0 !important; font-weight: bold; font-size:12px; padding-bottom: 15px;} #main dt.return {color: #930102; font-size: 12px;float: right;} #subBot{background: #ffffff; width: 250px; height: 89px; margin-left: -20px;} #mainBot {width: 458px; height: 86px; border-top: 3px solid #F0E1B8; clear: both; background: #E8D299; overflow: hidden; padding: 0px 30px;} #mainBot p {color: #42433B; padding: 20px 0px 5px 0px; font-size: 12px;} #mainBot a {color: #42433B; text-decoration: none; display: block; padding: 10px 0px 10px 0px; font-size: 12px;} #footer {width: 768px; margin: 0 auto; background: #ffffff; height: 80px;} #footerSub{width: 250px; background: #ededed; height: 60px; float: left; text-align: center;} #footerSub a {color: #000000; text-decoration: none; line-height: 6em; font-size: 10px;} #footerSub p {color: #000000; font-size: 10px;} #footerMain {width: 518px; background: #ffffff; height: 60px; float: right;} #footerMain ul {list-style: none; padding:15px 20px; zoom:1;} #footerMain ul li {float: left; background: url(uploads/images/decLi.jpg) no-repeat right; padding: 0px 5px;} #footerMain ul li.last {float: left; background: none; padding: 0px 12px;} #footerMain a {color: #c3c3c3; text-decoration: none; font-size: 10px;} #footerMain a:hover {text-decoration: underline;} #footerSubpage {width: 768px; margin: 0 auto; background: #ffffff; height: 50px; border-top: 2px solid #afafaf;} #footerSubpageSub {width: 748px; background: #000000; height: 20px; padding: 20px 0px 0px 20px;} #footerSubpageSub p {color: #ffffff;} #footerSubpageSub a {color: #ffffff; text-decoration: none;} #footerSubpageMain {width: 768px; background: #ffffff; height: 60px;} #footerSubpageMain ul {list-style: none; line-height: 5em; padding: 0px 20px 0px 20px; float: right;} #footerSubpageMain ul li {float: left; background: url(uploads/images/decLi.jpg) no-repeat right; padding: 0px 5px;} #footerSubpageMain ul li.last {float: left; background: none; padding: 0px 12px;} #footerSubpageMain a {color: #8F8F8F; text-decoration: none; font-size: 10px;} .NewsSummary {min-height: 180px;} ol {margin-left: 20px; margin-top: 10px;} #primary-nav li {zoom:1; width:230px; overflow:hidden;} * html #sub {background-color: #f4f4f4; width: 210px; float: left; margin: 0 auto; padding: 20px 0px 0px 20px;} #DkrContactForm { display: block; clear: both; margin: 0; padding: 20px 0 0 0; margin-left: 30px; width: 385px; } /* Komunitay **************************************************************/ #DkrContactForm #messages { display: block; clear: both; margin: 0; padding: 0; } #DkrContactForm #messages ul { list-style: none; } #DkrContactForm #messages ul li { background-image: none; } #DkrContactForm #messages ul .fieldName { font-weight: bold; } /************************************************************** Komunitay */ /* Formularz **************************************************************/ #DkrContactForm .form { display: block; clear: both; margin: 0; padding: 0; } #DkrContactForm .form fieldset { margin: 0; padding: 0; border: none; } #DkrContactForm .form fieldset.info { float: left; } #DkrContactForm .form fieldset.info .field, input { width: 135px; } #DkrContectForm .form fieldset.info label { background:#fff;} #DkrContactForm .form fieldset.message { float: right; width: 230px; } #DkrContactForm .form fieldset label { display: block; clear: both; background:none; } #DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea { margin-bottom: 0; border: 1px solid #000; font-size: 12px; padding: 2px; overflow: auto !important; background: #c8c5c5; color: #000; } #DkrContactForm .form fieldset input.submit { float: right; width: 96px; height: 20px; background: #c8c5c5; color: #000; } #DkrContactForm .form fieldset input.reset { float: left; width: 96px; height: 20px; background:#c8c5c5; color: #000; } #DkrContactForm .form fieldset input#subject { width: 230px; } #DkrContactForm .form fieldset textarea { width: 230px; height: 150px; overflow:hidden; } #DkrContactForm .form fieldset .field { display: block; clear: both; margin: 0; padding: 0; margin-bottom: 8px; } #DkrContactForm .form fieldset .buttons { display: block; clear: both; } /************************************************************** Formularz */ /* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.5 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the error messages * which prevent them from being displayed by default. */ .textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg { display:none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and color for the error text. * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: block; clear: both; margin-left: 2px; margin-bottom: 8px; padding: 3px; padding-right: 0; color: #920000; } /* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the TEXTAREA * - the widget id is placed on the TEXTAREA element itself (there are no error messages) */ /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */ .textareaValidState textarea, textarea.textareaValidState { background-color:#B8F5B1; } /* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */ textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { /* background-color:#FF9F9F; */ } /* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */ .textareaFocusState textarea, textarea.textareaFocusState { /* background-color:#FFFFCC; */ } /* This class applies only for a short period of time and changes the way the text in the textarea looks like. * It applies only when the widget has enforce max chars enabled and the user tries to type some more. */ .textareaFlashState textarea, textarea.textareaFlashState{ color:red !important; } /* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */ textarea.textareaHintState, .textareaHintState textarea{ /* color: red !important;*/ } /* SpryFormValidation.css - version 0.4 - Spry Pre-Release 1.5 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* These are the classes applied on the error messages * which prevent them from being displayed by default. */ .textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg { display: none; } /* These selectors change the way messages look when the widget is in one of the error states. * These classes set a default red border and color for the error text. * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget, * and this way only the specific error message can be shown by setting the display property to "inline". */ .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg { display: block; clear: both; margin-left: 2px; margin-bottom: 8px; padding: 3px; padding-right: 0; color: #920000; } /* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid * There are two selectors for each state, to cover the two main usecases for the widget: * - the widget id is placed on the top level container for the INPUT * - the widget id is placed on the INPUT element itself (there are no error messages) */ /* When the widget is in the valid state the INPUT has a green background applied on it. */ .textfieldValidState input, input.textfieldValidState { background-color: #B8F5B1 !important; color: #000 !important; } /* When the widget is in an invalid state the INPUT has a red background applied on it. */ input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #ededed !important; color: #000 !important; } /* When the widget has received focus, the INPUT has a yellow background applied on it. */ .textfieldFocusState input, input.textfieldFocusState { background-color: #920000; } /* This class applies only for a short period of time and changes the way the text in the textbox looks like. * It applies only when the widget has character masking enabled and the user tries to type in an invalid character. */ .textfieldFlashText input, input.textfieldFlashText { color: red !important; } /* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */ .textfieldHintState input, input.textfieldHintState { /*color: red !important;*/ } .formMessage {font-weight:bold; padding-left:90px; padding-top:30px;} #cntnt01send {margin-left:5px; width:45px;} /* End of 'podstawowy' */