/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
* {margin: 0; padding: 0;}
a {text-decoration: none; color: #666748; font-weight: bold;}
a:hover {text-decoration: underline;}
img {border: none;}
ul {list-style: none;}

body {padding: 0; background: url(uploads/images/bg_line.gif) repeat-x #67664a; color: #666748; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 1.3em; padding: 0 0 20px 0;}

#wrapper {margin: 0 auto; width: 681px; padding: 0 27px 10px 17px; background: url(uploads/images/bottom_bg.gif) left bottom no-repeat;}

#top {height: 265px; width: 725px; margin: 0 -27px 0 -17px; padding: 0 0 0 0; background: url(uploads/images/top_bg3.jpg) no-repeat; }

    #top h1 {
float:left;
height:143px;
margin:0;
padding:80px 0 0 77px;
width:645px;
}
      #top h1 a {
display:block;
float:left;
height:143px;
margin:0;
width:187px;
}
      #top h1 a span {display: none;}

   #top ul {
clear:both;
float:left;
margin:0;
padding:0 0 0 24px;
text-align:center;
width:680px;
}
      #top ul li {float: left; padding: 0 2px 0 0; background: url(uploads/images/list_line.gif) right 14px no-repeat;}
        #top ul li.last {background: none;}
        #top ul li a {
color:white;
float:left;
font-size:12px;
height:23px;
padding:10px 5px 0;
}
          #top ul li a span {display: none;}
        #top ul li a:hover {border-bottom: 4px solid #f08f04;}
        #top ul li.active a {border-bottom: 4px solid #f08f04;}

        #top ul li#menu_index a{width:77px;}
        #top ul li#menu_index li a{width:140px; padding: 5px 0px 5px 2px;}

        #top ul li#menu_klienci a{width: 69px;}
        #top ul li#menu_klienci li a{width:140px; padding: 5px 0px 0px 2px;}

        #top ul li#menu_system-jakosci a{width: 132px;}
        #top ul li#menu_system-jakoscili a{width:140px; padding: 5px 0px 0px 2px;}

        #top ul li#menu_uslugi a{width: 64px;}
        #top ul li#menu_uslugi li a{width:140px; padding: 5px 0px 0px 2px;}

        #top ul li#menu_lokalizacja a{width: 105px;}
        #top ul li#menu_lokalizacja li a{width:140px; padding: 5px 0px 0px 2px;}

        #top ul li#menu_praca a{width: 72px;}
        #top ul li#menu_praca li a{width:140px; padding: 5px 0px 0px 2px;}

        #top ul li#menu_kontakt a{width: 75px;}
        #top ul li#menu_kontakt li a{width:140px; padding: 5px 0px 0px 2px;}


#content {float: left; width: 671px; padding: 20px 0 20px 0; border-left: 10px solid #43402d; background: url(uploads/images/content_bg.jpg) no-repeat #dbd99e;}
  #content p {padding: 0 0 10px 0px;}
  #content img {border: 3px solid #c9c993; margin: 0 10px 10px 0;}
  #content ul {padding: 0 0 10px 0;}
      #content ul li {padding: 0 0 0 15px; background: url(uploads/images/arrows.gif) 5px 5px no-repeat;}
  #content h2 {width: 100%; clear: both; padding: 0 0 10px 0; height: 24px; font-size: 
