/* saved */ /* Start of CMSMS style sheet 'kontakt' */ #DkrContactForm { display: block; clear: both; margin: 0; overflow: hidden; } /* Komunikaty **************************************************************/ #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; } /************************************************************** Komunikaty */ /* 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.message { float: right; } #DkrContactForm .form fieldset label { display: block; clear: both; background:none; } #DkrContactForm .form fieldset input.submit { float: right; } #DkrContactForm .form fieldset input.reset { float: left; } #DkrContactForm .form fieldset textarea { overflow:auto; } #DkrContactForm .form fieldset .field { display: block; clear: both; margin: 0; padding: 0; margin-bottom: 8px; } #DkrContactForm .form fieldset .buttons { display: block; clear: both; } /****** dostosowywujemy ponizsze style do wygladu strony */ #DkrContactForm { padding: 10px 0px; width: 414px; /* szerokosc formularza = szerokosc prawej kolumny + szerokosc lewych pol + 6px + odstep miedzy kolumnami */ } #DkrContactForm .form fieldset.info input { width: 164px; /* szerokosc pol w lewej kolumnie */ } #DkrContactForm .form fieldset.info { width: 170px; /* szerokosc lewej kolumny = szerokosc pol + 6px */ } #DkrContactForm .form fieldset input#subject, #DkrContactForm .form fieldset textarea { width: 224px; /* szerokosc pol w prawej kolumnie */ } #DkrContactForm .form fieldset textarea { height: 94px; /* wysokosc textarea :) */ } #DkrContactForm .form fieldset.message { width: 230px; /* szerokoscx prawej kolumny = szerokosx pol + 6px */ } #DkrContactForm .form fieldset input.submit, #DkrContactForm .form fieldset input.reset { width: 96px; /* buttony */ height: 20px; line-height: 1em; background: #fff; color: #000; border: 1px #9C9C9C solid; cursor: pointer; } #DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea { margin-bottom: 0; /* inputy */ border: 1px solid #9C9C9C; font-size: 95%; font-family: trebuchet, sans-serif; padding: 2px; background: #fff; color: #000; } #DkrContactForm .form fieldset label { background: none; /* label */ color:#000000; font-size: 95%; } /************************************************************** Formularz */ /* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.5 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ .textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg { display:none; } .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: block; clear: both; margin-left: 2px; padding: 3px; padding-right: 0; color: #CC3333; } .textareaValidState textarea, textarea.textareaValidState { background-color:#B8F5B1; } textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { /* background-color:#FF9F9F; */ } .textareaFocusState textarea, textarea.textareaFocusState { /* background-color:#FFFFCC; */ } .textareaFlashState textarea, textarea.textareaFlashState{ color:red !important; } textarea.textareaHintState, .textareaHintState textarea{ /* color: red !important;*/ } .textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg { display: none; } .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg { display: block; clear: both; margin-left: 2px; padding: 3px; padding-right: 0; color: #CC3333; } .textfieldValidState input, input.textfieldValidState { background-color: #B8F5B1 !important; color: #000 !important; } 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: #FF9F9F !important; color: #000 !important; } .textfieldFocusState input, input.textfieldFocusState { background-color: #FFFFCC; } .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 {width: 100%; text-align: center; font-weight:bold; padding-top:30px;} /* End of 'kontakt' */ /* Start of CMSMS style sheet 'Podstawowy' */ * {margin: 0; padding: 0;} a {text-decoration: none; color: #000066; font-weight: bold;} a:hover {text-decoration: underline;} img {border: none;} ul {list-style: none;} fieldset {border: 0 none;} body {padding: 20px 0 20px 0; background: #DDDDDD; color: #000000; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 1.3em;} #wrapper {margin: 0 auto; width: 706px; background: #AAAAAA; padding: 0 31px 0 31px;} #top {width: 768px; padding: 0; margin: 0 -31px 0 -31px; background: url(uploads/images/bg_gradient.gif) 0 295px repeat-x #FFFFFF;} #top h1 {float: left; width: 649px; height:124px; overflow: hidden; margin: 10px;} #top h1 a {display: block; padding: 30px 0 0 175px; width: 455px; height: 124px; background: url(uploads/images/logo.gif) no-repeat; font-weight: normal; font-size: 22px; color: #000066; line-height: 1.0em; letter-spacing: -1px; font-family: Arial, Tahoma, sans-serif;} #top h1 a strong {font-weight: bold;} #top h1 a:hover {text-decoration: none;} .top_picture {width: 768px; height: 254px; clear: both; background: url(uploads/images/top_bg.jpg) 0 no-repeat;} div.menu {margin: 0 31px 0 0px; width: 763px; clear: both; background: url(uploads/images/menu_bg.gif) repeat-x; text-align: center; position:relative; z-index:10; padding-left:5px;} #top ul {float: left; padding: 0 0 0 0px; clear: both; text-align: center; background: url(uploads/images/dotts1.gif) right 0 no-repeat; display: block; margin: 0 auto;} #top ul li {float: left; padding: 0 1px 0 1px; background: url(uploads/images/dotts1.gif) 0 0 no-repeat;} #top ul li a {display: block; float: left; padding: 20px 5px 26px 5px; text-transform: uppercase; text-align: center; font-weight:bolder; color: #000066; font-size: 15px; font-family: Arial, Tahoma, sans-serif;} #top ul li.active a, #top ul li a:hover {background: url(uploads/images/menu_over.gif) center 0 no-repeat; color: #FFFFFF; text-decoration: none;} *:first-child+html #content {position:none !important;} /* SAFARI 3.0 HACK*/ #top:first-of-type ul li a {font-size: 14px; font-family: Arial, Tahoma, sans-serif;} #top:first-of-type div.menu {margin: 0 31px 0 31px; padding-left: 20px; width: 686px; clear: both; background: url(uploads/images/menu_bg.gif) repeat-x; text-align: center;} #content {float: left; width: 706px; padding: 0 0 30px 0; background: url(uploads/images/bg_gradient.gif) 0 -4px repeat-x; position: relative;} #content p {padding: 0 0 10px 0;} #content img {float: left; margin: 0 10px 10px 0; padding: 1px; border: 6px solid #2a2e31; background: #FFF;} #content img.no_border {padding: 0 !important; background: none !important; border: 0 none !important;} #content strong {font-size: 1.0em; font-weight: bold;} #content small {font-size: 1.0em; font-weight: normal; font-style: normal;} #content em {font-style: italic;} #content ul {padding: 0 0 10px 0; line-height: 1.5em;} #content ul li {padding: 0 0 0 15px; background: url(uploads/images/arrows.gif) 0 7px no-repeat;} #content h2 {font-size: 17px; font-weight: normal; color: #FFFFFF; font-family: Arial, Tahoma, sans-serif; padding: 20px 10px 15px 10px; margin: 0 -10px 1px -10px; border-bottom: 1px solid #FFFFFF;} #content h2.yellow {color: #FFFFFF;} #content h4 {font-size: 1.0em; font-weight: bold;} p.more {text-align: left; } p.more a {color: #000000; font-weight: normal; padding: 0 8px 0 0; line-height: 1.2em; background: url(uploads/images/arrow.gif) right 5px no-repeat;} a.return {position: absolute; right: 16px; top: 20px; color: #FFFFFF; font-weight: normal; padding: 0 0 0 8px; background: url(uploads/images/arrow2.gif) left 5px no-repeat;} div.clear {width: 100%; clear: both; height: 0; line-height: 0; font-size: 0;} #main {float: left; width: 390px; padding: 0 10px 0 10px;} #main div.article {margin: 0 -10px 0 -10px; width: 382px; padding: 14px 14px 10px 14px; background: #FFFFFF; clear: both;} #main2 {float: left; width: 686px; padding: 0 10px 0 10px;} #main2 div.article {margin: 0 -10px 0 -10px; width: 678px; background: #FFFFFF; padding: 14px 14px 10px 14px;} ul.gallery {float: left; width: 100%; clear: both; display: block;} ul.gallery li {float: left; background: none !important; padding: 4px !important;} ul.gallery li img {margin: 0 !important;} #sub {float: right; width: 256px; padding: 0 10px 0 10px; color: #FFFFFF; overflow: hidden;} #sub h2 {margin: 0 -10px 16px -10px;} .box {float: left; width: 232px; margin: 10px -10px 0 0; padding: 17px 17px 7px 17px; min-height: 127px; height: auto !important; height: 127px; background: url(uploads/images/box_bg.gif) no-repeat #FFFFFF;} .box h2 {padding: 0 0 10px 0 !important; margin: 0 !important; border-bottom: 0 none !important;} .box h4 {color: #FFF; padding: 0 0 6px 0;} .box p.more {text-align: right !important;} /* FORMULARZ KONATKTOWY */ #kontakt { width: 414px; clear: both; padding: 0; margin: 0 auto; float: none; overflow: hidden; text-align: left;} #kontakt fieldset {border: 0;} #kontakt legend {border: 1px solid #999; padding: 4px; font-weight: bold;} #kontakt input {font-size: 12px; height: 1.4em; width: 8em; margin-top: 0.5em; } #kontakt input, textarea { border: 1px solid #000!important; background: #FFF !important;} #kontakt input.submit {border: 0; margin:0;} #kontakt form { background: none; overflow: hidden;} #kontakt fieldset#left_part {float: left; width: 130px; overflow: hidden;} #kontakt span.gwiazdka {color: #ff0000; font-size: 120%;} #kontakt fieldset#left_part input {width: 120px;} #kontakt fieldset#right_part {float: right; width: 240px;} #kontakt fieldset#right_part input {width: 140px;} #kontakt input {margin: 5px 0 5px 0; } #kontakt textarea {width: 238px; display: block; height: 172px; margin: 5px 0 0 0; clear: both; overflow: auto; font-family: Tahoma, Verdana, sans-serif; font-size: 11px;} #kontakt input.reset {margin: 15px 15px 0 10px; } #kontakt input.submit {margin: 15px 5px 0 0; } #kontakt input.reset {float: left; cursor: pointer; height: 20px; width: 100px !important; color: #000; text-transform: capitalize;} #kontakt input.submit {float: right; cursor: pointer; height: 20px; width: 100px !important; color: #000; text-transform: capitalize;} /* FORMULARZ KONATKTOWY */ #footer {clear: both; padding: 20px 44px 0 44px; height: 45px; width: 680px; margin: 0 -31px 0 -31px; background: url(uploads/images/dotts3.gif) center 14px no-repeat #800000;} #footer p {float: left;} #footer ul {float: left;} #footer ul li {float: left; padding: 0 6px 0 6px; background: url(uploads/images/dotts4.gif) right center no-repeat;} #footer ul li.last_item {background: none;} #footer ul li a {float: left; font-weight: bolder;} #tinymce, .mceContentBody {background: #3B4044;} /* End of 'Podstawowy' */ /* Start of CMSMS style sheet 'Menu poziome wyskakujace' */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ #menu_vert { margin-left: 1px; margin-right: 1px; } /* The wrapper clears the floating elements of the menu */ /* Fix for Opera 8 */ .clearb { clear: both; } #menuwrapper { /* Fix for Opera 8 */ /* overflow: hidden; */ background:transparent url(uploads/images/menu_bg.gif) repeat-x scroll 0% 0%; width: 100%; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 194px; } #primary-nav:first-of-type li li { width: 184px; } /* Unless you know what you do, do not touch this */ #primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { position: absolute; top: auto; display: none; margin-top:60px; z-index:1; background: #4F5257; height:auto; } *html #primary-nav ul { position: absolute; top: auto; display: none; margin-top:0px; z-index:1; background: #4F5257; height:auto; } *:first-child+html #primary-nav ul { position: absolute; top: auto; display: none; margin-top:0px; z-index:1; background: #4F5257; height:auto; } #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li { margin-left: -1px; float: left; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } /* Styling the basic apperance of the menu elements */ #primary-nav a { display: block; margin: 0px; padding: 5px 10px; text-decoration: none; } #primary-nav li a { } #primary-nav li li a { padding:9px; width:176px; } #primary-nav li, #primary-nav li.menuparent { } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuactive { } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { /* arrow for menuparents */ background-image: url(images/cms/arrow.gif); background-position: center right; background-repeat: no-repeat; } /* Styling the apperance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ /* just add #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul ul ul, for fourth level */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } /* add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, for fourth level */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } /* End of 'Menu poziome wyskakujace' */