/* Start of CMSMS style sheet 'Podstawowy' */
body {
    margin: 0;
    padding: 0;
	background: #042007 url('uploads/images/site/bg.jpg') top repeat-x;
	font-size: 63%;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

img {border: 0;}

a {
	color: #81f1ff;
}

h1 {
	font-size: 1.8em;
}

h2 {
    display: block;
    clear: both;
	font-size: 1.6em;
}

    h2 span {
        position: absolute;
        text-indent: -2000px;
    }

#content h2.second {
    margin-bottom: 0;
}

h3 {
    display: block;
    clear: both;
    font-size: 1.4em;
    margin-bottom: 0px;
}

p {
    clear: both;
}

ul {
    list-style: none;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.yellow {
    color: #fdce4a;
}

.address {
    width: 50%;
}

strong.summary {
    display: block;
    clear: both;
    margin-bottom: 5px;
}

ul.column {
    display: block;
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
}

    ul.column li {
        clear: both;
        margin-bottom: 25px;
    }



#container {
    display: block;
    clear: both;
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 81px;
    width: 858px;
    height: 880px;
    background: url('uploads/images/site/container_bg.png') top no-repeat;
    font-size: 1.1em;
    z-index: 0;
}


/* TOP ************************************************************************/
#top {
    display: block;
    position: relative;
    clear: both;
    margin: 0;
    width: 779px;
    height: 319px;
    background: url('uploads/top/img/foto1.jpg') top no-repeat;
}

    #flashTop {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
        height: 260px;
    }

    h1#logo {
        display: block;
        position: absolute; top: 265px; left: 667px;
        margin: 0;
        padding: 0;
        width: 101px;
        height: 111px;
        background: url('uploads/images/site/dcs_logo.jpg') no-repeat;
        z-index: 10;
    }
    
        h1#logo a {
            display: block;
            margin: 0;
            width: 101px;
            height: 98px;
            text-decoration: none;
            outline: none;
        }
        
        h1#logo a span {
            position: absolute;
            text-indent: -2000px;
        }

    ul#mainMenu {
        display: block;
        position: absolute; bottom: 0;
        clear: both;
        margin: 0;
        padding: 0 0 0 42px;
        width: 737px;
        height: 60px;
        background: url('uploads/images/site/mainMenu_bg.jpg') no-repeat;
        list-style: none;
    }
    
    ul#mainMenu.subpage {
        background: url('uploads/images/site/mainMenuSubpage_bg.jpg') no-repeat;
    }
    
        ul#mainMenu li {
            display: inline;
            float: left;
            margin: 0 9px;
            padding: 0;
        }
        
        ul#mainMenu a {
            display: block;
            height: 44px;
        }
* html ul#mainMenu a {float: left}
        
        ul#mainMenu a span {
            position: absolute;
            text-indent: -2000px;
        }
        
        /* Strona głowna */
        a#index_mbtn.menuactive {
            background: url('uploads/images/site/aboutus_mbtn_over.jpg') no-repeat;
        }
        a#index_mbtn.menuactive img {
            visibility: hidden;
        }


        /* Oferta */
        a#oferta_mbtn.menuactive {
            background: url('uploads/images/site/offer_mbtn_over.jpg') no-repeat;
        }
        a#oferta_mbtn.menuactive img {
            visibility: hidden;
        }

        
        /* Maszyny */
        a#maszyny_mbtn.menuactive {
            background: url('uploads/images/site/machines_mbtn_over.jpg') no-repeat;
        }
        a#maszyny_mbtn.menuactive img {
            visibility: hidden;
        }


        /* Osprzęt */        
        a#osprzet_mbtn.menuactive {
            display: block; height: 44px;
            background: url('uploads/images/site/components_mbtn_over.jpg') top no-repeat;
        }
        a#osprzet_mbtn.menuactive img {
            visibility: hidden;
        }


        /* Serwis */
        a#serwis_mbtn.menuactive {
            background: url('uploads/images/site/service_mbtn_over.jpg') no-repeat;
        }
        a#serwis_mbtn.menuactive img {
            visibility: hidden;
        }

        
        /* Kontakt */
        a#kontakt_mbtn.menuactive {
            background: url('uploads/images/site/contact_mbtn_over.jpg') no-repeat;
        }
        a#kontakt_mbtn.menuactive img {
            visibility: hidden;
        }
/************************************************************************ TOP */



/* CONTENT ********************************************************************/
#content {
    display: block;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0 6px 0 5px;
    width: 768px;
    min-height: 880px;
    background: url('uploads/images/site/content_bg.jpg') left top no-repeat;
}

    a.more, span.more a {
        display: block;
        margin: 5px 0;
        float: right;
        clear: both;
        width: 75px;
        height: 25px;
        background: url('uploads/images/site/more_btn.png') no-repeat;
    }
    
        a.more span {
            display: none;
        }

    #content h2 {
        display: block;
        float: left;
        clear: both;
        margin: 0 0 5px 20px;
        padding: 0;
        width: 100%;
        height: 24px;
    }
    
    h2#welcome {
        margin-top: 10px;
        background: url('uploads/images/site/welcome_h.png') no-repeat;
    }
    
    h2#page_oferta {
        background: url('uploads/images/site/offer_h.png') no-repeat;
    }
    
    h2#news {
        background: url('uploads/images/site/news_h.png') no-repeat;
    }

