body
	{
/*	background: #e8e8e8;*/
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#header_tlo
	{
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	}
        
#header_left
	{
	position: absolute;
        top: 0px;
        left: 0px;
        height: 135px;
        width: 50%;
        margin-left: 0px;
        background: url('imgn1/header_maska_left.jpg');
        background-repeat: repeat-x;
        float: left;
        }

#header_right
        {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 135px;
        width: 50%;
        background: url('imgn1/header_maska_right.jpg') repeat-x;
        padding: 0px;
        float: right;
        }

#gora
        {
	position: absolute;
	top: 0px;
	left: 0px;
        /*height: 203px;*/
	width: 100%;
        margin: 0px 0px 0px 0px ;
        padding: 0px;
        }


#header
	{
	height: 135px;
	width: 1000px;
	background: url('imgn1/header_ateneum_new.jpg') no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	}


#menu
	{
	position: relative;
	margin: 0px;
	padding: 0px;
	top: -32px;
	left: 10px;
	width: 570px;
	height: 20px;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: white;
	}

#prawa_gora
	{
	position: relative;
	top: 0px;
	left: 350px;
	width: 515px;
	height: 120px;
	}
#status_logowania
	{
	position: absolute;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: -10px;
        width: 250px;
        height: 20px;
        text-align: right;
        font-family: "Trebuchet MS";
        font-size: 12px;
        color: black;
	}
#menu_usera
	{
	position: absolute;
        padding: 0px;
        top: 0px;
        left: 295px;
        width: 215px;
        height: 75px;
        text-align: right;
        font-family: "Trebuchet MS";
        font-size: 12px;
        color: black;
        }
#stan_koszyka
	{
        position: absolute;
	padding: 0px;
        top: 60px;
        left: 295px;
        width: 215px;
        height: 30px;
	text-align: right;
        font-family: "Trebuchet MS";
        font-size: 12px;
        color: black;
        }
#pas_gora_tlo
	{
	position: relative;
	top: 0px;
	width: 100%;
	height: 170px;
/*	background: url('imgn1/pasreklam_maska.gif') repeat-x;*/
	background-position: top left;
/*	background-color: #e8e8e8; */
	background-color: #ffffff;
	}

#pas
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 8px;
	width: 1000px;
	height: 123px;
	}

.pasek
	{
	height: 105px; 
	width: 470px;
	
	float:left;
	}
#szukaj
	{
	position: absolute;
	top: 0px;
	left: 0px;
/*	background: url('imgn1/wyszukiwarka_tlo.jpg') no-repeat;*/
	width: 250px;
	height: 123px;
	}

#paswyszukiwarki
	{
	position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 5px;
        width: 1000px;
        height: 36px;
	}
#szukaj_left
	{
	position: absolute;
        top: 0px;
        left: 0px;
        background: url('imgn1/search_left.jpg') no-repeat;
        width: 163px;
        height: 36px;
	}
#szukaj_center
        {
        position: absolute;
        top: 0px;
        left: 163px;
        background: url('imgn1/search_center.jpg') repeat-x;
        width: 829px;
        height: 36px;
	text-align:left;
        }
#szukaj_right
        {
        position: absolute;
        top: 0px;
        left: 992px;
        background: url('imgn1/search_right.jpg') no-repeat;
        width: 8px;
        height: 36px;
        }
#pas_reklam
        {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 8px;
        width: 1000px;
        height: 123px;
        }

#reklama1
	{
        position: absolute;
        top: 0px;
        left: 269px;
        width: 356px;
        height: 123px;
        }
#reklama2
        {
        position: absolute;
        top: 0px;
        left: 644px;
        width: 356px;
        height: 123px;
        }	


#srodek
	{
	width: 1000px;
	height: auto;
	margin-left:  auto;
        margin-right: auto;
	text-align: left;
	padding-bottom: 5px;
	font-family: "Trebuchet MS";
        font-size: 11px;	
	display: table;
	}
	

#lewa
	{
	width:250px;
	margin: 0px;
	padding: 0px;
	height: auto;
	float: left;
	}


#prawa
	{
	margin: 0;
	width: 735px;
	padding: 0px;
	float: right;
	}

#newsletter
	{
	width: 250px;
	height: 133px;
	background: url('imgn1/newsletter_tlo.jpg') no-repeat;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
	}

#kontakt
        {
	margin-top:10px;
        width: 250px;
        height: 183px;
        background: url('imgn1/kontakt_tlo.jpg') no-repeat;
        font-size: 12px;
        text-align: left;
        padding: 5px;
        }
#follow
        {
        width: 250px;
        height: 136px;
        background: url('imgn1/sledz_nas.png') no-repeat;
        font-size: 12px;
        text-align: left;
        padding: 5px;
        }

