#main-container {	padding-top: 120px; }
 .wyloguj_btn { color:#c1001f !important; }
 .koszyk_empty { display:block; width:100%; background-color:rgba(250,250,250,0.8); position: absolute; height: 320%; z-index:99; left:0; top:80px; }
 
/* ==========================================================================

Panel użytkownika

========================================================================== */ 

.panel_div_empty {
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
  font-size: 22px;
  height: 100%;
  margin-top: -40px;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
}

.panel_div_empty span {

display:block;
margin-top:140px;

}

.panel_ng {
text-align:center;
color:#454545;
font-size:14px;
text-transform: uppercase;
margin:50px 0 20px 0;
}

.panel_ng img{ margin:0 10px 0 0; }

.panel_menu {
list-style: outside none none;
}

ul.panel_menu {
text-align:center;
}

.panel_menu li a{
color:#454545;
}

.panel_menu li{
position: relative;
display:inline-block;
text-transform: uppercase;
padding:0 40px;
font-size:12px;
}

.panel_menu a{
color:#BBB;
}

.panel_menu a:hover{
color:#454545;
}

.panel_menu_active {
color:#454545;
font-weight:bold;
}

.panel_content {
margin:20px 0 0 0;
text-align:right;
}


.panel_content input[type="text"], .panel_content input[type="password"] {
  background-color: #FFF;
  border:1px solid #BBB;
  color: #454545;
  font-size: 12px;
  padding: 5px;
  margin:2px;
  width:250px;  
  height: auto;
  display:inline-block;
}




.panel_content input[type="radio"] { margin:0 10px 0 0; }

.panel_content span {
  display:block;
  margin:0 0 10px 0;
  font-weight:bold;
}

.panel_content span.platnosci {
	display: inline-block;
	margin: 0 10px 0px 0;
	font-weight: bold;
}

.panel_content .btn { margin:10px 0 0 0; }
.panel_content label { margin:5px 0 5px 0; }

.logowanie_content span{
  font-weight:bold;
}


.panel_content table {
width:100%;
}

.panel_content th{
color:#FFF;
background-color:#777;
font-weight:normal;
border: 2px solid #FFF;
padding: 0.5rem;
}

.panel_content td{
background-color:#ececec;
border: 2px solid #FFF;
padding: 1rem;
}

.panel_content img{
vertical-align:middle;
}

.panel_content button{
border:1px solid #666;
padding:3px 10px;
background-color:#ECECEC;
}

.panel_content button:hover{
	background-color:#FFF;
}

.panel_content .produkt_miniatura{
margin:0 20px 0 0;
}

.panel_content .produkt_nazwa{
text-align:left;
}


.panel_content .ilosc_input{
width:50px !important;
text-align:center !important;
font-size:16px !important;
}

.panel_content td.wartosc {
  font-size:16px;
}

.panel_content td.przelicz_btn {
  background-color: #454545;
  border: 2px solid #fff;
  color: #fff;
  font-weight: normal;
  padding: 0.5rem;
}

.panel_content td.przelicz_btn a {  color:#FFF; }
.panel_content td.przelicz_btn a:hover {  color:#DDD; }

.panel_content input:disabled, input.zamowienie_btn_payu:disabled { opacity:0.5; }

.kontynuuj_btn { float:left; margin:20px 0 10px 0; }
.krok_btn { float:right; margin:20px 0 10px 0; }



.panel_box { 
  background-color: #fff;
  border: 1px solid #bbb;
  color: #454545;
  font-size: 12px;
  margin: 2px 0;
  padding: 2%;
  width: 100%;
  text-align:left;
 }
 
 .panel_komunikat_box { max-width:800px; margin:10px auto 10px auto; }
 .panel_komunikat_box:empty { display:none; }
 
 
 
 
 .sklep_online_btn { color:#db3333 !important; font-weight: bold;  }
 .sklep_online_btn:hover { background-color:#363636 !important; color:#FFF !important; }
 .katalog_inter_btn { font-weight:bold; }
 .katalog_inter_btn:hover a { color: #fff !important; }

 
 .wymaga_logowanie_box { 
  background-color: #fff;
  border: 1px solid #bbb;
  color: #454545;
  font-size: 12px;
  padding: 30px;
  margin:10px auto;
  width: 400px;
  text-align:center;
  }
  
  .wymaga_logowanie_box a {  text-decoration:underline; }
  
  .wymaga_logowanie_btn { text-decoration:underline; cursor:pointer; }
 
 
  .cart_animate_box { position:absolute; opacity:1; z-index:999; }
  .cart_animate_box  img{ width:100%; height:100%; }
  
  .potwierdzenie_box { 
  min-height:141px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #454545;
  margin: 10px 3px 10px 3px;
  padding:20px;
  width:452px;
  }
  .potwierdzenie_box textarea { margin:10px 0 0 0; padding:10px; width:95%; background-color:#FFF; border: 1px solid #bbb;  color: #454545; height:150px; }
  .potwierdzenie_box_final { float:left; font-size:15px; text-align:right; }
  .potwierdzenie_box_final span { color:#EE0000; font-weight:bold; }
 
  li.sklep_online_btn_menu { padding-bottom:20px; }
  li.sklep_online_btn_menu { border-bottom:#b8b8b8 1px solid; }
 
  .logowanie_info { color:#F00; margin:5px 0; }
  .logowanie_cols .register_btn { cursor:pointer; }
  .realizacja_btn { margin:10px; padding:10px 30px; min-width:200px; }
  
  .produkt_cart_img { width:120px; height:120px; margin:auto; }
  .produkt_cart_img img { max-width:100%; max-height:100%; }
  

/* ==========================================================================

PRODUKT OFERTA

========================================================================== */

.produkt-oferta { background-color:#EEE; text-align:center;  display:inline-block; padding:1%; margin:0.2%; width:32.5%; }
.produkt-oferta-img { max-width:100%; }
.produkt-oferta-info { height:75px; overflow:hidden; background-color:#ddd; }
.produkt-oferta-nazwa {  text-align:center; display:inline-block; font-size:16px; margin-top: 10px; line-height: 18px;  }
.produkt-oferta-cena {  text-align:center; display:inline-block; font-size:16px; margin-bottom:10px;  }

@media (max-width: 767px) { .produkt-oferta { padding:1%; margin:0.2%; width:49%; } }
@media (max-width: 400px) { .produkt-oferta { padding:1%; margin:0.2%; width:99%; } }

/* ==========================================================================

PRODUKT

========================================================================== */

.produkt_img_box { overflow:hidden; width:40%; padding:5px; border:1px solid #DDD; float:left; text-align: center;}
.produkt_img_box img { max-width:100%; }
.produkt_opis_box { float:left; margin:0 0 0 2%; width:58%; }
.produkt_cena_box { font-size:30px; font-family: 'Roboto', sans-serif; font-weight:300; }
.produkt-niedostepny { display:block; font-size:16px; color:red; }
@media (max-width: 600px) { .produkt_img_box { height:auto; width:100%; padding:5px; border:1px solid #DDD; } .produkt_opis_box { margin:3% 1% 2% 1%; width:98%; } }

 
/*==========================================================================

Top panel

========================================================================== */ 
 
 .icon_shop_top { font-size:18px; }
 .top_cart_box { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; margin:5px auto; }
 .top_cart_box a { color:#333; }
 .logowanie_zaloguj_btn { cursor:pointer; }
 .top_cart_box img { margin:auto 5px; }
 
 
/* ==========================================================================

Potwierdzenie dodania do koszyka

========================================================================== */ 
 
 .info_cart { width:100%; padding:12px 0; text-align:center; position:fixed; left:0; top:-45px; background-color:#a6a6a6; color:#FFF; z-index:999999; opacity:0.9; }
 
/* ==========================================================================

Podgląd produktu w panelu klienta

========================================================================== */ 
 
 #podglad_zamowienia_box { width:100%; height:100%; margin:0 auto; position:fixed; display:none; z-index:10000; }
 .podglad_zamowienia_bg{ background-color:rgba(255, 255, 255, 0.8); width:100%; height:100%; margin:0 auto; position:fixed; z-index:10001; display:block; text-align:center; }
 .podglad_zamowienia_content { background-color:rgba(255, 255, 255, 1); width:1000px; overflow:hidden; max-height:80vh;  border:1px solid #BBB; padding:20px; margin:10vh auto; display:block; position:fixed; z-index:10002; left: 50%; transform: translate(-50%, 0); }
 .podglad_zamowienia_close { cursor:pointer; position:absolute; right:10px; top:10px; }
 .podglad_zamowienia_tabela { overflow:hidden; max-height:76vh; } 
 
 
/* ==========================================================================

OBSŁUGA KLIENTA

========================================================================== */
  
  .menu-info-poziom-0 li {   margin: 0 0 5px;  padding: 5px;  text-align: center; }
  
 
/* ==========================================================================

Logowanie / rejestracja

========================================================================== */ 
 
 #logowanie_box { width:100%; height:100%; margin:0 auto; position:fixed; display:none; z-index:10000; }
 .logowanie_bg{ background-color:rgba(255, 255, 255, 0.8); width:100%; height:100%; margin:0 auto; position:fixed; z-index:10001; display:block; text-align:center; }
 .logowanie_content { background-color:rgba(255, 255, 255, 1); width:858px; font-size:13px; overflow:hidden; max-height:80vh;  border:1px solid #BBB; padding:20px; margin:10vh auto; display:block; position:fixed; z-index:10002; left: 50%; transform: translate(-50%, 0); }
 .logowanie_close { cursor:pointer; position:absolute; right:10px; top:10px; }
 .logowanie_panel_top { text-align:right; font-size:12px; margin:0; text-transform: uppercase; float:left; width:50%; color:#FFF; position:relative; }
 .logowanie_panel_top a { cursor:pointer; color:#FFF; }
 .logowanie_panel_top img { margin:0 6px 0 0px;  vertical-align: middle; }
 .logowanie_panel_top span { margin:0 10px 0 10px; display:inline-block; }
 .logowanie_cols { float:left; width:50%; }
 .logowanie_content h2 { font-size:20px; margin:10px 0 5px 0; }
 .logowanie_content span { font-size:12px; text-transform: uppercase; font-weight:normal; }
 .logowanie_content span.checkbox { font-size:80%; text-transform: none; font-weight:normal; text-align: justify; display: inline-block; padding-top: 5px; line-height: 15px; }
 .regulamin_box { width:100%; float:left; margin:5px 0 10px 0; text-align:left; }
 .logowanie_content input[type="text"], .logowanie_content input[type="password"] {  background-color: #FFF;  border:1px solid #BBB;  color: #454545;  font-size: 14px;  padding: 5px;  margin:2px;  width:250px;    height: auto;}
 

/* ==========================================================================

GENERATOR HASŁA

========================================================================== */ 
 
#generator_hasla_box
{
	display: none;
}
	 #generator_hasla_status 
	 {
		font-size: 10px;
		text-transform: none;
		color: #f00;
		padding: 0 30px 0 0;
		display: inline-block;
	}

	
	

/* ==========================================================================

CHAPTA CODE

========================================================================== */ 


.chapta { 
	width: 300px;
	height: 20px;
	display: inline;
}
.chapta_error { 
	animation: chapta_error 0.8s infinite;
	-webkit-animation: chapta_error 0.8s infinite;
}

@keyframes chapta_error {
  from { background-color: #fff;}
  to {background-color: #FF0000;}
}

@-webkit-keyframes chapta_error {
  from { background-color: #fff;}
  to {background-color: #FF0000;}
}

#chapta_img
{
	width: 227px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background-color: #C1001F;
}

#chapta_img img
{
	vertical-align: middle;
}

#chapta_refresh
{
	width: 40px;
	height: 40px;
	padding: 0px;'
	text-align: center;
	display: inline-block;
	border: none;
	background: #C1001F url("../../../modules/chapta/refresh.svg") no-repeat center;
	background-size: 20px 20px;
	vertical-align: middle;
}



@media (max-width: 767px) {
.panel_menu li{ display:block; width:100%; text-align:center; margin:0; padding:5px 0; } 
ul.panel_menu { padding:0; margin:0; }
.panel_content input[type="text"] { width:100%; }
.panel_content th { display:none; }
.panel_content td { display:block; padding:0.2rem; border:0;  }
.panel_content td:first-child  { display:block; background-color:#363636; padding:10px 0; cursor:pointer; }
.panel_content td:first-child { color:#FFF; }
.panel_content td:first-child a  { color:#FFF; }
.panel_content tr { border: 2px solid #FFF;  }
.logowanie_cols { width:100%; }
.logowanie_content { width:auto; margin: 2vh auto; }
.logowanie_panel_top { text-align:center; }
#koszyk_mini { width:100%; display:block !important; margin:10px 0; }
.krok_btn, .kontynuuj_btn { width:100%; margin:5px 0; }
.zamowienie_btn_payu { width:100%; margin:5px 0 !important; }
.aranzacje_box, .rodzina_box {  max-height: none; }
.opis_kat img { max-width:100%; }
.wymaga_logowanie_box { width:100%; padding:20px 0; }
.potwierdzenie_box { padding:10px 3%; }
.podglad_zamowienia_content { width:80%; }
.bomb_box {  top: 208px; }
.mobile-center { text-align:center; }
.koszyk_empty { height:700%; }
}