<!--
  @font-face {
    font-family: Myriad Pro;
    src: local(fonts/MyriadPro-Cond.otf);
    src: url(../fonts/MyriadPro-Cond.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: Myriad Pro Bold;
    src: local(fonts/MyriadPro-BoldCond.otf);
    src: url(../fonts/MyriadPro-BoldCond.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
  }

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

  body { font:10pt Arial; color:#1c2958; }
  .clr { clear:both; width: 100%; display: block; }
  .mainbody { background:url("../img/background.jpg") top center no-repeat #ffffff; 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; } 
  .mainpage .header .logo { float:left; position:absolute; width:296px; height:86px}
  .mainpage .header .logo img { margin-top:12px }
  .mainpage .header .pagename { float:left; margin-top:35px; margin-left:5px; display:block; }
  .mainpage .header .pagename h1, .mainpage .header .phoneemail .phone { font: 24px Myriad Pro Bold; } 
  .mainpage .header .pagename h2, .mainpage .header .email { font: 16px Myriad Pro Bold; margin-top:-3px;  } 
  .mainpage .header .phoneemail { float:right; margin-top:35px; display:block; text-align: right; }
  .mainpage .header .phoneemail .phone span, .mainpage .header .email  { font: 16px Myriad Pro; }
  .mainpage .header .phoneemail .phone { background: url("../img/header_tel_ikona.jpg") top left no-repeat #fff; margin-left:10px; height:32px; }

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

  .mainbody .menu { width:100%; display:inline; }
  .mainbody .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; font-size: 14px; line-height: normal; padding-bottom: 7px; padding-left: 0; padding-right: 0;  padding-top: 8px; width:100%; float:left; }
  .mainbody .menu .topmenu 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; }
  .mainbody .menu .topmenu ul li { display: inline; margin-bottom: 0; margin-left: 3px; margin-right: 3px; margin-top: 0; font:bold 10pt Arial; border-right:1px solid #fff; }
  .mainbody .menu .topmenu ul li:last-child { border-right:0; }
  .mainbody .menu .topmenu 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-bottom: 4px; padding-left: 14px; padding-right: 14px; padding-top: 4px; }
  .mainbody .menu .topmenu a:hover { background-attachment: scroll; background-size: auto auto; color:orange; text-decoration:none; }
  .mainbody .menu .topmenu a:focus { color:#D46F00; }
  .mainbody .menu .topmenu a:active, .topmenu li.current-menu-item a, .topmenu li.current-page-ancestor a { color:#FFD920; }
  .mainbody .menu .topmenu li.selected a { font-weight: bold; }

  .mainbody .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 { margin: 0 auto; width:960px; 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: #1163c8; 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:orange; }

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

  .mainpage .maincontent .product #middle { margin: 0; width: 100%; overflow: hidden; height:246px; }
  .mainpage .maincontent .product #middle { overflow: visible; }
  .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.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.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.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.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.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 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;  color: white; bottom: 0px; right: 0; width:251px; height:120px; position: absolute; background:#fff url("../img/zajawka-slider-kolor.png"); background-repeat: repeat-x;}
  .mainpage .maincontent .product #content0 .section .prmotto { font:11px arial; top: 40px; right: 110px; position: absolute; width:150px; text-align:right; }

  .mainbody .maincontent .cert { margin-bottom: -150px ;z-index:15000; position: relative; top:-40px; right:-15px; width:117px; /*height:151px;*/ float:right;  }

  .mainpage .maincontent .mc { margin-top:20px; display:block; }
  .mainpage .maincontent .mc .main { float:left;  display:block; border-right:1px solid #d7dfea; }
  .mainpage .maincontent .mc .main .photo { float:left; border:0; }
  .mainpage .maincontent .mc .main .txt { float:left; width:425px; padding-left:20px; padding-right:20px;  }
  .mainpage .maincontent .mc .main .txt h1 { font:bold 16px Arial; margin-bottom:15px; padding-top:15px; }
  .mainpage .maincontent .mc .main .txt .more { margin-top:35px }
  .mainpage .maincontent .mc .main .txt p { font: 12px Arial; line-height:15px; color: #A3ACB9; margin-bottom:10px; }
  .mainpage .maincontent .mc .main .txt ul { margin-top:20px; margin-bottom:20px }
  .mainpage .maincontent .mc .main .txt ul li { list-style-type:circle; margin-left:20px; margin-top:5px; }

  .mainpage .maincontent .mc .main .txt p.error { color:red;  border:1px solid red; padding:3px;}

  .mainpage .maincontent .mc .main .motto { width:66  .mainpage .maincontent .mc { margin-top:20px; display:block; }cmain0px; padding-top:30px; padding-bottom:20px; background-image: url("../img/ikona_content_rozliczanie_czasu_pracy_kierowcow_gdansk_gdynia_sopot.jpg"); background-position: right top; background-repeat: no-repeat; }
  .mainpage .maincontent .mc .main .motto h2 { font:bold 16px Arial; padding-top:0; border-top:1px solid #d7dfea; width:400px; padding-left:70px; padding-top:10px }
  .mainpage .maincontent .mc .main .motto h2 span { color: #D46F00; }

  .mainpage .maincontent .mc .contact { float:left; padding-left:20px; width:245px; background: url("../img/ikona_sidebar_ewidencja_czasu_pracy_kierowcow_trojmiasto.jpg") no-repeat; background-position: 150px 25px; }
  .mainpage .maincontent .mc .contact h4, .mainpage .maincontent .mc .contact img { padding-top:10px; border:0px; }
  .mainpage .maincontent .mc .contact .btnformcont { bottom:0px; border-top:5px solid #bddeff; padding-top:15px  }
  .mainpage .maincontent .mc .contact .btnformcont img { float:right; margin-top:-10px }
  .mainpage .maincontent .mc .contact .txtcont { border-top:5px solid #bddeff; padding-top:15px; padding-bottom:15px; margin-top:15px; }

  .mainpage .maincontent .mc .txt #formAsk { margin:30px 0 5px; 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 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 verdana, 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 #submit { color:#fff; font:bold 10pt arial;  margin:5px 5px 0 0; background: -moz-linear-gradient(center bottom , #155593 23%, #1667b6 62%) repeat scroll 0 0 transparent; }
  .mainpage .maincontent .mc .txt #submit:hover {  background: -moz-linear-gradient(center bottom , #C34000 23%, #FF5400 62%) repeat scroll 0 0 transparent; }
  .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:15px; border-top:5px solid #bddeff; }
  .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_ewidencja_czasu_pracy_kierowcy.png"); 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:12px; height:58px; font:10pt Arial; margin-top:10px; }
  .mainpage .maincontent .beforefoot ul li:first-child { width:110px }
  .mainpage .maincontent .beforefoot ul li:nth-child(2) { width:190px }
  .mainpage .maincontent .beforefoot ul li:nth-child(3) { width:160px }
  .mainpage .maincontent .beforefoot ul li:nth-child(4) { width:140px }
  .mainpage .maincontent .beforefoot ul li:last-child { width:90px }

  .mainbody .footline { background-color: #025ac9; border-bottom: 8px solid #025ac9; clear: both; margin: 0 auto; width: 100%; }
  
  .mainbody .footpage  { display:block; clear:both; }
  .mainbody .footpage .logo { float:left; margin-top:10px; background: url("../img/ewidencja_czasu_pracy_kierowcow_elblag_malbork_braniewo_sopot_gdynia_gdansk.jpg") no-repeat #fff; width:220px; height:60px}
  .mainbody .footpage .logo img { border:0; }
  .mainbody .footpage .pagename { float:left; padding-top:30px; margin-left:5px; display:block; width: 500px; height:60px; background: url("../img/ikona_footer_ewidencja_czasu_pracy_kierowcow_elblag.jpg") no-repeat #fff; background-position: right -5px; background-repeat: no-repeat }
  .mainbody .footpage .pagename h3 { font:bold 11px arial; color:#1f2124; width:360px; padding-left:20px } 
  .mainbody .footpage .city { margin-bottom:10px; float:left;font-size: 11px; }
  .mainbody .footpage .copyright { margin-bottom:10px; float:right; font-size: 11px; }
  .mainbody .footpage .waitphone { background: url("../img/telefon_footer.png") no-repeat; float:right; display:block; text-align: right; width:217px; height:81px; margin-top:-8px; }

  .mainbody .footmenu { border-top:1px solid #d7dfea; border-bottom:1px solid #d7dfea; text-align:center }
  .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; padding-bottom: 10px;  }
  .mainbody .footmenu ul li { display: inline; margin-bottom: 0; margin-left: 0; margin-right: 6px; margin-top: 0; padding-right: 12px; 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 9pt Arial; }
  .mainbody .footmenu ul, .mainbody .footmenu ul li a { color: #d7dfea; }

  .mainbody .foottext { margin-top:20px; font-weight:normal; margin-bottom:20px; color: #d7dfea; }
-->