body {
font-family: 'Raleway', sans-serif;
color: black;
font-weight: 200;
margin: 0;
padding: 0;
}

/* styl wideo z yt */
.yt-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.yt-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* style kolorków aktywnych/nieaktywnych us³ug */
span.wygasla {color: red; font-weight: bold}
span.wygaslazprzedluzeniem {font-weight: bold; color: #Dc4900;}
span.wygasajaca {color: #Fa0;  font-weight: bold}
span.aktywna {color:#49DC00;  font-weight: bold}



#logowanie {
width: 100%;
background: black;
height: 70px;
position: fixed; right: 0px; top:0;z-index:9999;
}
	#logowane img {width: 100%;}


#logo {width: 90%; height:0; margin: 0 auto; margin-bottom: .3em;}
	#logo img {width: 100%; margin:0 auto;}

.centrowanie {width: 95%; margin: 0 auto;}

/* MENU */

#menu {margin-top: 100px;}


/*----- Menu Outline -----*/
.menu-wrap {

    margin: 0 auto;
   padding: 0 auto;
    text-align: center;

  }

.menu {
  width:100%;
  margin:0px auto;
   display: flex;
    justify-content:center;
}

.menu li {
  margin:0px;
  list-style:none;
  font-family: 'Raleway', sans-serif;
}

.menu a {
  transition:all linear 0.15s;
  color:black;
  text-decoration: none;
  font-weight: bold;
}

.menu li:hover > a, .menu .current-item > a {
  text-decoration:none;
  color:#019ed5;
}

.menu .arrow {
  font-size:11px;
  line-height:0%;
}

/*----- Top Level -----*/
.menu > ul > li {
  float:left;
  display:inline-block;
  position:relative;
  font-size:19px;
}

.menu > ul > li > a {
  padding:10px 20px;
  display:inline-block;
  text-align: center;

}

.menu > ul > li:hover > a, .menu > ul > .current-item > a {
  background:white;
}

/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
  z-index:1000;
  opacity:1;
}

.sub-menu {
  width:200px;
  padding:5px 0px;
  position:absolute;
  top:100%;
  left:0px;
  z-index:-1;
  opacity:0;
  transition:opacity linear 0.5s;

  background:#F0F0F0;
}

.sub-menu li {
  display:block;
  font-size:12px;
}

.sub-menu li a {
  padding:10px 30px;
  display:block;
}

.sub-menu li a:hover, .sub-menu .current-item a {
  background:#3e3436;
}



/* MENU LOGOWANIA */
.pokaz-menu {
position: fixed;
right: 0;
top: 70px;
width: 100%;
display: none;
z-index: 999999;
background: #454545;
border-radius: 0 0 5px 5px;
}
input.logowanie {
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
margin-bottom: 1em;
}
input.logowanie-submit {
font-family: 'Raleway', sans-serif;
border:0;
width: 90%;
background: #019ed5;
padding-top: 10px;
padding-bottom: 10px;
margin:0 auto;
text-decoration: none;
color: white;
font-size: .9em;
font-weight: bold;}
input.logowanie-submit:hover {
-webkit-opacity: 1;
  		-moz-opacity: 1;
		  opacity: 1;
		  -webkit-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
background: black;
}


/* BOX ZAUFALI NAM*/

.zaufali-nam-slider {
	height: 120px;
	margin: 0 auto;
	width: 100%;
}
.zaufali-nam-slider ul {
	height: 120px;
	overflow: hidden;
	list-style: none;
}
.zaufali-nam-slider li {
	float: left;
	list-style: none;
}

/* STRONICOWANIE AKTUALNOŒCI*/
a.stronicowanie {
	font-size: 1em;
	color: black;
	font-weight: normal;
	text-decoration: none;
	padding: .2em 1em;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.stronicowanie:hover,
a.current
	{
  	color: #019ed5;
	}


div.select {margin: 0 auto; width: 90%; margin-bottom: 2em; margin-top: 8em;}
	div.select select {
	background: white;
	border: 1px solid #019ed5;
	padding:5px;
	width: 100%;
	font-family: 'Raleway', sans-serif;}


/* RAMKA Z PRZYCISKAMI LUBIE TO UDOSTÊPNIJ ITD. */
#box-przyciski-share {background: white; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; padding: 1em; margin-bottom: 1em;}

/* G£ÓWNA MINIATURY */

h3 {
	font-size: 4em;
	font-weight: 900;
	letter-spacing: -3px;
	margin: 0 0 20px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
}

.centered {
	text-align: center;
}
.wrapper {
	width: 100%;
	padding: 30px 0;
}
.container {
	width: 100%;
	margin: 0 auto;
}

/* ---------- Zoom container ---------- */
.image-zoom-container {
	list-style: none;
	font-size: 0px;
}
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 50%; /* this value + 2 should = 33% */
	font-size: 16px;
	font-size: 1rem;
	border: 10px solid white;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(https://www.yapis.net/css/grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
.zoom-container img.miniatura {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
-webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;

}

.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption p {
  display: block;
  text-align: center;
  margin:0;
  padding:0 1em 0 1em;
  color: white;
  font-weight: bold;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: -1px;
	color: #fff;
	margin: 23% 0 0;
	padding: 10px 0;
}



.zoom-container:hover img.miniatura {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
}
.zoom-container:hover .zoom-caption {
	background: none;
}



/* ---------- Zoom container ---------- */
.image-zoom-container {
  list-style: none;
  font-size: 0px;
}
.zoom-container-galeriawykonan {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 33.33%; /* this value + 2 should = 33% */
  font-size: 16px;
  font-size: 1rem;
  border: 10px solid white;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.zoom-container-galeriawykonan img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(https://www.yapis.net/css/grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
.zoom-container-galeriawykonan img.miniatura {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
-webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;

}

.zoom-container-galeriawykonan .zoom-caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, .5);
  -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-galeriawykonan .zoom-caption p {
  display: block;
  text-align: center;
  margin:0;
  padding:0 1em 0 1em;
  color: white;
  font-weight: bold;
}
.zoom-container-galeriawykonan .zoom-caption h3 {
  display: block;
  text-align: center;

  font-size: 1.5em;
  font-weight: 900;
  letter-spacing: -1px;
  color: #fff;
  margin: 23% 0 0;
  padding: 10px 0;
}


.zoom-container-galeriawykonan:hover img.miniatura {
  -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
    -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
}
.zoom-container-galeriawykonan:hover .zoom-caption {
  background: none;
}






@media (max-width: 1199px) {
  .container-galeriawykonan {
    width: 20%;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {

  .zoom-container {
    width: 50%;
  }

}

@media (max-width: 480px) {

  .zoom-container {
    width: 100%;
  }

}

/* PASEK NIEBIESKI Z KONTAKTEM NA GŁÓWNEJ */
#box-niebieski-kontakt {
width: 100%;
float: left;
margin-bottom: 3em;
background-color: #019ed5;
}

/* KOLUMNY 1/3 NA G£ÓWNEJ */
.box1-3 {
width: 100%;
float: left;
margin-bottom: 3em;
}

.box1-3 img.obrazek-podstrona {width: 98%; margin-bottom: 1em;}

/* KOLUMNY 2/3 NA G£ÓWNEJ */
.box2-3 {
width: 100%;
float: left;
margin-bottom: 3em;
}

/* KOLUMNY 1/4 NA G£ÓWNEJ */
.box1-4, .box1-4-produkt {
width: 25%;
float: left;
margin: 10px;

}

/* KOLUMNY 3/4 NA G£ÓWNEJ */
.box3-4 {
width: 100%;
float: left;
margin-bottom: 3em;
}

/* KOLUMNA 1 NA G£ÓWNEJ */
.box1-1 {
width: 100%;
float: left;
}

/* KOLUMNA 1/2 NA G£ÓWNEJ */
.box1-2 {
width: 98%;
float: left;
}



.box1-4-glowna {
width: 100%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom: 3em;
}
	.box1-4-glowna img {width: 100%; border: 1px solid #019ED5}

/* BOX Z IKONKAMI PIELĘGNACJI PRODUKTU */
.box-ikony-pielegnacja {
  width: 20%;
  float: left;
  background: red;
  margin-right: 20px;
}
.box-ikony-pielegnacja img {width: 100%;}

/* BOX INFORMACYJNY NA STRONIE Z DANYMI DO ZAMÓWIENIA */
.info {
box-sizing: border-box;
width: 100%;
float: right;
background: #d3fccf;
border: 1px solid #008000;
padding: 10px;
margin-bottom: 2em;
}

/* BOX B£¥D */
.error {
box-sizing: border-box;
width: 70%;
background: #FFD3D3;
border: 1px solid red;
padding: 10px;
margin: 0 auto;
}

/* BOX INFO */
.ok {
box-sizing: border-box;
width: 70%;
background: #fccfcf;
border: 1px solid #C00000;
padding: 10px;
margin: 0 auto;
}


/* BOX CENA ZAWIERA - W OPISIE PRODUKTU */
.cenazawiera {
width: 98%;
float: left;
background: #d3fccf;
border: 1px solid #008000;
padding-left: 10px;
margin-bottom: 2em;
}

/* BOX CENA NIE ZAWIERA - W OPISIE PRODUKTU */
.cenaniezawiera {
width: 98%;
float: left;
background: #dcfccd;
border: 1px solid #C00000;
padding-left: 10px;
}

#menu-prawe {

margin:0;
width: 94%;
float:left;
border: 1px solid #E0E0E0;
padding:1em;
}


/* IKONKA CERTUM SSL */
.certum {width: 100px; margin: 0 auto;}

/* KWADRATY Z WERSJAMI KOLORYSTYCZNYMI */


.box-kolor-produktu {
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
border: 1px solid #019ED5;
margin: 5px;
border-radius: 50%;}

/* BOX Z IKONKAMI SOCIAL */
#box-social-glowna {
width: 100%;
overflow: auto;
margin-bottom: 3em;}

#box-social-glowna p.tekst-wycentrowany img
{
margin-left: .5em;
margin-right: .5em;
width: 15%;
}


/* BOX Z IKONKAMI DO NARZÊDZI */
.box1-4 p.tekst-wycentrowany img
{
margin-left: .5em;
margin-right: .5em;
width: 15%;}

/* FOOTER */
#bottom{
width: 100%;
background: #454545;
overflow: auto;
margin}

#bottom.box1-4-glowna {
width: 98%;
margin-left: 1%;
margin-right: 1%;
float: left;
margin-bottom:0;
}
	#bottom.box1-4-glowna img {width: 98%;}



#footer{
width: 100%;
background: black;
overflow: auto;}

/* KRESKA */
hr {
border: 0;
background: #E0E0E0;
margin-top: 2em;
margin-bottom: 2em;
height: 1px;
}
/* KRESKA W SZARYM PASKU NA TELEFONIE */
hr.mobile {
border: 0;
background: #E0E0E0;
margin-top: 0;
margin-bottom: 0;
padding:0;
height: 1px;
}


/* OBRAZKI PODSTRONY OPISOWE */
.obrazek-podstrona {width: 100%;}
.obrazek-podstrona-aktualnosci {width: 100%;}
.obrazek-podstrona-aktualnosci-ostatnie {width: 100px; float:left; margin-right: 1em; margin-top: 1em;}


/* Okna formularzy dodawania usuwania plików projektów w zamówieniu*/

#dodaj-plik, #usun-plik, #pliki {cursor:pointer;}
#dodaj-plik-formularz, #usun-plik-formularz, #pliki-formularz{
  padding: 50px;
  display: none;
  border: solid 1px #E0E0E0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}



/* OBRAZKI PODSTRONY OPISOWE */
.obrazek-podstrona {width: 240px; float: left; margin-right: 2em;}
.obrazek-podstrona-hosting {width: 100%; border: 1px solid #019ED5;}
.obrazek-podstrona-gadzety {width: 60%; border: 0px solid #019ED5; float:left; margin: 0 auto;}
    .obrazek-podstrona-gadzety-miniatura {width: 50px; float:left; margin: 5px; border: 1px solid #019ED5;}
.obrazek-modul-www {width: 100%;}
.obrazek-podstrona-aktualnosci {width: 100%;}
.obrazek-podstrona-aktualnosci-ostatnie {width: 100px; float:left; margin-right: 1em; margin-top: 1em;}


/* MAPKA GOOGLE */
#mapa {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    #mapa iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		  border:0
    }


/* TEKSTY */
h1.czarny {color: black; margin-top:0}
h1.bialy {color: white; margin-top:1em; margin-bottom: 20px;}
h2.czarny {color: black; margin-top:0}
h2.czarny span {font-size: 13px;}
h2.bialy {color: white;}
h2.cena-gadzety {color: #019ED5; text-align: right;}
h3.czarny {color: black; text-align: justify; font-size: 20px;letter-spacing: 0px;}
h5.czarny {color: black; margin:0; padding:0;}

strong {font-weight: bold;}

p.czarny, ul.czarny, ol.czarny {
font-size: 13px;
line-height: 2;
color: #454545;
text-align: justify;
padding: 0 auto;
font-weight: normal;
}
p.bialy {
font-size: 13px;
line-height: 2;
color: white;
text-align: justify;
padding: 0 auto;
}

p.czarny-glowna {
font-size: 13px;
line-height: 2;
color: #454545;
text-align: justify;
padding: 0 2em 1em 0;
}
p.bialy-glowna {
font-size: 13px;
line-height: 2;
color: white;
text-align: justify;
padding: 0 2em 1em 0;
}

p.tekst-prawo {text-align: right; font-size: 13px;}
p.tekst-lewo {text-align: left;}
p.tekst-wyjustowany {text-align: justify;}
p.tekst-wycentrowany {text-align: center;}
p.stopka {text-align: center; color: white; font-size: 10px; margin-bottom:2em; padding:0;line-height: 3;}
p.menu-prawe {margin:0; padding:0;}

/* MIGOCZ¥CY TEKST*/
span.migoczacy-tekst {
    -webkit-animation: fadeinout 1s linear 1 forwards;
    animation: fadeinout 1s linear 1 forwards;
  animation-iteration-count: 1000;
  color: red;
  font-weight: bold;
}

@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

/* KALKULATOR WWW BOX Z CEN¥ STRONY */
#suma{
position: fixed;
bottom: 0;
left: 0;
background: #005580;
width: 100%;
height: 100px;
color: white;
text-align: center;
z-index: 11;
padding-top: 20px;
}
  .sum {font-size: 32px; display:inline;}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;

  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: white;
  border: 1px solid #019ED5;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 10;
}
.option-input:hover {
  background: #D0D0D0;
}
.option-input:disabled {
  background: #D0D0D0;
}
.option-input:checked {
  background: #019ED5;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  display: inline-block;
  font-size: 20.66667px;
  text-align: center;
  line-height: 20px;
  content: '\2713';
}

.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}




/* LINKI */

h2.czarny a {
color: black;
text-decoration: none;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
h2.czarny a:hover {
    color: #019ed5;
  }
a.box-aktualnosc {
font-size: 13px;
color: white;
text-align: left;
text-decoration: none;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.box-aktualnosc:hover
	{
  	color: #019ed5;
	}
a.box-aktualnosc-prawo {
font-size: 13px;
color: black;
float: right;
text-decoration: none;
font-weight: bold;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
margin-right: 1em;
margin-bottom: 1em;
}
a.box-aktualnosc-prawo:hover
  {
    color: #019ed5;
  }

a.link {

color: black;
text-decoration: none;
font-weight: bold;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.link:hover
	{
  	color: #019ed5;
	}

a.link-logowanie {
font-size: 11px;
color: white;
text-decoration: none;
font-weight: bold;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.link-logowanie:hover
	{
  	color: #019ed5;
	}

a.box-aktualnosc-prawo {
font-size: 13px;
color: black;
float: right;
text-decoration: none;
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.box-aktualnosc-prawo:hover
	{
  	color: #019ed5;
	}

/* IKONKI FB G+ ITP*/
p.ikonki-wycentrowane {text-align: center; margin: 0; padding: 0;}
	p.ikonki-wycentrowane a img { margin-left: .5em; margin-right: .5em;}

/* PRZYCISK WIECEJ */
div.przycisk-wiecej {
text-align:center;
margin: 0 auto;
float:left;
width: 100%;
}
		a.wiecej {
		width: 100%;
		background: #019ed5;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		text-decoration: none;
		color: white;
		font-size: .9em;
		float:left;
		font-weight: bold;

		}
		a.wiecej:hover{
		color: white;
		background: black;
		-webkit-opacity: 1;
  		-moz-opacity: 1;
		  opacity: 1;
		  -webkit-transition: all 0.5s ease;
		  -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;
		}
/* PRZYCISK WIECEJ W PORTFOLIO */
div.przycisk-wiecej-waski {
text-align:center;

margin-top: 5px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
    a.wiecej-waski {
    background: #019ed5;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-decoration: none;
    color: white;
    font-size: medium;
    font-weight: bold;

    }

    a.wiecej-waski:hover{
    color: white;
    background: black;
    -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

a.linkfooter {color: white; text-decoration: none; font-weight: bold; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a.linkfooter:hover {color: #019ed5;}


/* BOX DO SPRAWDZANIA DOMEN */
#sprawdz-domene {
width: 100%;
float:left;
background: #019ED5;}
  #sprawdz-domene h2 {margin: 1.2em 1em; color: white; float:left;}
  #sprawdz-domene input.domena
  {
  border: 3px solid #017CA5;
  padding: 1em;
  margin-top:1em;
  margin-bottom: 1em;
  font-family: 'Raleway', sans-serif;
  font-size: 1em;
  font-weight: bold;
  width: 30%;
  }
  #sprawdz-domene select.rozszerzenie
  {
  border: 3px solid #017CA5;
  padding: 1em;
  margin-top:1em;
  font-family: 'Raleway', sans-serif;
  font-size: 1em;
  font-weight: bold;
  width: 18%;
  }
  #sprawdz-domene input.domena-submit {

    font-family: 'Raleway', sans-serif;
    border:0;
    background: #017CA5;
    padding: 1.4em 1em;
    margin:0 auto;
    text-decoration: none;
    color: white;
    font-size: .9em;
    font-weight: bold;
    }

  #sprawdz-domene input.domena-submit:hover {
    -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      background: black;
    }

/* TABELA POBIERZ */
table#pobierz {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto;}
table#pobierz tr th {border: 1px solid #E0E0E0; padding:1em; width: 1%; text-align: left;}
table#pobierz tr td.lp {border: 1px solid #E0E0E0; padding:1em; width: 1%; font-size: 13px;}
table#pobierz tr td.tytul {border: 1px solid #E0E0E0; padding:1em; width: 80%; font-size: 13px;}
table#pobierz tr td.plik {border: 1px solid #E0E0E0; padding:1em; width: 19%; font-size: 13px; text-align: right; text-align: center;}


/* TABELA SZCZEGÓ£Y HOSTINGU */
table#hosting {border-collapse: collapse; width: 80%; margin-left: auto; margin-right: auto;}
table#hosting tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#hosting tr td.parametr {border: 1px solid #E0E0E0; padding:1em; width: 80%; font-size: 13px; text-align: left;}
table#hosting tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 19%; font-size: 13px; text-align: right; text-align: center;}

/* TABELA CENNIK DOMEN */
table#cennik-domen {border-collapse: collapse; width: 80%; margin-left: auto; margin-right: auto;}
table#cennik-domen tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#cennik-domen tr td.parametr {border: 1px solid #E0E0E0; padding:1em; width: 80%; font-size: 20px; text-align: left; font-weight: bold}
table#cennik-domen tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 19%; font-size: 20px; text-align: right; text-align: center;}


/* TABELA SZCZEGÓ£Y WHOIS DOMEN */
table#sprawdz-domene {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto; margin-top: 1em; border: 1px solid #019ed5}
table#sprawdz-domene tr td.parametr {padding:1em; width: 50%; font-size: 13px; text-align: center; background: white;border: 1px solid #019ed5}
table#sprawdz-domene tr td.wartosc-jest {padding:1em; width: 50%; font-size: 13px; text-align: right; text-align: center; background: white; font-weight: bold; color:red;border: 1px solid #019ed5}
table#sprawdz-domene tr td.wartosc-niema {padding:1em; width: 50%; font-size: 13px; text-align: right; text-align: center; background: white; font-weight: bold; color: #0C0; border: 1px solid #019ed5}

/* TABELA PORÓWNANIE HOSTINGÓW */
table#hosting-porownanie {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto;}
table#hosting-porownanie tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#hosting-porownanie tr td.parametr {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: left;}
table#hosting-porownanie tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 13%; font-size: 13px; text-align: right; text-align: center;}


/* TABELA OPIS STRONY WWW PORTFOLIO */
table#www-portfolio {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto;}
table#www-portfolio tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#www-portfolio tr td.parametr {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: left; font-weight: bold;}
table#www-portfolio tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 13%; font-size: 13px; text-align: right; text-align: center;}


/* TABELA PODSUMOWANIE RODZAJE NADRUKÓW  */
table.nadruki {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto;}
table.nadruki tr th {border: 1px solid #E0E0E0; padding:1em; width: 33.3%; text-align: center; color: white; background:#019ed5;}
table.nadruki tr td {border: 1px solid #E0E0E0; padding:1em; width: 33.3%; font-size: 13px; text-align: left; vertical-align: top;}
table.nadruki tr td.center {border: 1px solid #E0E0E0; padding:1em; width: 33.3%; font-size: 13px; text-align: center; vertical-align: top;}


/* TABELA CECHY PRODUKTU NA KARCIE PRODUKTU */
table#cechyproduktu {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto; float: right;}
table#cechyproduktu tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#cechyproduktu tr td.parametr {border: 0px solid #E0E0E0; padding:1em; font-size: 13px; text-align: left;}
table#cechyproduktu tr td.wartosc {border: 0px solid #E0E0E0; padding:1em; font-size: 13px; text-align: right; text-align: center;}
table#cechyproduktu tr td.wartosc select {border: 1px solid #019ed5; padding: 5px; width: 90%; font-family: 'Raleway', sans-serif;}


/* TABELA KOSZYK */
table#koszyk {border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto;}
table#koszyk tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#koszyk tr td.towar {border: 1px solid #E0E0E0; padding:1em; width: 40%; font-size: 13px; text-align: left;}
table#koszyk tr td.cena {border: 1px solid #E0E0E0; padding:1em; width: 10%; font-size: 13px; text-align: center;}

table#koszyk tr td.ilosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: center;}
table#koszyk tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: right; text-align: center;}

td.cena a img {width: 25px;}


input.submit-koszyk {
font-family: 'Raleway', sans-serif;
border:0;
width: 50px;
background: #019ed5;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 5px;
margin-bottom: 20px;
text-decoration: none;
color: white;
font-size: 1em;
float: right;
font-weight: bold;}

input.submit-koszyk:hover {
-webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
background: black;
}


/* TABELA PRZESY£A */
table#przesylka {border-collapse: collapse; width: 70%; margin-left: auto; margin-right: auto;}
table#przesylka tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#przesylka tr td.towar {border: 1px solid #E0E0E0; padding:1em; width: 40%; font-size: 13px; text-align: left;}
table#przesylka tr td.cena {border: 1px solid #E0E0E0; padding:1em; width: 10%; font-size: 13px; text-align: center;}

table#przesylka tr td.ilosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: center;}
table#przesylka tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: right; text-align: center;}


/* TABELA DANE PODSUMOWANIE */
table#adresy {border-collapse: collapse; width: 70%; margin-left: auto; margin-right: auto;}
table#adresy tr th {border: 1px solid #E0E0E0; padding:1em; text-align: center; color: white; background:#019ed5;}
table#adresy tr td.towar {border: 1px solid #E0E0E0; padding:1em; width: 40%; font-size: 13px; text-align: left;}
table#adresy tr td.cena {border: 1px solid #E0E0E0; padding:1em; width: 10%; font-size: 13px; text-align: center;}

table#adresy tr td.ilosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: center;}
table#adresy tr td.wartosc {border: 1px solid #E0E0E0; padding:1em; width: 20%; font-size: 13px; text-align: right; text-align: center;}


/* BOX WYSZUKIWARKA OKAZJI UPOMINKÓW */
.okazje-zawartosc {
  margin-bottom: 30px; 
  padding-bottom: 30px; 
  padding-left: 20px; 
  column-count: 3;
  column-width: 33.3%; 
  border-bottom: 1px solid #E0E0E0; 
  vertical-align: top; 
}

/* KOLUMNY 1/3 OFERTA */
.box1-3-oferta {
width: 47%;
margin-left: 1%;
margin-right: 1%;
float: left;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 2em;
background: white;
border: 1px solid #019ED5;
}
.box1-3-oferta img.obrazek-podstrona
{
width: 98%;
margin-bottom: 1em;
margin-top: 1em;
}

/* KOLUMNA 1/2 W HOSTINGU */
.box1-2-oferta {
width: 100%;
float: left;

}


/* miniatury w portfolio */
.portfolio-www {
  width: 47%;
  height: 350px;
  background: #F0F0F0;
  margin: 10px;
  float: left;
  padding-bottom: 20px;
}
.portfolio-www p {text-align: center; color: white;}
.portfolio-www-miniatura {
  width: 80%;
  margin: 40px auto;
  border: 1px solid white;
  padding: 10px;
  z-index: 997;
  position: relative;
  float: left;
}

.porfolio-www-miniatura .miniatura {
  position: relative;
    left: 50%;
    transform: translate(-45%);
  display: inline-block;
}
.porfolio-www-miniatura .miniatura img {
  max-width: 90%;
  max-height: 210px;
  margin-top: 20px;
  border: 1px solid #019ed5;
  text-align: center;
}

/* BOX Z BANNERAMI */
#banner {
width: 100%;
margin-left: auto;
margin-right: auto;
}
  #banner img {width: 100%;}


/* SUBMIT NA STRONIE PRODUKTU */
input.submit-produkt {
font-family: 'Raleway', sans-serif;
border:0;
width: 100%;
background: #019ed5;
padding-top: 10px;
padding-bottom: 10px;
margin:0 auto;
text-decoration: none;
color: white;
font-size: .9em;
margin-bottom: 20px;
font-weight: bold;}
input.submit-produkt:hover {
-webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
background: black;
}



input.submit-przesylka {
font-family: 'Raleway', sans-serif;
border:0;
width: 50px;
background: #019ed5;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 5px;
margin-bottom: 20px;
text-decoration: none;
color: white;
font-size: 1em;
float: right;
font-weight: bold;}

input.submit-przesylka:hover {
-webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
background: black;
}


/* TABELA KONTAKT */
table.kontakt {width: 100%;}
table.kontakt tr td {height: 3em;font-size: 13px;}
input.kontakt {
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
}
textarea.kontakt {
border:1px solid #019ed5;
width: 100%;
height: 100px;
margin-bottom: 1em;
font-family: 'Raleway', sans-serif;
}
select.kontakt {
background: white;
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
}


/* TABELA ZALOZ KONTO */
table.zaloz-konto {width: 100%; margin:0 auto;}
table.zaloz-konto tr td {height: 3em;font-size: 13px; width: 100%;}
input.zaloz-konto {
border: 1px solid #019ed5;
padding:5px;
width: 100%;
font-family: 'Raleway', sans-serif;
}
textarea.zaloz-konto {
border:1px solid #019ed5;
width: 100%;
height: 100px;
margin-bottom: 1em;
font-family: 'Raleway', sans-serif;
}

input.submit{
font-family: 'Raleway', sans-serif;
border:0;
width: 100%;
background: #019ed5;
padding-left: 35px;
padding-right: 35px;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 1em;
margin-bottom: 20px;
text-decoration: none;
color: white;
font-size: .9em;
float: right;
font-weight: bold;}

/* TABELA NEWSLLETER NA DOLE */
input.newsletter {
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
margin-bottom: 1em;
}

input.newsletter-submit {
font-family: 'Raleway', sans-serif;
border:0;
width: 90%;
background: #019ed5;
padding-top: 10px;
padding-bottom: 10px;
margin:0 auto;
text-decoration: none;
color: white;
font-size: .9em;
font-weight: bold;}
input.newsletter-submit:hover {
-webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
background: black;
}

div.g-recaptcha
{
width: 100%; float: left; margin-top:1em;
margin-left:auto;
margin-right: auto;
}

/* button nowa cena */
.button-nowacena
{
  width: 90px;
  height: 23px;
  position: absolute;
  top: 10px;
  left: 0px;  
}
/* button nowy produkt */
.button-nowyprodukt
{
  width: 90px;
  height: 23px;
  position: absolute;
  top: 10px;
  right: 0px;
}

/* miniatury w gadzetach */
.portfolio-reklama {
    width: 48%;
    height: 450px;
    background: white;
    margin: 0;
    float: left;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    position: relative;

}
.portfolio-reklama p {text-align: center; color: #454545;}
.portfolio-reklama-miniatura {
  width: 100%;
  margin: 0px auto;
  border: 0px solid white;
  padding: 10px;
  z-index: 997;
  position: relative;
}

.portfolio-reklama-kategorie {
  width: 47%;
  height: 280px;
  background: #F0F0F0;
  margin: 10px;
  float: left;
  padding-bottom: 20px;
}
.portfolio-reklama-kategorie p {text-align: center; color: #474747;}
.portfolio-reklama-kategorie-miniatura {
  width: 100%;
  margin: 40px auto;
  border: 1px solid white;
  padding: 10px;
  z-index: 997;
  position: relative;
}

.porfolio-reklama-miniatura .miniatura {

  position: relative;
    left: 50%;
    transform: translate(-45%);
  display: inline-block;
}
.porfolio-reklama-miniatura .miniatura img {
  max-width: 90%;
  max-height: 210px;
  margin-top: 20px;
  border: 0px solid #019ed5;

}

/* CZYSZCZENIE */
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both}



/* UKRYTE */
div.select,
table.nadruki-mobile,
hr {display:none}


/* KRESKA POD CEN¥ W OPISIE PRODUKTU */
hr.podcena {
border: 0;
background: #E0E0E0;
margin-top: 1em;
margin-bottom: 2em;
height: 1px;
width: 93%;
float: right;
}

/* PASEK POSTÊPU KONFIGURATOR NADRUKU NA ODZIE¯*/
img.pasek {display:none}
img.pasek-mobile {display: block; margin: 0 auto; width: 100%;}

/* PRZYCISK POLEÆ WYMUSZENIE OD LEWEJ*/
.fb_iframe_widget {
    display: inline-block;
    position: relative;
    float: left !important;
}



div.oceny-kupujacych {
  width: 100%;
  border: 1px solid #019ed5;
  padding: 15px;
  box-sizing: border-box;
}

  .pasek-oceny-szary {
    float: left;
    margin:0; 
    padding:0;
    width: 50%; 
    height: 10px;
    background: #DCDCDC;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .pasek-oceny-zolty {
    margin:0; 
    padding:0;
    height: 10px;
    background: #edb867;
  }
  .pasek-oceny-zielony {
    float: left;
    margin:0; 
    padding:0;
    width: 50%; 
    height: 10px;
    background: #d3fccf;
    margin-right: 10px;
  }
  .pasek-oceny-czerwony {
    margin:0; 
    padding:0;
    height: 10px;
    background: #fccfcf;
  }