/* hellerpix.css */
body,html {
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  text-align:center;
  background-color:#fff;
  background-position:0 0;
  background-repeat:repeat-x;
  background-image:url('../images/bkg.gif'); }

body,html,table {
  font-size:12px;
  font-family:Tahoma,sans-serif;
  color: #fff; }

input,textarea {
  font-size:13px;
  font-family:Tahoma,sans-serif; }
div {
  display:block;
  margin: 0;
  padding: 0; 
  text-align:left; }
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 5px 0 5px 0;
  font-family:Tahoma,sans-serif;
  clear:both; }
h1 {
  font-size:22px; }
h2 {
  font-size:16px; }
h3 {
  font-size:14px; }
h4 {
  font-size:13px; }
h5 {
  font-size:12px; }
h6 {
  font-size:11px; }
p {
  margin: 0;
  padding: 5px 0 5px 0; }
a {
  color:#fff;
  text-decoration: underline; }
a span {
  cursor:pointer; }
a:hover {
  color:#ff7800;
  text-decoration:none; }
table {
  clear:both;
  border-collapse:separate;
  text-align:left; }
th {
  font-weight:bold; }
td { }
ul {
  clear:both;
  margin:0;
  padding: 10px 10px 10px 30px; 
  list-style-type:disc; }
form {
  float:none;
  margin:0;
  padding: 0; }  
.clear {
  clear:both; }
.external {
  width:780px;
  margin: 0 auto 0 auto; }

#header,#menu,#decorator,#decorator_footer,#footer {
  float:left;
  clear:both;
  width:780px; }

#header {
  position:relative; 
  height:91px; 
  background-position:50% 100%;
  background-repeat:no-repeat;
  background-image:url('../images/header_bkg.gif'); }
#header #logo {
  display:block;
  position:absolute;
  margin:0;
  padding:0; 
  top:0;
  left:0;
  width:254px;
  height:91px; }
#header #logo a,#header #logo a:hover {
  display:block;
  width:254px;
  height:91px;
  background-position:0 0; 
  background-repeat:no-repeat;
  background-image:url('../images/logo.gif'); 
  color:#4e4e4e; }
#header #logo a span {
  display: none; }
#header #sub_logo {
  display:block;
  position:absolute;
  margin:0;
  padding:0; 
  top:57px; 
  right:0;
  width:407px;
  height:27px; 
  background-position:0 0; 
  background-repeat:no-repeat;
  background-image:url('../images/sub_logo.gif'); }
#header #sub_logo span {
  display:none; }

#menu {
  height:35px;
  background-color:#030303; 
  background-position: 0 0;
  background-repeat:repeat-x;
  background-image:url('../images/menu_bkg.gif'); }
#menu #menu_end {
  display:block;
  float:left;
  width:780px;
  height:35px;
  background-position: 100% 0;
  background-repeat:no-repeat;
  background-image:url('../images/menu_right.gif'); }
#menu ul {
  display:inline-block;
  
  
  margin:0;
  padding:0 1px 0 1px;
  height:35px;
  
  list-style:none; 
  background-position: 0 0;
  background-repeat:no-repeat;
  background-image:url('../images/menu_left.gif');
  text-align:center; 
  overflow:hidden; }
#menu ul li {
  display:block;
  float:left;
  clear:none;
  padding-right:1px; }
#menu ul li a {
  display:inline-block;
  height:35px;
  margin:0;
  line-height:35px;
  font-size:11px;
  color:#fff; 
  background-position: 0 0;
  background-repeat:repeat-x;
  background-image:none;
  text-align:center; 
  text-decoration:none; }
#menu ul li a.menu_4cp {
  color:#ff7800; }
#menu ul li a:hover,
#menu ul li a.active,
#menu ul li a.menu_4cp:hover,
#menu ul li a.menu_4cp.active,
#menu ul li a.menu_4cp.active:hover {
  color:#fff;
  background-image:url('../images/menu_hover.gif');
  text-decoration:none; }

#decorator {
  background-position: 0 0;
  background-repeat:repeat-y;
  background-image:url('../images/decorator_bkg.gif'); }
