/*
    Document   : main
    Created on : 2009-08-02, 18:21:32
    Author     : zajac
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;

}

*{
  margin:0;
  padding:0;
  font-family:Arial;
}

p{
  padding:10px 0;
}

img{
  border:none;
}
html{
  height:100%;
}

body{
  height:100%;
}

.super_main{
  width:100%;
  min-width:1122px;
  min-height:100%;
  background-color:#e5e5e5;


}

.main{
  margin-bottom:220px;
  
}

.banner{
  width:100%;
  height:195px;
  background-image:url(/images/top-site-background.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

.banner.first{
  height:305px;
  background-image:url(/images/top-site-background-first.png);
}
.first .baner{
  background-image:url(/images/baner.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  overflow: hidden;
  height:305px;
}


.banner_title{
  padding:60px 10px 0px 60px ;
  color:#a2a2a2;
  font-size:16px;
  
  position:absolute;
}

.first .banner_title{
  padding:0px 10px 0px 220px;
}

.banner_title img{
float:left;
}

.banner_title a.logo{
	float: left;
}

.banner_title .profes{
  line-height:1.3em;
  padding-top:20px;
  float:left;
  font-weight:bold;
}

.banner .main_top{
  width:1112px;
  margin:auto;
  position:relative;

}

.banner ul.navigation{
  position:relative;
  top:160px;
  list-style:none;
  float:right;
  padding-right:50px;
}

.banner.first ul.navigation{
  top:270px;
}

.banner ul.navigation a{
 color:black;
 text-decoration:none;
 width:100%;
 padding:5px 20px;
}

.banner ul.navigation span{
 color:black;
 text-decoration:none;
 width:100%;
 padding:5px 20px;
}

.banner ul.navigation li{
  height:35px;
  text-decoration:none;
  float:left;
  margin:0px 2px;
  display:block;
  overflow:hidden;
}


 .banner ul.navigation li.select .left{
  float:left;
  height:35px;
  width:5px;
  background-image:url(/images/navigation-left.png);
  background-repeat:no-repeat;
}
.banner ul.navigation li:hover .left{

}

 .banner ul.navigation li.select .right{
  float:left;
  height:35px;
  width:5px;
  background-image:url(/images/navigation-right.png);
  background-repeat:no-repeat;
}

.banner ul.navigation li:hover .right{

}
 .banner ul.navigation li.select .center{
  float:left;
  height:25px;
  background-image:url(/images/navigation-center.png);
  background-repeat:repeat-x;
 /* -moz-box-shadow:0 0 5px 0 #000;*/
 text-shadow:1px 1px 1px #fff;
 font-size:15px;
 padding:5px 0px;

}

.banner ul.navigation li:hover .center a{
  color:#4A9DE5;
}




.banner ul.navigation li .left{
  float:left;
  height:35px;
  width:5px;

}
.banner ul.navigation li .right{
  float:left;
  height:35px;
  width:5px;
}
.banner ul.navigation li .center{
  float:left;
  height:25px;
 /* -moz-box-shadow:0 0 5px 0 #000;*/
 text-shadow:1px 1px 1px #fff;
 font-size:15px;
 padding:5px 0px;
}

.slide{
  width:100%;
  background-color:#f2f2f2;
  background-image:url(/images/slide_content_bottom.png);
  background-repeat:repeat-x;
  background-position:bottom;
}

.slide_content{
  width:1112px;
  min-height:100px;
  margin:auto;
  padding:30px 0;
  position:relative;

}

.content{
  width:100%;
  background-color:#f2f2f2;

}

.small_content{
  width:1112px;
  min-height:100px;
  margin:auto;
  padding:10px 0;
  overflow:hidden;
  line-height: 1.4em;
}

.small_content h1{
  color:#1a1b85;
  padding:10px 0 10px;
  font-size:25px;
  line-height: 1.3em;
  text-shadow:1px 1px 3px #fff;
}

.small_content .tresc{
   width:730px;
  overflow:hidden;
  
  font-size:14px;
  margin:auto;
}
.small_content .tresc a{
 text-decoration:underline;
 color:#1a1b85;
 
}

.small_content .tresc a:hover{
 text-decoration:none;
 
 
}

.small_content .tresc ul{
 list-style:decimal;
 margin-left:20px;
}

.small_content .tresc li{
 line-height:18px;

}

.tresc img{
  padding: 5px;
}

