body{
margin:0;
font-size:14px;
line-height:1.6em;
font-family: 'Karma', sans-serif;
color: black;
background: white;
background-attachment:fixed;

}

a{color: #555555;}
a:hover{color: #999999;}
a img{border:0;}
h1{font-weight:900px; font-size:66px; line-height:30px; padding:0; margin:5px 0 0 0;}
h1 a{text-decoration:none;color:black;}
h1 strong{font-weight:200;}
h1 span{font-size:18px;padding-left:20px;}
h2{font-size:16px; font-family:Verdana;font-weight:normal}
h3{ padding:0; margin:4px 0px;}

#kontaktform table{width:100%;}
input[type=text],input[type=password]{width: 95%; padding:3px 1%; margin-bottom:10px; height:26px; line-height:26px; font-size:16px; border:1px dashed black;}
textarea{width: 96.5%; padding:3px 1%; height:118px; font-size:14px;font-family: 'Karma'; border: 1px dashed black; resize:none;}
input[type=submit]{border:0; background: #E72A17; font-size:14px; color: white; }
input#wyslij{width:110px; height:30px;margin-top:20px; margin-right:1.5%; float:right;cursor:pointer;}

.all{float:left;width:100%;}
.total{margin:auto;width:1200px;}
.ptotal{width:100%;}
.relative{position:relative;}
.center{text-align:center}
#left{float:left;width:25%; text-align:center}
#right{float:right;width:75%}

.b0{padding:20px}
.b1{border-top:1px dashed black;}
.b2{border-right:1px dashed black;}
.b3{border-bottom:1px dashed black;}
.b4{border-left:1px dashed black;}


#top{position:fixed;top:0;height:68px;background:url(img/menu_top.png) repeat-x;z-index:7999}
#topmenu{ text-align:center;padding:30px 0; color:white;}
#topmenu a{text-decoration:none;color:white}

#toplogo{position:absolute;left:0;top:20px;}

#langmenu{position:absolute;right:0;top:11px}
#langmenu a{display:inline-block;width:44px;padding-left:10px;height:29px;line-height:29px;text-transform:uppercase;margin:2px}
#langmenu a.jezykpl{background:url(img/pl1.png) no-repeat;}
#langmenu a.jezyken{background:url(img/en.png) no-repeat;}
#langmenu a.jezykpl:hover{background:url(img/pl.png) no-repeat;}
#langmenu a.jezyken:hover{background:url(img/en1.png) no-repeat;}


#cont{}
#omnie,#oferta,#kontakt{margin-top:78px;}

#main{position:relative;}
#tlo{width:100%;position:relative;}

#tlo .center,#tlo .cycle-pager{display:none}
#main,#tlo,#banery1{height:100vh}
#banery1{overflow:hidden;}

.mobi{display:none;}
#menumobi,#minimenu{display:none}
#minimenu{z-index:-10;}

.tlo img{width:100%;}
.tlo .tlotext{position:absolute;width:100%; text-align:center;}
.tlo .tlotext span{color:white;background:rgba(1,1,1,0.6); display:inline-block; padding:0.5em 20px; }
.tlo .tlotext .s1{color:#C3B8A2}
.tlo .tlotext .s2{}
.tlo .tlotext .s3{color:#C3B8A2;text-align:right;}

.tlo .tlotext{top:30%;}
.tlo .tlotext .s1{font-size:4vh;}
.tlo .tlotext .s2{font-size:6vh; line-height:6vh}
.tlo .tlotext .s3{font-size:4vh;}

##down{position:absolute;top:55%;width:100%; text-align:center;z-index:997;} 
##adown{display:inline-block;width:96px;height:98px; z-index:997;background:url(img/down.png) no-repeat}
##adown:hover{background:url(img/downh.png) no-repeat;}

#banery{position:absolute;bottom:0;width:100%;z-index:998;}
#banery a{display:block;height:2vh; padding:12vh 0 6vh 0; font-size:2vh;background-size:cover !important; text-decoration:none; width:16.66%; text-align:center;float:left;color:white}

a#baner1,a#baner8{background:url(img/1a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner2,a#baner10{background:url(img/2a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner3,a#baner12,a#baner25{background:url(img/3a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner4,a#baner13{background:url(img/4a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner5,a#baner14,a#baner26{background:url(img/5a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner6,a#baner15{background:url(img/6a.png) rgba(1,1,1,0.8) no-repeat center;}
a#baner7,a#baner24{background:url(img/7a.png) rgba(1,1,1,0.8) no-repeat center;}

a#baner1:hover,a#baner8:hover{background:url(img/1.jpg) no-repeat center}
a#baner2:hover,a#baner10:hover{background:url(img/2.jpg) no-repeat center}
a#baner3:hover,a#baner12:hover,a#baner25:hover{background:url(img/3.jpg) no-repeat center}
a#baner4:hover,a#baner13:hover{background:url(img/4.jpg) no-repeat center}
a#baner5:hover,a#baner14:hover,a#baner26:hover{background:url(img/5.jpg) no-repeat center}
a#baner6:hover,a#baner15:hover{background:url(img/6.jpg) no-repeat center}
a#baner7:hover,a#baner24:hover{background:url(img/7.jpg) no-repeat center}

#omnie #left{padding-top:130px}
#left .b3{width:100%;padding-top:10px}

a.cv{float:right;color:white;text-decoration:none;display:block;width:248px;height:74px; text-align:center;line-height:54px;font-size:18px;margin:5px 0;background:url(img/cv.jpg) no-repeat;}
a.cv:hover{background:url(img/cv_a.jpg) no-repeat;}

#ofertaitemy{text-align:center;}
#ofertaitemy a{text-decoration:none;display:inline-block; width:110px;color:white;background:black;line-height:110px; font-size:12px; height:110px;margin:20px 5px;border:5px solid #EBE9EA; border-radius:60px;}
#ofertaitemy a:hover{background:#E72A17}

.pad{margin-top:100px;}

/*.tomain{display:inline-block; width:158px;height:158px; line-height:158px;background:url(img/totop.jpg) no-repeat center;margin:50px 0;}-->
 .tomain:hover{background:url(img/totoph.jpg) no-repeat center;} */

#all0{margin:100px 0 20px 0;}

#all0 h1{ text-align:center}
#all1>div{width: 20%;overflow:hidden;position:relative;float:left;height:32vh}
#all1>div img{width:100%;}
.itema{position:absolute;background:rgba(1,1,1,0);opacity:0;color:white;width:100%;height:100%;padding: 0;color:black;line-height:32vh;text-align:center;font-size:28px;bottom:0;
transition:background 0.5s;
}
.item:hover .itema{background:#C41112;color:white;opacity:1;}

#p00{padding:0px 100px; width:1000px;margin-top:30px}
#p00>div{width:249px;height:249px;cursor:pointer;float:left;}
#p001{background:url(img/odp_urzadzenie.jpg) transparent no-repeat center;}
#p002{background:url(img/ikona_kom_a.jpg) transparent no-repeat center;}
#p003{background:url(img/ikona_tablet_a.jpg) transparent no-repeat center;}
#p004{background:url(img/ikona_komp_a.jpg) transparent no-repeat center;}
#p002:hover,#p002.active{background:url(img/ikona_kom_b.jpg) transparent no-repeat center;}
#p003:hover,#p003.active{background:url(img/ikona_tablet_b.jpg) transparent no-repeat center;}
#p004:hover,#p004.active{background:url(img/ikona_komp_b.jpg) transparent no-repeat center;}

#p01{padding:20px 0;text-align:center;}
#ekrany{float:left;width:100%;height:700px;position:relative;}
#p01>#ekrany>div{position:absolute;}
#p011{background:url(img/komorka.png) no-repeat;z-index:90;width:153px;height:311px;padding:70px 14px 24px 15px; bottom:0;right:260px;}
#p012{background:url(img/tablet.png) no-repeat;z-index:89;width:273px;height:448px; padding:53px 21px 23px 17px;bottom:0; right:39px;}
#p013{background:url(img/komputer.png) no-repeat;z-index:88; width:760px;height:500px; padding:30px 230px 170px 210px;top:0;left:0;}
#p01>#ekrany>div>img{max-width:100%;}
#p014{bottom:50px;left:197px;color:white;font-size:18px; padding:9px; background:#E72A17;z-index:999}
#p014 a{color:white;text-decoration:none}

.omnieleft{padding-top:270px !important}

#qka{display:none;z-index:1000; position:fixed; bottom:0; left:0; width:100%; height:auto;padding:10px; background: rgba(1,1,1,0.7); color: white; }
#qkb{margin: auto; width: 1200px; padding-top:15px; height:auto;font-size:11px;line-height:16px; position:relative; }
#qkb>a{color: white; font-weight:bold;}
#qki{position: absolute; bottom:0; right:0; width:46px;line-height:17px; height: 17px; padding:0px 5px; color: black; background: white; cursor:pointer;}

@media all and (min-width: 1900px)  {

.slide.tlo,.tlo img{width:100% !important;min-width:100% !important}

}