/*
* Helion generic  CSS Layout Style
* Target: All
* 2007 Łukasz Lubosz
*/

/* Tag style redefinitions */
body, html {
	margin-left:		0;
	margin-top:		0;
	margin-bottom:		0;
	margin-top: 		0;
	font-family:		Verdana, Arial;
	font-size:			11px;
}

input, textarea {
	border: 			1px solid #cccccc;
}

img {
	border:				0;
}

a {
	text-decoration:	none;
	color: 				#BC0000;
}

a:hover {
	text-decoration:	underline;
	color: 				#DE0031;
}


a.podkr {
	text-decoration:	underline;
	color: 				#BC0000;
}

a:hover.podkr {
	text-decoration:	underline;
	color: 				#DE0031;
}


a:visited {
}

ul {
	list-style-image: 	url('/img/interface/bullet_light.png');
	list-style-position: 	outside;
}

li {
	margin-left:		-10px;
}

li.clear {
	margin-left:		0px;
}

/* Element class definitions */
.box_inner {
	padding-left:		10px;
	padding-right: 		15px;
}

.box_header_center {
	padding:			12px 0 0 30px;
	width:				130px;
	height:				28px;
	font-weight:		bold;
	background-repeat:	no-repeat;
	margin-left:		10px;
}

.box_center {
	float:				left;
	width:				167px;
}

.box_header_left{
	padding:			12px 0 0 27px;
	margin-left:		8px;
	width:				175px;
	height:				28px;
	font-weight:		bold;
	background-repeat:	no-repeat;
}


.box_header_left_search {
	padding:			12px 0 0 27px;
	margin-left:		8px;
	width:				175px;
	height:				28px;
	font-weight:		bold;
	background-repeat:	no-repeat;
}


 .box_header_right, .box_header_koszyk, .box_header_komunikator {

	padding:			12px 0 0 25px;
	margin-left:		8px;
	width:				160px;
	height:				28px;
	font-weight:		bold;
	background-repeat:	no-repeat;
}

.content_header {
	padding:			12px 0 0 30px;
	width:				489px;
	height:				36px;
	font-weight:		bold;
}

.content_header h2 {font-size:12px; margin:0px;}

.content_header .kategoria {font-size:11px;margin:0px;}

.content_header2 {
        padding:                        12px 0 0 36px;
        width:                          483px;
        height:                         25px;
        font-weight:            bold;
    margin-bottom:          12px;
/*        color:                          #777777;                                                                                                               */
}

.book_list {
	height:				94px;
	background-color:	#eeeeee;
	margin:				2px 2px 2px 0px;
	padding-left:		10px;
	position:			relative;
}

.book_list_zestaw {
	background-color:	#eeeeee;
	margin:				2px 2px 2px 0px;
	padding-left:		10px;
	position:			relative;
}

.book_list_search {
	height:				104px;
	width:				510px;
	background-color:	#eeeeee;
	margin:				2px 2px 2px 4px;
	padding-left:		10px;
	padding-top:		10px;
	clear:			both;
}

.content_header_half {
	padding:			12px 0 0 30px;
	width:				214px;
	height:				30px;
	font-weight:		bold;
	background-image:	url('/img/interface/content_maly_prezentacja_ks.gif');
}


.catalogue_item , .catalogue_item_bold {
	border-left: 		1px solid #E4E6E5;
	border-right: 		1px solid #E4E6E5;
	width: 				169px;
	height: 			18px;
	padding: 			2px 0 0 23px;
	display:			block;
	font-size:			11px;
}

.catalogue_item {
	background-image:	url('/img/interface/catalogue_item.png');
    cursor: pointer;
}


.rednex {
	color: #DE0031 !important;
}

.catalogue_list a:hover {
	color: 				#DE0031;
}

.catalogue_item_bold {
	background-image:	url('/img/interface/catalogue_item_bold.png');
	color:black;
	font-weight:bold;
}

.catalogue_item_content ul {
	margin-top:			0px;
	margin-bottom:		10px;
    
}

.box_grad {
	background-image: 	url('/img/search/tlo.gif');
	background-repeat:	no-repeat;
	padding:			15px 15px 5px 15px;
	width:				519px;
	height:				253px;
	margin-left:		auto;
	margin-right:		auto;
}

.box_text {
    border: 0px solid #C0C0C0;
    width: 210px;
    text-align: left;
	padding:10px 20px;
	float:left;
}

.box_grad_order {
	background-image: 	url('/img/interface/szary_srodek_maly.gif');
	background-repeat:	no-repeat;
	background-position:	6px 3px;
	padding:			0px 5px 5px 5px;
	height:				106px;
	margin-left:		auto;
	margin-right:		auto;
}

li {
	margin-top:			5px;
}

ul.strong {
	list-style-image: 	url('/img/interface/bullet_strong.png');
}

.catalogue_list {
	border-top: 		1px solid #E4E6E5;
	border-bottom: 		1px solid #E4E6E5;
	width:				194px;
	margin-left: 		10px;
	margin-top:			10px;
	font-size:		11px;
}

.end {
	clear:				both;
}

.cover6585 {
	width:				65px;
	height:				85px;
	padding:			2px 3px 5px 0px;
	margin-right:		5px;
	background-position: bottom right;
	float:				left;
}

.content_index {
	/* wysokość dla 2 wierszy  w bestsellerach oraz nowosciach
	height:				200px;
	*/
	height:				410px; 
    
	position:			relative;
	margin-left:		5px;
}

.content_index2 {
	height:				200px;
	position:			relative;
	margin-left:		5px;
}


