@charset "utf-8";
/* CSS Document 


@font-face {
    font-family: 'Metric-Regular';
    src: url('../fonts/hpsimplified_rg-webfont.eot');
    src: url('../fonts/hpsimplified_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hpsimplified_rg-webfont.woff') format('woff'),
         url('../fonts/hpsimplified_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hp_simplifiedbold';
    src: url('../fonts/hpsimplified-webfont.eot');
    src: url('../fonts/hpsimplified-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hpsimplified-webfont.woff') format('woff'),
         url('../fonts/hpsimplified-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/
body{ height:100%;margin: 0px; padding:0;font-family:  Arial, sans-serif; font-size:15px; color:#000;background-color:#f6f6f6}
.body_before{background-color:#f6f6f6}
#contentpo {position:relative;width:100%;margin:0 auto;}
#content {position:relative;width:100%;margin:0 auto}
#navi-top {position:absolute;left:0px;top:0px;width:100%;height:90px;background-image:url(../images/bg-top-menu.png);z-index:195621021545}
#logo-j-hp {float:right;margin-bottom:15px;margin-top:45px}
#menu-top{position:absolute;left:290px;top:35px}
#menu-top2{position:fixed;top:5px}
#logos{width:1000px;margin:0 auto;}
ul.menu {margin:0;padding:0;list-style:none;}
ul.menu li {display:block;float:left;margin-right:20px;margin-bottom:10px;margin-top:0px;}
ul.menu li a {text-decoration:none;color:#e9eaeb;border-bottom:0px solid #fff;font-size:14px}
ul.menu li a:hover {text-decoration:none;color:#f6f6f6;border-bottom:0px solid #0096d3}
ul.menu2 {margin:0;padding:0;list-style:none;}
ul.menu2 li {display:block;float:left;margin-right:10px;margin-bottom:10px;margin-top:0px;}
ul.menu2 li a {text-decoration:none;color:#515151;border-bottom:4px solid #fff;font-size:14px;font-weight:normal}
ul.menu2 li a:hover {text-decoration:none;color:#515151;border-bottom:4px solid #0096d3}
#menu_bottom {width:800px;margin-left:30px;padding-top:15px;clear:both}
ul.bottom_menu {margin:0;padding:0;list-style:none;}
ul.bottom_menu li {display:block;float:left;margin-right:10px;margin-bottom:3px;margin-top:0px;}
ul.bottom_menu li a {text-decoration:none;color:#8a8a8a;font-weight:normal}
ul.bottom_menu li a:hover {text-decoration:underline;color:#515151;font-weight:normal;}
.color_bar{width:100%;height:115px;background-image:url(../images/bg-body2.jpg);background-repeat:repeat-x;background-position:left top}
#punkty {position:absolute;left:630px;top:107px;font-size:13px}
.text_black{margin-top:30px;margin-bottom:0px;color:#000}
a {color: #037eb3; border:0;}
#baner {position:relative;margin:0 auto;width:1000px;height:155px}
.ten_procent {position:absolute;width:53px;height:38px;left:250px;top:-10px;background:url(../images/10procent.png)}
#punkty_fundacja{position:absolute;width:90px;height:70px;left:430px;top:184px;text-align:center;font-weight:bold}

/*#site2 {position:relative;margin:0 auto;width:1064px;height:750px;background-image:url(../images/po_zalogowaniu.png)}*/
#top {position:absolute;width:708px;height:167px;left:234px;top:0px;background:url(../images/top.jpg) left top;z-index:1}
#top1 {position:absolute;width:708px;height:167px;left:234px;top:0px;z-index:1}
#left {position:absolute;width:275px;height:690px;left:0px;top:0px;background:url(../images/left.jpg) left top;z-index:-1}
#strefy {position:absolute;width:720px;height:91px;left:230px;top:175px;z-index:4}
#counter {position:absolute;width:250px;height:22px;left:716px;top:134px; font-size:11px;color:#FFF;z-index:5}
#menu {position:absolute;width:480px;height:22px;left:247px;top:100px;font-size:14px;color:#FFF;z-index:6}
#menu a {font-size:14px;text-decoration:none}
#menu a:hover {text-decoration:none}