#aktualnosci_top {
        background: url('imgn1/aktualnosci_top.png') no-repeat;
        width:249px;
        height:8px;
        margin-left:1px;
}
#aktualnosci
        {
                top:-2px;
                margin-left:1px;
        width: 249px;
/*        height: 291px;*/
        background: url('imgn1/aktualnosci_maska.jpg') repeat-y;
        font-size: 13px;
        text-align: left;
        padding: 5px;
                color:white;
        }

#aktualnosci_bottom {
        background: url('imgn1/aktualnosci_bottom.png') no-repeat;
        width:249px;
        height:8px;
        margin-left:1px;
}

#tytul_aktualnosci {
                position: relative;
                top: 7px;
                left: 5px;
		width: 170px;
                font-weight: bold;
                font-size:13px;
                float:left;
                display:block;

}

#tytul_aktualnosci a:hover {
        color:#a197a6;
}

#data_aktualnosci {
                position:relative;
                float:left;
                color:#a197a6;
                top:7px;
                left:10px;
                display:block;
		font-size:12px;
}

#aktualnosc {
                position:relative;
                top:8px;
                left:5px;
                font-size:11px;
                color:white;
                display:block;
                float:left;
                text-align:left;
                width: 230px;
}

#wiecej_aktualnosci {
                position:relative;
                top:8px;
                left:5px;
                font-size:11px;
                color:white;
                clear:both;
}

#wiecej_aktualnosci a{
                color:#a197a6;
                font-size:10px;
}

#wiecej_aktualnosci a:hover {
                color:white;
                font-size:10px;
}

#separator {
                position:relative;
                top:15px;
                height:7px;
                left:5px;
                font-size:11px;
                color:white;
}

#gazela
        {
        width: 250px;
        height: 60px;
        background: url('imgn1/gazela.gif') no-repeat;
        font-size: 12px;
        text-align: left;
        padding: 5px;
        }

#main
	{
	position: relative;
	top: 0px;
	left: 5px;
	width:100%;
	padding:0px;
	}

#blady
        {
        position: relative;
        width:728px;
        height:25px;
        }
#bladnapis1
        {
        position: absolute;
        top:0px;
        left: 0px;
        font-family: Trebuchet MS;
        font-weight: bold;
        color: red;
        font-size: 18px;
        text-align: left;
        text-decoration: underline;
        }
#bladnapis2
        {
        position: absolute;
        top:1px;
        left: 1px;
        font-family: Trebuchet MS;
        font-weight: bold;
        color: #c5c5c5;
        font-size: 18px;
        text-align: left;
        }
#bladpodkreslenie
        {
        position: absolute;
        bottom:2px;
        left: 0px;
        height: 2px;
        width: 728px;
        background-color: #c5c5c5;
        font-size: 0px;
        }
#komunikat
        {
        position: relative;
        width:728px;
        height:25px;
        }
#komnapis1
        {
        position: absolute;
        top:0px;
        left: 0px;
        font-family: Trebuchet MS;
        font-weight: bold;
        color: red;
        font-size: 18px;
        text-align: left;
        text-decoration: underline;
        }
#komnapis2
        {
        position: absolute;
        top:1px;
        left: 1px;
        font-family: Trebuchet MS;
        font-weight: bold;
        color: #c5c5c5;
        font-size: 18px;
        text-align: left;
        }
#kompodkreslenie
        {
        position: absolute;
        bottom:2px;
        left: 0px;
        height: 2px;
        width: 728px;
        background-color: #c5c5c5;
        font-size: 0px;
        }
        
.lokalizacja
    {
    position: relative;
    width: 728px;
    margin-bottom: 10px;
    }
        
.loknapis1
    {
    position: relative;
    top:0px;
    left: 0px;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #f65613;
    font-size: 18px;
    text-align: left;
    text-decoration: underline;
    }
        
.loknapis2
    {
    position: absolute;
    top:1px;
    left: 1px;
    width: 100%;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #c5c5c5;
    font-size: 18px;
    text-align: left;
    }
        
.lokpodkreslenie
    {
    position: absolute;
    bottom:2px;
    left: 0px;
    height: 2px;
    width: 100%;
    background-color: #c5c5c5;
    font-size: 0px;
    }

#wydawnictwo
    {	
    font-size: 12px;
    text-align: center;
    }
        
#poziom
    {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 50px;
    }
    
#kategoria
    {
    font-size: 12px;
    text-align:center;
    }
    
#etykiety
    {
    font-size: 12px;
    text-align:center;
    }

#szukajwkat
    {
    text-align:center;
    }
    
#dostepnosc
    {
    font-size: 12px;
    text-align:center;
    }
    
#sortowanie
    {
    font-size: 12px;
    text-align:center;
    }
        
#filtrowanie_ilosc
    {
    position: absolute;
    top: 0px;
    right: 2px;
    width: 200px;
    text-align:center;
    }
    
