/*--reset---------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, div, p, form, fieldset, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
a, a:visited, a:hover { text-decoration: none; }
fieldset, img { border: none; }

hr {
   border: 0;
   color: #C9CCB7;
   background-color: #C9CCB7;
   height: 1px;
   margin: 15px 0 15px 0;
}

/*-------------------------------*/
body, textarea, input {
   color: #000;
   font-family: tahoma, verdana, sans-serif;
   font-size: 11px;
}
body {
   background: #DCE0CF url('../graph/main_bg.gif') 0 0 repeat;
}
li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }


#bg { background: #DCE0CF url('../graph/background.jpg') 50% 0 no-repeat; }
#site {
   margin: 0 auto;
   padding: 0 70px 0 70px;
   width: 835px;
   background: transparent url('../graph/galazka.gif') 100% 0 no-repeat;
}
#logo {
   padding: 55px 0 0 0;
   width: 310px;
}

/* menu strony */
#menu {
   margin: 93px 0 0 0;
   width: 450px;
}
   .tab a {
      height: 31px;
      padding: 10px 0 0 0;
      width: 112px;
      display: block;
   }
   .tab a:hover, .checked a {
      height: 41px;
      padding: 0;
      display: block;
   }
   .dark {
      background: transparent url('../graph/opacity/op10.png') 0 0 repeat;
      padding: 1px 1px 0 1px;
   }
   .section {
      width: 106px;
   }
   #m1 .section {
      background: #99BB33 url('../graph/menu_o_nas.gif') 0 0 no-repeat;
      height: 28px;
   }
   #m1:hover .section, .checked #m1 .section {
      background: #5BB730 url('../graph/menu_o_nas_zazn.gif') 0 0 no-repeat;
      height: 38px;
   }
   #m2 .section {
      background: #99BB33 url('../graph/menu_oferta.gif') 0 0 no-repeat;
      height: 28px;
   }
   #m2:hover .section, .checked #m2 .section {
      background: #5BB730 url('../graph/menu_oferta_zazn.gif') 0 0 no-repeat;
      height: 38px;
   }
   #m3 .section {
      background: #99BB33 url('../graph/menu_portfolio.gif') 0 0 no-repeat;
      height: 28px;
   }
   #m3:hover .section, .checked #m3 .section {
      background: #5BB730 url('../graph/menu_portfolio_zazn.gif') 0 0 no-repeat;
      height: 38px;
   }
   #m4 .section {
      background: #99BB33 url('../graph/menu_kontakt.gif') 0 0 no-repeat;
      height: 28px;
   }
   #m4:hover .section, .checked #m4 .section {
      background: #5BB730 url('../graph/menu_kontakt_zazn.gif') 0 0 no-repeat;
      height: 38px;
   }

   

#main {
   min-height: 460px;
   background: #F5F5EF url('../graph/main_bg.png') 0 0 repeat;
}

#main_pad {
   padding: 25px 12px 10px 20px;
}

.box_dl {   /* duze boxy */
   width: 194px; 
   height: 158px;
}
.box_dr {
   width: 200px; 
   height: 158px;
}
.box_ml {    /* male boxy */
   width: 194px; 
   height: 130px;
}
.box_mr {
   width: 200px; 
   height: 130px;
}

#ogrod, #taras, #woda, #wnetrze {
   width: 394px;
   margin: 0 0 10px 0;
}
#kamien, #drewno {
   width: 394px;
   margin: 0;
}

/* podmiania zdjec na stronie glownej */
#ogrod .box_dl { background:url('../graph/ogrod_lewa.png') 0 0 no-repeat; }
#ogrod #d1 { background:url('../graph/main_ogrod.gif') 0 0 no-repeat; }
#ogrod #d1 h3 { display: none; }
#ogrod #off { background:url('../graph/main_ogrod_1.gif') 0 0 no-repeat; }

#taras .box_dl { background:url('../graph/taras_lewa.png') 0 0 no-repeat; }
#taras #d2 { background:url('../graph/main_taras.gif') 0 0 no-repeat; }
#taras #d2 h3 { display: none; }
#taras #off { background:url('../graph/main_taras_1.gif') 0 0 no-repeat; }

#woda .box_dl { background:url('../graph/woda_lewa.png') 0 0 no-repeat; }
#woda #d3 { background:url('../graph/main_woda.gif') 0 0 no-repeat; }
#woda #d3 h3 { display: none; }
#woda #off { background:url('../graph/main_woda_1.gif') 0 0 no-repeat; }

