@charset "utf-8";
/* CSS Document */

body { 
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	margin: 0px;
	padding: 0px;
	text-align:center;
	line-height:21px;
	font-weight:400;
	
}
img {border:0;}
hr {border: none; background-color:#DDD; color:#DDD; height: 1px; width:100%;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:24px; line-height:32px; color:#000; font-weight:700;}


p {margin:0; padding:0;}

a {font-weight:400; color:#FF0000; text-decoration: none;}
a:hover {color:#FF3300;}

table{margin:0;}
td,th {padding:0; color:#555;}

strong{ font-weight:700;}

#calosc{}

#top_out{ background:#000 url(../imgs/bg_kont0.jpg) 50% 100% no-repeat fixed;}

#top_in{ max-width:1100px; min-height:600px; margin:0 auto; position:relative;}


#head_kont{}

#logotop{padding-bottom:80px; padding-top:90px;}

#logotop img {}

h1{color:#FFF; font-size:18px; line-height:27px; font-weight:400; border:1px solid #666; padding:25px 35px; margin-left:50%; text-align:left;}

h2{background:url(../imgs/hplogo2.jpg) no-repeat 0% 50%; font-size:42px; line-height:52px; padding-left:70px;  font-weight:300}

#btn_top{ position:absolute; top:20px; right:20px; color:#fff; line-height:30px; background:url(../imgs/hplogo1.png) 0% 50% no-repeat; padding-left:40px; display:inline-block;}

#top_arr{ width:72px;height:73px; position:absolute; bottom:0px; left:50%; border:1px solid #666; background:#000 url(../imgs/arr1.png) no-repeat 50% 50%; cursor:pointer}
#top_arr:hover{ background-color:#111;  border:1px solid #FF0000;}

.paczka{ width:1100px; margin:0 auto;text-align:left; position:relative;}
.kol50{ float:left; width:50%}

#corobimy{padding:70px 0 0 0; min-height:510px; overflow:hidden;}
#corobimy p { color:#444; font-weight:300}
#corobimy p strong { color:#000;}

#portfolio{background:#000 url(../imgs/bg_kont1.jpg) 50% 100% no-repeat fixed; padding-bottom:30px;}
#portf_nav{ height:78px;}

#portf_navi {margin:0; padding:0; list-style:none;}
#portf_navi li { margin:0; padding:0 30px 0 0; float:left;}
#portf_navi li a { 
display:block; color:#fff; font-weight:700; font-size:16px; line-height:70px;
border-top:4px solid #000;
}
#portf_navi  li a:hover{border-top:4px solid #FF0000; color:#ccc;}
#portf_navi  li a.navisel{border-top:4px solid #FF0000;}

#slajdy_kont{}

#slajdy_nav{position:absolute; top:20px; right:70px; cursor:pointer;}
#slajdy_licz{position:absolute; top:28px; right:0px; color:#fff; font-size:18px; line-height:22px;}

#portfolio img {display:block;}



#klienci{padding:70px 0; min-height:540px; }
#loga {margin-top:70px; margin-bottom:30px;}
#loga1{ display:block; margin-bottom:60px;}
#loga_nav{cursor:pointer;}
#loga_cd{ display:none;}



#kontakt{ background:#000 url(../imgs/bg_kont1.jpg) 50% 100% no-repeat fixed; min-height:600px; color:#fff;}


#footer_bot{height:76px;background:#000; border-top:1px solid #333; padding-top:24px; text-align:left;}
#footer_bot a {margin-right:20px;}

#footer_bot span {position:absolute; top:18px; right:0px; color:#fff;}


div#formKontakt { padding-top:200px;}
 
div#formKontakt input, div#formKontakt textarea, div#formKontakt select{   
	 padding:10px;  
	 border: solid 1px #666;  
	 outline: 0;  
	 width:510px;  
	 background:none;  
	 font-size:16px; 
	 color:#fff;
	 font-family:'Lato', Arial, Helvetica, sans-serif;
	 margin-bottom:4px;
}  
div#formKontakt textarea {
	 max-width: 510px;
	 min-width: 510px;
	 height: 200px;  
	 line-height: 150%; 
	 font-size:16px;
	 color:#fff;
	 background:none;
	font-family:'Lato', Arial, Helvetica, sans-serif;
}  
div#formKontakt input:hover, div#formKontakt textarea:hover, div#formKontakt input:focus, div#formKontakt textarea:focus {border-color: #aaa;}  
div.submit {cursor:pointer; color:#FF6E00; text-align:right; width:318px;}
div.submit:hover {color:#666;}


#formHead{ color:#FF0000; margin-bottom:20px;}








/*
#top_k{ position:fixed; top:-100px; width:100%; background:#323546; height:100px; z-index:100}
#top_w{max-width:1200px; margin:0 auto;text-align:left; position:relative;}
#logo_top { position:absolute; top:30px; left:50px;}

#top_k ul {margin:0; padding:0; list-style:none; position:absolute; top:0px; right:50px;}
#top_k ul li { margin:0; margin:0 0 0 40px; float:left;}
#top_k ul li.menugroup { background:url(../imgs/arr.png) no-repeat 50% 75px;}
#top_k ul li a { 
display:block;
color:#00A3E7; font-size:19px; line-height:100px; height:100px; font-weight:700;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
transition: 0.2s ease;
}
#top_k ul li a:hover{background:url(../imgs/menu_bot.jpg) bottom repeat-x; color:#CCC}
#top_k ul li a.navisel{ color:#fff; background:url(../imgs/menu_bot.jpg) bottom repeat-x;}

#slajdy{ position:relative;}
#slajdy h2 { position:relative; position:absolute; bottom:200px; right:140px; font-size:46px; line-height:52px; font-weight:300;}
#slajdy h2 span { color:#323546; position:absolute; bottom:-40px; right:-30px;}
#slajdy p { position:absolute; bottom:90px; right:160px; background:url(../imgs/linia1.jpg) no-repeat 0% 0%; padding-top:14px; }

#sl_arr_l{position:absolute; top: 50%; left:20px; filter:Alpha(opacity=50); opacity:0.2;}
#sl_arr_r{position:absolute; top: 50%; right:20px; filter:Alpha(opacity=100); opacity:0.2;}




img.sl {width:100%; position:absolute; top:0px; left:0px;}


#out_k{background:url(../imgs/bg.jpg) 50% 100% no-repeat fixed;}



.paczka{padding:0px 50px;}


#level1{min-height:600px; position:relative; padding-top:50px;}
#logo_lev1{ position:absolute; top:-93px; left:40%; z-index:99}


.level1_box{ float:left; padding:0 10px;}

#level2{ position:relative;}
.paka2{ padding-left:300px;}


#level3{min-height:600px; position:relative; padding-top:50px;}

#level4{ position:relative;}
.paka4{ padding-left:300px;}


#footer_bot{background:#323546; height:50px;}
#footer_bot_w{ max-width:1200px; margin:0 auto; color:#fff; font-size:12px; padding-top:10px; text-align:left;}

h2.naglowek1{ font-size: 38px; line-height:46px; color:#323546; background:url(../imgs/linia1.jpg) bottom left no-repeat; font-weight:300; padding-bottom:8px; margin-bottom:40px;}
h2.naglowek2{ color:#fff; background-image:url(../imgs/linia2.jpg); padding-top:70px; }
h2.naglowek3{background-image:url(../imgs/linia2.jpg);}


*/





#mobi{ position:absolute; top:25px; right:10px; display:none; cursor:pointer;} 

.loader_gif{position:absolute; top:50%; left:50%;}

div.wyczysc {clear:both; height:0px; line-height:0px; font-size:0px;}