body {
font-family: 'Raleway', sans-serif;
color: black;
font-weight: 200;
margin: 0;
padding: 0;
}
ul.clearfix {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}

/* MENU LOGOWANIA */
.pokaz-menu {
position: fixed;
right: 120px;
top: 70px;
width: 15%;
background: #454545;
border-radius: 0 0 5px 5px;
display: none;
z-index: 999999;
}

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;
}



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

#logo {width: 281px;height:0px; margin: auto; margin-bottom: 50px; margin-top: 5em;}
	#logo img {width: 100%;}

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


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

/* STRONICOWANIE AKTUALNOŒCI*/
a.stronicowanie {
	font-size: 1em;
	color: black;
	font-weight: bold;
	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;
	}



/* 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;
}


/* G£ÓWNA MINIATURY */

h3 {
	font-size: 4em;
	font-weight: 900;
	letter-spacing: -3px;
	margin: 0 0 20px;
	text-align: center;

}

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

/* 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: 62%;
  margin-left: auto;
  margin-right: auto;
}


/* ---------- Zoom container ---------- */
.image-zoom-container {
	list-style: none;
	font-size: 0px;
}
.zoom-container {
	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 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: 20%; /* 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: 33.3%;
float: left;
margin-bottom: 3em;
}
.box1-3 img.obrazek-podstrona {width: 98%;margin-bottom: 1em;}

/* KOLUMNY 1/3 OFERTA */
.box1-3-oferta {
width: 31%;
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;
}


/* KOLUMNY 1/4 NA G£ÓWNEJ */
.box1-4-produkt {
width: 25%;
float: left;
margin-bottom: 3em;
padding-right: 2em;
}

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


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

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

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

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

}

/* KOLUMNY 1/4 NA G£ÓWNEJ */
.box1-4 {
width: 24%;
float: left;
margin-bottom: 0;
margin-left: 0.5%;
margin-right: 0.5%;
}

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

/* BOX Z IKONKAMI PIELĘGNACJI PRODUKTU */
.box-ikony-pielegnacja {
	width: 15%;
	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: 70%;
background: #d3fccf;
border: 1px solid #008000;
padding: 10px;
margin: 0 auto;
}

/* 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 #008000;
padding: 10px;
margin: 0 auto;
}


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

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


.menu-prawe {
margin-left: 1em;
width: 88%;
float:left;
border: 1px solid #E0E0E0;
padding:1em;
margin-bottom: 2em;
}

/* TABELKA Z CECHAMI */



/* 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 */

h1+div.portfolio-reklama, 
.image-zoom-container>.portfolio-reklama:first-child,
.image-zoom-container>.portfolio-reklama:nth-child(5n) {border: 0px;}

.portfolio-reklama {
    width: 24%;
    height: 450px;
    background: white;
    margin: 0;
    float: left;
    padding-bottom: 0px;
    border-left: 1px solid #E0E0E0;
    margin-bottom: 20px;
    position: relative;
}


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

.portfolio-reklama-kategorie {
  width: 19.5%;
  height: 280px;
  background: #F0F0F0;
  margin: 10px;
  float: left;
  padding: 20px;
}
.portfolio-reklama-kategorie p {text-align: center; color: white;}
.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;

}
/* boxy jak robimy www */
.jak-tworzymy-www {
  width: 30%;
  height: 560px;
  background: #F0F0F0;
  margin: 19px;
  float: left;
  padding-bottom: 20px;
}
.jak-tworzymy-www p {text-align: center; color: white;}
.jak-tworzymy-www-miniatura {
  width: 80%;
  margin: 20px auto;
  border: 0px solid white;
  padding: 10px;
  position: relative;
}

.jak-tworzymy-www .miniatura {
  z-index: 1;
  height: 200px;
  position: relative;
    left: 55%;
    transform: translate(-50%);
  display: inline-block;
}
.jak-tworzymy-www .miniatura img {
  max-width: 90%;
  max-height: 280px;
  margin-top: 10px;
  border: 1px solid #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;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	font-weight: bold;
	width: 45%;
	}
	#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;
		}

/* BOX Z IKONKAMI SOCIAL */
#box-social-glowna {
width: 100%; margin:0; padding: 0; margin-bottom: 2em;}