#wnetrze .box_dl { background:url('../graph/wnetrze_lewa.png') 0 0 no-repeat; }
#wnetrze #d4 { background:url('../graph/main_wnetrze.gif') 0 0 no-repeat; }
#wnetrze #d4 h3 { display: none; }
#wnetrze #off { background:url('../graph/main_wnetrze_1.gif') 0 0 no-repeat; }


#off h3 {  /* tutaj zmieniamy pozycje pojawiajacej sie ramki z tekstem */
   margin: 88px 15px 0 8px;
   background: #fff;
   padding: 5px;
   font-size: 11px;
   text-align: left;
}

#kamien { margin: 17px 0 0 20px; }
#kamien .box_ml { background:url('../graph/kamien_drewno_lewa.png') 0 0 no-repeat; }
#kamien #d5 { background:url('../graph/main_kamien.gif') 0 0 no-repeat; }
#kamien #d5 h3 { display: none; }
#kamien #off { background:url('../graph/main_kamien_1.gif') 0 0 no-repeat; }

#drewno { margin: 17px 12px 0 0; }
#drewno .box_ml { background:url('../graph/kamien_drewno_lewa.png') 0 0 no-repeat; }
#drewno #d6 { background:url('../graph/main_drewno.gif') 0 0 no-repeat; }
#drewno #d6 h3 { display: none; }
#drewno #off { background:url('../graph/main_drewno_1.gif') 0 0 no-repeat; }

#kamien #off h3, #drewno #off h3 {
   margin: 80px 15px 0 8px;
   background: #fff;
   padding: 5px;
   font-size: 11px;
   text-align: left;
}


/* naglowki czterech glownych boxow strony glownej */
.box_dl h1 { 
   padding: 22px 0 0 0;
   text-align: right;         
   color: white;
   font-size: 14px;
}
.box_dl h1 a {
   color: white;
}
.box_dl h1 a:hover {
   color: white;
   text-decoration: underline;
}
.box_dl ul {
   text-align: right;
   margin: 20px 10px 0 10px;
}
.box_dl li { 
   border-top: 1px solid #C8D6B3; 
   padding: 4px 0; 
   font-size: 12px;
}
.box_dl li.first { border:0; }
.box_dl a { color: #000; }
.box_dl a:hover {
   color: #373737;
   text-decoration: underline;
}

#ogrod li { background:url('../graph/ogrod_strzalka.png') 0 7px no-repeat; }
#taras li { background:url('../graph/taras_strzalka.png') 0 7px no-repeat; }
#woda li { background:url('../graph/woda_strzalka.png') 0 7px no-repeat; }
#wnetrze li { background:url('../graph/wnetrze_strzalka.png') 0 7px no-repeat; }



/* naglowki 2 boxow w bottom */
.box_ml h1 { 
   padding: 23px 0 0 0;
   text-align: right;         
   color: white;
   font-size: 14px;
}
.box_ml ul {
   text-align: right;
   margin: 20px 10px 0 10px;
}
.box_ml li { 
   border-top: 1px solid #CBBAA0; 
   padding: 4px 0; 
   font-size: 12px;
}
.box_ml li.first { border:0; }
.box_ml a { color: #000; }
.box_ml a:hover {
   color: #373737;
   text-decoration: underline;
}

#kamien li, #drewno li 
{ background:url('../graph/kamien_drewno_strzalka.png') 0 7px no-repeat; }


/* relaizacje */
#realizacje_h1 {
    background:url('../graph/hor_line.png') 0 5px repeat-x;
    margin: 0 8px 0 0;
}
   #realizacje_h1 h2 {
      margin: 0 0 0 20px;
      color: #000;
      font-size: 14px;
      padding: 0 10px 0 10px;
      background:url('../graph/main_bg.png') 0 0 repeat;
      display: inline;
   }

#realizacje {
   background:url('../graph/realizacje_bg.jpg') 0 0 repeat;
   margin: 10px -12px 0 -20px;
   padding: 10px 0 10px 0;
   position: relative;
   overflow: hidden;
   z-index: 2;
   height: 102px;
   width: 835px;
} 
   #realizacje #theImages a { 
      margin-left: 2px; 
      float: left; 
   }
   
   #realizacje #theImages a img {
      height: 100px;
      width: 150px;
   }
   
   #arrow_left, #arrow_right {
      cursor: pointer;
   }

/* GALERIA PRZEWIJANIE */

