body {
     margin:0px;
     padding:0px;
     background-color: #0D162A;
     text-align: center;
     font-family: verdana, arial;
     font-size: 8pt;
     color: #191A1C;
}

a {
      color: #029DEE;
      font-weight: bold;
      text-decoration: underline;
}

a:hover {
      color: #0C3A5C;
      text-decoration: none;
}

#site {
      background: url(images/tlo.gif) repeat-x #354A68;
      margin: 0 auto;
}

#top-contener {
      margin: 0 auto;
      width: 900px;
      vertical-align: top;
      text-align: left;
}

#head {
      height: 100px;
      color: #ffffff;
}

#logo {
      width: 260px;
      height: 61px;
      background: url(images/logo-dualplus.gif);
      margin: 20px 0 0 12px;
      padding: 0;
      float: left;
}

#head span {
      float:right;
      margin: 20px 0 0 0;
      padding: 0;
      font-family: verdana, georgia, arial;
      font-size: 14pt;
      font-style: italic;
      text-align: right;
      color: #00c0ff;
}

#menu {
      height: 394px;
      padding: 0;
      margin: 0;
      vertical-align: top;
      text-align: left;
}

#menu-lewa {
      padding: 0;
      margin: 0;
      width: 238px;
      height: 394px;
      float: left;
      color: #ffffff;
      background: url(images/menu-lewa.gif) no-repeat;
}

#menu-lewa ul {
      padding: 10px 0 0 10px;
      margin: 0;
}

#menu-lewa ul li {
      list-style: none;
      display: block;
      white-space: nowrap;
      padding: 0;
      margin: 0 0 1px 0;
      width: 213px;
      height: 31px;
      font-weight: bold;
      font-family: verdana, arial;
      font-size: 9pt;
      vertical-align: center;
      background: url(images/button-yellow.gif) no-repeat;
}

#menu-lewa ul li:hover, #menu-lewa ul li#on {
      background: url(images/button-blue.gif) no-repeat;
}

#menu-lewa ul li.oferujemy {
      list-style: none;
      display: block;
      padding: 23px 0 7px 20px;
      margin: 0px;
      height: 15px;
      font-weight: bold;
      font-size: 10pt;
      background: none;
      color: #3A3F47;
      text-transform: uppercase;
      font-family: Georgia, Verdana;
}

#menu-lewa ul li a {
      display: block:
      width: 100%;
      height: 31px;
      margin: 0 0 0 22px;
      line-height: 28px;
      font-weight: bold;
      font-family: verdana, arial;
      font-size: 9pt;
      color:#ffffff;
      text-decoration: none;
}

#menu-lewa ul li a:hover {
      color: #00B4FF;
}

#menu-prawa {
      background: url(images/menu-prawa-top.gif) no-repeat #F1EEE8 top left;
      width: 662px;
      height: 394px;
      float: right;
      margin: 0;
      padding: 0;
}

#menu-prawa a {
      display: block;
      font-family: Georgia, Verdana;
      font-style: 
;
      font-size: 15pt;
      color: #ffffff;
      width: auto;
      padding: 14px 0;
      margin: 0;
      text-decoration: none;
      border-left: 15px solid #FFD200;
}

#menu-prawa a.act {
      color: #00c0ff;
      background-color: #000000;
      border-left: 15px solid #00C0FF;
}

#menu-prawa a:hover {
      color: #FFD200;
      background-color: #000000;
      border-left: 15px solid #FFD200;
}

#menu-1 {
      width: 642px;
      height: 191px;
      margin: 8px 0 0 9px;
      padding: 0;
      text-align:center;
      vertical-align: top;
}

#menu-1-1 {
      float:left;
      width: 322px;
      height: 191px;
      background: url(images/menu-1-1.jpg) no-repeat;
}

#menu-1-2 {
      float:right;
      width: 320px;
      height: 191px;
      background: url(images/menu-1-2.jpg) no-repeat;
}

