html { height: 100%; background: #E7E7E7; }
body { margin: 0; padding: 0; min-height:100%; position:relative; background: url('../images/bg.jpg') no-repeat; background-position: top;  font-family: verdana; font-size: 11px; color: #EAEAEA; }
a { color: #FF0100; text-decoration: none; }
input { margin: 5px; }
fieldset { margin: 0; padding: 0; border: 0; }
img { border:0px; }
p { text-align: justify; }

.greylineUP { height: 60px; width: 100%; background: url('../images/topline.png'); }
      .logoTop { background: url('../images/logotop.png') no-repeat; width: 249px; height: 60px; float:left; }
      .menu { width: 600px; height: 60px; float:left; }
      .mainMenu { margin: 0; padding: 0; }
      .mainMenu li { float: left; list-style-type: none;}
      .bglogo { background: url('../images/logobottom.png') no-repeat; width: 249px; height: 110px; float:left; margin-left: 1px; }
      #logoeffect { position: absolute; background: url('../images/logoeffect.png'); margin: 33px 0 0 1px; width: 237px; height: 69px; display:block; cursor: pointer;}
      .slogan { width: 415px; height: 64px; float:left; background: url('../images/slogan.png') no-repeat; margin: 35px 0 0 25px; }
      
      .o_nas { background: url('../images/menu.png') -25px 0; height: 29px; width: 93px; display:block; margin-top: 31px; float: left;}
      .o_nasActive { background: url('../images/menu.png') -25px -29px; height: 29px; width: 93px; display:block; margin-top: 31px; float: left;}
      .o_nasActive:hover { background: url('../images/menu.png') -25px -87px; height: 29px; width: 93px; display:block; margin-top: 31px; float: left;}
      .o_nas:hover { background: url('../images/menu.png') -25px -58px; height: 29px; width: 93px; display:block; margin-top: 31px;}   
      .oferta { background: url('../images/menu.png') -120px 0; height: 29px; width: 95px; display:block; margin-top: 31px; float: left; }
      .ofertaActive { background: url('../images/menu.png') -120px -29px; height: 29px; width: 95px; display:block; margin-top: 31px; float: left; }
      .ofertaActive:hover { background: url('../images/menu.png') -120px -87px; height: 29px; width: 95px; display:block; margin-top: 31px; float: left; }
      .oferta:hover { background: url('../images/menu.png') -120px -58px; height: 29px; width: 95px; display:block; margin-top: 31px;}
      .referencje { background: url('../images/menu.png') -215px 0; height: 29px; width: 145px; display:block; margin-top: 31px; float: left; }
      .referencjeActive { background: url('../images/menu.png') -215px -29px; height: 29px; width: 145px; display:block; margin-top: 31px; float: left; }
      .referencjeActive:hover { background: url('../images/menu.png') -215px -87px; height: 29px; width: 145px; display:block; margin-top: 31px; float: left; }
      .referencje:hover { background: url('../images/menu.png') -215px -58px; height: 29px; width: 145px; display:block; margin-top: 31px;}
      .klienci { background: url('../images/menu.png') -360px 0; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .klienciActive { background: url('../images/menu.png') -360px -29px; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .klienciActive:hover { background: url('../images/menu.png') -360px -87px; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .klienci:hover { background: url('../images/menu.png') -360px -58px; height: 29px; width: 110px; display:block; margin-top: 31px;}
      .kontakt { background: url('../images/menu.png') -470px 0; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .kontaktActive { background: url('../images/menu.png') -470px -29px; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .kontaktActive:hover { background: url('../images/menu.png') -470px -87px; height: 29px; width: 110px; display:block; margin-top: 31px; float: left; }
      .kontakt:hover { background: url('../images/menu.png') -470px -58px; height: 29px; width: 110px; display:block; margin-top: 31px;}
      
      ul .oferta_submenu { background: url('../images/menu.png') 0px -116px no-repeat; width: 136px; height: 125px; display: none; margin: 27px 0 0 -15px; padding: 0; position:absolute; }
      ul .oferta_submenu li { margin: 0; padding: 6px 6px 0 6px; color: #ECEAD1; display: block; font-size: 10px; float: none;}

      ul .oferta_submenu li a:hover { color: #ffffff; }
      

.middle { width: 850px;  margin: auto; padding-bottom: 140px; }
 .contentTop { width: 778px; height: 20px; background: url('../images/contenttop.png'); }
 .contentBottom { width: 778px; height: 26px; background: url('../images/contentbottom.png'); }
 .content { width: 776px; background: #3a3a3a; margin-left: 1px; height: auto; overflow-y: auto; overflow-x: hidden; }
       .contentLeft { height: auto; width: 270px; float: left; }
       .separator { background: url('../images/line.png'); height: 400px; width: 2px; float: left; }
       .contentRight { height: auto; width: 480px; float: left; padding: 5px 10px 10px 10px;}
             .boxTitle { background: url('../images/belka.png') no-repeat; width: 206px; height: 39px; margin-left: -6px; position: absolute; color: #3A3A3A; font-weight: bold; padding: 10px 0 0 15px; }
             .boxContent { padding: 40px 7px 15px 7px; height: auto; overflow: hidden;}
             .uslogo { background: url('../images/uslogohover.png'); width:120px; height:120px; display:block;  float:right; margin: 3px;}
             .contact {  margin:0px; padding:0px; margin:auto;}
             .contact td { border:1px;margin:0px; padding:0px; text-align: left; }
             
             .ylist li { padding: 3px; }


 
.footer { height: 100px; width: 100%; background: #3A3A3A; border-top: 8px solid #FF0100; position:absolute; bottom:0; color: #707070; }
.rights { text-align:center; border-top: 1px solid #4b4b4b; padding-top: 7px; }
.author { text-align:center; float: right; padding-top: 25px; }
.bottomMenu { margin: 0; padding: 0; color: #b3b3b3; height: 13px; width: auto; margin-top: 10px;}
.bottomMenu li { float: left;  margin-left: 20px; }
.bottomMenu li a { color: inherit; }
.bottomMenu li:hover { color: #FF0100; }