/********************************
********* CONTENT  ******
*********************************/


#breadcrumb {margin-bottom:10px;color:#999;font-size:80%}
#content,#wrapper {
    margin-top:-450px;    
}
#page #content {
    margin-top:-292px; 
}

#content .container {
    position:relative;background-color:#fff;padding:30px 30px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height:500px;
}



.ilosc-div {
    display:flex
}
.ilosc {color:#aaa;border:1px solid #aaa}
.ilosc-div button {
    background:#fff;
    padding:0px;margin:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color:#222;
    width:30px;height:30px;
    font-size:80%;
    color:#aaa;
}
.ilosc-div button:hover {
    color:#0a3565
}
.ilosc-div input[type=text] {
    width:60px;
    height:30px;
    display:block;
    text-align:center;
    border-width:1px 0px;
    padding:0px 14px;
    color:black;
}

@media screen and (max-width: 900px) { 
    #main-slider .item { height:400px}
    #content {    margin-top:-300px;}
}
@media screen and (max-width: 768px) { 
    #main-slider .item { height:300px}
    #content {    margin-top:-150px;}
    #main-slider {height:350px}
}
@media screen and (max-width: 600px) { 
    #main-slider .item { height:300px}
    #content {    margin-top:-100px;}
}

#content table td,
#content table th {padding:10px}
#content table th {background:#ececec}
#content table td {border-bottom:1px solid #ddd}
#content table tr:hover td {background:#f5f5f5}

#content ol.spaced li {padding-bottom:10px}
#content ol.not-spaced li {padding-bottom:0px}

#content img {max-width:100%;max-height:auto}
label.zgody {font-size:90%;line-height:1.7em}

/*kontakt mapa*/
.wdiv {padding:20px;border-left:0px solid #aaa;float:left;margin-top:10px;position:relative;}

@media only screen and (max-width: 991px) {
  #kom1 {margin-top:    0%}
}
.dziubek {width:30px;height:30px;background:#fff;position:absolute;bottom:-10px;left:43%;transform: rotate(45deg)}
.wdiv.active,
.wdiv.active:hover,
.wdiv.active .dziubek,
.wdiv.active:hover .dziubek{background:#e5e5e5}
.wysylanie {display:none;}

.wojewodztwa_uls {margin-top:3px;}
@media only screen and (max-width: 991px) {
  .wojewodztwa_uls {display:none}
  .responsive_hide {display:none}
}

.wojewodztwo_wstep {border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.wojewodztwo_wstep {margin-top:20px;font-weight:bold;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.handlowiec { cursor:pointer}
.handlowiec:hover,
.handlowiec:hover .dziubek {background:#f5f5f5}
.projektyDWG td {border-bottom:1px solid #efefef;padding-top:4px;padding-bottom:4px;}
.projektyDWG tr:hover td {background:#efefef}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbb;
}