* {
   margin: 0px;
   padding: 0px;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000;
   background: #3376CE;
   background-image: url('grafika/tlo2.png');
   background-repeat: repeat-x;
   margin-top: 10px;
   margin-bottom: 10px;
}

div#okno {
   margin-left: auto;
   margin-right: auto;
   width: 770px;
   background: none;
}

div#naglowek {
   width: 770px;
}

div#paseklogo {
   width: 770px;
   height: 81px;
   background-image: url('grafika/pasek_logo.gif');
   background-repeat: no-repeat;
}

div#grafika {
   width: 770px;
   height: 138px;
   background: #fff;
   background-image: url('grafika/grafika.jpg');
   background-repeat: no-repeat;
}

div#menu {
   text-align: center;
   width: 746px;
   height: 33px;
   background: #fff;
   padding-left: 12px;
   padding-right: 12px;
}

div#menu td {
   text-align: center;
}

div#main {
   text-align: left;
   width: 746px;
   background: #fff;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 4px;
   padding-bottom: 4px;
}

div#stopka {
   text-align: left;
   width: 750px;
   height: 40px;
   background-image: url('grafika/tlo_stopka.gif');
   background-repeat: no-repeat;
   padding-top: 16px;
   padding-left: 20px;
   
}


div#ramkagora {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka_gora.gif');
   background-repeat: no-repeat;
}

div#ramkadol {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka_dol.gif');
   background-repeat: no-repeat;
}
div#ramka {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   width: 716px;
   background: #fff;
   background-image: url('grafika/ramka_tlo.gif');
   background-repeat: repeat-y;
   padding-left: 15px;
   padding-right: 15px;
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

div#ramkatresc {
   width: 716px;
   background: none;
   margin: 0px;
   padding: 0px;
}

div#ramka2gora {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka2_gora.gif');
   background-repeat: no-repeat;
}

div#ramka2dol {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka2_dol.gif');
   background-repeat: no-repeat;
}
div#ramka2 {
   width: 746px;
   background: #fff;
   background-image: url('grafika/ramka2_tlo.gif');
   background-repeat: repeat-y;
}

div#ramka2prawa {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   float: left;
   background: none; 
   width: 410px; 
   margin-left: 300px; 
   padding-left: 18px;
   padding-right: 18px;
   display: inline;
}

div#ramka2lewa {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   float: left;
   background: none; 
   width: 264px; 
   margin-left: -746px; 
   padding-left: 18px;
   padding-right: 18px;   
   display: inline;
}


div#stopka a {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #999;
   text-decoration: none;
   margin-left: 6px;
   padding-right: 6px;
   border-right: 1px solid #999;
}

div#stopka a:hover {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #77a;
   text-decoration: none;
   margin-left: 6px;
   padding-right: 6px;
   border-right: 1px solid #aaa;
}
div#stopka a.ost {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #999;
   text-decoration: none;
   margin-left: 10px;
   padding-right: 10px;
   border-right: 0px;
}

div#stopka a.ost:hover {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #77a;
   text-decoration: none;
   margin-left: 10px;
   padding-right: 10px;
   border-right: 0px;
}

p.ozdobny {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   text-indent: 20px;
   background: none;
   background-image: url('grafika/pileczka.gif');
   background-repeat: no-repeat;
   background-position: top left;
   margin-top: 10px;
   margin-bottom: 15px;

}


div#ramka2lewa ul {
   margin-left: 40px;
   margin-right: 18px;
}

div#ramka2lewa a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #00f;
   text-decoration: none;
}
div#ramka2lewa a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #6D6DA0;
   text-decoration: none;
}
div#ramka2lewa a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: none;
}


h1 {
   font: 1.1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
}

p {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   background: none;
   margin-top: 10px;
   margin-bottom: 15px;
}

p small {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
}
p a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #00f;
   text-decoration: underline;
}
p a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #6D6DA0;
   text-decoration: underline;
}
p a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: underline;
}





div#ramka3gora {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka3_gora.gif');
   background-repeat: no-repeat;
}

div#ramka3dol {
   width: 746px;
   height: 15px;
   background: #fff;
   background-image: url('grafika/ramka3_dol.gif');
   background-repeat: no-repeat;
}
div#ramka3 {
   width: 746px;
   background: #fff;
   background-image: url('grafika/ramka3_tlo.gif');
   background-repeat: repeat-y;
}

div#ramka3prawa {
   float: left;
   background: none; 
   width: 373px; 
   padding-left: 0px;
   padding-right: 0px;
   display: inline;
}

