#col_main{width:950px}
#col_main .pad{padding:10px}
#magazyn{background-color:#efefef}


#pasek_gora{margin-top:5px; margin-bottom:5px}
#pasek_gora #lista {float: left;  padding: 0px;}
#pasek_gora #lista select,option { font: 11px/11px verdana; border:1px solid #fff; width: 222px;}
#pasek_gora { position: relative; height: 20px; background:#000;padding:5px 0px 5px 0px;width:100%;}
#pasek_gora div { height: 20px; font: 11px/20px arial; color: #078FBB; text-align: center; padding-top:4px; }
#pasek_gora #status{width:200px;float:left;color:#fff;margin:0px;padding:0px;}
#pasek_gora .pagination{margin:3px 0px 0px 0px}
#pasek_gora .pagination .prev_and_next a{color:#fff;font-weight:bold}
#pasek_gora .pagination_el_div{top:-14px}
 
#magazyn #pasek {overflow:hidden;background-color:#EFEFEF;padding-top:10px;}
#magazyn #pasek #okladki{position:relative;display:block;overflow:hidden;width:880px;height:200px;padding:0px;margin:0px;float:left;}
/*Przewijanie w pasku*/
#magazyn #pasek .okladka {padding:0px 7px 7px 7px;float:left}
#magazyn #pasek .okladka:hover{background-color:#465572;cursor:pointer;}
#magazyn #pasek .aktywna:hover{cursor:default !important}
#magazyn #pasek .okladka:hover .tytul{color:#fff;}
#magazyn #pasek .okladka .tytul{margin: 0 auto;color:#000;padding:0px;font-size:11px;color:#0C91BC;font-weight:bold;text-align:center;}
#magazyn #pasek .okladka .tytul:first-child{margin-top:10px;margin-bottom:0px;}
#magazyn #pasek .aktywna {background-color:#000;padding-bottom:7px;}
#magazyn #pasek .aktywna .tytul{color:#FF9933;}
#magazyn #pasek .okladka .tytul{margin-bottom:10px;margin-top:5px;}
#magazyn #pasek .strzalka_box{width:25px;margin-top:70px;display:block}
#magazyn #pasek #strzalka_l_box{float:left;height:90px}
#magazyn #pasek #strzalka_r_box{float:right;height:90px}

#magazyn .przegladarka{position:relative;background-color:#f00;width:894px;background-color:#32363C;min-height:390px}
#magazyn .przegladarka #wspolnik { float: left; display:block; width:190px;padding-bottom:10px}
.przegladarka #wspolnik ul{margin-left:30px;margin-top:10px;}
.przegladarka #wspolnik  .okladka{margin:13px;}
.przegladarka #wspolnik h1{font-size:27px;font-weight:normal;color:#FF9933;text-align:left;margin-bottom:10px;margin-left:12px;margin-right:12px}
.przegladarka #wspolnik p{padding:2px 20px  2px 15px;text-align: left;font-size: 10px}
.przegladarka #wspolnik .link {color:#33CCFF;display:block;margin:20px 15px 0px 15px;padding-top:10px;cursor:pointer;font-weight: bold;border-top:1px solid #323D4F;}
.przegladarka #wspolnik .link:hover{text-decoration: underline}


#magazyn #dzielony {position: relative; float: left; width:702px; margin-top: 0px; background-color:#fff;border:1px solid #32363c}

#magazyn #nawigacja { position:absolute; z-index: 1000; width: 36px; top: 8px; left: 895px;/* background: url(/views/img/defarchiwumlukprawygora.png) no-repeat top;*/ }
#magazyn #nawigacja ul {margin: 0; padding:0; list-style: none; background: #efefef; margin-top: 4px;}
#magazyn #nawigacja li {margin: 1px 0px 1px -2px; background-color: #EFEFEF;cursor: pointer;}
#magazyn #nawigacja li.aktywna {background-color: #efefef; margin-top:1px}
#magazyn #nawigacja ul li a{background-repeat:no-repeat;background-position:center;min-height:30px}
#magazyn #nawigacja li a{display: block; font-size:0; color: transparent;}

#magazyn div.page{padding:10px}

#magazyn div.page { display: none; }
#magazyn div.page .blok_info{margin: 10px 20px 10px 20px;float:left;display:block;width:40%; }
#magazyn div.page .blok_info p{color:#299EC4;font-weight:normal}
#magazyn div.page .blok_info2{margin:20px}
#magazyn div.page .blok_info2 p{color:#444;line-height:17px}
#magazyn div.page .blok_info2 h2{color:#078fbb;font:22px/25px Tahoma,Geneva,sans-serif;}
#magazyn div.page h2, #magazyn div.page h2 a{font: 20px/20px "Myriad Web", Tahoma, sans-serif; color: #32363C}
#magazyn div.page h2 a:hover{text-decoration:underline}
#magazyn div.page h2 {padding-bottom: 5px}
#magazyn div.page ul.lista {width:100%;margin-left:10px;color:#000}
#magazyn div.page ul li {margin-top:5px ; margin-bottom:5px;color:#32363C}
#magazyn div.page ul li .tytul{color:#32363C; font-weight:normal}
#magazyn div.page ul li .tytul a{color:#078fbb;font-weight: bold}
#magazyn div.page ul li .tytul a:hover{cursor:pointer}

