body{
font-family: 'Lato', sans-serif;
margin:0;
line-height:1.6em;
font-size:14px;
background:#0B4996;
color: #222222;
}

a,img{border:0;}

a{text-decoration:none;color:black;}
a:hover{opacity:0.76}

#content a{text-decoration:underline}
#content .ph a{text-decoration:none;}
a.mailto{color:#3F9BF0; padding-left:33px;background:url(img/email.png) no-repeat left;}

h1{color:#222222;font-weight:normal;padding:0;margin:5px 0 20px 0;font-size:28px;}

h2{color:#222222;font-weight:600;font-size:16px;padding:6px 0; margin:14px 0; border-bottom:1px solid #AAAAAA;}

h4,h5,h6{font-size:14px;}
h5{border-bottom:1px solid #DDDDDD;}
h5,h6{margin:5px 0; padding:5px 0}

p{margin:5px 0;}

ul{margin:0; padding:0 0 0 15px;}
ul li span{font-weight:bold;}

#b{z-index:-1;width:100%;height:100%;position:absolute;left:0;background:url(img/bg08.jpg) no-repeat center; background-size:cover !important;}
#b1{position:absolute;right:0;top:0;width:75%;background:#0B4996;height:110px;}
#b2{position:absolute;right:0;bottom:0;width:100%;background:#0B4996;height:20%;}

.x{position:absolute;right:0;top:0;width:60px;height:70px;background:url(img/x.jpg) no-repeat center;display:block;}

#all{z-index:2;width:100%;height:100%;}
#left{float:left; width:25%; height: auto; min-height:80%; background:rgba(255,255,255,0.7); text-align:center}
#right{float:left; width:75%; height:100%; }

.ja{width:50%;margin:5vh 20%;background:url(img/ja3.jpg) transparent no-repeat center; background-size:contain;
border:10px solid white;box-shadow: 1px 1px 1px rgba(191,191,191,0.5);border-radius:50%; 
}

.tresc{background:#f6f6f6;height:auto !important; min-height:100%;}
.tresc a{color: #0B4996;}
.tresc h1{color: #0B4996;font-size:28px;margin:15px 0 35px 0 }
.tresc li{color: #3F9BF0;padding-left:15px}
.tresc li span{color: #222222;font-weight:normal}

.tresc .zyskaj{padding:0;}
.tresc .zyskaj li{color:#222222; list-style:none; height:50px; display:block;width:40%;font-size:12px; padding: 5px 2% 5px 8%;margin:0;float:left;}
.tresc .zyskaj li#czas{background:url(img/ikona_zyskaj_czas.jpg) no-repeat left;}
.tresc .zyskaj li#pieniadze{background:url(img/ikona_zyskaj_pieniadze.jpg) no-repeat left;}
.tresc .zyskaj li#klientow{background:url(img/ikona_zyskaj_klientow.jpg) no-repeat left;}
.tresc .zyskaj li#przewage{background:url(img/ikona_zyskaj_przewage.jpg) no-repeat left;}
.tresc .zyskaj li strong{font-size:13px;}


.half{float:left;width:48%; margin:10px 2% 10px 0;}

.a1a{float:left; width:95%; min-height:96vh; padding:2vh 2.5%;}
#ja{max-width:50%;}

.c{float:left;  height:100%;position:relative;}
.ca{text-align:center;font-weight:normal; display:block; width:33.3%; padding:0; margin:0; float:left; 
line-height:30px; font-size:14px; color:#ffffff;
background-repeat:no-repeat;background-position:center 93%}

.ca span{display:block;font-size:28px; font-weight:bold; line-height:44px;padding-top:15px; text-align:center}
.bca{height:100%;}


.ca:hover{background-color:transparent;opacity:1;}
.kol1{background-color: rgba(63, 155, 240,0.77); background-image: url(img/omnie.png);}
.kol2{background-color: rgba(86, 167, 242,0.77); background-image: url(img/oferta.png);}
.kol3{background-color: rgba(101, 175, 243,0.77); background-image: url(img/portfolio.png);}


.p{float:left; width:32.3%; background-position:center; background-size:cover !important;  height:310px; position:relative; margin:4px 1% 4px 0;  cursor:pointer;}
.ph{font-size:13px; line-height:18px; position: absolute; left:0; top:0; background: rgba(255,255,255,0.92); height:96%; width:96%; padding: 2%; display:none;}
.p:hover .ph{display:block;}
.ph span{font-size:18px; font-weight:bold;}




#p1{background: url(p/paczki-mikolajkowe.jpg) transparent no-repeat;}
#p2{background: url(p/lubgol.jpg) transparent no-repeat;}
#p3{background: url(p/dobrenumery.jpg) transparent no-repeat;}
#p4{background: url(p/goleaders.jpg) transparent no-repeat;}
#p5{background: url(p/playwood.jpg) transparent no-repeat;}
#p6{background: url(p/radex.jpg) transparent no-repeat;}
#p7{background: url(p/grynszpan.jpg) transparent no-repeat;}
#p8{background: url(p/gra.jpg) transparent no-repeat;}
#p9{background: url(p/zmienswojenawyki.jpg) transparent no-repeat;}
#p10{background: url(p/insurance.jpg) transparent no-repeat;}
#p11{background: url(p/dobrystolik.jpg) transparent no-repeat;}
#p12{background: url(p/onlinereserv.jpg) transparent no-repeat;}


.ca{transition: background-color 1s;}