html {
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:#f7f5f3;  	
	}
	
.container_main{
	width:100%;
}

.container{
  width:1024px;
  margin:auto;
}

.top{
  float:left;
  width:1024px;
  height:50px;
}

    .top .icon_link{
      float:right;
      width:65px;
      height:25px;
      text-align:center;
    }
    
    .top .main{
      background:url(./images/ico_main.gif) no-repeat;
      background-position:50% 15%;
    }
    .top .kontakt{
      background:url(./images/ico_kontakt.gif) no-repeat;
      background-position:50% 15%;     
    } 
    .top .site{
      background:url(./images/ico_mapa.gif) no-repeat;
      background-position:50% 15%; 
      margin-right:15px;     
    }      

.icon_link{
  float:left;
  padding-top:30px;
  font-size:11px;
  color:#a59a91;
  text-decoration:none;
}

.menu_top{
  float:right;
  height:70px;
  display:inline;
  margin-right:14px;
}

  .menu_top .left{
    float:left;
    width:43px;
    height:70px;
    background:url(./images/top_menu_left.jpg) no-repeat;
  }
  
  .menu_top .right{
    float:left;
    width:312px;
    height:70px;
    background:url(./images/top_menu_right.jpg) no-repeat;
  }  

  .menu_top .button{
    float:left;
  }
  
  .menu_top .button a{
    float:left;
    color:#fff;
    height:40px;
    font-size:14px;
    font-family:Arial;
    text-decoration:none;
    padding:30px 25px 0 25px;
    background:url(./images/menu_top_back.jpg) repeat-x;      
  }
  
  .menu_top .button a:hover{
    text-decoration:underline;
  }  

  .menu_top .button .active{
    float:left;
    height:40px;
    color:#fff;
    font-size:14px;
    font-family:Arial;
    text-decoration:none;
    padding:30px 25px 0 25px;
    background:url(./images/menu_top_back_active.jpg) repeat-x; 
  }

  .menu_top .button_border{
    float:left;
    width:2px;
    height:70px;
    background:url(./images/button_border.jpg) no-repeat;  
  }

.middle_top{
  float:left;
  width:1024px;
  height:274px;
}

    .middle_top .left{
      float:left;
      width:340px;
      height:273px;
    }
        
        .middle_top .left .box{
          float:left;
          display:inline;
          margin-left:30px;
          width:310px;
          height:94px;
          text-align:left;
          font-family: Arial; 
        }

        .middle_top .left .box .aktual{
          float:left;
          display:inline;          
          margin:10px 0 0 5px;
          width:300px;
        } 
        
          .middle_top .left .box .aktual .top{
            float:left;
            width:300px;
            height:20px;
          }
          
          .middle_top .left .box .aktual .top a{
            float:left;
            width:220px;          
            font-size:12px;
            color:#000;
            font-weight:bold;
            text-decoration:none;
          }
          
          .middle_top .left .box .aktual .top a:hover{
            float:left;
            width:220px;          
            font-size:12px;
            color:#000;
            font-weight:bold;
            text-decoration:underline;
          }                     
          
          .middle_top .left .box .aktual .top span{
            color:#b0bc6d;
            font-size:11px;
          } 
          
          .middle_top .left .box .aktual .shortcut{
            float:left;
            width:300px;
            padding:10px 0 10px 0;       
            border-bottom:1px dotted #cacaca; 
          } 
          
          .middle_top .left .box .aktual .shortcut a{
            font-size:11.5px;
            text-decoration:none;
            color:#8a8a8a;
          }
          
          .middle_top .left .box .aktual .shortcut a:hover{
            font-size:11.5px;
            text-decoration:underline;
            color:#8a8a8a;
          }                                                                            

        .middle_top .left .realizacje{
          float:left;
          width:340px;
          height:85px;          
          background:#e3d1bd;
        }        

    .middle_top .right{
      float:left;
      width:673px;
      height:273px;
      background:url(./images/middle_top_right.jpg) no-repeat;
    }
    
          .middle_top .right h1{
            float:left;
            width:400px;
            font-size:50px;
            display:inline;            
            margin: 50px 0 15px 220px;
            font-weight:normal;
            color:#fff;
            font-family:fontin-sans;
          }
          
          .middle_top .right h2{
            float:left;
            width:230px;
            font-size:27px;
            font-weight:normal;
            margin:0;
            display:inline;
            color:#fff;
            font-family:fontin-sans;
            text-align:left;            
          }

