/* Start of CMSMS style sheet 'kontakt' */
#DkrContactForm {
    display: block;
    float: left;
    margin: 0;
    padding: 0 15px 20px 0;
    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-left: 2px solid #d9e7f2; border-top: 2px solid #d9e7f2; border-right: 2px solid #0B095C; border-bottom: 2px solid #0B095C;
 font-size: 11px; font-family: Tahoma, Arial, sans-serif;
padding: 2px;
                background: #fff;
color: #000;
            }
            
            #DkrContactForm .form fieldset input.submit {
                float: right;
                width: 96px;
                height: 20px;
                line-height: 1em; background: #fff;
color: #000;
            }
            
            #DkrContactForm .form fieldset input.reset {
                float: left; 
                width: 96px;
                height: 20px;
                line-height: 1em; background:#fff;
color: #000;
            }
            
            #DkrContactForm .form fieldset input#subject {
                width: 224px;
            }
            
            #DkrContactForm .form fieldset textarea {
                width: 224px;
                height: 150px;
                overflow:auto;
            }
html:first-child #DkrContactForm .form fieldset textarea {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: #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 {width: 100%; text-align: center; font-weight:bold;
padding-top:30px;}

/* End of 'kontakt' */

/* Start of CMSMS style sheet 'główny styl' */
/* CSS Document */
* { margin:0; padding:0; border:0;}

body {
	font-family: Tahoma, Verdana, "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 12px;
	color:#000;
  background: url(uploads/images/body_bg2.jpg);
  padding: 0; margin: 0;
}
body#main {width: 590px;}
html#content {overflow: auto !important;}

li {list-style: none;}

img { border:0; display: block;}