div#ramka3lewa {
   float: left;
   background: none; 
   width: 373px; 
   padding-left: 0px;
   padding-right: 0px;   
   display: inline;
}

div.ramka3tresc {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   width: 337px;
   padding-left: 18px;
   padding-right: 18px;
}
div.ramka3seplewy {
   width: 373px;
   height: 22px;
   background: none;
   background-image: url('grafika/ramka3seplewy.gif');
   background-repeat: no-repeat;
}
div.ramka3sepprawy {
   width: 373px;
   height: 22px;
   background: none;
   background-image: url('grafika/ramka3sepprawy.gif');
   background-repeat: no-repeat;
}

div.ramka3tresc h2{
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000;
   margin-bottom: 10px;
}
h2.navireo, div#ramka2prawa h2.navireo,
ol.faq li h2 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
}

ol.faq {
	
}
ol.faq li {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #000;
   margin-bottom: 10px;	
}
ol.faq li {
	text-align: justify;
	padding-right: 3px;
}
div.ramka3tresc p{
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   margin-bottom: 10px;
}
div.ramka3tresc h2 img {
   margin-right: 10px;
}

div.ramka3tresc ul {
   margin-right: 10px;
   margin-left: 18px;
}
div.ramka3tresc li {
   text-align: justify;
   list-style-position: outside;
   margin-bottom: 10px;
}
div.ramka3tresc ul a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #00f;
   text-decoration: none;
}
div.ramka3tresc ul a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #6D6DA0;
   text-decoration: none;
}
div.ramka3tresc ul a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: none;
}

div.ramka3tresc ul.lista {
   margin-right: 10px;
   margin-left: 18px;
   margin-top: 0px;
   margin-bottom: 10px;
}
div.ramka3tresc ul.lista li {
   text-align: justify;
   list-style-position: outside;
   margin-bottom: 0px;
}

div.ramka3tresc a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #00f;
   text-decoration: underline;
}
div.ramka3tresc a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #6D6DA0;
   text-decoration: underline;
}
div.ramka3tresc a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: underline;
}


div#ramka2lewa h2 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
}

div#ramka2lewa table.lista img {
   margin-right: 10px;
   float: left;
}
div#ramka2lewa table.lista {

}
div#ramka2lewa table.lista td {
   text-align: left;
   vertical-align: top;
   padding-bottom: 10px;
}

div#ramka2lewa table.lista td a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-decoration: underline;
}
div#ramka2lewa table.lista td a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-decoration: underline;
}
div#ramka2lewa table.lista td a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: underline;
}


div#ramka2prawa table.spis td img {
   margin-right: 10px;
}

div#ramka2prawa table.spis td {
   text-align: justify;
}

div#ramka2prawa h2 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000;
   display: inline;
   padding-right: 10px;

}

div#ramka2prawa ul {
   padding-left: 3em;
   
}
div#ramka2prawa ul li {
   text-align: justify;
   margin-bottom: 0.5em;
}

div#ramka2prawa table.cennik {
   background: #e2e2e2;
   margin-bottom: 10px;
}

div#ramka2prawa table.cennik td {
   text-align: left;
   padding: 3px;
   background: #fff;
}
div#ramka2prawa table.cennik th {
   padding: 3px;
   vertical-align: top;
   background: #eee;
}
div#ramka2prawa h3 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
}
div#ramka2prawa table.cennik td.r {
   text-align: right;
   padding: 3px;
   background: #fff;
}


div#ramka div.realizacja {
   width: 716px;
   background: none;
   margin: 0px;
   margin-top: 0px;
   padding-bottom: 5px;

}


div#ramka div.realizacjalewa {
   text-align: justify;
   width: 348px;
   background: none;
   float: left;
   display: inline;
   padding-right: 10px;


}
div#ramka div.realizacjaprawa {
   text-align: justify;
   width: 348px;
   background: none;
   float: left;
   display: inline;
   padding-left: 10px

}

div#ramka h1 {
   font: 1.1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   padding-top: 10px;
   padding-bottom: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
}

div#ramka h2 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   font-weight: bold;
   padding-left: 20px;
   padding-top: 15px;
   margin-bottom: 10px;
}
div#ramka h3 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   padding-left: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

div#ramka p{
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   margin-top: 0px;
   margin-bottom: 10px;
}
div#ramka ul {
   padding-left: 3em;
   margin-left: 1em;
   margin-bottom: 1em;
}
div#ramka ul li {
   text-align: justify;
   margin-bottom: 0.5em;
}
ul#pod {
   padding-left: 3em;
   margin-left: 1em;
   margin-bottom: 0em;
}
ul#pod li.pod {
   text-align: justify;
   color: #000;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   
}
div#ramka img.screen {

  margin-left: 20px;
}
div#ramka p.ink{
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   width: 444px;
   margin-top: 0px;
   margin-bottom: 10px;
}