.middle_bottom{
  float:left;
  width:1024px;
  height:190px;
  display:inline;  
  margin-top:25px;
}

      .middle_bottom .box{
        float:left;
        width:327px;
        height:178px;
        position:relative;
      }
      
      .middle_bottom .box h1{
        float:left;
        width:327px;
        display:inline;
        margin:15px 0 0px 0;
        font-size:18px;
        color:#2c2a27;
        font-weight:normal;
      }
      
      .middle_bottom .box h2{
        float:left;
        width:307px;
        font-size:12px;
        color:#8a8a8a;
        font-weight:normal;
        display:inline;
        margin-top:10px;
        padding:0 10px 0 10px;
       }      
      
      .middle_bottom .box a{
        position:absolute;
        top:0px;
        left:0px;
        width:327px;
        height:178px;        
      }            
      
      .www{
        background:url(./images/box_www.jpg) no-repeat;
      }
      
      .outsourcing{
        background:url(./images/box_outsourcing.jpg) no-repeat;
        display:inline;
        margin-left:15px;
      }
      
      .audyty{
        background:url(./images/box_audyty.jpg) no-repeat;
        display:inline;
        margin-left:15px;        
      }             
      
.bottom{
  border-top:1px solid  #cdcdcd;
  float:left;
  width:1010px;
  height:47px;
  }

.bottom a{
  float:right;
  padding:15px 10px 0 15px;
  font-size:11px;
  font-family:arial;
  color: #a59a91;
  text-decoration:none;
  }
  
.bottom a:hover{
  float:right;
  padding:15px 10px 0 15px;
  font-size:11px;
  font-family:arial;
  color: #a59a91;
  text-decoration:underline;
  }  
  
.bottom span{
  float:right;
  padding:15px 10px 0 15px;
  font-size:12px;
  font-family:arial;
  color: #a59a91;
  }  


/***************************STRONY WWW ******************************/

.left_www{
 float:left;
 width:635px;
 display:inline;
 margin-left:10px;

}

.left_www .left_top{
 float:left;
 width:635px;
 height:46px;
}

          .left_www .left_top span{
           float:left;
           width:80px;
           padding:15px 0 0 10px;
           font-size:11px;
           color:#a87745;
          }
          
          .left_www .left_top a{
           float:left;
           padding:15px 0 0 5px;
           font-size:11px;
           color:#000;
          }
          
              .left_www .left_top span.green{
               float:left;
               width:12px;
               padding:13px 0 0 8px;
               font-size:13px;
               color:#96aa0d;
               font-family:arial;
              }

.left_www .left_bottom{
 float:left;
 width:600px;
 min-height:300px;
 _height:300px;
 padding-left:35px;
 text-align:left;
} 

.left_www .left_bottom .short_info{
 float:left;
 padding-right:10px;
 color:#96aa0d;
}

 .left_www .left_bottom .content_info{
 float:left;
 padding:10px 10px 0 0;
 color:#000;
}

 .left_www .left_bottom .bottom_info{
 float:left;
 padding:10px 10px 0 0;
 color:#8d8d8d;
} 
 
.left_www .left_bottom .kontakt{
 float:left;
 padding:30px 10px 0 20px;
 color:#8d8d8d;
} 
 
.left_www .left_bottom .kontakt a{
 float:left;
 width:244px;
 height:24px;
 background:url(./images/formularz_kontaktowy.jpg) no-repeat;
} 



.left_www .left_bottom h1{
  color:#000;
  font-size:20px;
  font-weight:normal;
} 


.right_www{
 float:left;
 width: 365px;
}

.right_www .right_top{
 float:right;
 width:365px;
 height:46px;
 background:url(./images/strony_right_top.jpg) no-repeat;
 background-position:right top;
}

