html,button,input,select,textarea {color: #222;}
html {/*margin-left:-1px;overflow-Y: scroll;*/}
body {font-size: 0.8em /*13px*/;line-height: 1.4 /*+-18px*/;font-family: 'Roboto', sans-serif;background: #f7f9fa;color: #191919;}
body a {transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;}
*::before {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*::after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

::-moz-selection {background: #222; color: #fff; text-shadow: none;}
::selection {background: #222; color: #fff; text-shadow: none;}

a {color: #008000;}
a:visited {color: #008040;}
a:hover {color: #004000;}

body a:focus {outline: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

img {max-width: 100%;width: auto\9; height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}

fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

audio,canvas,iframe,img,svg,video {vertical-align: middle;}

.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;text-align:center;}

strong, b {font-family: 'Roboto';font-weight: bold;}

.fas {font-style: normal !important}

/* ===== FORMULAR ===========================================================*/
form {margin: 0 auto;padding: 0;}
form div {padding: 0;margin:0;position: relative;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {display: block;background: #1a6e10;border: 1px solid #569d4e;color: #fff;font-weight: bold;font-size: 14px;padding: 2% 3%;margin-top: 10px;}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {background-color: #fff;border: 1px solid #b5b29d;padding: 2% 3%;}
textarea {width: 92%;min-height: 120px;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {outline: none;}

select {}

label {display: block;font-size: 14px;margin-top: 5px;margin-bottom: 2px;}

/* ==========================================================================
   Author: Avansa
   ========================================================================== */

.container {*zoom: 1;margin:0 auto;}
.container:before,
.container:after {content: " ";display: table;}
.container:after {clear: both;}

.header {display: table;width: 100%;clear: both;margin-top: 30px;background: #fafafa;border: 1px solid #fff;}
.headeritems {display: table-cell;vertical-align: middle;padding: 0 29px;border-collapse: collapse;}
.headeritems:last-child {width: 140px}
.headerlogo {}
.headerlogo .logo {}
.headercontact {margin-top: 15px;margin-bottom: 15px;color: #121212;font-style: italic;font-size: 16px;}
.headercontact i {color: #1b6f11;font-family: FontAwesome;font-size: 16px;}
.headercontact .item {}

.menutop {display: block;}
.menutop ul {background: #474747 url("http://www.dutmar.pl/menurpt.png") 0 0 repeat-x;display: block;list-style: none;margin: 0;padding: 0;border-bottom: 5px solid #282828;}
.menutop ul li {display: inline-block;list-style: none;margin: 0;padding: 1px;border-right: 1px solid #868686;}
.menutop ul li:last-child {border-right: 0;}
.menutop ul li a {display: block;padding:20px 15px;font-weight: bold;font-style: italic;font-size: 16px;color: #fff;text-shadow: 1px 1px #282828;text-decoration: none;line-height: 17px;text-transform: uppercase;background: url("http://www.dutmar.pl/menulighttop.png") no-repeat center top;}
.menutop ul li a.act,
.menutop ul li a:hover {background: #707070 url("http://www.dutmar.pl/menulighttop.png") no-repeat center top;text-shadow:none;}

.content {background: #f8f5dd;border: 1px solid #fff;padding: 9px;font-size: 14px;color: #191919;}
.content h1 {color: #1b6f11;margin: 0;padding:20px 0 15px;font-weight: bold;font-size: 20px;line-height: 24px;text-transform: uppercase;text-align: center;text-shadow:none !important}
.content h3 {display: block;clear: both;color: #282828;font-size: 24px;font-weight: bold;font-style: italic;line-height: 26px;padding:10px 0;margin: 0 0 10px;border-bottom: 1px solid #fff;text-shadow:none !important}
.content .machinescards {display: block;position: relative;margin-bottom: 20px;clear: both;margin-left: -1%;margin-right: -1%;text-align: center;}
.content .machinescards .machinescard {display: inline-block;width: 21.4%;margin: 0.6% 0.5%;padding: 1%;background: #ffffff;box-shadow: 1px 1px 1px #cbc9b6;vertical-align: top;}
.content .machinescards .machinescard .machinecover {-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;box-shadow: 1px 1px 1px #858585;width: 100%;padding-top: 75%;display: block;}
.content .machinescards .machinescard .machinecover img {display: none !important;}
.content .machinescards .machinescard .machinename {color: #030303;font-size: 16px;display: block;font-weight: normal;padding-top: 5px;}
.hometext {display: block;clear: both;font-size: 14px;color: #4b4b4b;text-shadow:1px 1px #FFFFFD;}
.hometext p {display: block;padding: 0 0 15px;margin: 0;}
.text {display: block;clear: both;font-size: 14px;line-height: 22px;color: #191919;text-shadow:1px 1px #FFFFFD;}
.text p {display: block;padding: 0 0 15px;margin: 0;text-align: justify;}
.text ul {display: block;padding: 0;margin: 0 0 0 15px;list-style:none}
.text ul li {display: block;padding: 0 0 5px;margin: 0;list-style:none}
.text ul li:before {display: inline-block;font-family: FontAwesome;content: "\f054";position: absolute;margin-left: -15px;font-weight: normal;}
.text .img {display: inline-block;width: 21.4%;margin: 0;padding: 1%;background: #ffffff;box-shadow: 1px 1px 1px #cbc9b6;vertical-align: top;clear: both;}
.text .img.fll {margin: 0 15px 5px 0 !important;}
.text .img.flr {margin: 0 0 5px 15px !important;}
.text .img img {width: 100%;height: auto;}

.news {display: block;clear: both;text-align: left;}
.newsitem {display: block;margin: 0 0 10px 0;padding: 1% 1% 0;background: #ffffff;box-shadow: 1px 1px 1px #cbc9b6;vertical-align: top;clear: both;}
.newsitem .newscover {display: block;float: left;margin-right: 10px;margin-bottom: 1.2%;box-shadow: 1px 1px 1px #858585;}
.newsitem .newscover img {max-width: 213px;height: auto;}
.newsitem .newstext {color: #030303;font-size: 14px;display: block;font-weight: normal;line-height: 20px;}
.newsitem .newstext h4 {font-size: 16px;font-weight: bold;color: #030303;margin: 0;padding: 0 0 10px;}
.newsitem .newstext p {display: block;padding: 0 0 15px;margin: 0;text-align: justify;}

.footer {background: #176b0d url("http://www.dutmar.pl/footerrpt.png") repeat-x;-webkit-background-size: 100% 100%;background-size: 100% 100%;padding: 0 10px;border-top: 5px solid #282828;color: #fff;font-size: 14px;text-shadow:1px 1px #0a2c47;line-height: 20px;}
.footer h2 {font-size: 16px;color: #fff;margin: 0;padding:0;}
.footer ul {display: block;list-style: none;padding: 0;margin: 0 0 0 15px;}
.footer ul li {display: block;list-style: none;padding: 10px 0 0 ;margin: 0;position: relative;}
.footer ul li:before {display: inline-block;font-family: FontAwesome;content: "\f054";position: absolute;margin-left: -15px;font-weight: normal;}
.footer .tblc {vertical-align: middle;padding:30px 20px;width: 30%;border-right: 1px solid #569d4e;}
.footer .tblc:nth-child(2) {width: 300px}
.footer .tblc:last-child {border-right: 0;}

.bottom {background: #0e2e0a;padding: 15px 30px;color: #4d6d49;font-size: 11px;clear: both;display: block;margin-bottom: 20px;text-align: center;}

.rwdmenu {display: none;}

/* ==========================================================================
   Special CLASS
   ========================================================================== */

.tbl {display: table;width: 100%;}
.tblc {display: table-cell;}

.t0 {top: 0 !important;}
.b0 {bottom: 0 !important;}
.r0 {right: 0 !important;}
.l0 {left: 0 !important;}

.fwn {font-weight: normal !important;}
.fwb {font-weight: bold !important;}

.tdu {text-decoration:underline !important}
.tdn {text-decoration:none !important}

.fz11 {font-size: 11px !important;}
.fz13 {font-size: 13px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz22 {font-size: 22px !important;}

.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.taj {text-align: justify !important;}

.vam {vertical-align: middle !important;}
.vam td {vertical-align: middle !important;}
.vat {vertical-align: top !important;}
.vat td {vertical-align: top !important;}
.vab {vertical-align: bottom !important;}
.vab td {vertical-align: bottom !important;}

.c_fff {color: #fff !important;}
.c_000 {color: #000 !important;}

.lh6 {line-height: 6px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}

.flr {float: right !important;}
.fll {float: left !important;}
.fln {float: none !important;}

.clb {clear: both !important;}
.cll {clear: left !important;}
.clr {clear: right !important;}

.bdn {border: none !important;}

.p0  {padding: 0 !important;}
.p5  {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}

.pt0  {padding-top: 0 !important;}
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}

.pb0  {padding-bottom: 0 !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}

.pl0  {padding-left: 0 !important;}
.pr0  {padding-right: 0 !important;}
.pl5  {padding-left: 5px !important;}
.pr5  {padding-right: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pr25 {padding-right: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pr30 {padding-right: 30px !important;}

.m0  {margin: 0 !important;}
.m5  {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}

.mt0  {margin-top: 0 !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}

.mb0  {margin-bottom: 0 !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}

.ml0  {margin-left: 0 !important;}
.mr0  {margin-right: 0 !important;}
.ml5  {margin-left: 5px !important;}
.mr5  {margin-right: 5px !important;}
.ml10 {margin-left: 10px !important;}
.mr10 {margin-right: 10px !important;}
.ml15 {margin-left: 15px !important;}
.mr15 {margin-right: 15px !important;}
.ml20 {margin-left: 20px !important;}
.mr20 {margin-right: 20px !important;}
.ml25 {margin-left: 25px !important;}
.mr25 {margin-right: 25px !important;}
.ml30 {margin-left: 30px !important;}
.mr30 {margin-right: 30px !important;}

.w5p { width:5% !important}
.w10p { width:10% !important}
.w15p { width:15% !important}
.w20p { width:20% !important}
.w25p { width:25% !important}
.w30p { width:30% !important}
.w33p { width:33.333% !important}
.w35p { width:35% !important}
.w40p { width:40% !important}
.w45p { width:45% !important}
.w50p { width:50% !important}
.w55p { width:55% !important}
.w60p { width:60% !important}
.w65p { width:65% !important}
.w66p { width:66.666% !important}
.w70p { width:70% !important}
.w75p { width:75% !important}
.w80p { width:80% !important}
.w85p { width:85% !important}
.w90p { width:90% !important}
.w95p { width:95% !important}
.w100p { width:100% !important}

.db {display: block !important;}
.di {display: inline !important;}
.dib {display: inline-block !important;}
.dn {display: none !important;}

.posr {position: relative !important}
.posa {position: absolute !important}
.posf {position: fixed !important}

.ovh {overflow: hidden !important;}


/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media screen and (min-width: 1001px) { 
  .container {width:1000px}
}

@media screen and (max-width: 1000px) {  
  .container {width:98%;margin-left: 1%;margin-right: 1%;}
}

@media screen and (max-width: 1920px) {  }

@media screen and (max-width: 1600px) {  }

@media screen and (max-width: 1440px) {  }

@media screen and (max-width: 1366px) {  }

@media screen and (max-width: 1280px) {  }

@media screen and (max-width: 1024px) {  }

@media screen and (max-width: 980px) {  }

@media screen and (max-width: 800px) {
  html {-ms-touch-action: manipulation;touch-action: manipulation;}
}

@media screen and (max-width: 768px) {  }

@media screen and (max-width: 640px) {
.rwdmenu {display: block;padding: 1% 2%;background: #4B4B4B;text-decoration: none;color: #fff;font-size: 18px;line-height: 18px;vertical-align: middle;font-weight: bold;}
.rwdmenu.active {background: #707070;color: #fff;}
.rwdmenu:visited,
.rwdmenu:active,
.rwdmenu:hover {color: #fff;}
.rwdmenu i {display: inline-block;margin-right: 3px;}
.menutop ul {display: none;}
.menutop ul li {display: block;text-align: center;border-top: 1px solid #fff;border-right: 0;}
.menutop ul li a {padding-top: 8px;padding-bottom: 8px;}
.menutop ul.active {display: block;}

.content .machinescards .machinescard {width: 29.4%;}
.text .img {width: 29.4%;}

.clearfix.mt10 .tbl {display: block !important;}
.clearfix.mt10 .tblc {display: block !important;width: auto !important;}

.footer .tbl {display: block !important;}
.footer .tblc {display: block !important;width: auto !important;border-bottom: 1px solid #569d4e;border-right:0;}
}

@media screen and (max-width: 480px) {
.headeritems {padding: 0 10px;}
}

@media screen and (max-width: 360px) {
.headeritems {display: block;width: auto !important;}
.headerlogo {text-align: center;}
.headercontact {text-align: center;}
.headercontact .item {display: inline-block;margin-left: 3px;margin-right: 3px;}
.content .machinescards .machinescard {width: 46.4%;}
}

@media screen and (max-width: 320px) {
.newsitem .newscover {float: none;text-align: center;margin-right: 0;}
.newsitem .newscover img {max-width: auto;width: 100%;}
.newsitem .newstext {padding: 5%;}
.content .machinescards .machinescard {width: 97.4%;margin-bottom: 10px;}
}

@media screen and (max-width: 240px) {  }


/* Portrait */
@media screen and (orientation:portrait) { }
/* Landscape */
@media screen and (orientation:landscape) { }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}

.hidden {display: none !important;visibility: hidden;}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.breakword {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.ellipsis {width: 250px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*,*:before,*:after {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="#"]:after,a[href^="javascript:"]:after {content: "";}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group;}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
}



/* Stylesheet: main Modified On 2018-04-20 17:53:20 */