/* ********************************************************************** */

    h2#page_maszyny {
        background: url('uploads/images/site/machines_h.png') no-repeat;
    }

    h2#page_wiertnice-nowe {
        background: url('uploads/images/site/page_wiertnice-nowe_h.png') no-repeat;
    }

    h2#page_wiertnice-uzywane {
        background: url('uploads/images/site/page_wiertnice-uzywane_h.png') no-repeat;
    }

    h2#page_urzadzenia-mieszajace {
        background: url('uploads/images/site/page_urzadzenia-mieszajace_h.png') no-repeat;
    }
/* ********************************************************************** */

/* ********************************************************************** */
    h2#page_osprzet {
        background: url('uploads/images/site/components_h.png') no-repeat;
    }

    h2#page_zerdzie-wiertnicze {
        background: url('uploads/images/site/page_zerdzie-wiertnicze_h.png') no-repeat;
    }

    h2#page_kretliki {
        background: url('uploads/images/site/page_kretliki_h.png') no-repeat;
    }

    h2#page_poszerzacze {
        background: url('uploads/images/site/page_poszerzacze_h.png') no-repeat;
    }

    h2#page_obudowy-sondy {
        background: url('uploads/images/site/page_obudowy-sondy_h.png') no-repeat;
    }

    h2#page_sprzet-laboratoryjny {
        background: url('uploads/images/site/page_sprzet-laboratoryjny_h.png') no-repeat;
    }

    h2#page_pompy-pluczkowe {
        background: url('uploads/images/site/page_pompy-pluczkowe_h.png') no-repeat;
    }

    h2#page_gasienice-metalowo-gumowe {
        background: url('uploads/images/site/page_gasienice-metalowo-gumowe_h.png') no-repeat;
    }

    h2#page_materialy-do-regeneracji-osprzetu {
        background: url('uploads/images/site/page_materialy-do-regeneracji-osprzetu_h.png') no-repeat;
    }

    h2#page_czesci-do-wiertnic {
        background: url('uploads/images/site/page_czesci-do-wiertnic_h.png') no-repeat;
    }

    h2#page_glowice-ciagnace {
        background: url('uploads/images/site/page_glowice-ciagnace_h.png') no-repeat;
    }

    h2#page_zamowienia-nietypowe {
        background: url('uploads/images/site/page_zamowienia-nietypowe_h.png') no-repeat;
    }
/* ********************************************************************** */

    h2#page_serwis {
        background: url('uploads/images/site/service_h.png') no-repeat;
    }

    h2#page_serwis-inzynierski {
        background: url('uploads/images/site/page_serwis-inzynierski_h.png') no-repeat;
    }

    h2#page_serwis-pluczkowy {
        background: url('uploads/images/site/page_serwis-pluczkowy_h.png') no-repeat;
    }

    h2#page_serwis-maszyn {
        background: url('uploads/images/site/page_serwis-maszyn_h.png') no-repeat;
    }

    h2#page_serwis-czesci {
        background: url('uploads/images/site/page_serwis-czesci_h.png') no-repeat;
    }

    h2#page_systemy-lokalizacji, h2#page_systemy-lokalizacji-2 {
        background: url('uploads/images/site/page_systemy-lokalizacji_h.png') no-repeat;
    }
    
    h2#contact {
        background: url('uploads/images/site/contact_h.png') no-repeat;
    }

    h2#page_kontakt {
        margin-top: 10px;
        background: url('uploads/images/site/contactForm_h.png') no-repeat;
    }
    
    #content p {
        margin-left: 24px;
    }

    #main {
        display: block;
        float: left;
        width: 488px;
    }
    
        #sub {
            margin-right: 25px;        
        }
    
        #subcontentContainer {
            display: block;
            clear: both;
            margin: 0;
            width: 488px;
        }
        
            #subcontentContainer.subpage {
                width: 100%;
            }
            
            #subcontent {
                display: block;
                clear: both;
                padding: 4px 20px 5px 20px;
                width: 448px;
                background: #60854f;
            }

            #subcontent p {
                margin-left: 0;
            }
            
