/*general style*/
html{
 height:100%;
}

body{
 /*color: #29166f;*/
 color: #14054f;
 background:#FFFFFF url(../img/bg.jpg) repeat left top;
 font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
 font-size:80%;
 margin:0px;
 padding:0px;
}

h1,h2,h3,h4,h5,ul,li,ol,form{
 padding:0px;
 margin:0px;
}

table{
 border-collapse: collapse;
}
table td{
 border-collapse: collapse;
 padding:0px;
 margin:0px;
}

a{
color:#29166f;
outline: none;
}

.text a{
 color:#000;
}

a img{
 border:0px;
}
.clear{
clear:both;
}
.text{
 font-size:90%;
 padding:0 5px;
}

.content{
 padding:10px;
 font-size:90%;
 line-height: 16px;
}

.content ul li{
 list-style:none;
 background:#FFFFFF url(../img/dot1.jpg) no-repeat left top;
 margin-left:15px;
 padding-left:10px;
 margin-bottom:10px;
}
.content ul li li{
 background:#FFFFFF url(../img/dot.jpg) no-repeat left top;
}
.content ul{
 margin-top: 0px;
}
.content img{
 padding:2px;
 border:1px solid #D7D5EA;
 margin:5px;
}

.text1{
 padding:5px 0;
 font-size:90%;
}
.blue{
color:#008bd5;
}
.red{
color:#d60f0f;
}
.big_text{
 font-size:130%;
 font-weight:bold;
}
.small_text{
 font-size:90%;
}

.left, .center, .right{
 float:left;
}

/*end general style*/

/*page*/
.page{
 width:100%;
 background:#FFFFFF url(../img/bg_t.jpg) repeat-x left top; 
}

.page_center{
 width:848px;
 margin:0 auto;
}

/*top*/
.top{
 height:37px;
}

.logo{
 width:200px;
 float:left;
 padding-left:20px;
 padding-top:5px;
}


.menu_top{
 width:545px;
 float:right;
 padding-top:8px;
}
.menu_top ul{
 float:right;
 margin-right:30px;
}
.menu_top ul li{
 list-style:none;
 float:left;
 margin-right:10px;
}
.menu_top ul li a{
 text-decoration:none;
 color:#fff;
 font-size:80%;
 display:block;
 height:17px;
}
.menu_top ul li a span{
 display:block;
 height:15px;
 padding-top:2px;
 padding-left:2px;
 padding-right:2px;
 cursor:pointer;
}
.menu_top ul li a:hover, .menu_top ul li.active a{
 color:#29166f;
 background:#fff url(../img/menu_top_l.jpg) no-repeat left top; 
}
.menu_top ul li a:hover span, .menu_top ul li.active a span{
 background:transparent url(../img/menu_top_r.jpg) no-repeat right top; 
}

/*baner*/
.baner{
 clear:both; /*baner ma clear:both żeby wyczyścić float który jest wyżej*/
 height:239px;
 background:transparent url(../img/bg_baner.png) no-repeat center top; 
 padding:4px;
 padding-left:21px;
 position:relative;
}



/* pager */
.div{
 display:none;
}
.nav{
  position:absolute;
  right:15px;
  margin-top:5px;
  z-index:10;
  font-family:arial;
}
.nav a{
  text-decoration:none;
  color:#8389AF;
  background-color: #c2cade;
  border:1px solid #9B9FBF;
  margin-right:1px;
  display:block;
  float:left;
  font-size:70%;
  text-align:center;
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
}
.nav a.highlight{
 color:#fff;
}
.nav a:hover{
 color:#fff;
}


/*main*/
.main{

}


/* .main .left i .main .right - nie mają float, bo dziedzicza ten styl po wyżęj zdefiniowanych ( w tych feneralnych stylach ) klasach .left, .right */
/*left*/
.main .left{
 width:198px;
 padding-left:20px;
 padding-top:10px;
}

.menu_left{

}

.menu_left ul li{
 list-style:none;
 margin-bottom:2px;
 background:transparent url(../img/bg_left_menu.jpg) no-repeat center top; 
 padding-right:4px;
 display:block;
 width: 194px;
 min-height:22px;
}
.menu_left ul li li{
  background-image:none;

}
.menu_left ul li a{
 display:block;
 width: 174px;
 height: 18px;
 color:#29166f;
 font-size:80%;
 text-decoration:none;
 padding:2px; /* pamiętaj, że jak dajesz padding, to o tę wielkosć zmień wysokość czy szerokość elementu, czyli tu np wysokość byłą 22, a zmniejsyzłam na 18, bo z gory i zdolu dalam padding 2 */
 padding-right:0px;
 padding-left:10px;
 font-weight:bold;
}
.menu_left ul li span{
 display:block;
 width: 10px;
 height: 18px;
 float:right;
 cursor: pointer;
}
.menu_left ul li.plus span{
 background:transparent url(../img/minus4.gif) no-repeat right center;
}