.box{
  width:370px;
  overflow:hidden;
  float:left;
  padding-bottom:20px;

}

.box_top{
  width:307px;
  margin:0 auto;
  padding-top:15px;
  padding-left:10px;
  height:32px;
  background-image:url(/images/box_top.png);
  background-repeat:no-repeat;
  color:#1a1b85;
  text-shadow:1px 1px 3px #fff;
  font-size:18px;
}

.box_top span{
  padding-left:10px;
}
.box_center{
  width:297px;
  margin:0 auto;
  min-height:180px;
  background-image:url(/images/box_background.png);
  background-repeat:repeat-y;
  padding:5px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
}

.box_center .date_news{
  background-color:#1A1B85;
  color:#fff;
  padding:1px 3px;
  margin-right:5px;
}

.box_center .title_news a{
  color:#1A1B85;
  font-weight: bold;
  text-decoration: none;
}

.box_center .title_news a:hover{
 text-decoration: underline;
}

.box_center a.news_more{
  color:#1A1B85;
  font-weight: bold;
  text-decoration: none;
  float:right;
}

.box_center a.news_more:hover{
 text-decoration: underline;
}

.box_center .one_news{
  overflow: hidden;
  padding-bottom:10px;
}


.box_play{
  width:297px;
  margin:0 auto;

  background-image:url(/images/box_background.png);
  background-repeat:repeat-y;
  padding:0px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
  text-align:right;


}

.box_center img{
 float:left;
 padding:10px 5px 0px 0px;
}

.box_bottom{
  width:317px;
  margin:0 auto;
  height:11px;
  background-image:url(/images/box_bottom.png);
  background-repeat:no-repeat;
}




/***************************************/
.small_box{
  width:228px;
  overflow:hidden;
  float:left;
  padding-bottom:20px;
  margin:5px;

}

.small_box_top{
  width:228px;
  margin:0 auto;
  padding-top:8px;
line-height:0px;
  background-image:url(/images/small_box_top.png);
  background-repeat:no-repeat;
  color:#1a1b85;
  font-size:18px;
  height:0px;
  
}

.small_box_top span{
  padding-left:10px;
}
.small_box_center{
  width:208px;
  margin:0 auto;
  min-height:100px;
  background-image:url(/images/small_box_background.png);
  background-repeat:repeat-y;
  padding:5px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
}

.small_box_center .small_title{
  color:#1A1B85;
  font-weight: bold;
  text-shadow:1px 1px 2px #fff;
}

.small_box_center .small_title a{
    color:#1A1B85;
    text-decoration: none;
}
.small_box_center .small_title a:hover{
    text-decoration: underline;

}

.small_box_play{
  width:208px;
  margin:0 auto;
  background-image:url(/images/small_box_background.png);
  background-repeat:repeat-y;
  padding:0px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
  text-align:right;


}

.small_box_center img{
 float:left;
 padding:10px 5px 0px 0px;
}

.small_box_bottom{
  width:228px;
  margin:0 auto;
  height:11px;
  background-image:url(/images/small_box_bottom.png);
  background-repeat:no-repeat;
}

/***************************************/
.big_box{
  width:690px;
  overflow:hidden;
 
  padding-bottom:20px;
  margin:5px auto;

}

.big_box_top{
  width:680px;
  margin:0 auto;
  padding-top:8px;
  padding-left:10px;
  background-image:url(/images/big_box_top.png);
  background-repeat:no-repeat;
  color:#1a1b85;
  font-size:18px;
  /*line-height:1.2em;*/
    line-height:2em;
  height:40px;
}

.small_content .big_box_top a{
    color:#1a1b85;
    text-decoration: none;
}

.small_content  .big_box_top a:hover{
    text-decoration: underline;
}

.big_box_top span{
  padding-left:10px;
}

.big_box_top span.date{
  color:#9b9b9b;
  font-size:14px;
  line-height:1.0em;
}

.big_title{
  text-shadow:1px 1px 3px #fff;
}

.big_box_center{
  width:670px;
  margin:0 auto;
  min-height:100px;
  background-image:url(/images/big_box_background.png);
  background-repeat:repeat-y;
  padding:5px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
}

.big_box_center .small_title{
  color:#1A1B85;
  font-weight: bold;
}