.content_index3 {
	/* wysokość dla 2 wierszy  w bestsellerach oraz nowosciach
	height:				200px;
	*/
	/*height:				305px; */
    
	position:			relative;
	margin-left:		5px;
}


.content_index4 {
	/* wysokość dla 2 wierszy  w bestsellerach oraz nowosciach
	height:				200px;
	*/
	height:				410px; 
    
	position:			relative;
	margin-left:		5px;
}


.content_wdruku {
	/*height:				200px;*/
	position:			relative;
	margin-left:		5px;
}

.content_topbox {
    background: url(/img/gradient_h.gif) center top  no-repeat;

/*    padding: 0px 0px 50px 0px; */

    padding: 0px 0px 30px 0px;
    width: 514px;
    margin-left: 2px;
}

.index_book_details {
	width:				249px;
	height:				90px;
	position:			relative;
	float:				left;
	font-size:			11px;
	margin-bottom:		15px;
	padding-right:		5px;
}

.index_basket {
	position:			absolute;
	bottom:				3px;
	right:				10px;
}

.index_cena {
	position:			absolute;
	bottom:				-4px;
	left:				74px;
	color:				#000000;
}

.male{
	font-size:			10px;
}

.male2{
	text-align:			justify;
}

#outer {
	margin-top:			0;
	width:				100%;
	height:				100%;
	position:			relative;
/*	background-image:	url('/img/interface/tlo.jpg');	*/
	padding-top: 		5px;
	padding-bottom: 	20px;
	background-position:  top left;
	background-repeat:	repeat-x;
}

#inner {
	background-position:  left;
	background-repeat:	repeat-y;
	position:			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				960px;

}

#container {
	width:				965px;
	margin-left: 		5px;
	border: 			1px solid #eeeeee;
	background-color:	#ffffff;
}

#header {
	width:				100%;
	position:			relative;
	padding-top:		10px;
}

#left {
	float:				left;
	width:				210px;
	position:			relative;
}

#right {
	float:				right;
	width:				190px;
	position:			relative;
}


.wysrodkuj {
	display: block;
        margin-left: auto;
        margin-right: auto;
	padding-top: 5px;
}

#footer {
	position:			relative;
	padding-bottom:		20px;
}

#banner {
    margin-left: 6px;
}



#menu {
	padding-left:		15px;
}

#menu_bottom {
	margin-left: 		135px;
}

#test {
	text-align:			justify;
}

#box_promo_inner {
    background: url(/img/red_bg.png);
    width: 169px;
    height: 189px;
    margin-left:		8px;
    margin-top:			8px;
    color: #FFFFFF;
}

#box_promo_inner_nag {
    padding: 57px 8px 0px 10px;
    font-weight: bold;
    font-size: 11px;
}

.catalogue_list a {
        color: #000000;
	font-weight: bold;
}



/*
 * Polecamy box
 */

#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7,#tab8,#tab9 {
	display: none;
	position:absolute;
}

#okno {
	    width: 394px;
	    padding: 0px 0px 0px 0px;
	    text-align: right;
}

#linki {
    float: right;
    position: absolute;

    /*left: 310px;
    top: 180px;*/

    right: 10px;
    top: 155px;
}

#linki a {
	color: #663300;
	margin:     0;
	text-align: center;
	text-decoration: none;
}


#cz_faktura {
    font-size: 15px;
}



#linkis { padding: 2px; }


#linkis table td#dwa {  text-align: center; margin-left: 3px; width: 15px; background: #C0C0C0; border: 1px solid #909090; padding: 4px;   }


#linkis table td#pi {  text-align: center;  margin-left: 3px; width: 15px;   background: #FFFFFF;  border: 1px solid #FFFFFF;  padding: 4px;  }


#linkis a {   margin:     0; text-align: center; text-decoration: none; font-size: 12px; }




.linkis { padding: 2px; }


.linkis table td.dwa {  text-align: center; margin-left: 3px; width: 15px; background: #C0C0C0; border: 1px solid #909090; padding: 4px;   }


.linkis table td.pi {  text-align: center;  margin-left: 3px; width: 15px;   background: #FFFFFF;  border: 1px solid #FFFFFF;  padding: 4px;  }


.linkis a {   margin:     0; text-align: center; text-decoration: none; font-size: 12px; font-weight:normal;}



#newsyimg {
   padding-top: 6px;
       float: left;
 }

.newsyimg {
	padding-top: 6px;
	float: left;
}

#butt {
    background: transparent url(/img/users/tlowiadomosc.gif) no-repeat scroll;
        width: 119px;
	    height: 25px;
	        text-align: center;
		    color: rgb(255, 255, 255);
		        font-weight: bold;
			    padding-top: 10px;
			    }

			    #butt a {
			        color: #ffffff;
				}

				#butt a:hover {
				    color: #ffffff;
				    }

HR {
height: 1px;
border: 0;
color: #C0C0C0;
background-color: #C0C0C0;
}

.komunikat {
  color: red;
  font-size: 12px;
  font-weight: bold;
}

.lll { font-size: 11px; }

h2, h3 {
    font-size: 14px;
    }

    h4 {
        font-size: 12px;
	}


#pojemnik {
  position: absolute;
  top: 1000px;
  left: 200px;
  text-align:left;
  vertical-align:top;
  background-color: gray;
  display: none;
}


#pozycja {
  top: 200px;
  left: 300px;
  width: 388px;
  height: 368px;
  text-align:left;
  vertical-align:top;
  background-color: white;
}

#ExampleMovie {
  top: 0;
  left: 0;
  text-align:left;
  vertical-align:top;
  background-color: gray;
}

