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

body {padding: 30px 0 20px 0; background: url(uploads/images/body_bg.gif) repeat-x #000; color: #adadad; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 1.5em;}

table {border-collapse:collapse;width:100%;}
td {border: 1px solid #000000; color:#000000; width:33%;padding:3px; font-size: 11px;}
td.first {background: #CDFECC;}
td.second {background: #01FEFF;}
td.third {background: #FFFD06;}

#wrapper {margin: 0 auto; width: 768px;}

#top {float: left; width: 768px; background: url(uploads/images/top_bg.jpg) 0 bottom no-repeat; margin: 0 0 20px 0;}
  #top h1 {float: left; padding: 4px 0 0 30px;}
    #top h1 a {display: block;}
      #top h1 a span {display: none;}
  .menu {float: left; width: 760px;; padding: 20px 8px 0 0; background: url(uploads/images/menu_right.gif) right 20px no-repeat;}

#tinymce { width:487px !important;margin:10px 118px 10px 0 !important;background:#000 none !important; }
#tinymce a.more { color:#991141 !important; text-decoration:none !important; }
#content a {color: #eb0089;}
body#page1 #sub strong { color:#991141 } 
#content a.more {overflow: hidden; padding: 0 10px 0 0; background: url(uploads/images/arrows1.gif) right 6px no-repeat;}
          
body#page1 .menu ul li a.active, body#page1 .menu ul li a:hover {color: #eb0089;}
      body#page1 div#content a, body#page1 ul.sub_bottom a {color: #FFFF02;}
      body#page1 a.more {background: url(uploads/images/arrows1.gif) right 5px no-repeat !important;}
body#page2 .menu ul li a.active, body#page2 .menu ul li a:hover {color: #00adef;}
      body#page2 div#content a, body#page2 ul.sub_bottom a {color: #FFFF02;}
      body#page2 a.more {background: url(uploads/images/arrows1.gif) right 5px no-repeat !important;}
body#page3 .menu ul li a.active, body#page3 .menu ul li a:hover {color: #fef200;}
      body#page3 div#content a, body#page3 div#content strong, body#page3 ul.sub_bottom a {color: #fef200;}
      body#page3 a.more {background: url(uploads/images/arrows3.gif) right 5px no-repeat !important;}

#content {float: left; width: 768px; clear:both; background: url(uploads/images/dott.gif) 260px 0 repeat-y; margin: 0 0 10px 0; text-align: justify;}
  #content p {padding: 0 0 15px 0;}
  #content img.pic_right {float: right; margin: 0 0 10px 10px;}
  #content strong {font-size: 1.0em; font-weight: bold;}
  #content small {font-size: 1.0em; font-weight: normal; font-style: normal;}
  #content em {font-size: 1.0em; font-style: italic;}
  #content ul {padding: 0 0 15px 0; width:92%;}
      #content ul li {padding: 0 0 0 10px; background: url(uploads/images/arrows.gif) 0 7px no-repeat;}
  #content h2 {color: #e1e1e1; font-size: 15px; font-weight: normal; padding: 0 0 15px 0;}
  #content h3 {color: #adadad; font-size: 1.0em; font-weight: bold; padding: 0 0 15px 0;}

  #sub {float: left; width: 240px; padding: 0 20px 0 0;}
    ul.actual_list {}
      ul.actual_list li {padding: 0 !important; background: none !important;}
        ul.actual_list li h3 {padding: 0 !important;}
          ul.actual_list li h3 a {font-weight: bold !important;}
        ul.actual_list li p {padding: 0 !important;}

  #sub img {float: left; margin: 0 10px 10px 0;}
  #sub p { text-align:left; }
  #main {float: right; width: 487px; padding: 0 0 0 20px; color: #898989;}
    div.main_bottom_container {clear: both; width: 487px; padding: 15px 0 0 0; background: url(uploads/images/dott.gif) repeat-x;}

  .pink_box_bg {width: 240px; overflow: hidden; text-align:left; clear: both; padding: 0 0 5px 0; background: url(uploads/images/pink_box_bottom.gif) 0 bottom no-repeat; margin: 0 0 10px 0;}
    .pink_box {width: 218px; overflow: hidden; clear: both; padding: 10px 15px 5px 7px; background: url(uploads/images/pink_box_top.gif) 0 0 no-repeat; color: #FFF;}
      .pink_box strong, .pink_box a {color: #FFF !important;}
  .blue_box_bg {width: 240px; text-align:left; overflow: hidden; clear: both; padding: 5px 0 0 0; background: url(uploads/images/blue_box_top.jpg) 0 0 no-repeat; margin: 0 0 10px 0;}
    .blue_box {width: 148px; float: left; clear: both; padding: 5px 15px 10px 77px; background: url(uploads/images/blue_box_bottom.jpg) 0 bottom no-repeat; color: #FFF !important; min-height: 80px; height: auto !important; height: 80px; font-size: 16px; font-weight: normal;}
      .blue_box strong, .blue_box a, .blue_box h3 {color: #FFF !important;}
      .blue_box h3 {font-weight: normal !important; display: block; text-align: left; font-size: 21px !important;}

  ul.sub_bottom {width: 768px; clear: both; overflow: hidden; padding: 10px 0 10px; background: url(uploads/images/dott.gif) repeat-x;}
    ul.sub_bottom li {float: left; width: 236px; padding: 0 10px 0 10px;}
      ul.sub_bottom li img {float: left; margin: 0 10px 10px 0;}
        ul.sub_bottom li h2 {color: #e1e1e1; font-size: 15px; font-weight: normal; padding: 0 0 7px 0;}
        ul.sub_bottom li dl {overflow: hidden;}
          ul.sub_bottom li dl dd {padding: 0 0 0 10px; background: url(uploads/images/arrows.gif) 0 7px no-repeat; zoom: 1; overflow: hidden;}

  
#footer {clear: both; overflow: hidden; padding: 8px 20px 20px 20px; width: 728px; margin: 0 auto; background: url(uploads/images/footer_bg.gif) no-repeat;}
  #footer ul {width:590px;text-align:center; float: right; overflow: hidden;}
    #footer ul li {display:inline; background: url(uploads/images/footer_line.gif) right 4px no-repeat; margin: 0 -2px 0 0; padding: 0 10px 0 10px;}
#footer ul li.last, #footer ul li.lasth {background: 0;}


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

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

ul#primary-nav { float: right; background: url(uploads/images/menu_left.gif) left 0 no-repeat; overflow: hidden; padding: 0 0 240px 0; *padding-bottom:223px; width:760px;}

#primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   position: absolute; 
   top: 100%; left:10px; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   float: left; padding: 0 4px 10px 4px; background: url(uploads/images/menu_line.gif) right 1px no-repeat; margin: 0 -1px 0 0; position:relative;
}

#primary-nav li.last, #primary-nav li.lasth { 
   background: none !important;
}

#primary-nav li li { 
   margin-left: 0px; border:1px solid rgb(180,180,180);
   margin-top: -1px; background-color:#000;
   float: none; z-index:100;
   position: relative;  padding:3px 0 3px 5px; 
   width: 100px; 
}

#primary-nav li a { 
   float: left; padding: 10px 5px 6px 5px; font-weight: normal; color: #FFF; font-size: 12px;
}
#primary-nav li li a { 
   padding:0px; float:none; color:#fff !important;
}	
#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 a { 
   color: #FFFF02; text-decoration: none;
}
#primary-nav li a:hover {color: #FFFF02 !important; }


/* 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 */
}


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

/* Start of CMSMS style sheet 'kontakt' */
#DkrContactForm {
    width: 400px; clear: both; padding: 20px 0 20px 0; margin: 0 auto; float: none; overflow: hidden; text-align: left;
}
#DkrContactForm input {font-size: 12px; height: 1.4em; width: 8em; margin-top: 0.5em; margin: 5px 0 5px 0; }
#DkrContactForm input, #DkrContactForm textarea {  border: 1px solid #000!important; background: #FFF !important;}

    /* 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 {
        background: none; overflow: hidden;
    }

        #DkrContactForm .form fieldset {
            margin: 0;
            padding: 0;
            border: none;
        }

        #DkrContactForm .form fieldset.info {
            float: left; width: 130px; overflow: hidden;
        }



        #DkrContactForm .form fieldset.message {
            float: right; width: 240px;
        }

            #DkrContactForm .form fieldset label {
                display: block;
                clear: both;
                background:none;
            }


            #DkrContactForm .form fieldset input.submit {
                float: right; border: 0; margin: 15px 5px 0 0;
            }

            #DkrContactForm .form fieldset input.reset {
               float: left;margin: 15px 15px 0 5px;
            }



            #DkrContactForm .form fieldset textarea {
                overflow:auto;

            }

            #DkrContactForm .form fieldset .field {
            }
          #DkrContactForm .form fieldset .buttons {
                display: block;
                clear: both;
            }

/******  dostosowywujemy ponizsze style do wygladu strony */


#DkrContactForm .form fieldset.info input {
    width: 120px;
}

#DkrContactForm .form fieldset input#subject, #DkrContactForm .form fieldset textarea {
    width: 229px;
}

#DkrContactForm .form fieldset textarea {
    display: block; height: 132px; margin: 5px 0 0 0; clear: both; overflow: visible; font-family: Tahoma, Verdana, sans-serif; font-size: 11px;
}

#DkrContactForm .form fieldset.message {
    width: 230px;       /* szerokoscx prawej kolumny = szerokosx pol + 6px */
}
#DkrContactForm .form fieldset input.submit, #DkrContactForm .form fieldset input.reset {
cursor: pointer;  height: 20px; width: 100px !important; color: #991141; font-weight: bold; text-transform: capitalize; border: 0 none !important; background: none !important;
}

#DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea {
}

#DkrContactForm .form fieldset label {
}

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

