body{
 font-size:12px;
 font-family:arial;
 margin:0;
 padding:0;
 background: transparent url(/i/page_background.gif);
}

#page-width{
  margin:auto;
  width:930px;
}

#page-width img{
  border:none;
}

#page-header{
  height:75px;
  position:relative;
  /*  background: transparent url(/i/page_header.gif) no-repeat; */
}

#page-footer{
  height:75px;
  background: transparent url(/i/page_footer.gif) no-repeat;
  text-align:right;
  padding:5px 30px 0 0;
  font-size:11px
}

#page-footer a{
  color:#000
}

#page-contrainer{
  background: #FFCB00 url(/i/page_repeat_ground.jpg) repeat-x bottom;
}

#page-banner{
  background: #FFCB00;
  height:110px;
  padding:5px 0 5px 4px;
}

#page-banner #ad-box{
  float:left;
  width:750px;
  background: transparent url(/i/lavira_no_banner.jpg) no-repeat;
  height:100px;
}

#page-banner #newsletter-box{
  float:left;
  width:168px;
  height: 100px;
  text-align:center;
  background: transparent url(/i/ground_newsletter.jpg) no-repeat;
}

#page-banner #newsletter-box input{
  margin:5px 0
}

.page-box{
  margin:0 6px 0 6px;
  background:#000;
  clear:both;
  height:276px;
  padding:3px 0 0 0;
}

.box-margin{
  margin:0 0 0 6px;
}

.alert{
  padding:4px;
  background:red;
  color:#fff;
  font-weight:bold;
  display:inline;

}

/*
 Strona glowna
*/

.page-box #view-box{
  float:left;
  width:350px;
  height:271px;
}

#view-box #player{
 margin:0 0 0 10px
}

#counter{
 position:absolute;
 top:52px;
 left:410px;
 font-size:18px
}

.images{
  position:relative;
}

#view-box .images img{
  margin:5px 0 0 10px;
}

#view-box .images h4{
   position:absolute;
   bottom:0;
   left:0;
   width:300px;
   color:#fff;
   font-size:11px;
   padding:10px 10px 8px 12px;
   margin:0 0 0 8px;
   background: #000;
   -moz-opacity: 0.8;
   opacity: 0.8;
   filter: alpha(opacity=80);
   float:left;

}

* html #view-box .images h4  {height:30px;bottom:35px;left:-8px}
* html .images {padding-left:8px}

#view-box .images h4 span{
   display:block;
   width:200px;
 }

#view-box .images h4 a{
  display:block;
  position:absolute;
  right:30px;
  bottom:15px;
  font-size:18px;
  color:#FFAE00;
}

#list-box{
  float:left;
  width:362px;
  height:271px;
  background: transparent url(/i/margin_bottom_1.gif) no-repeat bottom;
  position:relative;
}

#list-box .render-up{
  position:absolute;
  top:0px;
  right:50px;
}

#list-box .render-down{
  position:absolute;
  bottom:0px;
  right:50px;
}

*html #list-box .render-down{
  bottom:-1px
}

#list-box .box-scroll{
   float:left;
   height:234px;
   width:350px;
   overflow:hidden;
   position:relative;
   top:13px;
 }

#list-box .sub-scroll{
   float:left;
   width:345px;
   height:auto;
   background:transparent;
 }

#list-box .sab-list{
  display:block;
  float:left;
  height:77px;
  width:330px;
  margin:0 0 0 10px;
  padding:2px 0;
  color:#000;
  font-size:11px;
  text-decoration:none;
}

#list-box .sab-list img{
  float:left;
  margin:0 10px 0 5px;
}

#list-box .sab-list b{
  font-size:14px;
  margin:0;
}

#list-box .sab-list em{
  margin:0;
  font-style:normal;
  display:block;
}

#view-box .spons{
	display:inline;
  font-size:9px;
	color:#f00;
}

#list-box .sab-list strong span{
  color:red;
}

#list-box .sab-list em span{
  color:#fff;
}

#list-box .sab-list:hover{
  background: transparent url(/i/ground_sab_link.gif) no-repeat;
}

#list-box div.content{
  background: transparent url(/i/ground_repeat_2.jpg);
  height:260px;
}

#title-box{
  float:left;
  width:42px;
  height:271px;
}

/*
 Scroll na stronie glownej
*/
#scroll-box{
  float:left;
  width:155px;
  height:271px;
  background: transparent url(/i/margin_bottom_2.gif) no-repeat bottom;
  position:relative;
}

#scroll-box div.content{
  background: transparent url(/i/ground_repeat_2.jpg);
  height:260px;
}

#scroll-box .box-scroll{
   height:230px;
   width:150px;
   float:left;
   overflow:hidden;
   position:relative;
   top:13px;
 }

#scroll-box .sub-scroll{
   width:150px;
   float:left;
 }

#scroll-box .render-down{
  position:absolute;
  left:45px;
  bottom:-10px
}