.ExampleMoviee {
  top: 0;
  left: 0;
  text-align:left;
  vertical-align:top;
  background-color: gray;
}

.pojemnikk{
  position: absolute;
  top: 1000px;
  left: 200px;
  text-align:left;
  vertical-align:top;
  background-color: gray;
  display: none;
}

.pozycjaa {
  top: 200px;
  left: 300px;
  width: 388px;
  height: 368px;
  text-align:left;
  vertical-align:top;
  background-color: white;
}

.autor, .belka { font-size: 11px; }

.gradient_box {
    background: url('/img/gradient_h.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 0px 10px 10px 10px;
}

#promocja_img {
    padding: 0px 10px 0px 10px;
}

.hiddene {
    display: none;
}

#szukajszukaj {
    padding-right: 20px;
}

#opis_l { background: url(/img/gora/opis_helion_a.gif); width: 259px; height: 42px; float: left; display:block; margin-bottom: 10px;}
.opisy_l2 { background: url(/img/gora/opis_helion_a.gif) !important;  width: 259px; height: 42px; float: left; display:block;}
.opisy_l1 { background: url(/img/gora/opis_helion_b.gif) !important;  width: 259px; height: 42px; float: left; display:block;}

#spis_l { background: url(/img/gora/spis_helion_b.gif); width: 259px; height: 42px;float: left; display:block;margin-bottom: 10px;}
.spisy_l2 { background: url(/img/gora/spis_helion_a.gif) !important; width: 259px; height: 42px; float: left; display:block;}
.spisy_l1 { background: url(/img/gora/spis_helion_b.gif) !important; width: 259px; height: 42px; float: left; display:block;}


.path            {

			list-style-position: 	outside;
			text-align: left;
			margin:0;padding:10px 0px 10px 15px;font-size:10px;}

.path li         { display:inline;
	background: 	url('/img/interface/bullet_light.png') center left no-repeat;
		    padding:0 115px 3px 15px;
		 }


.helion_norma_b {
    font-size: 11px;
    font-weight: bold;
}

.helion_norma {
    font-size: 11px;
}

#login .flagi  {float:left;padding-top:5px;}
#login .flagi img {float:left;}
#login .zalogowano {float:left;height:13px;margin-right:7px;padding:4px 8px;width:110px;}
#login .login {float:left;height:13px;margin-right:7px;padding:4px 8px;width:152px;}
#login .formularz {float: left; width: 569px;}
#login .formularz .input {float: left; padding-top: 3px;}
#login .formularz .input input {width:130px;}
#login .formularz .button {float: left; margin-left: 15px;}
#login .formularz form {width:600px; font-size: 10px !important;}


#login .input {float: left; padding-top: 3px;}
#login .input input {width:130px;}
#login .button {float: left; margin-left: 15px;}
#login  form {width:965px;}