.menu_left ul li.minus span{
 background:transparent url(../img/plus4.gif) no-repeat right center;
}

.menu_left ul li ul{
 background:#f4f5fa url(../img/submenu_bg.jpg) repeat-y left top;  
 padding:5px 0;
 clear:both;
}
.menu_left ul li ul li{

}
.menu_left ul li ul li a{
 background-image:none;
 width:170px;
 margin-left:8px;
 padding-left:14px;
 color:#ff0000;
 font-weight:normal;
}
.menu_left ul li ul li a:hover{
 background:transparent url(../img/submenu_arrow.png) no-repeat left center;
}
.menu_left ul li ul li span{
 border-bottom:1px solid #c7cfe5;
 width:140px;
 height: 18px;
 display:block;
 margin-left:7px;
 cursor: pointer;
 float:none;
 padding-left:10px;
 background-image: none;
}
.menu_left ul li.plus ul li span, .menu_left ul li.minus ul li span{
 background-image: none;
}
.box{
 margin-top:10px;
 font-size:90%;
}

.box_nag{
 background:transparent url(../img/nag_bg.jpg) no-repeat center top;  
 width: 123px;
 height: 16px;
 text-align:center;
 margin:0 auto;
 padding-top:1px;
 font-size:100%;
}
.box_margin{
 margin:8px auto;
 margin-top:11px;
}
.box_content{
 padding:8px 0;
}
.search_form input{
 border:1px solid #d6d6ea;
 width:160px;
}
.search_form input.button_search{
 border:0px;
 width:12px;
 background:transparent url(../img/search_icon.jpg) no-repeat center top;  
 cursor: pointer;
}
.box_text_news{
 text-decoration:none;
 margin:5px 0;
 display:block;
}
.box_text_news span{
 font-weight:bold;
}
.see_all{
 font-size:90%;
 text-decoration:none;
 display:block;
 text-align:right;
 padding-right:5px;
}
.see_all:hover{
 text-decoration:underline;
}
.rss a{
  background:transparent url(../img/rss.jpg) no-repeat left center;  
  padding-left:25px;
  font-size:90%;
  text-decoration:none;
  display:block;
  height:16px;
  margin:5px 0;
  padding-top:4px;
}

.newsletter .box_content{
 font-size:90%;
}
.input_newsletter input{
 border:1px solid #D6D6EA;
 width:160px;
}
.button_minus, .button_add{
 margin-top:2px;
 text-decoration:none;
 display:block;
}
.button_add{
 text-align:right;
}
.button_minus{
 COLOR:#FF0000;
}

.img_box{
 width:96px;
 height:70px;
 overflow: hidden;
 float:left;
 background:transparent url(../img/img_shadow.jpg) no-repeat center top;  
 padding-top:8px;
 margin-bottom:3px;
 margin-right:3px;
}
.img_box a, .img_box span{
display: block;
 width:89px;
 height:66px;
 border:2px solid #d6d6ea;
 overflow: hidden;
 margin-left:2px;
 
}
.img_box a img, .img_box img{
 padding:0px;
 border:0px;
 margin:0px;
}
.foto{
 display:block;
 width:133px;
 height:90px;
}
/*galeria kafelki*/
.galeria_kafelki{
 margin:8px 0;
}
.galeria_kafelki h3, .dolaczone_pliki h3{
 font-size:100%;
}
.galeria_kafelki .img_box{
 width:140px;
 height:106px;
 background:transparent url(../img/img_shadow_b1.jpg) no-repeat center top;  
}
.galeria_kafelki .img_box a{
 width:133px;
 height:90px;
}
.galeria_zdjec .line, .galeria_zdjec h3{
 display:none;
}
/*dolaczone pliki*/
.dolaczone_pliki{
 margin:8px 0;
}
.dolaczone_pliki ul li{
 list-style:none;
 margin-left:10px;
 margin-top:5px;
 background-image:none;
}

/* image effect*/
.pics {
	width: 180px;
	height: 120px;
	padding: 0;
	margin: 0px;
  overflow:hidden;
	border: 2px solid #D6D6EA;
}

.pics img {
	top: 0;
	left: 0;
}

h3.green_title{
 font-size:160%;
 padding-bottom:5px;
 margin-bottom:10px;
 border-bottom:1px solid #D7D5EA;
}

