/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, address, form, fieldset, hr, blockquote {
    margin: 0; padding: 0; border: 0;}
img, fieldset { border: none; }
a { text-decoration: none; color: #FFF;}
a:hover {text-decoration: underline;}
li {list-style-type: none;}
aimg { border: 0; }
abbr, label { cursor: pointer; }
table { border-collapse: collapse; }

#tinymce {
overflow: auto;
}

.lang {
padding: 10px 0;
}

.lang a {
color: #FF4C14;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {clear: both;}
.hr_line {clear:both; border-bottom: 1px solid #747474; display: block; font-size: 0; line-height: 0; margin: 0 0 10px 0; padding: 10px 0 0 0;}
.hide {visibility: hidden;}
fieldset {border:0}
a.more {text-decoration: underline; color:#fff; }

.none {border:none !important; background:none !important; padding-left:0px !important; margin-bottom:0px !important;}
.none_backg {background:none !important; padding:0px !important;}

h1 {font-family:Arial; font-size:17px; font-style:italic; font-weight:normal; color: #fff; }
h3 {font-size:18px; font-family:Arial; color:#ff4b15; font-weight: normal; text-transform: uppercase; clear: both; margin-bottom: 5px; overflow: hidden;  margin-bottom: 15px; zoom:1; line-height: 1.1em;}
h3 strong {color:#fff; font-family: Arial; font-weight: bold; display: block; clear: both; font-size: 20px;}
h4 {font-size: 13px; margin:10px 0; color: #ff4b15;}

p {color:#a3a5a8; margin-bottom:20px; text-align: justify;} 

strong {color: #ff4b15; font-weight: bold;}
small {color: #ff4b15; font-size: 100%;}
img.right {float: right !important; margin-left: 10px;}

body {font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #fff; color:#a3a5a8; background-color:#535353;}

#wrapper_top {width:100%; height:212px; background-color:#535353; background: url(uploads/images/img/wr_naglowek5.jpg) bottom repeat-x; float: left; }
#top {
width:748px; height:258px; margin: 0 auto; background: url(uploads/images/img/naglowek5.jpg) left 0px no-repeat; position: relative;
overflow: hidden;
}
#top h1 {padding: 155px 0 8px 30px;}
#top img {position: relative; top:7px; left:-8px;}
h2#logo {position: relative; left:155px; top:-50px; text-transform: none; color:#fff !important; width:250px; font-size: 14px;}
h2#logo strong {font-family: Arial; font-size: 28px; color:#fff;}
h2#logo small {color:#fff; float: left; font-weight: normal;}
ul#clock {position: absolute; top:53px; left:5px;} 
ul#clock li {display:inline;}

#animacja {
padding-top:10px;
position:absolute;
right:10px;
top:80px;
}

#wrapper_menu {width:100%; height:131px; background: url(uploads/images/img/wr_menu_bg.jpg) repeat-x;  z-index: 1; float:left;}

/*body.index ul.menu {background: url(uploads/images/img/body_menu_bottom.jpg) center bottom no-repeat;}*/

ul.menu {width:748px; height:132px; margin:0 auto !important; background: url(uploads/images/img/content_top.jpg) center 60px no-repeat; font-size: 14px; font-family: Tahoma; font-weight: bold;  position: relative; top:0px; z-index: 100; position: relative; clear:both; }
ul.menu li {float: left; height:34px; display:inline;}
ul.menu li a{float:left; height:34px; color:#FDFDFD; padding:25px 26px 0 26px; float: left;}
ul.menu li a:hover, ul.menu li a.menuactive{color:#ff4b15; background: url(uploads/images/img/menu_li_bg.jpg) center 53px no-repeat; text-decoration: none;}

#wrapper {width:100%; background-color:#535353; float: left; position: relative; z-index: 10; float:left;}

body.index #content {background: url(uploads/images/img/content_bg.jpg) center repeat-y;}
#content {width:748px;  margin: 0 auto; position: relative; z-index: 1;}
#content ul li {overflow: hidden; zoom: 1; color: #ff4b15; background: url(uploads/images/img/list.gif) left 6px no-repeat; padding-left:10px;}

body.referencje #main {width: 100%;}
body.index #main {width:320px;}
#main {
margin:0 auto;
position:relative;
top:-40px;
}

#main.kolumna {
float: right;
position:relative;
top:-40px;
width:520px;
}

#main img, #sub img {float: left; margin:0 10px 5px 0; border:1px solid #79797B;}
#main dl.list {width: 100%; overflow: hidden;}
#main dl.list dt {width: 25%; float: left;}
#main dl.list dd {width: 75%; background:none; padding-left:0px; border-bottom:1px solid #747474; float: right; margin-bottom: 30px; padding-bottom: 10px;}
#main dl.list dd img {margin:0 0 5px 10px !important;}
#main ul.list li {width: 100%; background:none; padding-left:0px; border-bottom:1px solid #747474;}

body.index #sub {width:390px;}
#sub {width:210px; float:left; padding-right: 10px; position:relative; top:-40px;}

body.index #footer {position: relative; top:0px;}
#footer {width:708px; overflow: hidden; background: #000 url(uploads/images/img/footer_top.jpg) center top no-repeat;  margin: 0 auto; clear:both; padding:50px 20px 0 20px; position: relative; top:-20px;}
#footer ul li {width:auto !important; background:none !important; padding-left:0px;  display:inline;}
#footer ul li a {color: #fff;  float:left; border-right: 1px solid #ea6114; padding-right:10px; padding-left:10px;}
#footer li.last a {border-right: 0 none !important;}
#footer p {float: right; font-weight: bold; color: #7E7E7E;}
#footer p a {color:#7E7E7E;}

ul#contact {float: left; width:160px;}
ul#contact li {width:100%;  display: block; margin-left:5px; background:none; padding:0; color: #a3a5a8 !important;} 
ul#contact li a {color:#fff;}
.NewsSummary {padding: 0 0 15px 0;}
.NewsSummaryLink a {font-weight: bold; color: #ff4b15;}
.NewsSummaryPostdate {color: #FFF;}

/*WYSIWYG Style*/
body.mceContentBody {color: #A3A5A8; width: 520px; top: 0 !important; left: 0 !important; float: left !important; padding: 0 0 0 10px;}
* html body.mceContentBody {width: 530px !important; padding: 0 102px 0 10px !important;}
body.mceContentBody ul li { zoom: 1; color: #ff4b15; background: url(../../uploads/images/img/list.gif) left 6px no-repeat; padding-left:10px;}
body.mceContentBody img {float: left; margin:0 10px 5px 0; border:1px solid #79797B;}
body.mceContentBody dl.list {width: 100%; overflow: hidden;}
body.mceContentBody dl.list dt {width: 25%; float: left;}
body.mceContentBody dl.list dd {width: 75%; background:none; padding-left:0px; border-bottom:1px solid #747474; float: right; margin-bottom: 30px; padding-bottom: 10px;}
body.mceContentBody dl.list dd img {margin:0 0 5px 10px !important;}
body.mceContentBody ul.list li {width: 100%; background:none; padding-left:0px; border-bottom:1px solid #747474;}

img[align="middle"], img[align="center"] {	float: none !important;	clear: both;	display: block;	margin: 20px auto !important;}
img.middle, img.center {	float: none !important;	clear: both;	display: block;	margin: 20px auto !important;}
img[align="left"]{	float: left !important;	margin: 5px 10px !important;}
img.left{	float: left !important;	margin: 5px 10px !important;}
img[align="right"]{	float: right !important;	margin: 5px 10px !important;}
img.right{float: right !important;	margin: 5px 10px !important;}

/* End of 'Podstawowy' */

/* Start of CMSMS style sheet 'kontakt' */
#DkrContactForm {
    display: block;
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
    width: 420px;
    float: left;
}
    /* 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: 150px;
               
            }
            
            #DkrContectForm .form fieldset.info label {
               background:#fff;}


        #DkrContactForm .form fieldset.message {
            float: right;
            width: 236px;
        }
            
            #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: 11px;
                padding: 2px;
                background: #747474;
                color: #fff;
            }
            
            #DkrContactForm .form fieldset input.submit {
                float: right;
                width: 96px;
                height: 20px;
                background: #747474;
                color: #fff;
            }
            
            #DkrContactForm .form fieldset input.reset {
                float: left; 
                width: 96px;
                height: 20px;
                background:#747474;
                color: #fff;
            }
            
            #DkrContactForm .form fieldset input#subject {
                width: 230px;
            }
            
            #DkrContactForm .form fieldset textarea {
                width: 230px;
                height: 150px; font-family: Tahoma, Arial, sans-serif;
                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;
            }
                     
    /************************************************************** 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: #CC3333;

}

/* 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: #CC3333;
}


/* 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: #FF9F9F !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: #FFFFCC;
}

/* 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-top:30px;}

/* End of 'kontakt' */

/* Start of CMSMS style sheet 'menu rozwijane' */
#primary-nav li ul li {width:120px; background:#000 !important; text-align:center; padding: 0 !important; margin: 0 !important; height: auto !important;}
#primary-nav li ul li a {background: #000; display: block; float: none !important; color: #FFF; height: auto !important; border-top: 1px solid #535353; line-height: 1.2em !important; padding: 6px 0; width: 100%;}
#primary-nav li ul li a:hover {color: #ea6114; text-decoration: none !important;}
li.menuparenth ul li a.menuparent, li.menuparent ul li a.menuparent {background: url(uploads/images/img/menu_li_bg2.jpg) right center no-repeat #000 !important;}

#primary-nav ul a img {float: none; display: inline;}

#top_menu {}
    #primary-nav li {position: relative; float:left;}
    #primary-nav > li > a { display: block;}

#menu_vert {margin-left: 1px; margin-right: 1px; zoom:1;}

.clearb { clear: both; }
#menuwrapper {width:768px;}
 
#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px;}
#primary-nav ul {position: absolute; top: 59px; left: 0px; display: none; zoom:1;}
#primary-nav ul ul {margin-top: 0px; margin-left: 0px; top: 0px; left: 120px; zoom:1;}
#primary-nav ul li {display:inline;}
#top #primary-nav li li {margin-left: 0px; margin-top: -1px; float: none; position: relative; line-height:2.0em; font-size:90%; display:block;}

#primary-nav li.menuactive {}

* html  #primary-nav  li {position:relative !important;}
* html  #primary-nav li ul {}
* html  #primary-nav  li a {float: left; zoom: 1;}
* html  #primary-nav  li li a {float: none; display: inline;}
*:first-child+html #primary-nav  li {position:relative !important;}
*:first-child+html #primary-nav li ul {}

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {
}

#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; 
}

#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 rozwijane' */