#subcontent strong a {text-decoration: none; color: #fff}

            #subcontentContainer.subpage #subcontent {
                width: 728px;
            }
            
                #subcontent .yellow {
                    display: block;
                    clear: right;
                }
            
            #subcontentTopBg {
                display: block;
                width: 488px;
                height: 38px;
                background: url('uploads/images/site/subcontent_topBg.png') no-repeat;
            }
            
            #subcontentContainer.subpage #subcontentTopBg {
                width: 768px;
                height: 31px;
                background: url('uploads/images/site/subcontentSubpage_topBg.png') no-repeat;
            }
            
            #subcontentBottomBg {
                display: block;
                width: 488px;
                height: 20px;
                background: url('uploads/images/site/subcontent_bottomBg.png') no-repeat;
            }
            
            #subcontentContainer.subpage #subcontentBottomBg {
                width: 768px;
                height: 22px;
                background: url('uploads/images/site/subcontentSubpage_bottomBg.png') no-repeat;
            }
    
    
    #sidebar {
        display: block;
        float: right;
        padding: 105px 0 0 0;
        width: 280px;
        background: url('uploads/images/site/sidebar_bg.jpg') top no-repeat;
    }
    
        #sidebar h2 {
            margin-left: 0;
        }
        
        #sidebarSub {
            display: block;
            clear: both;
            padding: 20px 20px 10px;
            min-height: 295px;
            background: #3a3a3a url('uploads/images/site/newsList_bg.jpg') top no-repeat;
        }

        #content.subpage #sidebarSub.news {
            padding-top: 35px;
        }

        #sidebarSub p {
            margin-left: 0;
        }
        
            ul#newsList {
                display: block;
                clear: both;
                margin: 0;
                padding: 0;
                min-height: 268px;
                list-style: none;
            }
        
                ul#newsList li {
                    clear: both;
                    margin: 0 0 9px 0;
                    padding: 0;
                }

                ul#newsList li img {
                    max-width: 220px;
                    width:expression(this.width > 220 ? 220: true);
                }
            
                ul#newsList p {
                    margin: 0;
                }
               
                ul#newsList a {
                    color: #fff;
                    text-decoration: none;
                }

                ul#newsList a:hover {
                    text-decoration: underline;
                }
            
                .date {
                    display: block;
                    clear: both;
                    margin: 3px 0;
                }

        #subBox {
            display: block;
            position: relative;
            clear: both;
            padding: 54px 20px 0;
            width: 240px;
            min-height: 48px;
            background: #424242 url('uploads/images/site/subBox_bg.jpg') top no-repeat;
        }
        
            #subBox p {
                margin: auto 0 auto auto;
            }

    #sidebarBottomBg {
        display: block;
        clear: both;
        margin-bottom: 40px;
        width: 280px;
        height: 72px;
        background: url('uploads/images/site/subBox_bottomBg.png') no-repeat;
    }
/******************************************************************** CONTENT */



/* FOOTER *********************************************************************/
#footer {
    display: block;
    clear: both;
    margin: 0 0 0 5px;
    width: 768px;
    height: 63px;
    background: url('uploads/images/site/footer_bg.png') no-repeat;
}

    #copyright {
        float: right;
        margin-right: 26px;
        color: #819280;
        line-height: 50px;
    }
    
        #copyright a {
            color: #819280;
            text-decoration: none;
        }
        
        #copyright a:hover {
            text-decoration: underline;
        }

    ul#footerMenu {
        display: block;
        float: left;
        margin: 0 0 0 25px;
        padding: 0;
        list-style: none;
        color: #fff;
    }
    
        ul#footerMenu li {
            float: left;
            margin-left: 13px;
            padding-right: 16px;
            background: url('uploads/images/site/footerMenuItemsSeparator.gif') right no-repeat;
        }
        
        ul#footerMenu li.last-child {
            background-image: none;
        }
    
        ul#footerMenu a {
            line-height: 50px;
            color: #fff;
            text-decoration: none;   
        }
        
        ul#footerMenu a:hover {
            text-decoration: underline;
        }
/********************************************************************* FOOTER */

a.album, #subpagesList ul a, #subpagesList ul h3 {display: block; clear: both; margin: 5px 0; padding: 3px 3px 3px 6px; background: #575757; text-decoration: none; color: #fff;}

a.album:hover, #subpagesList ul a:hover {background: #2f2f2f;}

#subpagesList ul h3 {font-size: 1em; font-weight: normal; background: #2f2f2f;}
#subpagesList ul {margin: 0; padding: 0;}
#subpagesList ul a dfn, #subpagesList ul h3 dfn {display: none;}

.album_content h3 {display: none;}

#subpagesList a.active {background:#2F2F2F none repeat scroll 0%;}
/* End of 'Podstawowy' */

/* Start of CMSMS style sheet 'Kontakt' */
#DkrContactForm {
    display: block;
    clear: both;
    margin: 0;
    padding: 20px 0 0 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: 1px solid #000;
font-size: inherit; font-family: inherit;
padding: 2px;
                background: #555;
color: #fff;
            }
            
            #DkrContactForm .form fieldset input.submit {
                float: right;
                width: 96px;
                height: 20px;
                line-height: 1em; background: #555;
color: #fff
            }
            
            #DkrContactForm .form fieldset input.reset {
                float: left; 
                width: 96px;
                height: 20px;
                line-height: 1em; background:#555;
color: #fff
            }
            
            #DkrContactForm .form fieldset input#subject {
                width: 224px;
            }
            
            #DkrContactForm .form fieldset textarea {
                width: 224px;
                height: 150px;
                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 {width: 100%; text-align: center; font-weight:bold;
padding-top:30px;}

/* End of 'Kontakt' */