/*wyniki wyszukiwania*/
.wyniki_wyszukiwania h3{
 font-size:100%;
}
.wyniki_wyszukiwania ul, .mapa_serwisu ul{
 margin-bottom:10px;

}
.mapa_serwisu ul ul ul{
 margin-left:20px;
}
.wyniki_wyszukiwania ul li, .mapa_serwisu ul li{
 list-style:none;
 margin-left:10px;
 margin-top:5px;
 background-image: none;
}
.mapa_serwisu ul li a{
 text-decoration:none;
 font-weight:bold;
}
.mapa_serwisu ul li a:hover{
 text-decoration:underline;
}
.mapa_serwisu ul ul li a{
 font-weight:normal;
}

/*right*/
.main .right{
 width:630px;
}

/*path*/
.path{
 font-size:80%;
 color:#9e9e9e;
 padding-bottom:3px;
 padding-left:10px;
 font-family: arial;
}
.path a{
 color:#9e9e9e;
 text-decoration:none;
}
.path a:hover{
 text-decoration:underline;
}

.img_left{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}

.nag_glowna{
 font-size:110%;
 margin-bottom:5px;
}

.more{
 text-align:right;
 padding-right:5px;
 font-size:90%;
}
.back{
 font-size:90%;
}
.more a, .back a{
 font-weight:bold;
 text-decoration:none;
}
.more a:hover{
 text-decoration:underline;
}

.line{
 height:1px;
 width:90%;
 margin:0 auto;
 border-bottom:3px solid #efefed;
}

.news_glowna{
 width:330px;
 float:left;
 font-size:90%;
 padding-right:3px;
}

.line_vertical{
 width:1px;
 height:150px;
 float:left;
 border-right:3px solid #efefed;
}

.film_glowna{
 width:230px;
 float:right;
 padding-left:3px;
}


/*news_list*/
.news_list{
 margin:8px 0;
}
.news_list .news{
 margin-bottom:10px;
 padding-bottom:10px;
 border-bottom:1px solid #D7D5EA;
}
.news_list .news_last{
 border-bottom:0px;
}
.news_list .left{
 width:120px;
}
.news_list .right{
 width:467px;
}
.news_list h2.title{
 font-size:100%;
}
.news_list h2.title a{
 text-decoration:none;
}
.news_list h2.title  span, .news h3.title  span{
 font-size:90%;
 font-weight:normal;
}
/*bottom*/
.bottom{
 width:100%;
 background-image: url(../img/bg_b.jpg); 
 background-position: right top;
background-repeat: repeat-x;
 font-size:80%;
 color:#fff;
}
.bottom a{
 color:#fff;
 text-decoration:none;
}

.bottom .left{
 width:150px;
 padding-top:40px;
}
.bottom .nopadding{
 padding-top:10px;
}
.bottom .right{
 width:500px;
 float:right;
}
.bottom .right .left{
 width:285px;
 padding:10px 0;
}
.bottom .right .right{
 width:200px;
 padding-top:20px;
}

.button_simple{
 border:0px;
 color:#fff;
 background-color:#302B7B;
 padding:4px;
 cursor: pointer;
}


/*oferta*/
.oferta_kat ul li{
 list-style:none;
 display:block;
 float:left;
 width:145px;
 height:150px;
 margin-right:5px;
 margin-bottom:5px;
 text-align:center;
 background-image:none;
}
.oferta_kat ul li a{
 display:block;
 text-decoration:none;
}
.oferta_kat ul li .a_img{
 display:block;
 width:130px;
 height:100px;
 overflow: hidden;
 margin:0 auto;
 margin-top:3px;
 
}
.oferta_kat img{
 margin:0px;
 padding:0px;
 border:0px;
}
.oferta_art{
 margin-top:10px;
}


.carusel ul li{
 background-image:none;
}
.carusel img{
 padding:0px;
 border:0px;
 margin:0px;
}
.news h3{
 font-size:100%;
}

.language{
  float: left;
  width: 83px;
  height: 37px;
}

.language ul{
  margin-left: 10px;
}

.language ul li{
  display: block;
  margin-left: 10px;
  margin-top: 13px;
  float: left;
}

.language ul li a{
  display: block;
  width: 16px;
  height: 11px;
}

.language ul li a.pl{
  background: url('../img/pl2.gif') no-repeat;
}

.language ul li a.pl_active{
  background: url('../img/pl.gif') no-repeat;
}

.language ul li a.eng{
  background: url('../img/en2.gif') no-repeat;
}

.language ul li a.eng_active{
  background: url('../img/en.gif') no-repeat;
}