*html #scroll-box .render-down{
  bottom:-11px
}

#scroll-box .render-up{
  position:absolute;
  left:45px;
  top:-15px;
}

#scroll-box div img{
  margin:15px 0 10px 22px
}
/*
 end
*/

.page-box-two{
  margin:0 6px 0 6px;
  background:#000;
  clear:both;
  height:108px;
  padding:3px 0 0 6px;
}

.kartki-box{
  float:left;
  width:895px;
  height:104px;
  background: transparent url(/i/ground_repeat_1.jpg);
}

img.margin{
 float:left;
}

.page-box-three{
  margin:0 6px 0 6px;
  background:#000;
  height:388px;
  padding:0 0 0 0;
}

 .list-panel{
  width:155px;
  float:left;
  margin:0 5px;
  padding:0 0 5px 0;
  background: transparent url(/i/margin_bottom_2.gif) no-repeat bottom;
}

 .list-panel div.contents{
  background: #FFBA00 url(/i/ground_repeat_4.jpg);
  height:327px;
  position:relative;
}

.list-panel div.contents .lista{
   float:left;
   margin:15px 0 10px 20px;
 }

 .list-panel div.contents .box-scroll{
   height:292px;
   width:150px;
   float:left;
   overflow:hidden;
   position:relative;
   top:13px
 }

 .list-panel div.contents .sub-scroll{
   width:150px;
   float:left
 }

.list-panel div.contents .sub-scroll .lista{
   float:left;
   margin:3px 0 10px 20px;
 }

.list-panel div.contents .small-cards2 img{
  margin:0px;
}

.list-panel .small-cards2{
  float:left;
  border:1px solid #000;
  margin:15px 10px 0px 22px;
  position:relative;
  text-decoration:none;
}

.list-panel .small-cards2 h4{
  display:none;
}

.list-panel .small-cards2:hover{
  border:1px solid #fff;
}

.list-panel .small-cards2:hover h4,.small-cards2-hover h4{
 display:block;
 width:106px;
 color:#fff;
 font-size:10px;
 padding:3px 0 3px 3px;
 margin:0;
 position:absolute;
 bottom:0;
 background: #000;
 -moz-opacity: 0.5;
 opacity: 0.6;
 filter: alpha(opacity=50);
}

.list-panel .render-down{
  position:absolute;
  left:65px;
  bottom:-5px
}

*html .list-panel .render-down{
  bottom:-6px
}

.list-panel .render-up{
  position:absolute;
  left:65px;
  top:-7px;
}

 .send-box{
  padding:0 0 5px 0;
  width:548px;
  float:left;
  margin:0 25px 0 5px;
  background: transparent url(/i/margin_bottom_4.gif) no-repeat bottom;
}

 .send-box div.contents{
  background: transparent url(/i/ground_repeat_4.jpg) 0 0;
  height:330px;
  position:relative;
  margin-bottom:0px;
  padding-bottom:0px;
  border-bottom:1px dashed #FF8500;
  *border-bottom:0px none;
}

 .nagl{
  margin:5px;
  vertical-align:middle;
}

 .send-box .ground{
  background: transparent url(/i/ground_repeat_5.jpg);
  height:467px;
}

.h-menu {
 color:#9F9F9F
}

.h-menu a{
  margin:0 3px;
  color:#fff;
}

.h-menu a.selected{
  color:#FFB900;
}

/*
 style dla sabotażu Lewe newsy
*/

.sab-news img.icon{
  float:left;
  margin:0 5px 0 5px;
}

.sab-news h1{
  margin:0;
  font-size:18px;
}

.sab-news p{
  margin:2px 0 0 0;
}

.sab-news p span{
  color:red;
  font-weight:bold;
}
.sab-news p img{
  vertical-align:bottom;
}

.create-sab{
  margin:45px 0 0 0;
}

.create-sab img{
  margin:0 0 5px 110px
}

.create-sab p{
  margin:5px 0 0 0;
  clear:both;
  padding:5px 0;
}

*html .create-sab p{
 padding:0
}

.create-sab label{
  display:block;
  width:100px;
  float:left;
  text-align:right;
}

.create-sab input, select{
  background:#000;
  border:1px solid #FF8400;
  color:#fff;
  float:left;
}

.create-sab .img-area {
  border:1px solid red;
  float:left;
  margin:0 5px 0 100px
}

.create-sab .kod-input{
  width:80px;
  font-size:10px;
  height:20px;
}

.create-sab #send-button{
  margin:30px 0 0 160px
}

#send-news{
  height:98px;
  background:transparent url(/i/ground_repeat_6.jpg) repeat-x;
  margin:auto;
  width:830px;
  position:relative;
}

#send-news img{
  vertical-align:middle
}

#send-news input{
  background:#000;
  border:1px solid #FF8400;
  color:#fff;
  width:100px
}

#send-news #submit{
  border:none;
  vertical-align:middle
}

#send-news .alert{
  position:absolute;
  right:300px;
  top:65px
}