a {color: #d45500; text-decoration: none;}
a:hover {text-decoration: none;}
a.more {float: right; margin-right: 36px;  font-size: 11px; text-decoration: underline;}

ul {font-size: 11px;}
p {color: #000; font-size: 11px; text-align: justify; padding-bottom: 16px; line-height: 1.25em;}
#page_index p {color: #000; font-size: 11px; text-align: left !important; padding-bottom: 16px; line-height: 1.25em;}
p.center_text {text-align: center;}
strong {font-size: 1.0em;}
li strong, p strong {color: #ffa803;}

h1 {float: left; padding:  10px 0 0 20px;}
h1 a {display: block; width: 219px; height: 89px; background: url(uploads/images/logo2.jpg) no-repeat;}
h1 a span {text-indent: -4096px; position: absolute;}

.nomrg {margin: 0px !important;}
.nobrd {border: none !important;}
.nobg {background: none !important;}

.hr {clear: both; height: 2px; font-size: 0px; background: url(uploads/images/bg.jpg) repeat-x left -8px;}
hr {display: none;}
.clear {clear: both; width: 100%;}

.container1 {width: 100%; background: url(uploads/images/body_bg1.gif) repeat-x;}
.container2 {width: 100%; background: url(uploads/images/top_shadow.jpg) center -6px no-repeat; padding: 32px 0 0 0;}
#container {width: 768px; margin: 0 auto; padding: 0 0 13px 0; overflow: hidden; position: relative;}

#top {height: 371px; margin: 0 auto; background: url(uploads/images/top_bg.jpg) no-repeat bottom #000; position: relative;}
  #top h2 {width: 176px; height: 64px; padding: 15px 10px 0 10px; background: url(uploads/images/logo3.jpg) no-repeat; position: absolute; left: 10px; top: 292px; text-align: center; font-size: 12px; font-family: Georgia, Arial, sans-serif; color: #FFF;}
    #top h2 a {display: block; color: #000; font-size: 15px;}

#menu {float: right; height: 68px; padding:  0 9px 0 0;}
#menu li {float: left; height: 68px; padding: 0 9px 0 6px; font-size: 125%; font-family: trebuchet ms; font-weight: bold; background: url(uploads/images/menu_bg.jpg) right center no-repeat; }
#menu li a {float: left; display: block; height: 68px; background: #fff;}
#menu li a span {display: none;}
#menu li#menu_item1 a {width: 58px; background: url(uploads/images/m1.jpg) no-repeat;}
#menu li#menu_item2 a {width: 78px; background: url(uploads/images/m2.jpg) no-repeat;}
#menu li#menu_item3 a {width: 48px; background: url(uploads/images/m3.jpg) no-repeat;}
#menu li#menu_item4 a {width: 50px; background: url(uploads/images/m4.jpg) no-repeat;}
#menu li#menu_item5 a {width: 89px; background: url(uploads/images/m5.jpg) no-repeat;}
#menu li#menu_item6 a {width: 57px; background: url(uploads/images/m6.jpg) no-repeat;}
#menu li#menu_item1 a.active, #menu li#menu_item1 a:hover {background: url(uploads/images/m1o.jpg) no-repeat;}
#menu li#menu_item2 a.active, #menu li#menu_item2 a:hover {background: url(uploads/images/m2o.jpg) no-repeat;}
#menu li#menu_item3 a.active, #menu li#menu_item3 a:hover {background: url(uploads/images/m3o.jpg) no-repeat;}
#menu li#menu_item4 a.active, #menu li#menu_item4 a:hover {background: url(uploads/images/m4o.jpg) no-repeat;}
#menu li#menu_item5 a.active, #menu li#menu_item5 a:hover {background: url(uploads/images/m5o.jpg) no-repeat;}
#menu li#menu_item6 a.active, #menu li#menu_item6 a:hover {background: url(uploads/images/m6o.jpg) no-repeat;}

#content {width: 746px; padding: 0px 10px 24px; margin: 0 auto; background: url(uploads/images/content_bg.gif) repeat-x #dedee0; overflow: hidden; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;}

p.left_space {padding: 0 0 16px 16px !important;}

#main h3, #content h2 {padding: 0 0 15px 0; color: #000; font-size: 15px; font-family: Georgia, Arial, sans-serif; font-weight: bold; zoom: 1;}
#main h4 {color: #d45500; font-size: 1.0em; font-weight: bold; text-transform: uppercase; padding: 10px 0 10px 40px; overflow: hidden; margin: 0; zoom: 1;}

#sub_container1 {margin: 20px 0; clear: both; width: 742px; padding: 0 2px 13px 2px; background: url(uploads/images/sub_bottom.gif) 2px bottom no-repeat; overflow: hidden;}
#sub_container2 {float: left; width: 742px; background: url(uploads/images/sub_middle.gif) repeat-y; overflow: hidden;}
#sub {float: left; width: 732px; padding: 10px 10px 0 10px; min-height: 125px; height: auto !important; height: 125px; font-size: 11px; background: url(uploads/images/sub_top.gif) no-repeat;}
  #sub h2.title {float: left; height: 75px; text-transform: uppercase; text-align: center; font-size: 25px; color: #fff; padding: 30px 10px 0 10px;}
    #sub h2.title span {color: #000; display: block;}
  ul.sub_gallery {float: left;}
    ul.sub_gallery li {float: left; padding: 0 5px;}
      ul.sub_gallery li img {border: 2px solid #ffa924;}

strong.date{display: block;}
p.date {padding: 0 0 5px 0 !important;}

.main_container {clear: both; margin: 20px 27px 0 27px; background: url(uploads/images/main_top.jpg); padding: 9px 0 0 0;}
#main {font-size: 11px; padding: 10px 15px 10px 15px; background: url(uploads/images/main_bg.gif) #FFF; border-right: 1px solid #d9e7f0; border-top: 1px solid #d9e7f0; border-left: 1px solid #d9e7f0; overflow: hidden;}

#main h2 {}
#main h2 span {text-transform: none;}
#main img {border: 2px solid #d9e7f2; float: left; margin: 0 10px 10px 0;}
#main ul {overflow: hidden;}
  #main ul li {padding: 0 0 4px 10px; background: url(uploads/images/arrow2.gif) 0 4px no-repeat; overflow: hidden; zoom: 1;}
  body#main ul li {background: url(../../uploads/images/arrow2.gif) 0 4px no-repeat;}
  ul.gallery {float: left; width: 300px; overflow: hidden; padding: 10px 0 0 0; text-align: center; border: 2px solid #ffbb08; border-bottom: 8px solid #ffbb08; margin: 0 10px 10px 0; background: #DEDEE0 url(uploads/images/content_bg.gif) 0 -100px repeat-x;}
    ul.gallery li {display: inline !important; padding: 0 10px 0 10px !important; background: none !important;}
     ul.gallery li a {display: inline !important;}
      ul.gallery li a img {float: none !important; display: inline !important; margin: 0  0 10px 0 !important; border: 2px solid #ffbb08 !important;}

a.map_link {overflow: hidden; display: block; margin: 0 auto;}
  a.map_link img {margin: 0 auto !important; float: none !important;}

/*  ul.gallery {float: left; width: 300px; overflow: hidden; padding: 0 0 10px 0;}
    ul.gallery li {float: left; padding: 10px !important; background: none !important;}
      ul.gallery li a img {margin: 0 !important;} */

div.clear {width: 100%; clear: both; font-size: 0; line-height: 0; height: 2px;} 

div.columns {margin: 0 -15px 0 -15px;}
div.boks {float: left; width: 206px; padding: 0px 12px;}
  div.boks h2 {text-align: center;}
  div.boks img {margin: 0 0 10px 0 !important; display: block; float: none !important;}

#left {float: left; width: 232px; padding-right: 18px;}
#left img {padding-bottom: 8px;}

#right {float: right; width: 440px;}
#right p {padding: 0px 4px 16px;}

#main p.boks {padding: 16px; color: #E2B600; background: #434343; margin-bottom: 8px;}

#footer {width: 738px;  padding: 15px 15px 10px 15px; height: 16px; overflow: hidden; background: url(uploads/images/footer_bg.jpg) no-repeat;}
#footer p {float: left; color: #fff; padding-left: 39px; line-height: 1.2em; font-size: 11px;}
#footer a.netart {color: #fff;}
#footer a.netart:hover {color: #fff; text-decoration: underline;}

div.footer_logo {width: 143px; height: 68px; background: url(uploads/images/footer_logo.png) no-repeat; position: absolute; bottom: 0; right: 0;}
  div.footer_logo a {float: left; padding: 14px 0 0 30px; width: 85px; height: 47px;}
    div.footer_logo  span {display: none;}
* html div.footer_logo {behavior: url(uploads/ie/iepngfix.htc);}
a.footer_logo {position: absolute; right: 27px; bottom: 8px; }
/* End of 'główny styl' */