#decorator .decorator_in {
  width:780px;
  height:243px;
  background-position: 1px 0;
  background-repeat:no-repeat; }
#decorator .decorator_in h2,
#decorator .decorator_in p {
  display:none; }

#decorator_footer {
  height:33px;
  background-position: 0 0;
  background-repeat:repeat-y;
  background-image:url('../images/decorator_footer.gif');
  white-space:nowrap; }
#decorator_footer p {
  padding:0px;
  margin:0;
  text-align:right; }
#decorator_footer p a.decorator_btn {
  display:inline-block;
  float: left;
  height:21px;
  padding-left:40px;
  margin-top: 6px;
  margin-left: 10px;
  color:#000;
  vertical-align:middle;
  text-decoration:none; 
  background-position:0 0;
  background-repeat:no-repeat;
  background-image:url('../images/decorator_btn_bkg.gif'); }
#decorator_footer p a.decorator_btn:hover {
  text-decoration:underline; }
#decorator_footer p a.decorator_btn span.decorator_btn_bkg {
  display:block;
  float:left;
  height:21px;
  line-height:20px;
  padding-right:10px; 
  background-position: 100% 0;
  background-repeat:no-repeat;
  background-image:url('../images/decorator_btn_end.gif'); }

#decorator_footer a.decorator_gl span,
#decorator_footer a.decorator_bl span,
#decorator_footer a.decorator_nk span,
#decorator_footer a.decorator_fb span,
#decorator_footer a.decorator_tw span,
#decorator_footer a.decorator_yt span {
  display:none; }
#decorator_footer a.decorator_gl,
#decorator_footer a.decorator_bl,
#decorator_footer a.decorator_nk,
#decorator_footer a.decorator_fb,
#decorator_footer a.decorator_tw,
#decorator_footer a.decorator_yt {
  display:inline-block;
  vertical-align:middle;
  background-position:0 0;
  background-repeat:no-repeat;
  background-image:url('../images/social_media.jpg');
  height:32px;
  width:32px; }
#decorator_footer a.decorator_gl {
  background-position:-66px 0; 
  width:30px; }
#decorator_footer a.decorator_bl {
  background-position:-98px 0; 
  width:30px; }
#decorator_footer a.decorator_nk {
  background-position:-126px 0; 
  width:23px; }
#decorator_footer a.decorator_fb {
  background-position:-147px 0; 
  width:22px; }
#decorator_footer a.decorator_tw {
  background-position:-169px 0; 
  width:23px; }
#decorator_footer a.decorator_yt {
  background-position:-193px 0; 
  width:62px; }
#decorator_footer a.decorator_gl:hover {
  background-position:-66px -32px; }
#decorator_footer a.decorator_bl:hover {
  background-position:-98px -32px; }
#decorator_footer a.decorator_nk:hover {
  background-position:-126px -32px; }
#decorator_footer a.decorator_fb:hover {
  background-position:-147px -32px; }
#decorator_footer a.decorator_tw:hover {
  background-position:-169px -32px; }
#decorator_footer a.decorator_yt:hover {
  background-position:-193px -32px; }
 
#zakladki {
  position:relative;
  margin: 10px 0;}
#zakladki #scrollownia {
  display:block;
  float:right;
  position:absolute;
  top:1px;
  right:15px;
  margin:0;
  padding:0;
  list-style:none; }
#zakladki #scrollownia li {
  display:none;
  float:right;
  padding-right:10px;
  line-height:16px;
  text-align:right;
  background-position: 100% 6px;
  background-repeat:no-repeat;
  background-image:url('../images/tabs_content_link2.gif'); }  
#zakladki #scrollownia li a {
  text-decoration: none; 
  color:#a2a2a2; }
#zakladki #scrollownia li a:hover {
  text-decoration:underline; }
  
#zakladki .tabs_content ul {
  display:block;
  position:absolute;
  top:15px;
  left:280px;
  margin:0;
  padding:0;
  width:160px; 
  list-style-type:none; }