#menu-2 {
      width: 642px;
      height: 190px;
      margin: 0 0 0 9px;
      padding: 0;
      text-align:center;
}

#menu-2-1 a, #menu-2-2 a {
      margin: 138px 0 0 0;
}

#menu-2-1 {
      float:left;
      width: 322px;
      height: 190px;
      background: url(images/menu-2-1.jpg) no-repeat;
}

#menu-2-2 {
      float:right;
      width: 320px;
      height: 190px;
      background: url(images/menu-2-2.jpg) no-repeat;
}

#menu-1-1.instalacja {background: url(images/menu-1-1-instalacja.jpg) no-repeat;}
#menu-1-2.modernizacja {background: url(images/menu-1-2-modernizacja.jpg) no-repeat;}
#menu-2-1.konserwacja {background: url(images/menu-2-1-konserwacja.jpg) no-repeat;}
#menu-2-2.naprawa {background: url(images/menu-2-2-naprawa.jpg) no-repeat;}

#menu-1-1.spoldzielnie {background: url(images/menu-1-1-spoldzielnie.jpg) no-repeat;}
#menu-1-2.firmy {background: url(images/menu-1-2-firmy.jpg) no-repeat;}
#menu-2-1.indywidualni {background: url(images/menu-2-1-indywidualni.jpg) no-repeat;}
#menu-2-2.partnerzy {background: url(images/menu-2-2-partnerzy.jpg) no-repeat;}

#menu-1-1.dual-plus {background: url(images/menu-1-1-dual-plus.jpg) no-repeat;}
#menu-1-2.referencje {background: url(images/menu-1-2-referencje.jpg) no-repeat;}
#menu-2-2.ofirmie22 {background: url(images/menu-2-2-ofirmie22.jpg) no-repeat;}

#menu-1-1.projekty {background: url(images/menu-1-1-projekty.jpg) no-repeat;}
#menu-1-2.marketing {background: url(images/menu-1-2-marketing.jpg) no-repeat;}
#menu-2-1.serwis {background: url(images/menu-2-1-serwis.jpg) no-repeat;}
#menu-2-2.kontakt22 {background: url(images/menu-2-2-kontakt22.jpg) no-repeat;}

#menu-1-1.danalogowe {background: url(images/menu-1-1-danalogowe.jpg) no-repeat;}
#menu-1-2.dcyfrowe {background: url(images/menu-1-2-dcyfrowe.jpg) no-repeat;}
#menu-2-1.danalcyfrowe {background: url(images/menu-2-1-danalcyfrowe.jpg) no-repeat;}
#menu-2-2.videodomofony {background: url(images/menu-2-2-videodomofony.jpg) no-repeat;}

#menu-1-1.kamery {background: url(images/menu-1-1-kamery.jpg) no-repeat;}
#menu-1-2.rejestratory {background: url(images/menu-1-2-rejestratory.jpg) no-repeat;}
#menu-2-1.monitory {background: url(images/menu-2-1-monitory.jpg) no-repeat;}
#menu-2-2.transmisja {background: url(images/menu-2-2-transmisja.jpg) no-repeat;}

#menu-1-1.czytniki {background: url(images/menu-1-1-czytniki.jpg) no-repeat;}
#menu-1-2.szyfratory {background: url(images/menu-1-2-szyfratory.jpg) no-repeat;}
#menu-2-1.systemy {background: url(images/menu-2-1-systemy.jpg) no-repeat;}
#menu-2-2.akcesoria {background: url(images/menu-2-2-akcesoria.jpg) no-repeat;}



#tresc-contener {
      margin: 0 auto;
      padding: 0;
      width: 900px;
      vertical-align: top;
      text-align: left;
}

#tresc-top {
      height: 35px;
      background: url(images/tresc-top.gif) no-repeat #F1EEE8;
}

#tresc {
      background: #f1eee8 url(images/tresc-tlo.gif) repeat-y;
      margin: 0;
      padding: 0;
}

