/* CSS Document */

#wrapper {display:block; margin: 0px auto 0px;max-width: 920px;/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);*/ padding: 0px 0px; height: auto;}
.row div {background: #fff;}

/*Header*/
#header {color: #403152;/*width: 1100px;*//*float: left;*/ padding: 0px; margin: 0px 0px 0px 0px;}
#header div {}

#top-nav {font-size: 17px; padding: 8px 20px;text-align:center;}

.header-top {}
.header-top div {text-align: center;vertical-align: middle;background: #fafafa;padding:0px;}

#logo {/*background: url('images/layout_01.jpg') no-repeat 0px 0px;*/}
#logo h1 {font-size:36px;letter-spacing:-2px;}

#slogan {}
#slogan h2 {font-size:24px;letter-spacing:0px;}

#logo h1, #slogan h2 {font-family: cambria, arial black;line-height: 94px;text-transform:uppercase;font-weight: 600;margin: 0px;}

#header .tel {padding: 10px;}
/*#header .tel b {line-height: 200%;}
#header .tel .numer {background: #C40000;padding:0px 5px;margin:0px auto;width:auto;font-size: 25px;font-weight: 600;color: #fff;display: block;line-height: 150%;}
#header .tel .numer span {font-size: 70%;font-weight: 400;}*/

.top-sec-telefon, .mid-sec-telefon {margin: 0px 10px 0px auto;width:80%;}
.button-telefon {
    min-height: 70px;
    background: #ed1c24;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: flex;
    padding-left: 30px;
    padding-right: 0px;
    text-align: center;
    font-weight: 600;
   /* font-size: 17px;*/
color: #FFF !important;
justify-content: center;
margin-bottom: 10px;
position: relative;
cursor: pointer !important;
text-decoration: none !important;
}

.button-telefon::before {
    width: 56px;
    height: 56px;
    background: url("images/smartfon-icon.png") left center no-repeat;
     background-size: auto 100%;
    content: " ";
    position: absolute;
    left: 7px;
    top: 7px;
}
.button-telefon span {display: block;}
.button-telefon .dzwon-info {margin-top:10px;text-transform: uppercase;}

.button-telefon a {color: #FFF !important;font-size: 150%;display: block;font-weight: bold;line-height: 100%;}

#header .header-bar div {background: #283A60;height: 24px;}

.header-middle {padding: 0px 0px 15px;background: #fff;}
.header-middle div {background: #fff;}

.header-boksy {padding-top: 20px;}
.header-boksy, .header-boksy div {background: transparent;}

.tabelka td {font-size: 13px;}

.box {margin: 0px;border:7px solid #D7D7D7;border-radius: 12px;padding:10px 14px;text-align:left;/*width:100% !important;*/min-height:154px;background:#fff !important;}
.box h3 {font-size: 18px;}
.box div {text-align: center;}
.box .col-6 {padding:10px 0px;}
.box .powieksz {font-size: 10px;}
.rejon {float:left;padding:12px 8px;font-size:80%;text-align:center;line-height:125%;}
#rejon div {display: inline;width: 50%;text-align: center;}
.rejon h3 {line-height: 80%;font-weight: 600;font-size: 14px;}
#opinie {font-size:15px;font-weight:bold;line-height:120%;/*padding:10px 20px;*/text-align:center;}



#content {background: #fff;}
#content .bodytekst {padding:15px;}

#firmy {text-align:center;padding:10px;margin-top: 0px;}
#firmy h3 {font-family: arial;font-size:17px;text-transform:none;margin: 0px 0px;padding: 0px 0px;line-height:18px;text-align:center;font-weight: 600;}

.porady div {background:#f3f3f3;text-align:center;padding:15px;}
.porady h3 {background:#fff;line-height: 150%;}
.porady .foto {height:120px;}
.porady img {padding: 10px 0px;}

.link {text-align:center;}

.copy {text-align: right;}

/*Typo*/
img {max-width: 100%;}
.clr {clear: both;}

body {background: url('images/bg.jpg') repeat-x center 0px #ffffff;margin: 0px;padding:0px;}
table, td, p, div, b {}
.glowna td {text-align:left;}

a {color:#00E;text-decoration:none;font-weight: bold;} a:hover {text-decoration:underline;}
a.zwykly {color:#000;text-decoration:none;} 
a.zwykly:hover,a.zwykly:link, a.zwykly:visited {text-decoration:none;color:#000;}
h3 {font-family: arial;font-weight: 600;margin: 2px 0px;padding: 0px 0px;}
.red {color:#ce0100;font-weight:bold;}
.linkblue {color: #0000EE;text-decoration:underline;}


#punkty {background:#fff;border-top:4px solid #f3f2f3;}
#punkty ul {list-style:none;}
#punkty ul li {list-style:none;font-family: arial;font-size:16px;padding:0px 0px 0px 32px;line-height:20px;margin: 8px 0px 0px 0px;background: url('images/pkt.jpg') no-repeat 0px 0px;}

#punkty ol li  {font-family: arial;font-size:16px;padding:0px 0px 0px 0px;line-height:20px;margin: 8px 10px 0px 45px;}
#punkty ol, #punkty img {display: inline;}
#punkty ol {/*float:left !important;*/list-style:decimal;list-style-position: outside;/*margin:0px 0px 0px 25px;padding:0px 0px 0px 25px !important;*/}
#punkty img {float:right;margin-top:-4px;}

td#dzielnice  {background: url('images/layout_07.jpg') no-repeat 0px 0px;padding-top:26px;height:148px;}
#dzielnice div {padding:36px 0px 0px 42px;;font-weight:bold;line-height:17px;}
.mapka {float:right;padding:0px 30px 0px 0px;}

#marki {background: url('images/layout_08.jpg') no-repeat 0px 0px;padding: 34px 0px 0px 30px;text-align:left;height:148px;}
#marki .pkt {background: url('images/ar.jpg') no-repeat 0px 0px;padding:0px 8px 0px 15px;line-height:15px;font-weight:bold;}
#marki .pkt1 {background: url('images/ar.jpg') no-repeat 0px 0px;padding:0px 3px 0px 15px;line-height:15px;font-weight:bold;}

td#kontakt {background: url('images/layout_09.jpg') no-repeat 0px 0px;padding: 34px 0px 0px 30px;text-align:left;height:148px;}
.tabelka td {line-height:17px;}

td.content {text-align:justify;padding:8px 16px;max-height:40px;margin:0px;}
#ciekawostki {text-align:justify;padding:16px 32px;}

.opinia {padding:12px 0px;border-bottom: 1px dotted #ccc;}

.pkt2 {background: url('images/punkt.gif') no-repeat 0px 3px;padding:0px 0px 4px 15px;}
.pkt3 {background: url('images/punkt.gif') no-repeat 0px 15px;padding:12px 15px 12px 15px;border-bottom: 1px dotted #ccc;}

#last {border-bottom: none;}

.print {float:right;padding: 15px 15px 0px 0px;width:18px;cursor:hand;cursor:pointer;}
.linia {height:1px;border-top:thin solid #ededed;width:95%;}


h3.niedziela {padding:10px 0px 0px 32px;font-size:145%;color:#5e1310;}
.loga {}
td#stopka {padding: 10px 0px 6px 16px;text-align:left;color:#bcbcbc;}
#menud  {color:#bcbcbc;text-align:center;}
#menud a {color:#1cb1e8;text-decoration:none;}
#menud a:hover {text-decoration:underline;}

/*cookies*/
#cookie_info {background: #5A5A5A;display: block; width: 100%;z-index: 999;color:#fff;text-transform:uppercase;
text-align:center;font-size:14px;line-height: 200%;font-family: arial;/*padding: 10px 5px 6px;*/font-weight: 400;margin: 0px;vertical-align: middle;}
a.cookie-law-close { color: #fff;  font-weight: bold; text-decoration: none;margin: 0px 7px; padding: 3px 7px;background: #000;text-transform:none;border-radius: 6px;border:1px solid #000;font-size:12px;}

#facebook {
  /*background: url('images/fb.png.jpg') no-repeat 0px 0px;*/
  /*filter:alpha(opacity=60); opacity:.6;*/
  top: 160px;
  left: 0;
  color: #fff;
  height: auto;
  margin: 0px 0px;
  padding: 0px;
  position: fixed;
  z-index: 10001;
}


 .producenci {font-size: 28px; font-weight:bold;padding:0px 12px;font-family:calibri;line-height:35px;}
 .producenci1 {font-size: 28px; font-weight:bold;padding:0px 7px;font-family:calibri;line-height:35px;}

#bosch {color: #d11d22;}
#siemens {color: #0c5c97;}
#lg {color: #000000;}
#samsung {color: #0a9c47}
#indesit, #beko {color: #095da3;}
#whirlpool {color: #5b1c87;}
#candy {color: #089b42;}
#elektrolux {color: #42501d;}
#amica {color: #d11d22;} 

/*mobile*/
@media all and (max-width:1190px) {
#wrapper {padding: 0px 0px;width:100%;margin: 0px;}

.header-top {margin: 0px;padding:0px 0px;}
.mid-sec-telefon {margin: 0px auto;width: 80%;}
.button-telefon:before {max-width: 100%;height: 70%;top: 12px;left: 10px;width: 45px;background-size: cover;}
.button-telefon .dzwon-info {margin-top: 0px;}
.button-telefon {font-size: 22px;padding: 10px 0px 10px 20px;}
.button-telefon a {color: #FFF !important;font-size: 1.2em;display: block;font-weight: bold;line-height: 100%;}

#stopka td {line-height: 150%;font-size:120%;}
.header-top div {text-align: center;}
#logo, #slogan {padding:0px 10px;}
.box {margin: 10px 20px;}
#stopka {padding: 0px 10px;}
#stopka a {padding: 10px 10px;line-height: 200%;}
.copy, #menud {text-align: center;padding: 30px 0px;}
.row {margin: 0px !important;}
h3.link {font-size: 17px;padding: 0px 20px;}
	#logo h1 {font-size: 46px;line-height: 150%;}
#slogan h2, #firmy h3 {font-size: 40px;line-height: 150%;}
	#punkty ol li {font-size: 24px;line-height: 140%;}
	#pan {text-align:center;}
	.tabelka {font-size: 34px;line-height: 150%;}
	.tabelka td, .rejon b, #opinie {line-height: 120%;text-align:center;font-size: 15px;}
	.box {width: 80%;display: block;margin: 10px auto;}
	.box h3 {text-align:center;font-size: 34px;}
	.tyt-rejon {display: none;} .rejon h3 {font-size: 34px;display: inline;}
	#rejon div, .copy {display: block;width: 100%;text-align: center;}
	.bodytekst, .porady div, #ciekawostki, #stopka {font-size: 120%;}
	.copy {margin: 20px 0px;}
	img {max-width: 100%;}
}