.iKod{
  vertical-align:middle
}

.alert-sab{
  position:absolute;
  top:210px;
  left:100px;
  padding:3px;
  background: red;
  width:180px;
  color:#fff;
}
/*
 Komunikaty
*/

.page-box .alert{
  font-size:16px;
  margin:5px 10px;
}

#komunikaty{
  padding:50px 0 0 0;
}

#komunikaty h4{
  text-align:center;
  margin:0;
  padding: 0 10px;
}
/*
Style do kartek
*/

.page-box-four{
  margin:0 6px 0 6px;
  background:#000;
  height:530px;
  padding:0 0 0 0;
}

.small-cards{
  float:left;
  border:1px solid #000;
  margin:7px 5px 0px 17px;
  position:relative;
  text-decoration:none;
}

.small-cards h4{
  display:none;
}

.small-cards:hover{
  border:1px solid #fff;
}

.small-cards:hover h4,.small-cards-hover h4{
 display:block;
 width:106px;
 color:#fff;
 font-size:10px;
 padding:3px 0 3px 3px;
 margin:0;
 position:absolute;
 bottom:0;
 background: #000;
 -moz-opacity: 0.5;
 opacity: 0.6;
 filter: alpha(opacity=50);
}

#back-link{
  display:block;
  margin:50px 0 0 0;
  font-size:11px;
  color:#000
}

#back-link2{
  display:block;
  padding:200px;
  font-size:14px;
  color:#000;
  font-weight:bold;
  text-align:center
}


/*
 kartki na stronie main
*/

.kartki-box .small-cards2{
  float:left;
  border:1px solid #000;
  margin:7px 10px 0px 15px;
  position:relative;
  text-decoration:none;
}

.kartki-box .small-cards2 h4{
  display:none;
}

.kartki-box .small-cards2:hover{
  border:1px solid #fff;
}

.kartki-box .small-cards2:hover h4,.small-cards2-hover h4{
 display:block;
 width:106px;
 color:#fff;
 font-size:10px;
 padding:3px 0 3px 3px;
 margin:0;
 position:absolute;
 bottom:0;
 background: #000;
 -moz-opacity: 0.5;
 opacity: 0.6;
 filter: alpha(opacity=50);
}

.kartki-box .render-cards{
  float:left;
  margin:35px 0 0 5px;
}

.card-icon{
  float:left;
  margin:0 10px 0 0
}

.big-cards{
  float:left;
  margin:5px 10px 0 10px;
}

#rewind{
  clear:both;
  padding:10px 0 0 0
}

#rewind #arrow-left{
  float:left;
}

#rewind #arrow-right{
  float:right;
}

#send-card{
  padding:2px 0 0 0
}

#send-card h4{
  margin:0 0 5px 0;
}

#send-card label{
  display:block;
  margin:10px 0 0 0
}

#send-card input, textarea{
  width:180px;
  background:#000;
  color:#fff;
  border:1px solid red;
}

#send-card textarea{
  height:100px
}

#send-card p{
  margin:7px 0 0 0;
}

#send-card .kod-input{
  width:80px;
  margin:0;
  color:#fff;
  font-size:10px;
  height:17px;
}

#send-card .img-area{
 vertical-align:middle;
}

#send-card #send-button{
  border:none;
  margin:20px 0 10px 0
}

#cards{
  height:293px;
}

/*
  Sabotaz Shop
*/

#discretSchop{
 width:650px;
 margin:auto;
}

#discretSchop .formSchop{
 width: 250px;
 border:1px solid red;
 background-color: #CB0000;
 font-size:12px;
 font-weight:bold;
 color:#fff;
 padding:5px;
 }

#discretSchop .sabSchop{
   text-align:left;
 }

#discretSchop .sabSchop p{
  color: red;
  font-size:12px;
  font-weight:bold;
  margin:0px;
}

#discretSchop .sabSchop h3{
  color: red;
  font-weight:bold;
  margin:5px 0;
  font-size:16px;
}

#discretSchop .sabSchop h4{
  color: red;
  font-weight:bold;
  margin:5px 0;
  font-size:14px;
}

#discretSchop img{
  border:none;
}

/* dodano 20.07.07 */

#sabSelect2 {
	width:210px;
    border:0px none;
}

.create-sab label.advice {
  width:160px;
  font-size:11px;
  text-align:left;
  margin-left:5px;
  margin-top:-2px;
}

.alert-sab2{
  position:absolute;
  top:217px;
  left:298px;
  padding:3px;
  background: red;
  width:213px;
  color:#fff;
  *position:absolute;
  *top:252px;
}

*html .alert-sab2{
  position:absolute;
  top:217px;
}
/*
#kod_z_obrazka{
	display:none;
}
*/
.div-okl {
	margin-top:20px;
}

#send-button2{
  margin:20px 0 0 160px;
  *margin:5px 0 0 160px;
}

* html #send-button2{
  margin:20px 0 0 160px;
}