#zakladki .tabs_content ul li {
  padding:0 0 0 10px;
  margin:0;
  line-height:16px;
  font-size:12px;
  font-family:Tahoma,sans-serif;
  text-align:left;
  text-decoration:none;
  color:#393939; 
  background-position: 0 6px;
  background-repeat:no-repeat; 
  background-image:url('../images/tabs_content_bullet.gif'); }

#zakladki .tabs_content a {
  color:#393939; 
  text-decoration:underline; }
#zakladki .tabs_content a:hover {
  text-decoration:none; }
#zakladki .tabs_content p {
  display:block;
  position:absolute;
  top:15px;
  right:15px;
  margin:0;
  padding:0;
  width:315px; 
  text-align:left;
  color:#393939; }
#zakladki .tabs_content p.link {
  top:auto;
  bottom:15px;
  padding-right:10px;
  line-height:16px;
  text-align:right;
  background-position: 100% 6px;
  background-repeat:no-repeat; 
  background-image:url('../images/tabs_content_link.gif'); }
#zakladki .tabs_content p.link a {
  color:#226ebc;
  text-decoration:underline; }
#zakladki .tabs_content p.link a:hover {
  text-decoration:none; }

#zakladki #portfolio p {
  width:170px;}
body #zakladki .tabs_content#portfolio {
  background-image:url('../images/portfolio_bkg.gif'); }
  
#portfolio a.pojemnik {
  display:block;
  position:absolute;
  width:41px;
  height:60px; 
  background-repeat:no-repeat;
  background-position:0 0; }
#portfolio a.pojemnik img {
  margin:0;
  padding:0;
  border:0; }

#portfolio a#no01 {
  top:16px;
  left:14px; }
#portfolio a#no02 {
  top:16px;
  left:61px; }
#portfolio a#no03 {
  left:109px;
  top:16px; }
#portfolio a#no04 {
  left:157px;
  top:16px; }
#portfolio a#no05 {
  left:204px;
  top:16px; }
#portfolio a#no06 {
  left:252px;
  top:16px; }
#portfolio a#no07 {
  left:300px;
  top:16px; }
#portfolio a#no08 {
  left:347px;
  top:16px; }
#portfolio a#no09 {
  left:394px;
  top:16px; }
#portfolio a#no10 {
  left:441px;
  top:16px; }
#portfolio a#no11 {
  left:489px;
  top:16px; }
#portfolio a#no12 {
  left:537px;
  top:16px; }

#portfolio a#no13 {
  top:83px;
  left:14px; }
#portfolio a#no14 {
  top:83px;
  left:61px; }
#portfolio a#no15 {
  left:109px;
  top:83px; }
#portfolio a#no16 {
  left:157px;
  top:83px; }
#portfolio a#no17 {
  left:204px;
  top:83px; }
#portfolio a#no18 {
  left:252px;
  top:83px; }
#portfolio a#no19 {
  left:300px;
  top:83px; }
#portfolio a#no20 {
  left:347px;
  top:83px; }
#portfolio a#no21 {
  left:394px;
  top:83px; }
#portfolio a#no22 {
  left:441px;
  top:83px; }
#portfolio a#no23 {
  left:489px;
  top:83px; }
#portfolio a#no24 {
  left:537px;
  top:83px; }
  
  

#kontakt .contact_me a {
  display:inline-block;
  padding-left:20px;
  background-position:0 50%;
  background-repeat:no-repeat;
  background-image:url('../images/koperta.gif'); }
#zakladki .tabs_content#kontakt .kontakt1 {
  top:18px;
  line-height:15px;
  left:275px; }
#zakladki .tabs_content#kontakt .kontakt2 {
  top:18px;
  line-height:15px;
  left:447px; }
#kontakt .kontakt2 a {
  text-decoration:none; }
#kontakt .kontakt2 a:hover {
  text-decoration:underline; }
#kontakt .kontakt2 span {
  color:#747474; }
#kontakt .kontakt2 span a {
  color:#2570b4; }
#zakladki .tabs_content#kontakt .kontakt3 {
  top:18px;
  right:30px;
  line-height:15px;
  text-align:right; }
#kontakt .kontakt3 span {
  color:#747474; }
