body {
  font-family:Arial;
  font-size:14px; 
  background:#444;
}

a {
  color:#666;
}

.general-container{
  max-width:1280px;

  overflow:auto;
  margin:auto;  
  padding-bottom:100px;
  
}

.tab_main{
  width : 100%;  
  border:0px;
  padding:0px;
  margin:0px;  
  font-size:14px;
}


.tab_header_td{
  height:30px;
  background:#666;
  color:#fff; 
  width:320px ;
  border-radius:5px;
  padding:5px;
  font-weight:bold;
  text-align:center;
  text-transform:capitalize;
  position:relative;
}

.header-tab-link{
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  color:#fff;
  text-decoration:none;
  border-radius:5px;
  line-height:40px;
}

.header-tab-link:hover{
  background:#f60;
}

.tab_options_td{
  vertical-align:top;
  border-radius:8px 8px 0px 0px;
}

.tab_info_td{
  vertical-align:top;  
  width:320px ;
}

.tab_choosed_td{
  vertical-align:top; 
}

.t_pytanie, .t_opcja, .t_wybrany, .t_opcja_wybrana {
  
  padding:5px;
  border-radius:5px;
  border:dotted 1px #888;
  text-align:center;
  margin:10px;
  
}

.t_pytanie{
  background:#ee8;
  margin-bottom:30px;
}

.t_opcja {
  background:#eee;
  cursor:pointer;
  display:block;
  text-decoration:none;
  color:#336;
}

.t_opcja:hover, .t_opcja_wybrana{
  background:#f60;
  color:#fff;
}

.t_wybrany {
  background:#8e8;
  margin-bottom:30px;
}

.info_box{
  cursor:pointer;
  border:solid 1px #ddd;
  padding:10px;
  
  background:#eee;
  color:#225522;
  line-height:1.4;
  font-size:13px;  
  margin-bottom:30px;
  margin-top:7px;
  transition:0.3s;
  display:none;
  border: solid 10px #9c3535;
  border-radius: 0px 0px 20px 20px;
  width: calc(100% - 4px);
  box-sizing: border-box;
  margin-left: 2px;
}

.info_box_active{
  display:block;
}


.active_desc_btn{
  background:#aa3333dd ; 
}

.active_tab_btn{
  background:#aa3333dd ;
  color:#fff;
  border-radius:0px 0px 0px 0px;
  bottom: -9px;
  top: -2px;
}
.active_tab_btn:hover{
  background:#aa3333dd !important;
}
  
  
.ext1{
  margin-top:4px;
  padding:2px;
  border-radius:4px;
  background:#ff8;
  color:#333;
  margin-left:4px;
  margin-right:4px;  
  border:solid 1px #888;
  display:block;
}

.ext2{
  margin-top:4px;
  padding: 2px;
  border-radius:4px;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
              radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  color:#Fe0;
  margin-left:4px;
  margin-right:4px;  
  border:dotted 2px #fc0;
  font-weight:bold;
  display:block;
}



.final_price{
  padding:10px;
  font-size:12px;
  border-radius:5px;
  border:solid 1px #fff;
  background:#EE3333;
  color:#ddeedd;
  margin-top:20px;
  margin-bottom:20px;
}


.pay_tab {
  width:100%;
  border:0px;
  margin-top:20px;
  padding:0px;
}

.pay_head_l{
  background: #333;
  color:#fff;
  font-weight:bold;
  padding:6px;
  border-radius:5px;
  margin:2px;
  
}
.pay_item_l
{
  background: #fff;
  color:#444;
  padding:6px;
  border-radius:5px;
  margin:2px;

}

.pay_foot_l{
  background:none;
  padding:6px;
  border-radius:5px;
  margin:2px;  
}

.pay_item_r{
  background: #fff;
  color:#444;
  padding:6px;
  border-radius:5px;
  margin:2px;
  text-align:right;
  font-weight:bold;
}

.pay_foot_r{
  background: #777;
  color:#333;
  padding:6px;
  border-radius:5px;
  margin:2px;
  text-align:right;  
}



.pay_total_l{
  background:none;
  padding:6px;
  margin:2px;
  color:#ddd ;
  border-radius: 0px;
  float:left;
  font-size:18px;
}

.pay_total_r{
  background: #dfd;
  color:#afa;
  padding:6px;
  margin:2px;
  text-align:right;
  font-weight:bold;
  border-radius: 0px;
  background:none;
  font-size:18px;
  float:right;

}



.pay_head_r{
  background: #333;
  color:#fff;
  font-weight:bold;
  padding:6px;
  border-radius:5px;
  margin:2px;
  text-align:right;
  width:120px;
}



.prc_doplata{
  padding:2px 6px;
  background:#cdc;  
  border-radius:2px;
  color:#484;
  font-size:12px;
  width:90px;
  display:inline-block;
  text-align:right;
  text-align:center;
  
}


.cennik_cell_img{
  padding:8px;
  vertical-align:top;  
  border-top:dotted 1px #ccc;
}

.cennik_cell_desc{
  padding:8px;
  vertical-align:top;    
  border-top:dotted 1px #ccc;
}

.cennik_cell_price{
  padding:8px;
  vertical-align:top;
  border-top:dotted 1px #ccc;
}

.cennik_cell_chart{
  padding:8px;
  vertical-align:middle;
  border-top:dotted 1px #ccc;
}

.chart_add{  
  width:30px;
  height:30px;
  background:#22ee22;
  color:#fff;
  border-radius:15%;
  text-align:center;
  line-height:30px;
  font-size:25px;
  font-weight:bold;  
  display:block;
  text-decoration:none;
}

.chart_add:hover{
  background:#bbffbb;
}

.chart_del{
  width:30px;
  height:30px;
  background:#ee2222;
  color:#fff;
  border-radius:15%;
  text-align:center;
  line-height:27px;
  font-size:25px;
  font-weight:bold;    
  display:block;
  text-decoration:none;
}

.chart_del:hover{
  background:#ffbbbb;
}



#wait_box{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:75px;
  background-color:#FFFFFF;
  z-index:9999;
  border-radius:10px;
  font-size:30px;
  color:#aaa;
  text-align:center;
  padding-top:60px;
}

#gallery-picture{
  position:fixed;
  top:40px;
  left:40px;
  right:40px;
  
  background-color:#333333f0;  
  z-index:9999;
  border-radius:20px;
  font-size:30px;
  color:#aaa;
  text-align:center;
  padding:40px;
  overflow:auto;
  cursor:pointer;
  height: calc(100% - 240px);
}

#image-box{
  border-radius: 10px;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
}


.auto-gallery{
  cursor:pointer;
}

.auto-gallery:hover{
  opacity:0.6;
}