.right_www .right_top span{
 float:left;
 width:120px;
 padding:15px 0 0 10px;
 font-size:12px;
 color:#915518;
 font-weight:bold;
}

.right_www .right_top a{
 float:left;
 padding:15px 0 0 5px;
 font-size:12px;
 color:#000;
 font-weight:bold;
}

.right_www .right_bottom{
 float:right;
 width:362px;
 height:340px;
 background:#f9f9f9;
 border-left:1px solid #ebebeb;
 border-right:1px solid #ebebeb; 
}

      .right_www .right_bottom h1{
        color:#979797;
        font-size:15px;
        font-weight:bold;
        text-align:left;
        margin:15px 15px;
      }
      
            .right_www .right_bottom .realizacje{
              float:left;
              width:294px;
              height:240px;
              display:inline;
              margin-left:34px;
              position:relative;
            }
            
                  .right_www .right_bottom .realizacje .prt_sc{
                    float:left;
                    width:294px;
                    height:200px;
                  }

                .right_www .right_bottom .realizacje .opis{
                  position:absolute;
                  bottom:0px;
                  width:294px;
                  height:54px;
                  background:url(./images/opis_background.png) no-repeat;
                }

                    .right_www .right_bottom .realizacje span.title{
                      float:left;
                      display:inline;
                      font-size:12px;
                      margin:10px 0 0 5px;
                      color:#fefefe;
                    }
                    
                    .right_www .right_bottom .realizacje span.tech{
                      float:left;
                      width:294px;
                      text-align:left;
                      display:inline;
                      font-size:12px;
                      margin:5px 0 0 5px;
                      color:#bebebe;
                    }
                    
                    .right_www .right_bottom .realizacje a{
                      position:absolute;
                      top:20px;
                      right:15px;
                      text-align:left;
                      display:inline;
                      font-size:12px;
                      font-weight:bold;
                      color:#daff93;
                    }
                    
                    .right_www .right_bottom a.zobacz_wiecej{
                      float:right;
                      width:260px;
                      text-align:right;
                      display:inline;
                      margin:20px 10px 0 0;
                    }
                                                                             

.right_bottom_kontakt{
 float:right;
 margin-top:50px;
 width:362px;
 height:200px;
 text-align:right;
}

        .right_bottom_kontakt span{
         float:right;
         width:362px;
         padding-top:5px;
        }
        
        
                .right_bottom_kontakt span.title{
                  color:#915518;
                  font-weight:bold;
                }
                
                .right_bottom_kontakt span.dane{
                  color:#96aa0d;
                }
                
                          .right_bottom_kontakt span.dane font{
                            color:#000;
                          }
                          
                          .right_bottom_kontakt span.dane_firmowe{
                            display:inline;
                            margin-top:15px;
                            font-size:11px;
                            color:#8d8d8d;
                          }

        .form_kontaktowy p{
          float:left;
          width:450px;
          margin:10px 0 0 15px;
        }
        
                .form_kontaktowy p span{
                  float:left;
                  width:150px;
                  display:inline;  
                  text-align:right;
                  line-height:20px;
                }
                
                .form_kontaktowy p input{
                  float:left;
                  width:250px;
                  text-align:left;
                  display:inline;
                  margin-left:5px;
                }
                
                .form_kontaktowy p textarea{
                  float:left;
                  width:250px;
                  height:50px;
                  text-align:left;
                  display:inline;
                  margin-left:5px;
                }


/******************************** REALIZACJE *****************************************/

.left_realizacje{
 float:left;
 width:635px;
 display:inline;
 margin-left:10px;

}