ul.rss li {list-style-image: none;}
ul.rss li a {color: black; font-weight: bold; text-decoration: underline;}
ul.rss li a:hover {color: #BC0000;}


 ul.interk { list-style-type: none !important;
                     list-style-image: none;
             background: url(/img/rozne/interkoszyk/sign_freeze.gif) no-repeat;
         margin: 0px 10px; padding: 0px;}
		ul.interk li {  padding-left: 30px;   }
																								 

/* Podpowiedzi */
.srta { padding-left: 10px; padding-right: 10px; display: block; width: 175px; border-top: 1px solid #d4d4d4; margin: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }
.srta:hover { background: #d4d4d4; cursor: pointer; text-decoration: none;}

.srtahover { background: #d4d4d4; cursor: pointer; text-decoration: none; padding-left: 10px; padding-right: 10px; display: block; width: 175px; border-top: 1px solid #d4d4d4; margin: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer;}

 
 #zamknijHint { cursor: pointer; width: 185px; padding-right: 10px; background-color: #d4d4d4;
  padding-bottom: 4px; text-align: right; display: block; border-top: 1px solid #d0d1d2; padding-top: 4px;}
  
  #zamknijHint a { color: #ff99aa; }
  .hajlajt { background: #A0A0A0;}
  
  .suggests { display:none; border: 1px solid #d0d1d2; top: 73px; left: 30px; width: 195px; position: absolute; padding: 0px; z-index: 2; background: #F0F0F0; text-align: left;}
  
/* Płatności */

.box_payment {width: 520px; height: 120px; background-color: rgb(238, 238, 238);border-bottom: 2px solid rgb(192, 192, 192);margin-bottom:1px;}
.pay_left {width: 173px; height: 120px; float: left;}
.pay_center {width: 174px; height: 120px; float: left; }
.pay_promo { height: 6px; text-align: center; padding-top: 12px;}
.pay_right {width: 173px; height: 120px; float: left;}
.pay_noakt {background: transparent url(/img/platnosci/bcg_no_active.gif) no-repeat scroll 30px 20px; width: 150px; height: 85px; }
.pay_akt {background: transparent url(/img/platnosci/bcg_active.gif) no-repeat scroll 30px 20px; width: 150px; height: 85px; }
.przycisk {border: 0px none ; margin-top: 5px; margin-left: 30px; display:none;}

/* Opinie i Recenzje*/

#opinie_1 { background: url(/img/gora/opinie_helion_a.gif); width: 259px; height: 42px; float: left; display:block; margin-bottom: 10px;}
.opinie_12 { background: url(/img/gora/opinie_helion_a.gif) !important;  width: 259px; height: 42px; float: left; display:block;}
.opinie_11 { background: url(/img/gora/opinie_helion_b.gif) !important;  width: 259px; height: 42px; float: left; display:block;}

#recenzje_1 { background: url(/img/gora/recenzje_helion_b.gif); width: 259px; height: 42px;float: left; display:block;margin-bottom: 10px;}
.recenzje_12 { background: url(/img/gora/recenzje_helion_a.gif) !important; width: 259px; height: 42px; float: left; display:block;}
.recenzje_11 { background: url(/img/gora/recenzje_helion_b.gif) !important; width: 259px; height: 42px; float: left; display:block;}

#opinie_only{ background: url(/img/gora/helion_opinie_long.gif); width: 516px; height: 42px;display:block;margin-bottom: 10px;}
#recenzje_only{ background: url(/img/gora/helion_recenzje_long.gif); width: 516px; height: 42px;display:block;margin-bottom: 10px;}

.pokaz {padding-top:10px;padding-bottom:10px;float:right;}
.opinie_wew {width: 500px;border-bottom: 1px solid rgb(192, 192, 192);margin-bottom:1px; padding:5px;}
.recenzje_wew {width: 500px;border-bottom: 1px solid rgb(192, 192, 192);margin-bottom:1px; padding:5px;} 

/* platnosci belki przy wyborze platnosci */

.content_pl_kraj {background-image:url(/img/platnosci/helion-polska.png);font-weight:bold;height:26px;padding:12px 0 0 102px;width:421px;}
.content_pl_zagranica {background-image:url(/img/platnosci/helion-swiat.png);font-weight:bold;height:26px;padding:12px 0 0 102px;width:421px;}




/* zestawy książek nowe  */
#zest_box {width: 519px; padding-bottom: 20px;}
#zest_box img {vertical-align: middle;}
#zest_box .zest_box_item {background-color: #F2F2F2; margin: 1px; padding: 10px;}
#zest_box .zest_box_item img {cursor: pointer; padding: 0px; border: 1px solid transparent;}
#zest_box .ceny {font-weight: bold; padding-bottom: 10px;}

.linkuj { color: #000;}
.linkuj:hover { color: #000; }

.autorzy_lista {padding: 5px;border-bottom: 1px solid rgb(149, 149, 149);}


/*koszyk helion nowy*/
#koszyk_menu {}
#km1 {background: url(/img/koszyk/mn1.gif) no-repeat;width:106px;}
#km2 {background: url(/img/koszyk/mn2.gif) no-repeat;width:131px;}
#km3 {background: url(/img/koszyk/mn3.gif) no-repeat;width:159px;}
#km4 {background: url(/img/koszyk/mn4.gif) no-repeat;width:122px;}
#koszyk_menu div[id] {height:45px;float:left;}
#koszyk_menu .selected {background-position: 100% 0;}


/*
* Helion CSS Layout Style
* Target: All
* 2007 Łukasz Lubosz
*/


#bm1, #bm2, #bm3, #bm4, #bm5, #bm6, #bm7, #bm8, #bm1:hover, #bm2:hover, #bm3:hover, #bm4:hover, #bm5:hover, #bm6:hover, #bm7:hover, #bm8:hover                 
{                                                                                                                                                              
display:                        block;                                                                                                                 
height:                         45px;                                                                                                                  
float:                          left;                                                                                                                  
overflow: hidden;
text-indent: -665em;
}                                                                                                                                                              


#bm1 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_glowna_sz.png');                                                                                         
width:                          116px;                                                                                                                 
}                                                                                                                                                              
#bm1:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_glowna_kol.png');                                                                                        
width:                          116px;                                                                                                                 
}                                                                                                                                                              


#bm2 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_koszyk_sz.png');                                                                                         
width:                          73px;                                                                                                                  
}                                                                                                                                                              


#bm2:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_koszyk_kol.png');                                                                                        
width:                          73px;                                                                                                                  
}                                                                                                                                                              


#bm3 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_dostawa_sz.png');                                                                                        
width:                          80px;                                                                                                                  
}                                  
#bm3:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_dostawa_kol.png');                                                                                       
width:                          80px;                                                                                                                  
}                                                                                                                                                              

#bm4 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_platnosci_sz.png');                                                                                      
width:                          77px;                                                                                                                  
}                                                                                                                                                              

#bm4:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_platnosci_kol.png');                                                                                     
width:                          77px;                                                                                                                  
}                                                                                                                                                              


#bm5 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_zwroty_sz.png');                                                                                         
width:                          147px;                                                                                                                 
}                                                                                                                                                              

#bm5:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_zwroty_kol.png');                                                                                        
width:                          147px;                                                                                                                 
}                                                                                                                                                              


#bm6 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_pomoc_sz.png');                                                                                          
width:                          95px;                                                                                                                  
}                                                                                                                                                              

#bm6:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_pomoc_kol.png');                                                                                         
width:                          95px;                                                                                                                  
}                              
#bm7 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_regulamin_sz.png');                                                                                      
width:                          93px;                                                                                                                  
}                                                                                                                                                              


#bm7:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_regulamin_kol.png');                                                                                     
width:                          93px;                                                                                                                  
}                                                                                                                                                              


#bm8 {                                                                                                                                                         
background-image:       url('/img/footmenu/rd_mapa_sz.png');                                                                                           
width:                          111px;                                                                                                                 
}                                                                                                                                                              

#bm8:hover {                                                                                                                                                   
background-image:       url('/img/footmenu/rd_mapa_kol.png');                                                                                          
width:                          111px;                                                                                                                 
}      													



/*
* Helion CSS Layout Style
* Target: All
* 2007 Łukasz Lubosz
*/

