body {
       background: url(../images/bg.jpg) center top no-repeat #fff;
       margin: 0;
       padding: 0;
       font-family: Arial;
       font-size: 11px;
       color: #fff;
}
.body-sub {
       background: url(../images/bg-sub.jpg) center top no-repeat #fff;
       margin: 0;
       padding: 0;
       font-family: Arial;
       font-size: 11px;
       color: #fff;
}
a:link {
       color: #fff;
       text-decoration: none;
}
a:visited {
       text-decoration: none;
       color: #fff;
}
a:hover {
       text-decoration: underline;
       color: #fff;
}
#logo h1 a {
       margin: 240px 0px 0px 30px;
       float: left;
       width: 200px;
       height: 200px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#logo-sub h1 a {
       margin: 25px 0px 0px 30px;
       float: left;
       width: 200px;
       height: 200px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#tools {
       margin: 31px 0px 0px 132px;
       padding: 0px;
       float: left;
       width: 215px;
       font-size: 10px;
       text-align: left;
}
.tmenu {
       float: left;
       margin-left: 5px;
}
.tmenu2 {
       float: left;
       margin-left: 40px;
}
#container {
       margin: 0 auto;
       width: 970px;
}
.footer {
       margin: 70px 0px 0px 30px;
       color: #333;
       text-align: left;
       width: 930px;
       float: left;
}
.footer-sub {
       margin: 15px 0px 15px 30px;
       color: #333;
       text-align: left;
       width: 930px;
}
.footer a {
       color: #FF3300;
       font-weight: bold;
}
.footer-sub a {
       color: #FF3300;
       font-weight: bold;
}
.footPro {
       float: right;
}
.box1 h2 a {
       margin: 30px 0px 0px 40px;
       float: left;
       width: 270px;
       height: 200px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.box2 h2 a {
       margin: 30px 0px 0px 40px;
       float: left;
       width: 290px;
       height: 200px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.box3 h2 a {
       margin: 30px 0px 0px 30px;
       float: left;
       width: 270px;
       height: 200px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.box1-sub h3 a {
       margin: 10px 0px 0px 20px;
       float: left;
       width: 240px;
       height: 180px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.box2-sub h3 a {
       margin: 10px 0px 0px 55px;
       float: left;
       width: 240px;
       height: 180px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.box3-sub h3 a {
       margin: 10px 0px 0px 55px;
       float: left;
       width: 240px;
       height: 180px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
.clr {
       clear: both;
}
.sub-container {
       width: 971px;
       height: auto;
       padding: 0px;
       margin: 0px;
}
.sub-container h2 {
       margin-right: 30px;
       padding: 0px;
       text-align: right;
       font-size: 20px;
}
.sub-content {
       margin-left: 6px;
       background: url(../images/content-bg.jpg) repeat-y center top;
       width: 901px;
       padding: 10px 30px 0px 40px;
          font-size: 11px;
}

.sub-content p{
      float: left; margin-left: 10px; margin-top: 10px; width: 130px; height: 97px;
}

.sub-content-end {
       margin-left: 6px;
       background: url(../images/content-bg-end.jpg) repeat-y center top;
       width: 971px;
       height: 26px;
}
.sub-content-menu {
       background: url(../images/sub-content-menu.jpg) no-repeat top center;
       width: 884px;
       height: 212px;
}
/* menu glowne */
#navcontainer {
       margin: 14px 0px 0px 20px;
       padding: 0px;
       float: left;
       width: 600px;
}
#navcontainer ul {
       list-style-type: none;
       margin: 0px;
       padding: 0px;
}
#navcontainer ul li a.home {
       text-decoration: none;
       background: url(../images/menu/home.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.home {
       text-decoration: none;
       background: url(../images/menu/home1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.home-active {
       text-decoration: none;
       background: url(../images/menu/home1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.onas {
       text-decoration: none;
       background: url(../images/menu/onas.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.onas {
       text-decoration: none;
       background: url(../images/menu/onas1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.onas-active {
       text-decoration: none;
       background: url(../images/menu/onas1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.oferta {
       text-decoration: none;
       background: url(../images/menu/oferta.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.oferta {
       text-decoration: none;
       background: url(../images/menu/oferta1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.oferta-active {
       text-decoration: none;
       background: url(../images/menu/oferta1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.klienci {
       text-decoration: none;
       background: url(../images/menu/klienci.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.klienci {
       text-decoration: none;
       background: url(../images/menu/klienci1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.klienci-active {
       text-decoration: none;
       background: url(../images/menu/klienci1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.galeria {
       text-decoration: none;
       background: url(../images/menu/galeria.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.galeria {
       text-decoration: none;
       background: url(../images/menu/galeria1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.galeria-active {
       text-decoration: none;
       background: url(../images/menu/galeria1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.kontakt {
       text-decoration: none;
       background: url(../images/menu/kontakt.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a:hover.kontakt {
       text-decoration: none;
       background: url(../images/menu/kontakt1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}
#navcontainer ul li a.kontakt-active {
       text-decoration: none;
       background: url(../images/menu/kontakt1.png) no-repeat top center;
       float: left;
       width: 99px;
       height: 42px;
       text-indent: -9999px;
       overflow-x: hidden;
       overflow-y: hidden;
}