<!--
  @font-face {
    font-family: 'PF DinText Pro';
    src: local(fonts/pfdintextpro-regular.ttf);
    src: url(../fonts/pfdintextpro-regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  * { margin: 0; padding: 0; outline: 0; border-width: 0; list-style: none; }

  body { font:10pt 'PF DinText Pro', Calibri, Arial; color:#1f3451; }
  .clr { clear:both; width: 100%; display: block; }
  .mainbody { width:100%; margin: 0 auto; }
  .mainpage, .footpage, .footmenu, .foottext { width:960px; margin: 0 auto; text-align:left; }

  a { color: #3d5fb7; text-decoration:none; }
  a:hover { color: #3d5fb7; text-decoration: underline; }

  .mainpage .header { margin: 0 auto; display:block; width:100%; height:90px; } /*width:895px;*/
  .mainpage .header .logo { float:left; margin-top:20px; background: url("../img/uslugi-ksiegowe-rachunkowe-buchalter-olsztyn.jpg") no-repeat #fff; width:57px; height:57px}
  .mainpage .header .pagename { float:left; margin-top:30px; margin-left:5px; display:block; }
  .mainpage .header .pagename h1, .mainpage .header .phoneemail .phone { font:bold 24px 'PF DinText Pro', Calibri, Arial; /*letter-spacing:-1px;*/  } /*width:895px;*/
  .mainpage .header .pagename h2, .mainpage .header .email { font:bold 14px 'PF DinText Pro', Calibri, Arial; color: #0d86dd;; /*letter-spacing:-1px;*/ margin-top:-3px;  } /*width:895px;*/
  .mainpage .header .phoneemail { float:right; margin-top:30px; display:block; text-align: right; }
  .mainpage .header .phoneemail .phone span, .mainpage .header .email  { font: 14px 'PF DinText Pro', Calibri, Arial; }
  .mainpage .header .phoneemail .phone { background: url("../img/telefon_header.jpg") top left no-repeat #fff; margin-left:10px; }

  .mainpage .header .logo img { border:0; }

  .mainpage .menu { width:100%; display:inline; }
  .mainpage .menu .topmenu { background-attachment: scroll; background-clip: border-box; background-color: #fff; background-image: url("../img/menu_kolor_granat.jpg"); background-origin: padding-box; background-position: center top; background-repeat: repeat-x; background-size: auto auto; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; font-size: 14px; line-height: normal; padding-bottom: 7px; padding-left: 0; padding-right: 0;  padding-top: 8px; width:90%; float:left; }
  .mainpage .menu .topmenu ul, .mainpage .menu .topmenu2 ul { list-style-image: none; list-style-position: outside; list-style-type: none;  margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 5px; padding-right: 5px; padding-top: 0; }
  .mainpage .menu .topmenu ul li, .mainpage .menu .topmenu2 ul li { display: inline; margin: 0; font:bold 10pt 'PF DinText Pro', Calibri, Arial; border-right:1px solid #fff; }
  .mainpage .menu .topmenu ul li:last-child { border-right:0; }
  .mainpage .menu .topmenu a, .mainpage .menu .topmenu2 a { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; -moz-transition-delay: 0s; -moz-transition-duration: 100ms; -moz-transition-property: background; -moz-transition-timing-function: linear; color: #fff; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding: 4px 10px 4px 10px; }
  .mainpage .menu .topmenu a:hover, .mainpage .menu .topmenu2 a:hover { background-attachment: scroll; background-size: auto auto; color:#0d86dd; text-decoration:none; }
  .mainpage .menu .topmenu2 a:hover, .mainpage .menu .topmenu2 a:focus { color:#1f3451 }
  .mainpage .menu .topmenu a:focus { color:#0d86dd; }
  .mainpage .menu .topmenu a:active, .mainpage .menu .topmenu2 a:active, .topmenu li.current-menu-item a, .topmenu li.current-page-ancestor a, .topmenu2 li.current-menu-item a, .topmenu2 li.current-page-ancestor a { color:#FFD920; }
  .mainpage .menu .topmenu li.selected a, .mainpage .menu .topmenu2 li.selected a { color: #60AFE8; }

  .mainpage .menu .topmenu2 { background-attachment: scroll; background-clip: border-box; background-color: #fff; background-image: url("../img/menu_kolor_blue.jpg"); background-origin: padding-box; background-position: center top; background-repeat: repeat-x; background-size: auto auto; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; border-top-left-radius: 0px; border-top-right-radius: 8px; font-size: 14px; line-height: normal; padding-bottom: 7px; padding-left: 0; padding-right: 0;  padding-top: 8px; width:10%; float:right; text-align: center; }
  .mainpage .menu .topmenu2 ul li { border-right:0px; }

  .mainpage .menu .topmenu ul ul { display:block; border:0; height: 0; left: -9999px; top: -9999px; list-style: none outside none; margin: -5px 0; padding: 0; position: absolute; width: 0; }
  #nav {  padding:0px; text-align:left; color:white; position:relative; z-index:15000; }
  #nav li:hover { position:relative; }
  #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul { position:absolute; width:0; height:0; padding:0; list-style:none; }
  #nav li:hover ul.sub { display:block; left:0px; top:25px; background-color: #293658; padding:0 0 15px 0; white-space:nowrap; width:auto; height:auto; z-index:-300; }
  #nav li:hover ul.sub li { display:block; border:0; height:25px; position:relative; font-weight:normal; }
  #nav li:hover ul.sub li a { display:block; height:25px; width:auto; line-height:25px; text-indent:0; color:#fff; text-decoration:none; }
  #nav li:hover ul.sub li a:hover { color:#0d86dd; }

  .mainpage .maincontent { margin-top:15px;}
  .mainpage .maincontent .product {  }

  .mainpage .maincontent .product #middle { margin: 0; width: 100%; overflow: hidden; height:246px; }
  .mainpage .maincontent .product #middle { overflow: visible; background:url("../img/mapka-pod-slider.jpg") top right no-repeat #ffffff;  }
  .mainpage .maincontent .product #middle:after { line-height: 0; content: "."; clear: both; display: block; height: 0; visibility: hidden; }
  .mainpage .maincontent .product #content0 { width: 100%; height: 246px; overflow: hidden; position: relative; }
  .mainpage .maincontent .product #content0 .controls { display:block; position: absolute; z-index: 10000; background: url("../img/slider_uslugi_ksiegowe_olsztyn.png") no-repeat; width:283px; height:246px; } /* background: url("../img/x71.png") no-repeat scroll right center transparent !important;  padding: 0 10px 0 20px; */
  .mainpage .maincontent .product #content0 .controls li.prev a, .mainpage .maincontent .product #content0 .controls li.next a { display:none; } /* cursor: pointer; float: left; width: 121px; height: 82px;  background: url(../img/x72.png) no-repeat; */
  .mainpage .maincontent .product #content0 .controls li.next a { background-image: url("../img/slider_uslugi_ksiegowe_olsztyn.png"); background-position:297px 164px; width:297px; height:82px; }
  .mainpage .maincontent .product #content0 .controls li.toc a, .mainpage .maincontent .product #content0 .controls li.selected a { cursor: pointer; float: left; width: 283px; height: 82px; }
  .mainpage .maincontent .product #content0 .controls li:nth-child(2).selected a { display:block; background-image: url("../img/slider_uslugi_ksiegowe_olsztyn.png"); background-position:297px 0px; width:297px; height:82px; }
  .mainpage .maincontent .product #content0 .controls li:nth-child(3).selected a { display:block; background-image: url("../img/slider_uslugi_ksiegowe_olsztyn.png"); background-position:297px 164px; width:297px; height:82px; }
  .mainpage .maincontent .product #content0 .controls li:nth-child(4).selected a { display:block; background-image: url("../img/slider_uslugi_ksiegowe_olsztyn.png"); background-position:297px 82px; width:297px; height:82px; }
  .mainpage .maincontent .product #content0 .controls li span { display: none; }
  .mainpage .maincontent .product #content0 .section { font:12px 'PF DinText Pro', Calibri, Arial; float: left; width: 100%; overflow: hidden; position: absolute; border:0; }
  .mainpage .maincontent .product #content0 .section img { width: 409px; height: 246px; padding-left:280px; }
  .mainpage .maincontent .product #content0 .section .prtxt { padding:10px; font: 13px 'PF DinText Pro', Calibri, Arial;  color: white; bottom: 0px; right: 0; width:251px; height:120px; position: absolute; background:#fff url("../img/zajawka_slider_kolor.jpg"); background-repeat: repeat-x;}
  .mainpage .maincontent .product #content0 .section .prmotto { font:11px 'PF DinText Pro', Calibri, Arial; top: 40px; right: 70px; position: absolute; width:170px; text-align:right; }

  .mainpage .maincontent .product .mainphoto { margin: 0; width: 960px; height: 280px; background:#fff url("../img/biuro-rachunkowe-tanie-w-olsztynie-buchalter.jpg") no-repeat ;  }

  .mainpage .maincontent .mc { margin-top:20px; display:block; }
  .mainpage .maincontent .mc .photo { float:left; border:0; }
  .mainpage .maincontent .mc .photo img { clear:both; width: 100%; display: block;  margin-bottom:10px; }

  .mainpage .maincontent .mc .txt { float:left; width:420px; padding-left:20px; padding-right:20px; border-right:1px solid #d7dfea; }
  .mainpage .maincontent .mc .txt h2 { font:bold 16px 'PF DinText Pro', Calibri, Arial; margin-bottom:15px; padding-top:15px; }
  .mainpage .maincontent .mc .txt .more { margin-top:15px; margin-bottom:20px }
  .mainpage .maincontent .mc .txt .perm { margin-top:5px; background-image: url("../img/ikona_ok_uprawnienia_ksiegowe_rachunkowe.jpg"); background-position: left top; background-repeat: no-repeat; padding-left:65px; padding-top:30px; height:45px; }
  .mainpage .maincontent .mc .txt .perm h3 { font:bold 13px 'PF DinText Pro', Calibri, Arial; }
  .mainpage .maincontent .mc .txt .motto { width:100%; border-top:1px solid #d7dfea; padding-top:8px;}
  .mainpage .maincontent .mc .txt .motto h2 { font:bold 16px 'PF DinText Pro', Calibri, Arial; padding-top:0; }
  .mainpage .maincontent .mc .txt .motto h2 span { color: #0d86dd; }
  .mainpage .maincontent .mc .txt ul { margin-top:15px; margin-bottom:15px; }
  .mainpage .maincontent .mc .txt ul li { margin-bottom:5px; list-style: none; background:#fff url("../img/punktor-start.jpg") no-repeat; margin-left:0; padding-left:20px; font-weight:bold; }
  .mainpage .maincontent .mc .txt ul li ul li { margin-bottom:5px; list-style: circle; background:none; margin-left:20px; padding-left:0; font-weight:bold; }
  .mainpage .maincontent .mc .txt span { font-weight:bold; color: #0d86dd; }

  .mainpage .maincontent .mc .txt p { font: 12px 'PF DinText Pro', Calibri, Arial; line-height:15px; color: #A3ACB9; margin-bottom:10px; }
  .mainpage .maincontent .mc .txt p.sign { text-align:right; color: #1f3451; }
  .mainpage .maincontent .mc .txt p.error { color:red;  border:1px solid red; padding:3px;}
  .mainpage .maincontent .mc .txt p.gallery_show_me { height:30px; display:block; width:100%; margin-bottom:20px; font-weight:bold; }
  .mainpage .maincontent .mc .txt p.gallery_show_me img { float:left; padding-right:10px; }

  .mainpage .maincontent .mc .contact { float:left; padding-left:20px; width:282px; background: url("../img/ikona_kontakt.jpg") no-repeat; background-position: 180px top; }
  .mainpage .maincontent .mc .contact h4, .mainpage .maincontent .mc .contact img { padding-top:10px; border:0px; }
  .mainpage .maincontent .mc .contact .btnformcont { bottom:0px }
  .mainpage .maincontent .mc .contact .caffee { font:bold 14px 'PF DinText Pro', Calibri, Arial; background: url("../img/ksiegowa-olsztyn-zaprasza-na-kawe.jpg") no-repeat; background-position: 145px top; height:92px; padding-top:20px; margin-top:20px; }
  .mainpage .maincontent .mc .contact .caffee span { color: #0d86dd; }

  .mainpage .maincontent .mc .service { float:left; padding-left:20px; width:282px; }
  .mainpage .maincontent .mc .service h4, .mainpage .maincontent .mc .service img { padding-top:10px; border:0px; color: #0d86dd;  }
  .mainpage .maincontent .mc .service h4 { margin-bottom:10px }
  .mainpage .maincontent .mc .service li { background: url("../img/punktura.gif") no-repeat; background-position: left 7px; padding-left:10px; padding-top:3px; padding-bottom:3px }
  .mainpage .maincontent .mc .service li a { font-weight:bold;  text-decoration:none }
  .mainpage .maincontent .mc .service li a:hover, .mainpage .maincontent .mc .service li.thisone a { font-weight:bold; color: #0d86dd; }
  .mainpage .maincontent .mc .service .btnformcont { bottom:0px }

  .mainpage .maincontent .mc .txt #formAsk { margin:30px 0 40px; padding:0px; width:385px; }
  .mainpage .maincontent .mc .txt #formAsk p { color: #000; }
  .mainpage .maincontent .mc .txt .choice { width:570px }
  .mainpage .maincontent .mc .txt #formAsk h3 { font:bold 10pt 'PF DinText Pro', Calibri, Arial, verdana, georgia, times; color: #454545; }
  .mainpage .maincontent .mc .txt #commentbox { width:350px; margin:5px 5px 0 0; }
  .mainpage .maincontent .mc .txt #name, #email, #phone, #commentbox, #submit, .choice, select { background: #fff; font:9pt 'PF DinText Pro', Calibri, Arial, times; margin:5px 5px 0 0; border: none; padding: 6px; border: 1px solid #8db888; border: 3px solid rgba(21, 85, 147, 0.1); }
  .mainpage .maincontent .mc .txt #name:hover, .mainpage .maincontent .mc .txt #email:hover,.mainpage .maincontent .mc .txt #phone:hover,.mainpage .maincontent .mc .txt #commentbox:hover, select:hover { border: 3px solid #3482cd }
  .mainpage .maincontent .mc .txt #name, #email, #phone { width:200px }

  .mainpage .maincontent .mc .txt #formAsk input[type="submit"] { border: none; float:left;  cursor: pointer; color: #fff; font:bold 10pt 'PF DinText Pro', Calibri, Arial; background-color: #1667b6; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6); background: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, #155593), color-stop(0.62, #1667b6)); background: -moz-linear-gradient( center bottom, #155593 23%, #1667b6 62%); }
  .mainpage .maincontent .mc .txt #formAsk input[type="submit"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #ff5400; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, #c34000), color-stop(0.62, #ff5400)); background: -moz-linear-gradient( center bottom, #c34000 23%, #ff5400 62%  ); }

  .mainpage .maincontent .mc .txt #formAsk p.error { color:red; border:0; }
  .mainpage .maincontent .mc .txt #formAsk ul { margin-top:10px; margin-bottom:10px; padding-right:10px }
  .mainpage .maincontent .mc .txt #formAsk ul li { list-style-type:circle; margin-left:10px; }

  .mainpage .maincontent .beforefoot { margin-top:25px; }
  .mainpage .maincontent .beforefoot ul { list-style-image: none; list-style-position: outside; list-style-type: none;  margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }
  .mainpage .maincontent .beforefoot ul li { background-image: url("../img/ikona_gwarancja-jakosci_ksiegowosc_olsztyn.jpg"); background-position: left top; background-repeat: no-repeat; background-size: auto auto; float:left; margin-bottom: 0; padding-left: 53px; margin-right: 0; margin-top: 0; padding-top:10px; height:55px; font:10pt 'PF DinText Pro', Calibri, Arial; }
  .mainpage .maincontent .beforefoot ul li:first-child { width:135px }
  .mainpage .maincontent .beforefoot ul li:nth-child(2) { width:140px }
  .mainpage .maincontent .beforefoot ul li:nth-child(3) { width:130px }
  .mainpage .maincontent .beforefoot ul li:nth-child(4) { width:140px }
  .mainpage .maincontent .beforefoot ul li:last-child { width:140px }

  .mainpage .art .textart ul.polaroids { width:876px; margin: 35px 0 0 0px; }
  .mainpage .art .textart ul.polaroids li { display: inline; }
  .mainpage .art .textart ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 56px; width: auto; padding: 10px 10px 15px; text-align: center; text-decoration: none; color: #333; font-size: 12px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transition: -moz-transform 0.15s ease-in-out; -moz-transform: rotate(-2deg); border:none; height: 180px;  }
  .mainpage .art .textart ul.polaroids img { display: block; width: 190px; margin-bottom: 12px; }
  .mainpage .art .textart ul.polaroids a:after { content: attr(title); }
  .mainpage .art .textart ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
  .mainpage .art .textart ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
  .mainpage .art .textart ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
  .mainpage .art .textart ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
  .mainpage .art .textart ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }
  .mainpage .art .textart ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
  .mainpage .art .textart ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }

  .mainbody .footline { background-color: #4e5b85; border-bottom: 4px solid #4e5b85; clear: both; margin: 0 auto; width: 100%; }

  .mainbody .footpage  { display:block; clear:both; }
  .mainbody .footpage .logo { float:right; margin-top:20px; background: url("../img/biuro-rachunkowe-olsztyn-buchalter.jpg") no-repeat #fff; width:175px; height:50px}
  .mainbody .footpage .logo img { border:0; }
  .mainbody .footpage .pagename { float:right; margin-top:35px; margin-right:5px; display:block; text-align:right; }
  .mainbody .footpage .pagename h3, .mainbody .footpage .copyright { font-size: 12px; font-weight:normal;  }
  .mainbody .footpage .copyright { margin-top:10px; margin-bottom:20px; float:right; clear:both; font-size: 12px; }
  .mainbody .footpage .footfb { float:left; margin-top:35px; display:block; text-align: left; width:400px; font-size: 11px;  }
  .mainbody .footpage .footfb .brandis { background-image:url("../img/brandis-strony-internetowe.jpg"); background-repeat: no-repeat; background-position:right top; width:32px; height:32px; float:left; margin-right:8px; margin-top:3px; }

  .mainbody .footmenu, .mainpage .maincontent .trustus { border-top:1px solid #d7dfea; }
  .mainbody .footmenu ul { list-style-image: none; list-style-position: outside; list-style-type: none;  margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-right: 5px; padding-top: 10px; }
  .mainbody .footmenu ul li { display: inline; margin-bottom: 0; margin-left: 0; margin-right: 15px; margin-top: 0; padding-right: 15px; border-right:1px solid #d7dfea; }
  .mainbody .footmenu ul li:last-child { margin-right: 0; padding-right:0; border:0; }
  .mainbody .footmenu ul li a:hover { text-decoration:underline }
  .mainbody .footmenu ul li, .mainbody .footmenu ul li a, .mainbody .foottext { font:bold 10pt 'PF DinText Pro', Calibri, Arial; }
  .mainbody .footmenu ul, .mainbody .footmenu ul li a { color: #d7dfea; }
-->