#tekst2 {width:700px;margin-left:0px}
#content_txt {width:1000px;padding-top:0px;margin-left:0px;margin-bottom:0px;padding-left:15px}
#content_before {position:absolute;width:934px;min-height:490px;left:0px;top:160px;border-bottom:solid 0px #333;padding-bottom:45px;background-image:url(../images/logos.png);background-position:right bottom;background-repeat: no-repeat;z-index:10}
#txt {/*font-size:11px;*/margin-left:235px;padding-right:100px;text-align:justify;width:600px;}
#zalogowany {position:absolute;width:177px;height:103px;left:15px;top:225px;font-family: 'Ubuntu Condensed', sans-serif;font-size:12px;color:#FFF;z-index:11}
#zalogowany a {sans-serif;font-size:11px;color:#FFF;text-decoration:none}
#zalogowany a:hover {color:#0FF;text-decoration:none}
.imie {width:150px;font-size:13px;font-weight:bold;color:#6FF;border-bottom:solid 1px #6FF}



.f1 {background:#FFF;padding:5px;border: solid 2px #ccc;width:346px} 
.f2 {border:solid 1px #b2d6f0;background-color:#FBD4BD;color:#000000} 
.f5 {border:solid 1px #aed429;background-color:#f5f5f5;color:#111}
h1 {font-size:26px;color:#000;}

input, textarea {background:#FFF;padding:3px;border: solid 1px #d7d4d4}


.bold {font-family: 'hp_simplifiedbold'};

/* formularz */






  div.fullscreen{
	  background-image:url(../images/trans.png);
	  background-attachment:fixed;	  
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	z-index:999999999;
	
  }
   div.formularz{
overflow:auto;
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	z-index:9999999999;
	color:#f5f5f5;
	font-size:15px
  }




/* koniec formularza */


#slider {
	margin:0;
	padding:0 0px;
	position:relative;
	overflow:auto;
}
.slider_tekst ul {
	display:block;
	position:relative;
	left:30px;
	padding-right:30px;
}
.bx-wrapper {
	position:absolute !important;
	top: 0px;
	left:0px;
	padding:15px;

}

.bx-prev {
	position:absolute;
	left:650px;
	top:400px;
	border:0px;
}
.bx-prev img {
	border:none;
}
.bx-next {
	position:absolute;
	left:700px;
	top:400px;
	border:0px;
}
.bx-next img {
	border:none;
}

.zdjecie_laos {
	float:left;
	width:319px;
	height:450px;
	margin-right:30px;
}
.zdjecie_laos img {
	border:3px solid #ede5cb;
}
.slider_tekst {
	position:relative;
	margin-top:27px;
	padding-left:40px;
	width:900px;
}



#n1 {
	
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}

#n2 {
	
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}
#n3 {
	
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}
#n4 {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}
#n5{
	float:left;
	margin-right:15px;
	margin-bottom:32px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}
#n6 {
	float:left;
	margin-right:15px;
	margin-bottom:32px;
	width:235px;
	height:240px;
	border: solid 1px #dcd9d9;

}
#n7 {
	
	float:left;
	margin-right:15px;
	margin-bottom:32px;
	width:180px;
	height:300px;
	border: solid 1px #dcd9d9;

}
#n8 {
	
	float:left;
	margin-right:15px;
	margin-bottom:32px;
	width:180px;
	height:300px;
	border: solid 1px #dcd9d9;

}




#next {font-size:13px;
	
}
#prev {font-size:13px;
	
}
.opis {margin-left:0px;width:150px;text-align:left; color:#000;}
.nazwa {font-size:16px;font-weight:bold;color:#000;text-align:left!important}
.punkty {font-size:14px;font-weight:bold;color:#c00}

#sort {

}

#rosnaco {font-size:14px;

}

#malejaco {font-size:14px;
}
#stronicowanie {
	
	font-size:13px;
	font-weight:bold;color:#111
}

.podzial {font-size:16px;padding:10px}
.podzial ul {list-style:none;margin:0px;padding:0px}
.podzial li {list-style:none;margin:0px;padding:0px}


#pkt_do_w {position:absolute;left:555px}
#foto {width:250px;height:250px;border:solid 1px #dedede;}
#opis_full {width:500px;margin-left:20px;font-size:14px;}
#zamow-powrot {width:100%;text-align:right;margin-top:15px;}
#punkty_opis {color:#0096d3;font-weight:bold;}
.slidesjs-next {display:block;font-size:40px;position:absolute;left:550px;top:0px;width:300px;height:470px;background:url(../images/arrow-right.png);z-index:9999999;outline:none}
 .slidesjs-next a{outline:none} 
 .slidesjs-previous a{outline:none} 
.slidesjs-previous {display:block;font-size:40px;position:absolute;left:0px;top:0px;width:300px;height:470px;background:url(../images/arrow-left.png);z-index:9999999;outline:none}
.slidesjs-pagination {display:none}
.suggestionsBox {
	top:600px;
	width: 550px; 
	height: 280px; 
	font-size:14px;
	color:#000;
	overflow: auto;
	padding: 2px;
	position: absolute; 
	background-color: #fff;
	border:solid 1px #ccc;
}
.load{
background-image:url(loader.gif);
background-position:right;
background-repeat:no-repeat;
}

