/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
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;}

iframe
{background: #fff}
#tinymce {
      background: #50504E none repeat !important;
      color:#fff !important;
      float:left !important;
      padding:10px !important;
      width:472px !important;
}
*html #tinymce {margin-right: 120px;}
#tinymce a {color:#54D4F9 !important; text-decoration:underline;}
.mceContentBody {border-left: 0 !important;}

* {margin: 0; padding: 0;}
a {text-decoration: none; color: #54D4F9; font-weight: bold;}
a:hover {text-decoration: underline;}
img {border: none;}
ul {list-style: none;}

h3 {color:#54D4F9;
font-size:14px;
font-weight:bold;
padding-bottom:10px;}

body {padding: 0; background: url(uploads/images/top_bg.jpg) repeat-x #2D2D2D; color: #fff; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 1.3em;}

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

#top {background:transparent url(uploads/images/top_pic.jpg) no-repeat scroll 0 52px;
float:left;
height:445px;
width:768px;}
    #top h1 {float: left; width: 566px; height: 52px;}
      #top h1 a {float: left; display: block; width: 273px; height: 52px;}
      #top h1 a span {display: none;}
    #top h2 {float: left; width: 190px; height: 32px; padding: 20px 0 0 12px; background: url(uploads/images/top_line.jpg) no-repeat; font-size: 12px; color:#FFFFFF; font-family:tahoma; font-weight:bold;}
    
    #top ul {background:transparent url(uploads/images/menu/menu_bg.jpg) repeat-x scroll 0 0;
float:left;
height:59px;
margin:19px 0 0;
width:768px;}
      #top ul li {float: left; padding: 0; }

      #top ul li.last, #top ul li.lasth {background: none !important; padding: 0 !important;}    
      #top ul li a {float: left; display: block; height: 59px;}
      #top ul li li a {float: none !important;}
      #top ul li a span {display: none;}
        #top ul li.m_o_nas a {width: 110px; background: url(uploads/images/m_o_nas.jpg) no-repeat;}
        #top ul li.m_galeria a {width: 90px; background: url(uploads/images/m_galeria.jpg) no-repeat;}
        #top ul li.m_oferta a {width: 84px; background: url(uploads/images/m_oferta.jpg) no-repeat;}
        #top ul li.m_referencje a {width: 112px; background: url(uploads/images/m_referencje.jpg) no-repeat;}
        #top ul li.m_wspolpraca a {width: 123px; background: url(uploads/images/m_wspolpraca.jpg) no-repeat;}
        #top ul li.m_lokalizacja a {width: 120px; background: url(uploads/images/m_lokalizacja.jpg) no-repeat;}
        #top ul li.m_kontakt a {width: 117px; background: url(uploads/images/m_kontakt.jpg) no-repeat;}
        #top ul li.m_o_nas a.active, #top ul li.m_o_nas a:hover {background: url(uploads/images/mo_o_nas.jpg) no-repeat;}
        #top ul li.m_galeria a.active, #top ul li.m_galeria a:hover {background: url(uploads/images/mo_galeria.jpg) no-repeat;}
        #top ul li.m_oferta a.active, #top ul li.m_oferta a:hover {background: url(uploads/images/mo_oferta.jpg) no-repeat;}
        #top ul li.m_referencje a.active, #top ul li.m_referencje a:hover {background: url(uploads/images/mo_referencje.jpg) no-repeat;}
        #top ul li.m_wspolpraca a.active, #top ul li.m_wspolpraca a:hover {background: url(uploads/images/mo_wspolpraca.jpg) no-repeat;}
        #top ul li.m_lokalizacja a.active, #top ul li.m_lokalizacja a:hover {background: url(uploads/images/mo_lokalizacja.jpg) no-repeat;}
        #top ul li.m_kontakt a.active, #top ul li.m_kontakt a:hover {background: url(uploads/images/mo_kontakt.jpg) no-repeat;}
       

.main_page {background: url(uploads/images/main_bg.jpg) repeat-y;}
.sub_page {background: url(uploads/images/sub_bg.jpg) repeat-y;}
#content {border-left:2px solid #50504E; float:left; width:766px;}
  #content p {padding: 0 0 10px 0; font-size: 13px !important}