#magazyn #flash{height:410px}
#magazyn .brak_flipa {color:#000;font-size:20px;text-align: center}
#magazyn .brak_flipa .nazwa{color:#CA0039;font-weight: bold}


div.tag_ex {margin: 10px 0px 0px 0px; font-size: 10px; line-height: 16px;}
div.tag_ex a.gra {color: #f60; font-weight: bold;display:block;float:left;margin-bottom:5px}
div.tag_ex a.przycisk {margin-left:0px;margin-right: 0.5em;margin-top:5px; border: 1px solid #202C45; background: #000; padding: 2px;}
div.tag_ex a.przycisk:hover {background: #202C45;cursor:pointer}


#kurtyna {position: absolute;text-align:center; width: 100%; background: #000; top:100px; left:0px; z-index: 1024; opacity: 0.75; filter: alpha(opacity=75);clear:both}
#obrazkowa {margin:0px;position: absolute;vertical-align:top;width:100%;height: 100%; background: transparent; top:0px; left:0px; z-index: 1025;clear:both}
/*#obrazkowa table{position:absolute;}*/
.zamknij{width:100px;text-align:right}
#obrazkowa div.belka h5{text-align:center;font-size:18px;color:#FF9933;font-weight:normal;}
#obrazkowa div.belka {padding: 4px; background: #000; text-align: right; position: relative;overflow:hidden;padding-top:10px;}
/*#obrazkowa div.belka a{display:block;overflow:hidden;float:right;}*/
/*#obrazkowa div.belka .przyciski{padding:5px;float:right;overflow:hidden}*/
#obrazkowa div.belka .przyciski .longarrow{float:left;overflow:hidden;}
#obrazkowa div.belka .przyciski .longarrow a{float:left;}

#obrazkowa div.belka .przyciski a:last-child .longarrow .longarrow_right{background:url(/views/img/long_arrow_right_white_obrazek.jpg) no-repeat}
#obrazkowa div.belka .przyciski a:last-child .longarrow .longarrow_left{background:url(/views/img/long_arrow_left_white_obrazek.gif) no-repeat}
#obrazkowa div.belka .przyciski a:last-child .longarrow .longarrow_txt{background-color:#fff;color:#3D4456}
#obrazkowa div.belka .przyciski a:first-child .longarrow .longarrow_txt .x{color:#FE7E01;margin-left:5px;font-weight:bold}
#obrazkowa div.belka .przyciski a:first-child .longarrow .longarrow_right {background:url(/views/img/longarrow_right_zamknij_obrazek.gif) no-repeat}

/*#obrazkowa div.belka .przyciski a{display:block;margin-left:20px}*/

#obrazkowa .przyciski{margin:12px 0}
#obrazkowa .przyciski a{float:right}
#obrazkowa .przyciski #zapisz{float:left}


#obrazkowa div.galnawigator {float:left;display:block;padding:5px}
#obrazkowa .belka div.galnawigator .strzalka{padding-top:0px;padding-left:8px;padding-right:8px;padding-bottom:2px;height:10px;width:auto;margin-top:5px;color:#fff;font-size:12px;font-weight:bold;float:left}
#obrazkowa .belka div.galnawigator .poprzednik{background:url(/views/img/arrow_orange_left.gif);background-position:0% 50%;background-repeat: no-repeat}
#obrazkowa .belka div.galnawigator .nastepnik{background:url(/views/img/arrow_orange.gif) no-repeat;background-position:100% 50%;}
#obrazkowa div.galnawigator a{background-repeat:no-repeat !important;text-align:center;width:15px;height:24px;padding-top:6px;padding-bottom:0px; background:url(/views/img/paginacja_nieaktywne.gif) no-repeat;color: #33CCFF; margin-right: 2px; font: 11px/11px Arial;float:left;}
#obrazkowa div.galnawigator a:hover { color: #fff;}

#obrazkowa div.galnawigator span{float:left;font-size:12px;font-weight:bold;margin-right:10px;padding-top:3px;}
#obrazkowa div.galnawigator span.aktywny {background:url(/views/img/paginacja_aktywne.gif);background-repeat:no-repeat;width:15px;height:24px;padding-top:6px;padding-bottom:0px;text-align:center; color: #32363C; font: 11px/11px Arial;float:left;margin-right:2px;}
#obrazkowa div.galnawigator .kropki{float:left;width:10px;padding-top:5px;}