#suggest {
	position:relative;
}
div.show {
	background-color: #ccc;
	color:#000;
}
/*div.norm {*/

.content_hpego {width:1010px;height:580px;}
.left{width:492px;border-right:solid 0px #747474;float:left;font-size:12px;}
.left p {width:470px;display:block}
.lista {font-size:11px}
.right {width:512px;float:right;font-size:12px;}

.box_a {display:inline-block;margin-right:1px;width:147px;padding-left:7px}
.box_txt {display:inline-block;margin-right:1px;width:140px;border:solid 7px #f6f6f6;background:none}

.box_p_1 {display:inline-block;margin-right:1px;width:140px;height:63px;border:solid 7px #00bd90;float:left}
.box_p_0 {display:inline-block;margin-right:0px;width:140px;height:45px;border:solid 0px #cdcdcd;float:left;background:none}
.box_r_1 {display:inline-block;margin-right:0px;width:100%;height:45px;border:solid 0px #ff8d6d;float:left;text-align:center;font-size:50px;font-weight:bold;line-height:45px}
.box_r_0 {display:inline-block;margin-right:0px;width:100%;height:45px;border:solid 0px #cdcdcd;float:left;text-align:center;font-size:50px;font-weight:bold;line-height:45px}


.box_m_1 {display:inline-block;margin-right:0px;width:100%;height:45px;border:solid 0px #fb6135;float:left;text-align:center;font-size:50px;font-weight:bold;line-height:45px;color:#fff}
.box_m_0 {display:inline-block;margin-right:1px;width:100%;height:45px;border:solid 0px #cdcdcd;float:left;background:none;color:#f6f6f6}

.box_programy_active {width:480px;border:solid 1px #00bd90;}
.box_programy_active img {cursor:pointer}
.float_right {margin-left:378px;margin-bottom:10px;cursor:pointer}
.program_active {display:inline-block;margin-left:10px;margin-top:0px;font-size:10px;color:#00bd90;text-align:center;padding-top:0px;cursor:pointer}
.program_n_active {display:inline-block;margin-left:10px;margin-top:0px;font-size:10px;color:#828080;text-align:center;padding-top:0px}

.table_unactive {
   background: #ff8d6d;
}
.table_active {
    background: #67E7C9;
}
.slider_unactive {
    background:url(../images/grad_1.png);
}
.slider_active {
    background:url(../images/grad_2.png)
}
#przedluz-wakacje{font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	top:50px;
	left: 143px;
	background:#fff;
	z-index:99999999;}
#promocja_zestaw_HPEGO {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	top:50px;
	left: 143px;
	background:#fff;
	z-index:99999999;}
#uslugi_edukacyjne_HPEGO	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 300px;
	background:#fff;
	z-index:99999999;}
	
#pamieci_masowe_HPEGO	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 400px;
	background:#fff;
	z-index:99999999;}	
	
#kupuj_4_zestawy	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 200px;
	background:#fff;
	z-index:99999999;}	
#zestawy_blade	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 200px;
	background:#fff;
	z-index:99999999;}	
.akceptacja	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 200px;
	background:#fff;
	z-index:99999999;}	
.akceptacja2	 {font-family:Arial, Helvetica, sans-serif;font-size:12px;
	position:absolute;
	width:700px;
	border:solid 1px #ccc;
	-webkit-box-shadow: 0 8px 6px -6px #000;
	-moz-box-shadow: 0 8px 6px -6px #000;
	box-shadow: 0 8px 6px -6px #000;
	top: 0px;
	left: 143px;
	top: 600px;
	background:#fff;
	z-index:99999999;}		
#promocja_zestaw_HPEGO h3 {margin-top:0px}
.promo {position:relative;padding:30px}
.main-menu {position:absolute;width:700px;height:30px;background:#f5f5f5;bottom:0px;left:0px}
.link_promo {display:inline-block;text-decoration:none;color:#33CC99;margin-left:30px;margin-right:20px;margin-top:7px;font-weight:bold}
.link_promo:hover {text-decoration:underline}
.link_promo:visited {color:#33CC99;}
.zamknij_span {padding:5px;background:#f1f1f1;color:#111;border:solid 1px #333;float:right;margin-right:10px;cursor:pointer}

#dolne_linki {height:30px;margin-top:40px}
#dolne_linki  a {font-size:15px;font-weight:bold;margin-right:15px;color:#111;text-decoration:none}

.zgoda_link {text-decoration:none;background:#fff;font-size:14px;color:#000; border:none; padding:8px; font-weight:normal; cursor:pointer;border:solid 2px #00bd90}