.big_box_play{
  width:670px;
  margin:0 auto;
  background-image:url(/images/big_box_background.png);
  background-repeat:repeat-y;
  padding:0px 10px;
  font-size:12px;
  color:#000;
  overflow:hidden;
  line-height:18px;
  text-align:right;


}

.big_box_play.news_product a{
    float: right;
    line-height: 40px;
    height: 40px;
    color: #9b9b9b;
    text-decoration: none;
}

.big_box_play.news_product a:hover{

    text-decoration: underline;
}



.big_box_bottom{
  width:690px;
  margin:0 auto;
  height:11px;
  background-image:url(/images/big_box_bottom.png);
  background-repeat:no-repeat;
}

.footer{
  width:100%;
  background-color:#e5e5e5;
  background-image:url(/images/footer_background.png);
  background-repeat:repeat-x;
  background-position:top;
}

.small_footer{
  width:1112px;
  min-height:180px;
  margin:-220px auto 0;
  padding:40px 0 0 0;
  text-align:center;
  font-size:12px;

}

.small_footer a {
 color:#4a9de5;
}
.hidden{
  display:none;
}

#prevNext{
  position:absolute;
  bottom:15px;
  right:120px;
  z-index:1000;
  cursor:pointer;
}

.slide_content .left{
  float:left;
  width:535px;
  text-align:right;
  padding:0 10px;
}

.slide_content .left img{

}

.slide_content .right{
  float:right;
  width:535px;
  padding:0 10px;
  text-align:left;
}

.slide_content h1{
  color:#1a1b85;
  padding:25px 0;
  font-size:30px;
  line-height: 1.3em;
  text-shadow:1px 1px 3px #fff;
}

.slide_content h1 a{
  color:#1a1b85;
  text-decoration: none;
}

.slide_content h1 a:hover{
  color:#1a1b85;
  text-decoration: underline;
}


.gray_text{
  color:#4a9de5;
  font-size:20px;
}

.black_text{
  font-size:16px;
}

.black_text a{
  color:#000;

}

.black_text a:hover{
  text-decoration:none;
}

.overflow{
  overflow:hidden;
}

ul#dynamic_subnavigation{
  list-style:none;
}

ul#dynamic_subnavigation li{
  line-height:2em;
  padding:0px 0;
}

ul#dynamic_subnavigation li a{
  color:#1A1B85;
  text-decoration:none;
  display:block;
  padding-left:2px;
}

ul#dynamic_subnavigation li div{
 padding-left:2px;
}

ul#dynamic_subnavigation li a:hover{
  text-decoration:none;
}

.gallery{
  width:730px;
  overflow:hidden;
  float:right;
}

.gallery .lightbox_element{
  overflow:hidden;
  padding-bottom:15px;
}

.gallery .lightbox_element img{
  padding:5px 10px 5px 0;
  
}

.gallery .lightbox_title{
  font-size:16px;
  font-weight:bold;
  padding-bottom:10px;
  padding-top:5px;
}

.gallery .lightbox_description{
  font-size:14px;
  padding-bottom:10px;
  padding-top:5px;
}

.gallery .lightbox_short_description{
  display:none;
}

ul#dynamic_subnavigation , ul#dynamic_subnavigation li,ul#dynamic_subnavigation ul {
  padding-left:16px;
}

.pagination{
  text-align: center;
  color:#aeaed0;
  font-weight: bold;
}

.pagination a{
  color:#6767aa;
  text-decoration: none;
}

.pagination a:hover{
  text-decoration: underline;
}

.webform{

}

.webform input[type=text]{
  padding:20px;
  background-color:transparent;
  background-image:url(/images/input.png);
  background-position:top left;
  background-repeat: no-repeat;
  width: 348px;
  height:19px;
  border: none;
  font-size:15px;
}

.webform textarea{
  background-color: transparent;
  padding:20px;
  background-image:url(/images/textarea.png);
  background-position:top left;
  background-repeat: no-repeat;
  width: 348px;
  height:83px;
  border: none;
  font-size:15px;
}

.webform input.file{
  padding:20px;
  background-image:url(/images/input_file.png);
  background-position:top left;
  background-repeat: no-repeat;
  width: 242px;
  height:19px;
  border: none;
  font-size:15px;
  float:left;
}


.webform label{
  padding:0 10px;
  font-size:16px;
  color:#1A1B85;
  font-weight: bold;
}

.webform input[type=file] {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height:57px;
  width:380px
}

.webform .pole{
  width:400px;
  margin:auto;
}