#hmlogo, #hm1, #hm2, #hm3, #hm4, #hm5, #hm6, #hm1:hover,  #hm2:hover, #hm3:hover, #hm4:hover, #hm4b:hover, #hm5:hover, #hm6:hover, #hmgw, #hmskype, #hmlc {
	display: 			block;
	height:				50px;	
	float:				left;
}

#hmlogo {
	background-image:	url('/img/helionlogohead.gif');
	background-repeat:	no-repeat;
	width:			221px;
	padding-bottom: 5px;
}
#hm1 {
	background-image:	url('/img/headmenu2/1B.gif');
	width:				120px;
}

#hm2 {
	background-image:	url('/img/headmenu2/2B.gif');
	width:				118px;
}

#hm3 {
	background-image:	url('/img/headmenu2/3B.gif');
	width:				119px;
}

#hm4 {
	background-image:	url('/img/headmenu2/4B.gif');
	width:				118px;
}

#hm5 {
	background-image:	url('/img/headmenu2/5B.gif');
	width:				119px;
}
#hm6 {
	background-image:	url('/img/headmenu2/6B.gif');
	width:				119px;
}

#hm1:hover {
	background-image:	url('/img/headmenu2/1B.gif');
	width:				120px;
	background-position: 	-120px 0;
}

#hm2:hover {
	background-image:	url('/img/headmenu2/2B.gif');
	width:				118px;
	background-position: 	-118px 0;
}

#hm3:hover {
	background-image:	url('/img/headmenu2/3B.gif');
	width:				119px;
	background-position: 	-119px 0;
}

#hm4:hover {
	background-image:	url('/img/headmenu2/4B.gif');
	width:				118px;
	background-position: 	-118px 0;
}


#hm5:hover {
	background-image:	url('/img/headmenu2/5B.gif');
	width:				119px;
	background-position: 	-119px 0;
}
#hm6:hover {
	background-image:	url('/img/headmenu2/6B.gif');
	width:				119px;
	background-position: 	-119px 0;
}

#hmgw {
	background-image:	url('/img/headmenu2/6.gif');
	width:				126px;
}
#hmskype {
	background-image:	url('/img/headmenu2/7.gif');
	width:				57px;
}
#hmlc {
	background-image:	url('/img/headmenu2/8.gif');
	width:				55px;
}