#arrow_left { 
   left: 0px; 
}           
#arrow_right { 
   right: 0px; 
}  
#arrow_left, #arrow_right { 
   position: absolute; 
   z-index: 10;
   width: 60px; 
   height: 100px;
   padding: 40px 0 40px 0;
   text-align: center;
   background: url('../graph/realizacje_bg.jpg') 0 0 repeat;
}

#theImages { 
   position: absolute; 
   width: 100000px; 
   height: 100px; 
   left: 60px; 
   z-index: 5; 
}
#theImages img { float:left; }        
#slideEnd	{ float:left; }

/*GALERIA PREVIEW ========================*/

#previewPane {
   margin-bottom: 10px;
   margin-top: 15px;
   padding: 15px 0 10px 0;
   position: relative;
   text-align: center;
   vertical-align: middle;  
}
			
#waitMessage {
   position: absolute;
   display: none;
   left: 200px;
   top: 150px;
   padding: 4px;
}        

/*=======================================*/


.cien_dol {
   width: 836px;
   height: 10px;
   background: transparent url('../graph/opacity/cien_dol.png') 0 0 repeat;
}

#wzorek {
   background: transparent url('../graph/wzorek.jpg') bottom left no-repeat;
   padding-bottom: 60px;
}
#bottom {
   margin: 15px 0 0 0;
   background: transparent url('../graph/bottom_bg.gif') 0 0 repeat-x;
   height: 158px;
}

#footer {
   padding: 5px 10px 0 0;
   text-align: right;
   color: #A4A4A4;
}
   #footer a {
      color: #A4A4A4;
      font-weight: bold;
   }
   #footer a:hover {
      color: #5C5C5C;
   }

/* podstrona */

#main_bg {
   background: url('../graph/sub_menu_bg.gif') 0 0 repeat-y;
}

#submenu {
   margin: 1px 0 0 1px;
   width: 184px;
   text-align: center;
   padding: 5px 0 25px 0;
}
   #submenu .big {
      margin: 10px 0 0 0;
   }
   #submenu .small {
      margin: 15px 0 0 0;
   }
   
#text {
   width: 610px;
   margin: 0 20px 0 0;
   text-align: justify;
   line-height: 18px;
}
   #text h1 {
      background: transparent url('../graph/dot.gif') 0 4px no-repeat;
      color: #914200;
      font-size: 14px;
      padding: 0 0 5px 20px;
      margin: 25px 0 15px 0;
      border-bottom: 1px solid #C9CCB7;
   }
   #text p {
      padding: 5px 0 5px 0;
   }
   #text td {
      vertical-align: top;
      text-align: left;
   }
   #text ul {
      margin: 5px 0 10px 0;
   }
   #text li {
      margin: 0 0 0 25px;
      padding: 0;
      list-style: disc;
      list-style-position: outside;
   }
   #text a {
      color: #3EA91F;
      text-decoration: none;
   }
   #text a:hover {
      text-decoration: underline;
   }
   
   #contact {}
   #contact dl {
      clear: right;
      line-height: 17px;
      margin-bottom: 5px;
      overflow: hidden;
   }
   #contact dt {
      float: left;
      padding: 2px 0 0 0;
      width: 100px;
   }
   #contact dd {
      clear: right;
      margin: 0 15px 0 100px;
   }
   #contact .form {
      border: 1px solid #C9CCB7;
      font-size: 11px;
      width: 300px;
   }
   #contact .form_textarea {
      border: 1px solid #C9CCB7;
      font-size: 11px;
      width: 400px;
      height: 130px;
   }
   #contact dd .submit {
      float: right;
      background: #C9CCB7;
      border: 0;
      padding: 4px;
      margin: 5px 100px 0 0;
   }
   #monit_ok {
      text-align: center;
      font-weight: bold;
   }
   #monit_err {
      text-align: center;
      font-weight: bold;
   }
   #monit_err .submit {
      background: #C9CCB7;
      border: 0;
      padding: 4px;
      margin: 15px 0 0 0;
   }
   
   #etapy .col1 {
      width: 130px;
      text-align: center;
      padding-bottom: 6px;
   }
   #etapy .col2 {
      padding-bottom: 6px;
   }
   #etapy .col2 h3 {
      padding: 0 0 10px 0;
      font-size: 12px;
   }
   
   #gallery a {
      
   }
   #gallery a img {
      border: 1px solid #DBDFCE;
      margin: 10px;
   }
   #gallery a:hover img {
      border: 1px solid #A05901;
   }