#tresc img {
      border: 1px solid #aaaaaa;
      padding: 0;
      margin: 2px;
}

#tresc .galeria {
       text-align: center;
       padding: 10px 0;
	   font-weight: bold;
}

#tresc p {
      margin: 10px 0;
      padding: 0;
      line-height: 140%;
}

#tresc i {
      margin: 10px 0;
      padding: 0;
      line-height: 140%;
      font-weight: bold;
}

#tresc ul {
      margin: 0 0 20px 0;
      padding: 0;
}

#tresc ol {
      padding: 5px 0 20px 20px;
}

#tresc ul li {
      list-style: none;
      padding: 0 0 0 15px;
      margin: 7px 0;
      background: url(images/li.gif) no-repeat left top;
      text-align: left;
}

#tresc .bigletter {
      text-transform: uppercase;
      font-weight: bold;
}

li h3 {
      font-weight: bold;
      color: #029DEE;
}

#tresc-lewa {
      width: 535px;
      padding: 0px;
      margin: 0;
}

div.partner {
     background-color: #e1ddd6;
     margin: 0 0 15px 0;
}

div.partner-logo {
    padding: 11px 0 11px 11px;
}

div.partner-opis {
    width: 305px;
    padding: 0;
    margin: 0;
    float:right;
    text-align: left;
}

#tresc-lewa-cont {
      padding: 0 20px 10px 30px;
      margin: 0;
      text-align: justify;
}

#tresc-lewa-cont h1, #tresc-prawa-cont h1 {
     padding: 10px 15px;
     margin: 0 0 15px 0;
     text-align: left;
     font-size: 11pt;
     letter-spacing: 0px;
     font-family: Verdana;
     color: #00c0ff;
     background-color: #09090A;
     border-left: 15px solid #00C0FF;
}

#tresc-lewa-cont h2, #tresc-prawa-cont h2 {
     padding: 0;
     margin: 20px 0 10px 0;
     text-align: left;
     font-size: 12pt;
     letter-spacing: -1px;
     color: #0C3A5C;
     font-family: Georgia, Verdana;
}

#tresc-lewa-cont h3, #tresc-prawa-cont h3 {
     font-weight: bold;
     font-size: 9pt;
     padding: 0;
     margin: 0;
}

#tresc-lewa-cont h4, #tresc-prawa-cont h4 {
     font-weight: bold;
     font-size: 13pt;
     padding: 0;
     margin: 0;
	 color:#029DEE;
}

#tresc-prawa {
      float:right;
      width: 355px;
      padding: 0;
      margin: 0;
}

#tresc-prawa-cont {
      padding: 15px 40px 10px 20px;
      margin: 0;
      text-align: justify;
}

#tresc-prawa-cont a img {
}

#tresc-prawa-cont a:hover img {
     border: 1px solid #0C3A5C;
}

.tabelka {
}

.tabelka td {
	background-color: #e1ddd6;
	padding: 4px 6px;
	font-size: 11px;
	font-weight: bold;
}

.ankieta {
	background-color: #e1ddd6;
}

.ankieta td.pusta {background: none;}

.ankieta td {
	color: #f1eee8;
	background-color: #354a68;
	padding: 3px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.blue {
      color:#029DEE;
      font-weight:bold;
}

#fotkastart1 {
float:left;
}
#fotkastart2 {
float:left;
}
#fotkastart3 {
float:left;
}
#fotkastart4 {
float:right;
}
#fotkastart5 {
float:left;
}
#fotkastart5a {
float:left;
}
#fotkastart1, #fotkastart2, #fotkastart3, #fotkastart4, #fotkastart5 {
      font-weight: bold;
      margin: 0;
      padding: 10px 1px 25px 1px;
      text-transform: uppercase;
      text-align:center;
      width: 145px;
}
#fotkastart5a {
      font-weight: bold;
      margin: 0 0 0 13px;
      padding: 40px 1px 25px 1px;
      text-align:center;
      width: 130px;
}
#fotkastart3, #fotkastart4 {
      margin-top: 12px;
}
#fotkastart1 a, #fotkastart2 a, #fotkastart3 a, #fotkastart4 a, #fotkastart5 a {
      text-decoration: none;
}
#fotkastart1 a:hover img, #fotkastart2 a:hover img, #fotkastart3 a:hover img, #fotkastart4 a:hover img, #fotkastart5 a:hover img {
      border: 1px solid #0C3A5C;
}