/* SEKCJA VIDEO */
.box-border-film {font-size: 12px; font-weight: bold;}
.box-border-film a {color: #DE0031; text-decoration: none;}
.box-border-film a:hover {color: black;}
/*.stars {margin: 10px; border:0; padding-left:3px;}*/
#komentarze {color: #999999; clear: both; margin: 50px 10px 0; text-align: left;}
#komentarze ul.subpage-index {list-style: none;}
#komentarze li {float: left; border: 1px solid #DE0031; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 1px;}
#komentarze li.selected {color: black; background-color: #BBBBBB;}
.kom_login {float:left; color: #DE0031;}
.kom_data:before {content: ' (';}
.kom_data {font-size: 85%; float:right; color: #AAAAAA;}
.kom_data:after {content: ')';}
.komentarz {border-top: 1px solid #BCBDBF; margin-top: 10px;}
.komentarz .tresc {color: black; clear: both; padding: 0 0 20px; font-weight: normal;}
a.selected {color: white;}
.selected .box-title-menu {background: url(/img/video/content_heade-czerowny.png) no-repeat scroll 0 0; height: 42px; color: white;}
.box-title-video a {color: black;}
.box-title-menu {padding-top: 12px; float: left; width:33%; margin-top: 18px; text-align: left; font: bold 12px verdana, arial, sans-serif; background-image: url(/img/video/top_10_gray.png); height: 42px; text-indent: 30px;}
.strzalki {vertical-align: middle;}
.content_header_red { color: white; padding: 12px 0 0 30px; width: 489px; height: 36px; font-weight: bold; background: transparent url(/img/video/content_heade-czerowny.png) no-repeat scroll 0 0;}

#pod_aut {background: transparent url(/img/video/zaut_helion_b.gif) no-repeat scroll 0pt 0pt;}
#pod_kat {background: transparent url(/img/video/podob_helion_b.gif) no-repeat scroll 0pt 0pt;}
#pod_aut.pod_selected {background: transparent url(/img/video/zaut_helion_a.gif) no-repeat scroll 0pt 0pt;}
#pod_kat.pod_selected {background: transparent url(/img/video/podob_helion_a.gif) no-repeat scroll 0pt 0pt;}
#pod_aut, #pod_kat {padding: 12px 0px 0px 30px; height: 30px; width: 229px; font-weight: bold; float: left; cursor: pointer;}
.pod_selected {color: white;}
#podobne_aut ul,#podobne_kat ul {margin-top:0px;margin-bottom:0px;}



/* Koszyki AJAX */
#koszyki { height: 106px; width: 169px; margin: 0; padding: 0px; color: #DE0031; background: url('/img/bcg_koszyk.gif') no-repeat; display: none; }
#koszykjs { height: 50px; width: 190px; padding: 7px 0 0 5px;}
#koszykjs dt {width: 95px; float: left;  margin: 0; padding: 0; margin-top: 7px;}
#koszykjs dd {width: 70px; float: left;  margin: 0; padding: 0; margin-top: 7px; color: #000000;}
#dokasy { text-align: center; padding: 0 0 0 0; margin: 0; margin-top: 10px; height: 20px;}
#koszyki hr { width: 169px; }
#koszyki #pusty {margin-left: 37px; padding-top: 20px; display: block;}
#koszyki #loadimg {margin-left: 74px; padding-top: 20px; display: block;}

.drag{position:relative; z-index: 100;}

#komunikat { background: url('/img/helion_dymek_bcg.gif') no-repeat; position: absolute; width: 159px; height: 83px; }
#zamknijx { float: right; margin-right: 5px; margin-top: 5px; cursor: pointer;}
#tekstx { text-align: center; color: #DE0031; margin-top: 20px; font-size: 9px;}
#dokasyx { text-align: center; color: #DE0031;  margin-top: 25px;}



.ico {
    width: 70px;
    text-align: left;
}


/* stronicowanie */
.pages {background: url(/img/stronice/bcg_str.gif) no-repeat 0 0 scroll; text-align: center; width: 515px;height: 23px; font-size: 12px;font-family: verdana, arial; vertical-align: middle;padding: 2px;margin:2px;}
.pages td {float: left; padding: 2px; height: 13px; margin: 1px; text-align: center;}
.pages td.selected {background: #e8e8e8; color: #000;}
.pages img {border: 0px;}
.pages a {color: #de0031; text-decoration: none;}
.pages a:hover {color: #000; text-decoration: underline;}

/* promocje */
.promo_tlo{background-color:#f6f6f6;}
.book_list_promo {clear:both;height:auto;overflow:hidden;margin:2px 0px;padding:10px 15px 10px;width:489px;}
.promo-onepress {background:#f6f6f6 url('/img/promocje/onepress_bcg.jpg') no-repeat scroll right bottom;}
.promo-sensus {background:#f6f6f6 url('/img/promocje/sensus_bcg.jpg') no-repeat scroll right bottom;}
.promo-septem {background:#f6f6f6 url('/img/promocje/septem_bcg.jpg') no-repeat scroll right bottom;}
.content_header_promo {font-weight:bold;height:30px;padding:12px 0 0 30px;background-image:url(/img/interface/content_header.png);}


    .kolumna {
      width:220px;
      float:left;
    }
    .obraz {
      width:50px;
      height:30px;
      float:left;
    }
    .skrot {
      width:160px;
      height:30px;
      float:left;
      margin: 10px 0px 0px 10px;
    }
    #glowne {
      padding: 25px 15px 0px 55px;
    }

.box_tabs {
        height: 40px;
	text-align:center;
	float:left;
	cursor:pointer;
	border-bottom:0;
        background: no-repeat;
}

#box_container {
	width:520px;
        background: url('/img/gradient_h.gif') center bottom no-repeat; 
}

.box_content {
	height:155px;
	clear:both;
}
#strona1.sel {
  background-image:	url('/box/img/strona1.gif');
}

#strona2.sel {
  background-image:	url('/box/img/strona2.gif');
}

#strona3.sel {
  background-image:	url('/box/img/strona3.gif');
}

#strona4.sel {
  background-image:	url('/box/img/strona4.gif');
}

#strona1 {
  background-image:	url('/box/img/strona1_gray.gif');
  width: 126px;
}

#strona2 {
  background-image:	url('/box/img/strona2_gray.gif');
  width: 127px;
}

#strona3 {
  background-image:	url('/box/img/strona3_gray.gif');
  width: 127px;
}

#strona4 {
  background-image:	url('/box/img/strona4_gray.gif');
  width: 140px;
}

/*
* Helion CSS Layout Style
* Target: CSS2 Compilant browsers
* 2007 Łukasz Lubosz
*/


#inner {
	background-image:	url('/img/interface/shadow.png');
}




#container {
/*	opacity: 			0.94;
	filter:				alpha(opacity=94); 
*/
}

.box_header_left {
	background-image:	url('/img/interface/box_header_left.png');
}


.box_header_left_search {
	background-image:	url('/img/interface/box_header_left_search.gif');
}



.box_header_right {
	background-image:	url('/img/interface/box_header_right.png');
}

.box_header_koszyk{
	background-image:	url('/img/interface/box_header_koszyk.png');
}

.box_header_komunikator {
	background-image:	url('/img/livechat/helion_livechat_header.gif');
}


.content_header {
	background-image:	url('/img/interface/content_header.png');
}

.content_header2 {
        background-image:       url('/img/interface/content_header.png');
	}

.box_header_center {
	background-image:	url('/img/interface/content_down.png');
}
.cover6585 {
	background-image: 	url('/img/interface/shadow_book.png');
}

#center {
        float:                          left;
        width:                          519px;
        position:                       relative;
        padding:                        0 1px 0 25px;
}

#center_full {
        float:                          left;
        width:                          519px;
        position:                       relative;
        padding:                        0 1px 0 25px;
	    margin-left: auto;
	        margin-right: auto;

}