div#ramka p.ost{
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   text-align: justify;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 10px;
   
}


div#ramka2prawa a {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #00f;
   text-decoration: underline;
}
div#ramka2prawa a:visited {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #6D6DA0;
   text-decoration: underline;
}
div#ramka2prawa a:hover {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #8B8BFF;
   text-decoration: underline;
}

div#film {
   margin-top: 20px;
   padding-bottom: 10px;

}
div#podpis {
   margin-top: 10px;
   padding-bottom: 10px;

}
div#mapa {
   margin-left: 30px;
   margin-right: 30px;
   padding-bottom: 15px;
}
div#mapa a {
   margin-top: 15px;
   padding-left: 20px;
   display: block;
   text-decoration: none;
   color:  #6D6DA0;
   background: none;
   background-image: url('grafika/pileczka.gif');
   background-repeat: no-repeat;
   background-position: top left;   
}
div#mapa a:visited {
   text-decoration: none;
   color: #6D6DA0;
}
div#mapa a:hover {
   text-decoration: none;
   color: #8B8BFF;
}

div#mapa a.p2 {
   margin-top: 10px;
   margin-left: 20px;
}
div#mapa a.p3 {
   margin-top: 10px;
   margin-left: 40px;
}

ul,li {
    margin-left: 11px;
}
ol {
    margin-left: 22px;
}
p.center {
   text-align: center;
}
p.center img {
   margin-top: 4px;
   margin-bottom: 4px;
}

div#fnewsletter {
   border-top: 2px solid #d2d2d2;
   border-bottom: 2px solid #d2d2d2;   
   margin-top: 20px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;   
}

div#fnewsletter h2 {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #80A5C7;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 5px;
}

div#fnewsletter input.text {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   background: #eee;
   border: 1px solid #aaa;
   width: 200px;
   padding: 1px;
   margin: 0px;
}
div#fnewsletter input.submit {
   height: 18px;
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   background: #eee;
   border: 1px solid #aaa;
   padding: 1px;
   margin: 0px;
   width: 90px;
}

div#fnewsletter p {
   font: 1em Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   background: none;
   text-align: justify;
   margin: 0px;
   padding: 0px;
   margin-bottom: 5px;
}
p.news {
   margin-top: 20px;
}

p.zyczenia {
   font-weight: bold;
   width: 98%;
   margin-top: 20px;

}
p.promocja {
   color: #d00; 
   border: 1px solid #d00; 
   padding: 1em;
}
div.fotograf {
    
}
div.fotograf img {
    border: 1px solid #000;
}
div.fotograf a {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.przesylki img {
    border: none;
}
div.przesylki a {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

ul.cdn li strong {
    color: #80A5C7;
}
h2.cdn {
    clear: both;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
div#ramka2lewa ul.menu, ul.menu {
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
}
ul.menu {

}
ul.menu li {
    font-size: 1.2em;
    list-style: none;
    text-align: center;
    display: block;
    padding-top: 0.2em;
}
ul.menu li a {
    font-size: 10pt;
}
div#cdnbaner {
  background: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#cdnbox {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

div#logoinsert {
    float: right;
}
div#logocomarch {
    float: right;
}
div#logonavireo {
    float: right;
}

ul#produkty {
    margin-left: 0px;
}
ul#produkty li {
    margin-left: 0px;
}
div#ramka2lewa ul.menu1c, ul.menu1c {
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-bottom: 5px;
}
ul.menu1c {

}
ul.menu1c li {
    font-size: 1.2em;
    list-style: none;
    text-align: left;
    display: block;
    padding-top: 0.2em;
}
ul.menu1c li a {
    font-size: 10pt;
}




table.cennik1c {
    border: 1px solid #fff;
    border-collapse: collapse;
}
table.cennik1c td {
    padding: 6px;
    background: #eee;
    border: 1px solid #fff;
}
table.cennik1c td.td_right {
    text-align: right;
    width: 70px;
}
table.cennik1c th {
    text-align: center;
    background: #ccc;
    padding: 6px;
    border: 1px solid #fff;
}
table.cennik1c th.th_left {
    text-align: left;
}

div#ramka2lewa ul.menunavireo, ul.menunavireo {
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-bottom: 5px;
}
ul.menunavireo {

}
ul.menunavireo li {
    font-size: 1.2em;
    list-style: none;
    text-align: left;
    display: block;
    padding-top: 0.2em;
}
ul.menunavireo li a {
    font-size: 10pt;
}