#content p strong{color:#54D4F9; font-size: 15px;}
  #content img {padding: 1px; background: #7A7A78; border: 3px solid #7A7A78; margin: 0 10px 10px 0;}
  #content strong {font-size: 11px; font-weight: bold;}
  #content strong.title {color: #ffe3a7; padding: 0 0 10px 0; display: block;}
  #content small {font-size: 11px; font-weight: normal; font-style: italic;}
  #content em {display: block; font-style: normal;}
  #content ul {float: left; width: 100%; padding: 0 0 10px 0;}
      #content ul li {padding: 0 0 0 14px; background: url(uploads/images/li.jpg) 0 6px no-repeat;font-size: 13px;}
  #content div.line {width: 100%; float: left; clear: both; height: 10px; border-top: 1px solid #414141; font-size: 0; line-height: 0;}
  #content a.more {padding: 0 12px 0 0; background: url(uploads/images/arrowr.gif) right 6px no-repeat; float: left; font-weight: normal;}
  #content a.back {padding: 0 0 0 12px; background: url(uploads/images/arrowr_left.jpg) left 6px no-repeat; float: right; font-weight: normal;}

  #content h2 {width: 100%; height: 36px; font-size:1.45em;}
    #content h2 span {display: none;}
    #content h2.h2_firma {background: url(uploads/images/h2_firma.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2_uslugi {background: url(uploads/images/h2_uslugi.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2_certyfikaty {background: url(uploads/images/h2_certyfikaty.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_kontakt{background: url(uploads/images/h2s_kontakt.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_realizacje {background: url(uploads/images/h2s_realizacje.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_uslugi {background: url(uploads/images/h2s_uslugi.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_firma {background: url(uploads/images/h2s_firma.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_certyfikaty {background: url(uploads/images/h2s_certyfikaty.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_galeria {background: url(uploads/images/h2s_galeria.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2_aktualnosci {background: url(uploads/images/h2_aktualnosci.gif) no-repeat; text-indent:-3000px;}
    #content h2.h2s_aktualnosci {background: url(uploads/images/h2s_aktualnosci.gif) no-repeat; text-indent:-3000px;}

#content h2.h2_galeria {background: url(uploads/images/h2_galeria.gif) no-repeat; text-indent:-3000px;}
#content h2.h2_galeria2 {background: url(uploads/images/h2_galeria2.gif) no-repeat; text-indent:-3000px;}
#content h2.h2_lokalizacja2 {background: url(uploads/images/h2_lokalizacja2.gif) no-repeat; text-indent:-3000px;}

  .sub {float: left; width: 214px; padding: 20px 20px 10px 20px; overflow: hidden;}
  .sub2 {border-top:2px solid #50504E; float: left; width: 214px; padding: 20px 20px 10px 20px; overflow: hidden;}

   .sub2 li {background:none !important; padding: 0 !important;}
    .sub p {float: left; width: 100%;}
    .sub2 ul.gallery {width: 100%;}
      ul.gallery li {padding: 0 0 10px 0 !important; background: none !important; float: left; clear: left;}
      .sub2 ul.gallery li img {margin: 0 !important;}
  .sub_light {}
  
  ul.articles {width: 100%; margin-bottom: -1px;}
    ul.articles li {padding: 6px 0 10px 0 !important; background: none !important; border-bottom: 1px solid #724329;}
      ul.articles li h4 {font-size: 11px; font-weight: bold;}
      ul.articles li h5 {font-size: 11px; font-weight: normal;}
    
  #main {float: right; width: 472px; padding: 20px 20px 10px 20px;}
    #main ul.list_box {float: right; padding: 10px; width: 230px; background: #723e26;}
      #main ul.list_box li {background: url(uploads/images/dott.gif) left 6px no-repeat;}
    #main ul.list_box {float: right; padding: 10px; width: 230px; background: #723e26; margin: 0 0 10px 10px;}
      #main ul.list_box li {background: url(uploads/images/dott.gif) left 6px no-repeat;}
    
    #main ul.gallery {width: 100%;}
      #main ul.gallery li {padding: 0 0 10px 10px !important; background: none !important; float: left;}
      #main ul.gallery li img {margin: 0 !important;}      


/* FORMULARZ KONATKTOWY */
#kontakt {float: left; width: 400px; clear: both; padding:20px 0 20px 0; margin: 0 auto; float: none ; overflow: hidden;}

#kontakt fieldset {border: 0;}
#kontakt legend {border: 1px solid #999; padding: 4px; font-weight: bold;}
#kontakt input {font-size: 12px; height: 1.4em; width: 8em; margin-top: 0.5em; }
#kontakt input, textarea {  border: 1px #73442a solid; background: #ebd196;}
#kontakt input.submit {border: 0; margin:0;}


#kontakt form { background: none; overflow: hidden;}
#kontakt #left_part {float: left; width: 130px;}
#kontakt span.gwiazdka {color: #ff0000; font-size: 120%;}
#kontakt #left_part input {width: 120px;}
#kontakt #right_part {float: right; width: 240px;}
#kontakt #right_part input {width: 140px;}
#kontakt input {margin: 5px 0 5px 0; }
#kontakt textarea {width: 240px; display: block; height: 172px; margin: 5px 0 0 0; clear: both; overflow: auto; font-family: Tahoma, Verdana, sans-serif; font-size: 11px;}
#kontakt input.reset {margin: 15px 15px 0 10px; }
#kontakt input.submit {margin: 15px 5px 0 0; }
#kontakt input.reset {float: left; cursor: pointer;  height: 20px; width: 100px !important; color: #000; text-transform: capitalize;}
#kontakt input.submit {float: right; cursor: pointer;  height: 20px; width: 100px !important; color: #000; text-transform: capitalize;}
/* FORMULARZ KONATKTOWY */


#footer {clear:both;
height:40px;
margin:0 auto;
padding:10px 0 0;
text-align:center;
width:768px;}
#footer p{clear:both;
display:block;}
#footer a {color: #fff;}