#stopa-contener {
      clear: both;
      background-color: #0D162A;
      vertical-align: top;
      text-align: center;
}

#stopa-top {
      width: 900px;
      height: 29px;
      margin: 0 auto;
      padding: 0;
      background: url(images/stopa-top.gif) no-repeat;
}

#stopa-menu {
      text-align: center;
      border-bottom: 1px solid #3E5D84;
      padding: 0 0 12px 0;
      margin: 10px 0 0 0;
}

#stopa-menu b {
      padding: 0 0 0 50px;
}

#stopa-menu a {
      color: #FFD200;
      text-decoration: none;
}

#stopa-menu a:hover {
      text-decoration: underline;
}

#stopa-menu2a {
      padding: 0 ;
      margin: 10px 0;
      font-size: 10px;
      float:left;
}

#stopa-menu2aa {
      text-align: right;
      padding: 0 5px;
}

#stopa-menu2b {
      padding: 0 ;
      margin: 10px 0;
      font-size: 10px;
}

#stopa-menu2b a, #stopa-menu2a a  {
      color: #8BB2D4;
      text-decoration: none;
      font-weight: normal;
}

#stopa-menu2b a:hover, #stopa-menu2a a:hover {
      text-decoration: underline;
}

#stopa {
      width: 900px;
      margin: 0 auto;
      padding: 0;
      color: #8BB2D4;
      vertical-align: bottom;
      text-align: left;
}

#stopa p {
      margin: 0 0 20px 0;
      padding: 0;
}

.kreska {
      clear:both;
      border-top: 1px solid #3E5D84;
      height: 1px;
      margin-bottom: 20px;
}

#copyr {
      text-align: left;
}

#copyr a {
      color: #ffd200;
      font-weight: normal;
      text-decoration: none;
}

#design {
      float: right;
      text-align: right;
}

#design a {
      color: #8BB2D4;
      font-weight: normal;
      text-decoration: none;
}

#logo-stat {
           float:right;
           padding-top:85px;"
}

#logo-stat img {
      border: none;
}

#formularz {
      color: #ffffff;
      text-align: justify;
      clear: both;
      padding: 20px;
      font-size: 9pt;
}

#formularz table {
      padding: 15px;
      font-size: 8pt;
}

#formularz h1 {
     font-size: 14pt;
     color: #00c0ff;
     font-family: Georgia, Verdana;
}

#formularz-kontakt table {
      font-size: 8pt;
      color: #000000;
}

#formularz-kontakt input, #formularz-kontakt select {
       width: 200px;
       height: 25px;
}

#formularz-kontakt textarea {
       width: 350px;
       height: 200px;
}

#formularz-kontakt .button2 {
       width: 60px;
       font-size: 8pt;
       color: #ffffff;
       background-color: #0c3a5c;
       border: none;
       font-weight: bold;
       font-family: Verdana;
}

#formularz-kontakt p {
      text-align: right;
      padding: 0;
      margin: 6px 0;
      font-weight: bold;
}

.adres {
        unicode-bidi:bidi-override;
        direction: rtl;
}

input, textarea, select {color: #000000; padding:3px; background-color: #e1ddd6; border:0;}
.button {font-size: 9pt; color: #0d162a; background-color: #e1ddd6; border: none; margin: 2px 0; font-weight: bold;}
.button2 {font-size: 9pt; color: #f1eee8; background-color: #354a68; border: none; margin: 0; padding: 0 20px; font-weight: bold;}