16px;}
    #content h2 span {display: none;}
      #content h2.h2_nasze_uslugi {background: url(uploads/images/h2_nasze_uslugi.gif) no-repeat;}

      #content h2.h2_klienci {background: url(uploads/images/h2_klienci.gif) 2px 0 no-repeat;}
      #content h2.h2_system_jakosci {background: url(uploads/images/h2_system_jakosci.gif) no-repeat;}
      #content h2.h2_uslugi {background: url(uploads/images/h2_uslugi.gif) 2px 3px no-repeat;}
      #content h2.h2_lokalizacja {background: url(uploads/images/h2_lokalizacja.gif) 2px 3px no-repeat;}
      #content h2.h2_praca {background: url(uploads/images/h2_praca.gif) 2px 3px no-repeat;}
      #content h2.h2_kontakt {background: url(uploads/images/h2_kontakt.gif) 2px 3px no-repeat;}
  #content h4 {width: 100%; clear: both; padding: 0 0 10px 0px; font-size: 13px; font-weight: normal;}
  #content div.horizontal_line {float: left; clear: both; height: 10px; width: 100%; font-size: 0; line-height: 0;}
    #main div.horizontal_line {border-top: 1px solid #bdbd89;}

    #sub div.horizontal_line {background: url(uploads/images/dott.gif) left top repeat-x;}
        
  #sub {float: left; width: 261px; padding: 0 0 10px 23px; overflow: hidden;}
    #sub div.sub_box {float: left; clear: both; background: url(uploads/images/sub_box_bg.gif) repeat-y; width: 231px; padding: 0 10px 0 20px;}
      #sub div.sub_box_top {width: 261px; background: url(uploads/images/sub_box_top.gif) no-repeat; height: 20px; font-size: 0; line-height: 0; margin: 0 -10px 0 -20px;}
      #sub div.sub_box_bottom {width: 261px; background: url(uploads/images/sub_box_bottom.gif) left bottom no-repeat; height: 20px; font-size: 0; line-height: 0; margin: 0 -10px 0 -20px;}
      #sub div.sub_box small {color: #918f68; font-size: 10px;}
      #sub div.sub_box ul li {background: url(uploads/images/arrow.gif) 5px 5px no-repeat; padding: 0 0 3px 15px; border-bottom: 1px dotted #d9d6b7;}
      #sub div.sub_box a.more {margin: 10px 0 10px 0; padding: 2px 20px 2px 0; background: url(uploads/images/amore.gif) right 1px no-repeat;}
      #sub span {width: 100%; float: left; padding: 0 0 10px 0;}
     #sub h2.h2_tytul_sub{ font-size: 14px; color:gray;}

  #main {float: right; width: 339px; padding: 0 24px 10px 24px; overflow: hidden;}
    #main #navi_top {float: left; width: 319px; font-size: 10px; line-height: 12px; padding: 10px; margin: 0 0 10px 0; background: #c9c890; font-weight:bold;}
      #main #navi_top a {font-weight: normal;}
      
    #main ul.navi_bottom {float: left; width: 339px; font-size: 11px; line-height: 12px; padding: 14px 0 0 0; margin: 0 0 10px 0; background: url(uploads/images/dotts.gif) left top repeat-x;}
      #main ul.navi_bottom li {float: left; background: none; padding-left: 0 !important;}
      #main ul.navi_bottom li.last_item {float: right;}
      
    #main div.main_box_bg {float: left; background: url(uploads/images/main_box_bg.gif) repeat-y;}
    #main div.main_box {float: left; clear: both; background: url(uploads/images/picture2.gif) -1px bottom no-repeat; width: 199px; padding: 0 10px 10px 130px; color: #FFF; min-height: 190px; height: auto !important; height: 190px;}
      #main div.main_box_top {width: 339px; background: url(uploads/images/main_box_top.gif) no-repeat; height: 20px; font-size: 0; line-height: 0; margin: 0 -10px 0 -130px;}
        #main div.main_box h3 {width: 209px; height: 20px; padding: 5px 0 5px 130px; margin: 0 -10px 0 -130px; font-size: 16px; font-weight: normal; text-transform: uppercase; background: url(uploads/images/h3_praca.gif) 20px 0 no-repeat;}
        #main div.main_box h3 span {display: none;}
        #main div.main_box a.more {float: right; clear: both; display: block; margin: 0 0 10px 0; width: 159px; height: 27px; background: url(uploads/images/button.gif) no-repeat;}
          #main div.main_box a.more span {display: none;}
       

 
#footer {clear: both; width: 651px; padding: 16px 10px 4px 10px; line-height: 1.1em; border-left: 10px solid #43402d; background: url(uploads/images/footer_bg.gif) no-repeat #dbd99e;}
  #footer a {font-weight: normal;}
  #footer ul {float: right;}
    #footer ul li {float: left; background: url(uploads/images/footer_line.gif) right top no-repeat; padding: 0 2px 0 0;}
    #footer ul li a {float: left; padding: 0 6px 0 6px;}
    #footer ul li.last {background: none;}
  
#tinymce{
  background: #DBD99E;
  float: left;
  border-left: none;
  padding-right: 262px
  !important; overflow: auto;
}


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: 0 5px 5px  0 !important;}
img.left{	float: left !important;	margin: 0 5px 5px 0 !important;}
img[align="right"]{	float: right !important; margin: 0 0 5px 5px !important;}
img.right{	float: right !important; margin: 0 0 5px 5px !important;}
.mceContentBody {overflow: auto;}


/* End of 'Podstawowy' */

/* 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: 230px;       /* szerokosc formularza = szerokosc prawej kolumny + szerokosc lewych pol + 6px + odstep miedzy kolumnami */
}

#DkrContactForm .form fieldset.info input {
    background: #ECEBC2;
    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 {
   background: #ECEBC2;
   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: #DBD99E;
    color: #666748;
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;
    border: none;
    cursor: pointer;
}

#DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea {
    margin-bottom: 0;       /* inputy */
    border: 1px solid #9C9C9C;
    font-size: 11px;
    font-family: trebuchet, sans-serif;
    padding: 2px;
    background: #ECEBC2;
    color: #000;
}

#DkrContactForm .form fieldset label {
    background: none;       /* label */
    color: #666748;
    font-size: 100%;
}

/************************************************************** 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 !important;
}

textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea,
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
      background-color:#FF9F9F !important; 
}

.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 '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-color: #ECECEC;*/
   /*border-bottom: 1px solid #C0C0C0;*/
   width: 100%;
   border:none;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 140px; 
   background: #FDAF4A;
   border: 1px solid #F18F06;
   padding: 0px;
}

/* 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: 260px; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 21%; 
   top: 0px; 
}


#primary-nav li { 
   margin-left: -1px;
   float: left; 
}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0px; 
   text-decoration: none; 
   color: #006699;
}
#primary-nav li a { 
   /*border-right: 1px solid #C0C0C0;*/
   /*border-left: 1px solid #C0C0C0;*/
}
#primary-nav li li a {
	/*border: 1px solid #C0C0C0;*/
}	

#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 {
  border-bottom: 4px solid #f08f04;
}


/* 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:  url(images/cms/arrow.gif) no-repeat right center !important; */
   /*background-position: center right; */
  /* background-repeat: no-repeat; */
	text-decoration: none; 
}


/* 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 li:hover ul,
#primary-nav 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' */