#iloscwynikow
    {
    font-size: 12px;
    text-align:center;
    }
    
.nawigator
    {
    position: relative;
    width:100%;
    height:25px;
    font-size: 13px;
    text-align:center;
    }
        
.pozycja
    {
    position: relative;
    width:100%;
    height:100px;
    text-align:left;
    }
    
.pozycja_okladka
    {
    position: absolute;
    top: 5px;
    left: 0px;
    }
    
.pozycja_tytul
    {
    position: absolute;
    top: 0px;
    left: 100px;
    }
        
.pozycja_lewa
    {
    position: absolute;
    bottom: 2px;
    /*top: 55px;*/
    left: 100px;
    width: 300px;
    }
        
.pozycja_srodek
    {
    position: absolute;	
    bottom: 2px;
    /*top: 55px;*/
    left: 375px;
    width: 190px;
    height:100%;
    }
        
.pozycja_prawa
    {
    position: absolute;
    bottom: 10px;
    right: 2px;
    width: 160px;
    text-align: right;
    }

.npozycja
    {
    position: relative;
    float: left;
    width: 364px;
    height: 154px;
    }
        
.npozycjauwagi
    {
    position: absolute;
    top: 0px;
    width: 364px;
    left: 0px;
    color:green;
    font-size:12px;
    text-align:center;
    font-weight:bold;
    }
        
.npozycjasrodek
    {
    position: absolute;
    top: 18px;
    left: 0px;
    }
        
.makt
	{
	position: relative;
	float: left;
	width: 355px;
	height:100%;
	}
.dakt
	{
        position: relative;
        width: 720px;
        }
.wybranepozycja
	{
	float:left;
	width:360px;
	height:160px;
	margin:5px;
	}
.wybranegora
	{
	height:20px;
	width:360px;
	color:green;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	}
.wybranelewo
	{
	float:left;	
	}
.wybraneprawo
	{
	width: 180px;
	float:right;
	}
.wybranetytul
	{
	text-align:left;
	display:table;
	width:728px;
	padding-bottom:10px;
	border-bottom-style: dotted;
        border-bottom-color: #e0e0e1;
        border-bottom-width: 1px;
	}
.wiadomosci
	{
	text-align:left;
        display:table;
        width:615px;
        padding-bottom:10px;
        border-bottom-style: dotted;
        border-bottom-color: #e0e0e1;
        border-bottom-width: 1px;
	}
.wiadpozycja
	{
	text-align:center;
	margin-bottom:10px;
	}
.wiadgora
	{
	width:600px;
	height:35px;
	text-align:center;
	}
.wiadtytul
	{
	width:400px;
	font-size:16px;
	font-weight:bold;
	float:left;
	text-align:left;
	color:red;
	}
.wiadinfo
	{
	width:200px;
	font-size:10px;
	color:green;
	text-align:right;
	float:right;
	}
.wiadtresc
	{
	width:600px;
	text-align:justify;
	}
#dol
        {
        
	height: 15px;
	width: 778px;
        background: #e0e0e0;
        margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	font-family: "Trebuchet MS";
        font-size: 11px;
        }
.buttonblack
	{
	background-image: url('imgn1/btn_krotki.gif');	
	border: 0px;
	font-size: 12px;
	color: white;
	width: 91px;
	height:24px;
	margin: 0px;
	padding-bottom:3px;
	vertical-align:middle; 
	}
button
	{
        background-image: url('imgn1/btn_krotki_pom.gif');
        border: 0px;
        font-size: 12px;
        color: white;
        width: 95px;
        height:28px;
        margin: 0px;
        padding-bottom:3px;
        vertical-align:middle;
        }
        
.atebutton {
        padding: 5px 15px;
        color: black;
        background-color: lightgrey;
        font-size: 14px;
        border-radius: 5px;
        margin: 0 10px 10px 10px;    
        }
        
.atebutton-active {
        padding: 5px 15px;
        color: white;
        background-color: #f65613;
        font-size: 14px;
        border-radius: 5px;
        margin: 0 10px 10px 10px;
        }
      
.button-box {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        }
        
.buttondlugi	
	{
	background-image: url('imgn1/btn_dlugi_pom.gif');
        border: 0px;
        font-size: 12px;
        color: white;
        width: 125px;
        height:28px;
        margin: 0px;
        padding-bottom:3px;
        vertical-align:middle;
	}

.buttonbardzodlugi
	{
	background-image: url('imgn1/btn_bardzodlugi_pom.GIF');
        border: 0px;
        font-size: 12px;
        color: white;
        width: 190px;
        height:28px;
        margin: 0px;
        padding-bottom:3px;
        vertical-align:middle;
	}

textarea
	{
        background-color: white;
        font-size: 12px;
        margin:5px;
        padding: 2px;
        border: 1px;
        border-color: #c0c0c0;
        border-style:solid;
        vertical-align:middle;
        }