.left_realizacje .left_top{
 float:left;
 width:635px;
 height:46px;
}

          .left_realizacje .left_top span{
           float:left;
           width:80px;
           padding:15px 0 0 10px;
           font-size:11px;
           color:#a87745;
          }
          
          .left_realizacje .left_top a{
           float:left;
           padding:15px 0 0 5px;
           font-size:11px;
           color:#000;
          }
          
              .left_realizacje .left_top span.green{
               float:left;
               width:12px;
               padding:13px 0 0 8px;
               font-size:13px;
               color:#96aa0d;
               font-family:arial;
              }

        .left_realizacje .left_bottom{
           float:left;
           width:965px;
           padding-left:35px;
           text-align:left;
        } 
        
                 .left_realizacje .container{
                    float:left;
                    width:965px;
                    padding-bottom:25px;
                    border-bottom:1px solid #cacaca;
                 }
                 
                 .left_realizacje .container a{
                    float:right;
                    width:115px;
                    height:24px;
                    background:url(./images/zobacz_online.jpg) no-repeat;
                 }                 
                 
                 .left_realizacje .container h1.h1{
                    float: left;
                    width: 520px;
                    color: #9e7347;
                    margin-top:0px;
                 }

                 .left_realizacje .container h1.h1 font{
                    color: #000;
                 }
                 
                 .left_realizacje .container h2.h2{
                    float: left;
                    width: 520px;
                    font-size:12px;
                    color: #8c8c8c;
                    margin-top:0px;
                    margin-bottom:20px;
                 }

                 .left_realizacje .container h2.h2 font{
                    color: #000;
                 }
                 
                 .left_realizacje .container .short_info{
                    margin-top:15px;
                    width:620px;
                 }                      
                 
                 .left_realizacje .container .content_info{
                    color: #000;
                    font-weight:normal;
                    width:620px;
                 }                                 
                 
                 
        
                  .left_realizacje .left_bottom .image{
                     float:left;
                     margin-right:20px;
                     padding-right:10px;
                     color:#96aa0d;
                     border:1px solid #cdcdcd;
                  }
                  
                  .left_realizacje .left_bottom .image img{
                     padding:10px;
                     width:278px;
                  }                  
        
                  .left_realizacje .left_bottom .short_info{
                     float:left;
                     padding-right:10px;
                     color:#96aa0d;
                  }
                  
                   .left_realizacje .left_bottom .content_info{
                     float:left;
                     padding:10px 10px 0 0;
                     color:#000;
                  }

                  .left_realizacje .left_bottom h1{
                    color:#000;
                    font-size:20px;
                    font-weight:normal;
                  } 
             

/******************************** INNE *****************************************/

.left_inne{
 float:left;
 width:635px;
 display:inline;
 margin-left:10px;

}

.left_inne .left_top{
 float:left;
 width:635px;
 height:46px;
}

          .left_inne .left_top span{
           float:left;
           width:80px;
           padding:15px 0 0 10px;
           font-size:11px;
           color:#a87745;
          }
          
          .left_inne .left_top a{
           float:left;
           padding:15px 0 0 5px;
           font-size:11px;
           color:#000;
          }
          
              .left_inne .left_top span.green{
               float:left;
               width:12px;
               padding:13px 0 0 8px;
               font-size:13px;
               color:#96aa0d;
               font-family:arial;
              }

        .left_inne .left_bottom{
           float:left;
           width:965px;
           padding-left:35px;
           text-align:left;
        } 
        
                 .left_inne .container{
                    float:left;
                    width:965px;
                    padding-bottom:25px;
                    border-bottom:1px solid #cacaca;
                 }
                 
                 .left_inne .container .short_info{
                    margin-top:0px;
                    width:700px;
                    font-weight:bold;
                 }                      
                 
                 .left_inne .container .content_info{
                    color: #000;
                    font-weight:normal;
                    width:950px;
                    margin-top:15px;
                 }                                 
                 
                 
        
                  .left_inne .left_bottom .image{
                     float:left;
                     width:218px;
                     height:109px;
                     margin-right:20px;
                     background:red;
                     padding-right:10px;
                     color:#96aa0d;
                  }
        
                  .left_inne .left_bottom .short_info{
                     float:left;
                     padding-right:10px;
                     color:#96aa0d;
                  }
                  
                   .left_inne .left_bottom .content_info{
                     float:left;
                     padding:10px 10px 0 0;
                     color:#000;
                  }

                  .left_inne .left_bottom h1{
                    color:#000;
                    font-size:20px;
                    font-weight:normal;
                  } 
             
.mapa{
float:left;
width:900px;
padding:20px 0 0 50px;
color:blue;
font-weight:normal;
font-size:13px;
}