#zakladki .tabs_content#kontakt .kontakt4 {
  top:auto;
  bottom:15px;
  line-height:15px;
  left:275px; }


p#icons {
  display:block;
  float:left;
  clear:both;
  margin:5px 0 10px 0;
  padding:0;
  height:99px;
  width:780px; }
p#icons a {
  display:block;
  float:left;
  clear:none;
  height:99px;
  width:156px;
  background-repeat:no-repeat;
  background-image:url('../images/logos_stripe.jpg');
  color:#000; }  
p#icons a span {
  display:none; }

p#icons a.icon_4creativepeople {
  width:134px;
  background-position:0 0; }
p#icons a.icon_4creativepeople:hover {
  background-position:0 -99px; }
p#icons a.icon_photohellerstudio {
  width:124px;
  background-position:-134px 0; }
p#icons a.icon_photohellerstudio:hover {
  background-position:-134px -99px; }
p#icons a.icon_hellerdesigngroup {
  width:64px;
  background-position:-258px 0; }
p#icons a.icon_hellerdesigngroup:hover {
  background-position:-258px -99px; }
p#icons a.icon_photopixo {
  width:150px;
  background-position:-322px 0; }
p#icons a.icon_photopixo:hover {
  background-position:-322px -99px; }  
p#icons a.icon_hellermedia {
  width:110px;
  background-position:-472px 0; }
p#icons a.icon_hellermedia:hover {
  background-position:-472px -99px; }
p#icons a.icon_courses {
  width:90px;
  background-position:-582px 0; }
p#icons a.icon_courses:hover {
  background-position:-582px -99px; }  
p#icons a.icon_cafe {
  width:108px;
  background-position:-672px 0; }
p#icons a.icon_cafe:hover {
  background-position:-672px -99px; }
    
#footer {
  margin:0;
  padding:10px 0;
  color:#4d4d4d;
  text-align:center; }


#hellerpix_sgk #zakladki .tabs_content {
  background-image:url('../images/hellerpix_sgk.gif'); }
#hellerpix_4cp #zakladki .tabs_content {
  background-image:url('../images/hellerpix_4cp.gif'); }
#hellerpix_cafe #zakladki .tabs_content {
  background-image:url('../images/hellerpix_cafe.gif'); }
#hellerpix_kursy #zakladki .tabs_content {
  background-image:url('../images/hellerpix_kursy.gif'); }
#hellerpix_media #zakladki .tabs_content {
  background-image:url('../images/hellerpix_media.gif'); }
#hellerpix_oferta #zakladki .tabs_content {
  background-image:url('../images/hellerpix_oferta.gif'); }
#hellerpix_photopixo #zakladki .tabs_content {
  background-image:url('../images/hellerpix_photopixo.gif'); }
#hellerpix_sf #zakladki .tabs_content { 
  background-image:url('../images/hellerpix_sf.gif'); }
#hellerpix_camerapixo #zakladki .tabs_content { 
  background-image:url('../images/hellerpix_camerapixo.gif'); }

#hellerpix_sgk #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_sgk.jpg'); }
#hellerpix_4cp #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_4cp.jpg'); }
#hellerpix_cafe #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_cafe.jpg'); }
#hellerpix_kursy #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_kursy.jpg'); }
#hellerpix_media #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_media.jpg'); }
#hellerpix_oferta #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_oferta.jpg'); }
#hellerpix_photopixo #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_photopixo.jpg'); }
#hellerpix_sf #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_sf.jpg'); }
#hellerpix_camerapixo #decorator .decorator_in {
  background-image:url('../images/hellerpix_decorator_camerapixo.jpg'); }

#menu li.t1 a {
  width:53px; }
#menu li.t2 a {
  width:105px; }
#menu li.t3 a {
  width:105px; }
#menu li.t4 a {
  width:89px; }
#menu li.t5 a {
  width:150px; }
#menu li.t6 a {
  width:74px; }
#menu li.t7 a {
  width:94px; }
#menu li.t8 a {
  width:101px; }
#menu li.t8 {
  padding-right:0px; }
#subtext {
  color: #666;
  clear: both;
  padding-bottom: 0;
}