.NewsSummaryLink a
{font-size: 15px;}

#slogan
{clear:both;
display:block;
float:left;
padding-top:201px;}

#menu_gorne
{float: right; padding-right: 20px;}

#menu_gorne li
{float: left; padding-left: 20px;}
#menu_gorne li a
{
font-weight:normal;
}
#menu_gorne img {float:left;padding-right:10px;padding-top:3px;
}

#baner{padding-left:304px;}

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

#DkrContactForm .form fieldset.info input {
    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 {
    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:#EBD196 none repeat scroll 0 0;
border:1px solid #73442A;
color: #000;

cursor: pointer;
}

#DkrContactForm .form fieldset input, #DkrContactForm .form fieldset textarea {
    margin-bottom: 0;       /* inputy */
    background:#EBD196 none repeat scroll 0 0;
border:1px solid #73442A;
    font-size: 95%;
    font-family: trebuchet, sans-serif;
    padding: 2px;

    color: #000;
}

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

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

.klauzura
{clear:both;
display:block;}

.klauzura h5{
font-size:10px !important;
font-weight:normal;}

.klauzura #m3_14
{position:relative;
top:90px; border: 0px #fff solid !important; display: block; clear: both;}

.klauzura #m3_13
{position:relative;
top:2px; border: none !important; display: block; clear: both;}

#DkrContactForm .buttons
{margin-top: 20px;}
#DkrContactForm .buttons .reset
{background: #EBD196 none repeat scroll 0 0; color: #424240}

#DkrContactForm .buttons .submit
{background: #EBD196 none repeat scroll 0 0; color: #424240}
/* 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;  */ 

   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 100px; 
}


/* 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: 59px;
left:0; 
   display: none; 
background:#424240;
width:auto;
height:auto; 
}
#menuwrapper {float: left;}



#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
position:relative;
   float: left; 
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top:-2px;
   float: none; 
   position: relative; 
background:none;
border:2px solid #50504E;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 

   text-decoration: none; 

}
#primary-nav li a { 

}
#primary-nav li li a { 
color:#eee;
padding:5px;
}

#primary-nav li li a:hover { 
text-decoration:underline;
}
	
#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 { 

}


/* 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 'Module: News' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #313131; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
  text-align:right;
}
.NewsSummaryMorelink a {
   background:transparent url(uploads/images/arrowr.gif) no-repeat scroll right center;
   font-weight:normal;
   padding-right:12px;
}

#NewsPostDetailDate {
  font-size: 90%;
margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

#NewsPostDetailReturnLink a {font-weight:normal;}

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
*/
/* End of 'Module: News' */