input
	{
	background-color: white;
	font-size: 12px;
	margin:5px;
	padding: 2px;
	border-width: 1px;
	border-color: #c0c0c0;
	border-style:solid;
	vertical-align:middle;
	}
.inputbialy
        {
        background-color: #ffffff;
        border: 0px;
	}
td
	{
	font-size: 11px;
	}
select
	{
	background-color: white;
        font-size: 12px;
        margin:5px;
        padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	vertical-align:middle;
	}
.tytulpozycji
	{
	font-size:13px; 
	font-weight: bold; 
	color: black;
	}
.tytulpozycji:hover
        {
        font-size:13px;
        font-weight: bold;
        color: #f26522;
        }
.linkmenu
	{
	color: white;
	font-size: 13px;
	text-decoration: none;
	}
.linkmenu:hover
	{
	color: #f65613;
	text-decoration: underline;
	}
a
	{
	color: #f65613;
	text-decoration:none;
	font-weight:normal;
	}
a:hover
	{
	text-decoration:none;
	color:#f7941d;
	}
	

img
	{
	border:0px;
	vertical-align:middle;
	padding: 0px;
	}
.wazne
	{
	font-weight:bold;
	}
.bwazne
	{
	font-weight:bold;
	color:#f65313;
	}

/******** TABELKA PROMOCYJNA START ****************/

.promocje_container {
position:relative;
width:735px;
overflow:hidden;	
}

.promocje_tab_top {
position:relative;
width:735px;
height:29px;
}

.promo_wyd {
position:relative;
float:left;
width:220px;
height:29px;
background:url(imgn1/promo_wyd.jpg) no-repeat;
}

.promo_wyd p {
position:relative;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
top:5px;
text-align:center;	
}

.promo_okres {
position:relative;
float:left;
width:326px;
height:29px;
background:url(imgn1/promo_okres.jpg) no-repeat;
margin-left:3px;
}

.promo_rabat {
position:relative;
float:left;
width:106px;
height:29px;
background:url(imgn1/promo_rabat.jpg) no-repeat;
margin-left:3px;
}

.promo_tab {
position:relative;
width:735px;
height:29px;
margin-top:5px;	

}

.promo_tab_bg {
position:relative;
float:left;
width:660px;
height:29px;
background:url(imgn1/promo_tab.png) no-repeat;	
}

.promo_link {
position:relative;
float:left;
width:64px;
height:29px;
margin-left:7px;	
}

.promo_link a {
position:relative;
font-size:18px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#F66B20;
text-decoration:none;
top:3px;
text-align:center;	
}

.promo_link a:hover {
color:#F98F57;	
}

.promo_tab_bg_left {
position:relative;
float:left;
width:222px;
height:29px;	
overflow:hidden;
}

.promo_tab_bg_left p {
position:relative;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;	
margin-top:6px;
}

.promo_tab_bg_center {
position:relative;
float:left;
width:329px;
height:29px;	
overflow:hidden;
}

.promo_tab_bg_center p {
position:relative;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:6px;
text-align:center;	
}

.promo_tab_bg_right {
position:relative;
float:left;
width:109px;
height:29px;	
}

.promo_tab_bg_right p {
position:relative;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:6px;
text-align:center;	
overflow:hidden;
}


/******** TABELKA PROMOCYJNA END ****************/
	
#logo_ateneum {
	position: absolute;
	top: 15px;
	padding-left: 20px;
}

/******** DRZEWKO KATEGORII ********/

#katalog {
    width:250px;
    text-align:left;
    padding: 0;
    margin-bottom: 10px;
    border-right: solid 1px lightgrey;
    border-top: solid 1px lightgrey;
}

.category-box {
    border-bottom: solid 1px lightgrey;
    border-left: solid 5px lightgray;
    padding-left: 5px;
    background-color: white;
}

.category-box.current {
    border-left: solid 5px #ff6c00;
}

.category-box:hover, .category-box.current:hover {
    border-left: none;
    padding-left: 15px;
    background-color: #ff6c00;
}

.category-children-1 > .category-box {
    margin-left: 20px;
}

.category-children-2 > .category-box {
    margin-left: 40px;
}

.category-link {
    line-height: 20px;
    font-size: 12px;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.category-link:hover {
    color: #ffffff !important;
}

.category-link-main {
    font-weight: bold;
}

.plus-minus {
    height: 10px;
    width: 10px;
    margin: 4px;
    border: 1px solid lightgray;
    text-align: center;
    display: block;
    float: right;
    line-height: 10px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #ffffff;
}

.category-opener {
    width: 220px;
    cursor: pointer;
}

.category-box-left {
    width: 85%;
    float: left;
}

.category-box-right {
    width: 15%;
    float: right;
}

.clearfix {
    clear: both;
}