#box-social-glowna p.tekst-wycentrowany img
{
margin-left: 1em;
margin-right: 1em;
}

/* 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;
}

/* 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;
padding-bottom: 50px;
}

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

/* 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%;}

/* KRESKA */
hr {
border: 0;
background: #E0E0E0;
margin-top: 2em;
margin-bottom: 2em;
height: 1px;

}

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



/* OBRAZKI PODSTRONY OPISOWE */
.obrazek-podstrona {width: 480px; float:left; margin-right: 2em;}
.obrazek-modul-www {width: 200px; float:left; margin-right: 2em;}
.obrazek-podstrona-aktualnosci {width: 240px; float:left; margin-right: 2em;}
.obrazek-podstrona-hosting {width: 500px; float:left; margin-right: 2em; border: 1px solid #019ED5;}
.obrazek-podstrona-gadzety {width: 90%; float:left; margin-left: 0px; margin-right:2px; margin-bottom:2px; margin-top:2px; border: 0px solid #019ED5;}
	.obrazek-podstrona-gadzety-miniatura {width: 52px; float:left; margin-left: 0px; margin-right:2px; margin-bottom:2px; margin-top:2px; border: 1px solid #019ED5;}
.obrazek-podstrona-aktualnosci-ostatnie {width: 100px; float:left; margin-right: 1em; margin-top: 1em;}


/* MAPKA GOOGLE */
#mapa {
        position: relative;
        padding-bottom: 25%;
        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;}
h1.bialy {color: white;}
h2.czarny {color: black;}
h3.czarny {color: black; text-align: justify; font-size: 20px;letter-spacing: 0px;}
	h2.czarny span {font-size: 13px;}
	h2.wycentrowany {text-align:center;}
h2.bialy {color: white;}
h2.cena-gadzety {color: #019ED5; text-align: right;}
h5.czarny {color: black; margin:0; padding:0;}
h3.niebieski {color: #019ED5; font-size: 18px; letter-spacing: .1em;; text-align: left;}

strong {font-weight: bold;}

p.czarny, ul.czarny, ol.czarny {
font-size: 13px;
line-height: 2;
color: #454545;
text-align: justify;
padding-top: 0;
margin-right: 10px;
font-weight: normal;
}
	ul.czarny li, ol.czarny li {margin-left: -20px; margin-right: 20px;}
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, ul.tekst-wyjustowany {text-align: justify; font-size: 15px;}
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 {
padding-right: 30px;
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-portfolio-www {
font-size: 13px;
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-portfolio-www: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.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;}


/* 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;}

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

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


/* PRZYCISK WIECEJ */
div.przycisk-wiecej {
text-align:center;
margin: 0 auto;
margin-right: 0;
float:right;
width: 150px;
}
		a.wiecej {
		background: #019ed5;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 25px;
		padding-bottom: 25px;
		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;
		}






/* SUBMIT P24 */
input.submit_p24 {
	width: 200px; 
	height: 129px;
	background: url('../images/layout/zaplac_p24.jpg');
	border: none;
	}

/* 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;
}
/* 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;
}

/* 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: 95%; 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;}


/* TABELA KOSZYK */
table#koszyk {border-collapse: collapse; width: 70%; 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; 
	border-bottom: 1px solid #E0E0E0;  
	column-count: 4; 
	column-fill: balanced; 
	column-width: 20%;
	text-align: left;
	vertical-align: top;
}

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 {
background: white;
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
}

input.submit {
font-family: 'Raleway', sans-serif;
border:0;
width: 40%;
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;}

input.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;
}
input.submit:disabled {background: #D0D0D0}

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

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

select {
background: white;
border: 1px solid #019ed5;
padding:5px;
width: 90%;
font-family: 'Raleway', sans-serif;
}

input.submit {
font-family: 'Raleway', sans-serif;
border:0;
width: 40%;
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;}

input.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;
}
input.submit:disabled {background: #D0D0D0}


/* WIDGET INSTAGRAMA */

.instagram {
width:30%;
margin: 0 auto;
float:left;
margin: 3px;
}

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

/* UKRYTE */
#suma-drukuj {display:none}
table.nadruki-mobile {display:none}
/* KRESKA POD CEN¥ W OPISIE PRODUKTU */
hr.podcena-mobile {display:none;}

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


/* 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;
}

	.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;
	}