.search-onepress { background: #eeeeee url('/img/search/onepress.gif') bottom right no-repeat;}
.search-sensus   { background: #eeeeee url('/img/search/sensus.gif') bottom right no-repeat; }
.search-septem   { background: #eeeeee url('/img/search/septem.gif') bottom right no-repeat; }
.search-helion   { background: #eeeeee url('/img/search/helion.gif') bottom right no-repeat; }



.checkbox-group {width:100%;overflow:hidden; }

.checkbox-group span {float:left;padding-top:3px;width:103px;}

.checkbox-group .checkbox {float:left;width:167px;}

.checkbox-group .boxer {width: 75px; float: left; height: 50px; }


.book_info {width:519px;}
.book_info .okladka {height:163px;width:125px;margin:10px;cursor:pointer;float:left;}
.book_info div h1 {font-size:12px;font-weight:bold;}
.book_info .left {float:left;clear:left;width:145px;text-align:center;}
.book_info .right {float:right;clear:right;width:319px;}
.book_info .cena {padding: 15px 0px;}

.book_info #pdf {display:none;}
.book_info #epub {display:none;}
.book_info #mobi {display:none;}

span.green { color: #008000; }

/*podziel sie*/
.podzielsie {display:none; position:relative;}
.podzielsie .glowne_open{padding: 6px; border: 1px solid rgb(221, 220, 225); height: 15px; width: 190px; z-index:3;position:relative;background-color:white;border-bottom-color:white;margin-left:14px;}
.podzielsie .glowne_close{padding: 6px; border: 1px solid rgb(221, 220, 225); height: 15px; width: 190px;z-index:3;position:relative;background-color:white;margin-left:14px;}
.podzielsie .napis {float: left; padding-right: 10px;}
.podzielsie .linki {float:left;}
.podzielsie .linki .link {float:left;margin-right:4px;}
.podzielsie .linki .last {margin-right: 0px !important;}
.podzielsie .rozwin {float:left;display:block;cursor:pointer;}
.podzielsie .zwin {float:left;display:none;cursor:pointer;}
.podzielsie .tabelka {clear:both;display:none;z-index:2;position:absolute;background-color:white; border: 1px solid rgb(221, 220, 225);width:350px;top:28px;margin-left:14px;}
.podzielsie .tabelka .cela {padding:6px;float:left;width:163px;}
.podzielsie .tabelka .cela a{padding-left:20px; padding-left: 20px;text-decoration:none;color:#9B9B99;padding-bottom:2px;padding-top:2px;}
.podzielsie .tabelka .cela a:hover{color:#2F2F2F;}

/*
#fblike {
padding: 10px 10px 10px 15px; border: 1px solid #94A3C4; margin-left: -3px; width: 491px; 
}

#fbliketop {
position: absolute;
top: 7px;
left: 480px;
overflow: hidden;
}
*/


#social {
width: 55px;
float: right;
overflow: hidden;
}

#socialG {
margin: 15px 0px;
}

#socialT {
margin: 0px 0px;
}

#socialF {
margin: 10px 0px;
}


#recommendlist {
    background:none repeat scroll 0 0 #f1f1f1;
    height:200px !important;
    margin-left:2px;
    margin-top:-8px;
    padding:4px;
}



/* nowa strona główna pp */
.pp {margin-left:8px;}
.pp .box1{background: url("/img/pp/img_pp.jpg") no-repeat scroll right 0px transparent;height:325px;}
.pp .box1 h2{font-family:Arial;font-size:26px;color:#e70036;width:340px;margin-bottom:5px;}
.pp .tytul{font-size:18px;font-family:Arial;padding-top:15px;}
.pp .pierwszy{width:340px;padding-top:0px;padding-bottom:12px;}
.pp .kroki{float:left;}
.pp .kroki .center{padding-bottom:55px;}
.pp .kroki span{font-family:Arial;font-size:24px;color:#e70036;padding-left:42px;padding-right:62px;font-weight:bold;}
.pp .kroki .last{padding-right:0px;}
.pp .box2{padding-right:35px;clear:both;}
.pp .lista li{margin-top:13px;margin-left:10px;}
.pp .box3 {background: url("http://helion.pl/img/pp/img_bg_info.jpg") no-repeat scroll 0px 0px;height:65px;line-height:1.5;padding:15px;width:480px;padding-top:13px;}
.pp .box4 span {font-weight:bold;line-height:1.5em;}
.pp .button {padding-top:15px;padding-left:150px;}
.pp .box4 .akapit{line-height:1.5em;}
.pp .box2 ul{padding-right:25px;}
.pp .akapit .link_faq{cursor:pointer;}
.pp .akapit .faq{display:none;padding-bottom:5px;padding-left:35px;padding-top:5px;}

/* autelion ***********************************/
#autelion-login {height:175px;}
#autelion-login #autelion-login-header {background: url("/img/autelion/belka_logowanie.jpg") no-repeat transparent;font-weight: bold;height: 28px;margin-left: 8px;padding: 12px 0 0 27px;width: 175px;}
#autelion-login #autelion-login-body {  background: url("/img/tloszukaj.gif") no-repeat scroll center bottom transparent;height: 125px;padding-top: 0;text-align: left;}
#autelion-login #autelion-login-body p {text-align:center;}
#autelion-menu {margin-bottom:10px;}
#autelion-right {background: url("/img/autelion/separator_pion.jpg") no-repeat transparent;height:192px;width:175px;}
#autelion-right #autelion-right-inner {width:135px;height:69px;font-family:Verdana; font-size:18px;color:#c00f0f;padding-top:123px;padding-left:20px;padding-right:20px;font-weight:bold;}
#autelion-right #autelion-right-inner p {text-align:center;line-height:1.5em;}
#autelion-right .info {background: url("/img/autelion/ico_info.jpg") no-repeat transparent scroll 40px 3px;}
#autelion-right .haslo {background: url("/img/autelion/ico_haslo.jpg") no-repeat transparent scroll 40px 3px;}
#autelion-right .hist {background: url("/img/autelion/ico_hist.jpg") no-repeat transparent scroll 40px 3px;}
#autelion-right .twkonto {background: url("/img/autelion/ico_twkonto.jpg") no-repeat transparent scroll 40px 3px;}
#autelion-right .twksiazki {background: url("/img/autelion/ico_twksiazki.jpg") no-repeat transparent scroll 40px 3px;}
#autelion-right .twrach {background: url("/img/autelion/ico_twrach.jpg") no-repeat transparent scroll 40px 3px;}
#center-right {float:left; width:736px; position:relative;}
#center-right .content_header {background-image: url("/img/autelion/belka_large.jpg");width:706px;}
.catalogue_list2 {border-top:1px solid #E4E6E5;border-bottom:1px solid #E4E6E5;width:194px;margin-left:10px;margin-bottom:10px;font-size:11px;}
.catalogue_list2 a:hover {color:#DE0031;}
.catalogue_list2 a {color: #000000;font-weight: bold;}
.catalogue_item2 { border-left:1px solid #E4E6E5;border-right:1px solid #E4E6E5;width:169px;height:18px;padding:2px 0 0 23px;display:block;font-size:11px;}
.catalogue_item2 { background-image:	url('/img/interface/catalogue_item.png');cursor: pointer; }
.autelion-h3 {color:#c00f0f;}

/* strona dedykowana do podręczników *************************** */
#menu_glowne {padding-bottom:15px;}
#menu_glowne .podr_menu table {width:100%;}
#menu_glowne .podr_menu td {background-color:#F1F0F3;border-color:#C5C5C7;border-style:solid;border-width:1px;text-align:center;}
#menu_glowne .podr_menu td.active {background-color:#C5C5C7;}
#menu_glowne .podr_menu a {color: #000000;font-weight:bold;}
#menu_glowne .left {float:left;width:255px;height:51px;line-height:57px;margin-left:2px;}
#menu_glowne .left a {background:url('/img/podreczniki/button_informatyka_up.gif') no-repeat transparent;padding: 18px 129px;}
#menu_glowne .left a:hover {background:url('/img/podreczniki/button_informatyka_down.gif') no-repeat transparent;text-decoration:none;}
#menu_glowne .right {float:right;width:260px;height:51px;line-height:57px;margin-right:2px;}
#menu_glowne .right a {background:url('/img/podreczniki/button_technik_up.gif') no-repeat transparent;padding: 18px 130px;}
#menu_glowne .right a:hover {background:url('/img/podreczniki/button_technik_down.gif') no-repeat transparent;text-decoration:none;}


/* nowy katalog */
.bold {font-weight:bold;}
#sortowanie {background: url(/img/grad.gif) center bottom no-repeat;text-align:justify;padding:0 10px 10px;}
#sortowanie select {width:100%;font-size:9px;border:1px solid lightgray;}
.stronicowanie {background:url(/img/stronice/bcg_str.gif) no-repeat;clear:both;text-align:center;padding:2px;margin:10px auto;}
.podkategorie {list-style-position:inside;padding:5px 10px;}
.podkategorie li {float:left;margin-left:10px;}
.kategorie a, .serie a {color:black;font-weight:bold;font-size:11px;}
.kategorie a:hover, .serie a:hover {color:#DE0031;}
.kategorie>div {background:url(/img/interface/catalogue_item.png) no-repeat;margin:1px 10px;padding:2px 0px 3px 20px;}
.kategorie>div div[class]{background:url(/img/interface/bullet_light.png) no-repeat 0 3px;margin:7px 0px;padding:0px 0px 0px 20px;}
.book-item {position:relative;width:240px;height:160px;float:left;border-bottom:1px solid lightgray;margin:10px 5px;}
.book-item .details {position:absolute;top:0;left:70px;}
.book-item .number {position:absolute;top:100px;left:20px;}
.book-item table.price {position:absolute;margin:5px;top:95px;left:60px;}
a#serie {color:black;font-weight:bold;}
a#serie:hover {color:#DE0031;font-weight:bold;}
.serie div {margin:6px 0 6px 18px;padding-left:11px;background:url(/img/interface/bullet_light.png) no-repeat 0 4px;}

#beincontact td { font-weight: bold; padding: 5px; }

.getebook {padding:0;}
.getebook .download a {background:url(/img/butt_pobierzokno_hel.gif) no-repeat left top;display:block;height:16px;width:154px;padding:10px 0;margin:0 auto;color:white;font-weight:bold;font-size:13px;}
.getebook .download a.disabled {background-position:left bottom;text-decoration:none;}

#autelion td {text-align:right;}
#autelion td.left {text-align:left;}

/* Style swiateczne */
.box_zloz_zamowienie_do { background: url('/img/swieta/termin_bcg_hel.gif') no-repeat transparent;margin: 16px 0 5px 26px;padding:0px;width:148px;height:201px;}
.box_zloz_zamowienie_do p {margin:0px;padding:12px;line-height:1.4em;padding-bottom:0px;}
.box_zloz_zamowienie_do p span {color:#BC0000;font-weight:bold;}
.odliczanie_swieta {width:169px;height:203px;display:none;}
.img_odl_sw8 {background: url(/img/odliczanie/odliczanie_8.png) no-repeat center center;}
.img_odl_sw7 {background: url(/img/odliczanie/odliczanie_7.png) no-repeat center center;}
.img_odl_sw6 {background: url(/img/odliczanie/odliczanie_6.png) no-repeat center center;}
.img_odl_sw5 {background: url(/img/odliczanie/odliczanie_5.png) no-repeat center center;}
.img_odl_sw4 {background: url(/img/odliczanie/odliczanie_4.png) no-repeat center center;}
.img_odl_sw3 {background: url(/img/odliczanie/odliczanie_3.png) no-repeat center center;}
.img_odl_sw2 {background: url(/img/odliczanie/odliczanie_2.png) no-repeat center center;}
.img_odl_sw1 {background: url(/img/odliczanie/odliczanie_1.png) no-repeat center center;}
.img_odl_sw0 {background: url(/img/odliczanie/odliczanie_0.png) no-repeat center center;}