.webform .pole.send-webform{
  text-align: center;
}

.product{
    padding-top:10px;
    overflow: hidden;
}

.product_list{
  overflow:hidden;
  padding:10px 0;
}

.product_photo{
  min-width:120px;
  float:left;
}

.product_photo img{
    background-color: #fff;
    border:2px solid  #E5E5E5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.product_title{
  font-size:18px;
  color:#1A1B85;
  text-shadow:1px 1px 3px #fff;
}

.product_title a{
  color:#1A1B85;
  text-decoration: none;
}

.product_title a:hover{
  text-decoration: underline;
}


.product_price{
  text-align:right;

}

.product_price .price{
  font-size:14px;
  font-weight: bold;
}

.product_price .description{
  font-size:14px;
}

.product_price .promotion_price{
  font-size:14px;
  font-weight: bold;
  color:#B43737;
}

.product_price .promotion_description{
  font-size:14px;
}

.back{
  font-size:14px;
  text-align: center;
   color:#1A1B85;
   text-shadow:1px 1px 3px #fff;
   clear:both;
}
.back a{
   color:#1A1B85;
   text-shadow:1px 1px 3px #fff;
   text-decoration: none;
}

.back a:hover{
   text-decoration: underline;
}

.promocja{
  position: absolute;
  top:0;
  right:180px;
  width:240px;

}

.small_content .promocja{
  position: relative;
  top:auto;
  right: auto;
  width:300px;
  clear: left;
  float:left;
  padding:0px 0px 0 30px;
}

.promocja img{
  margin:5px 5px 5px 0px;
}

.promocja .promotion{
  font-size:20px;
  color:#B43737;
  padding-top:5px;
  font-weight: bold;
}

.promocja .promotion_title{
  font-size:15px;
  color:#1A1B85;
  text-shadow:1px 1px 2px #fff;
}

.promocja .promotion_title a{
  color:#1A1B85;
  text-decoration: none;
}

.promocja .promotion_title a:hover{
  text-decoration: underline;
}


.promotion_title.wiecej{
  text-align: right;
}



.promocja .promotion_description{
  font-size:12px;
  padding-top:4px;
  text-align: justify;
}

.promocja .promotion_image{
  float:left;
  margin-right:5px;
}

.robot{
  display:none;
}

.tresc ul, .tresc ol{
    padding-left:30px;
}

.toolscompl{
    position:absolute;
    top:0;
    left:0;
}

.tresc h2, .tresc h3, .tresc h4, .tresc h5{
    padding:0.5em 0;
}

.tresc .elektro table{
     border: 1px solid black;
   border-collapse: collapse;

}

.tresc .elektro td{
    padding:5px;
    border: 1px solid black;
}

.elektro table {
    width:600px;
}

.elektro table td{
background-color: #E5E5E5;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;
}

.elektro table tr:first-child td{
background-color: #C4C4C4;
color: #000;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;
text-align:center;
}

.elektro table.last tr:first-child td{
background-color: #E5E5E5;
color: #000;
padding: 4px;
text-align: left;
border: 1px #000 solid;
font-weight:normal;
font-size:14px;

}

.rzetelna_firma{
    display:block;
    padding-bottom:20px;
    width:232px;
    height:109px;
    margin:0 auto;
    
}


.rzetelna_firma_banner{
    display:block;
    
    width:150px;
    height:70px;
    position:absolute;
    top:10px;
    right:20px;
    
}

.dynamic_promotion{
    list-style:none;
}

.dynamic_promotion li{
    overflow:hidden;
    padding-bottom:10px;
}

a.product_name{
    color: #1A1B85;
    font-size:16px;
    padding-top:20px;
    display:block;

}

a.product_image{
    float:left;
    display:block;
    margin-right:5px;
}

a.product_image img{
    padding:3px;
    background-color: #fff;
    border:2px solid  #E5E5E5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.left_box{
    width:370px;
}










.simple_slider_content {
    position: relative;
    width: 297px;
    overflow: hidden;
    height: 150px;
    float: left;


}

.simple_slider_content ul {
    width: 891px;
    height: 150px;
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    padding-left: 0;
    margin-left: 0;
}

.simple_slider_content ul li {
    width: 297px;
    height: 240px;
    float: left;
    padding-left: 0;
}

.simple_slider_content ul li img {
    float: left;
}

.box_center.popular{
    min-height:150px;
}