/*WYZEROWANIE WARTOSCI*/
*,html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li { 
	margin:0;
	padding:0;
}
img { 
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
address {
	font-style: normal;
}
ul {
	list-style-type: none;
}
hr {
margin-top: 20px;
margin-bottom: 10px;
height: 1px; 
border: 0; 
color: #E0E0E0; 
background-color: #E0E0E0; 
}

body {
	background-image: url(../grafika/tlo-body.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B6B6B;
	color: #545454;	
	font-size: 12px;
	background-color: #F9F9F9;
}
body a.pokaz, body a.pokaz  {
	line-height: 26px;
	width: 200px;
	display: block;
	text-decoration: none;
	color: #FF8400;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
	background-image: url(../grafika/tlo-intro-li.gif);
	background-repeat: no-repeat;
	background-position: left;
}
body a.pokaz:hover, 
body a.pokaz:focus, 
body a.pokaz:active
{
	background-color: #FF8400;
	color: white;
	line-height: 26px;
}
#skip_navigation a {
	display: block;
	position: absolute;
	width: 120px;
	padding: 2px;
	top: -555px;
	left: 5px;
	z-index: 100;
	color: Black;
	background-color: White;
	text-decoration: none;
	text-align: center;
}
#skip_navigation a:active, #skip_navigation a:focus {
	top: 18px;
	border: 1px solid #6B6B6B;
}
#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*NAGLOWEK*/
#naglowek {
	width: 760px;
	padding-bottom: 2px;
	height: 263px;
	background-image: url(../grafika/tlo-h3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	margin-bottom: 0px;
}
h1#logo {
	width: 125px;
	height: 135px;
	position: absolute;
	top: 30px;
	left: 10px;
}
h1#logo span {
	display: none;
}
h1#logo a {
	height: 135px;
	display: block;
}
h1#logo a:hover, h1#logo a:active, h1#logo a:focus {
	border-bottom: #4F5664 dashed 1px;
}
ul#intro {
	position: absolute;
	display: inline;
	top: 112px;
	right: 0px;
	/*left: 145px;*/
}
ul#intro li {
	font-size: 10px;
	width: 185px;
	padding-left: 10px;
	margin-right: 15px;
	float: left;
	background-image: url(../grafika/tlo-intro-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	vertical-align: text-top;
}
ul#intro li#intro_last {
	margin-right: 0px;
	padding-right: 0px;
}


/*MENU*/
#menu {
	position: absolute;
	top: 35px;
	right: 0px;
	background-image: url(../grafika/tlo-menu-li.gif);
	background-repeat: repeat-x;
	z-index: 10;
}
#menu li ul {
	display: none;
	width: 150px; /* Width to help Opera out */
	background-color: #535A67;
}
#menu li ul li {
	border-right: 0px solid #585f6c;
	border-bottom: 1px solid #585f6c;
}
#menu #dropdown {
	position: relative;
}
#menu li:hover ul, #menu li.hover ul {
	display: block;
	position: absolute;
	top:31px;
	left: 0px;
	margin: 0;
	padding: 0; 
	border-bottom: 1px solid #585f6c;
	z-index: 20;
}
#menu li:hover li, #menu li.hover li 
{
	display: block; 
}
#menu li:hover li a, #menu li.hover li a {
	color: #fff; 
	display: block;
	text-transform: lowercase;
}
#menu li ul li a:hover, 
#menu li ul li a:focus, 
#menu li ul li a:active
{
	color: #A4A8AE;
}


#menu li {
	float: left;
	border-right: 1px solid #585f6c;
}
#menu li#menu_last {
	border-right: 0px solid #585f6c;
}
#menu li a {
	text-decoration:none;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: White;
	line-height: 31px;
	text-align: left;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
}
#menu li a  {
	display: inline-block;
}
#menu li a:hover, 
#menu li a:focus, 
#menu li a:active
{
	color: #A4A8AE;
}
#menu_first {
	background-image: url(../grafika/tlo-menu-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 7px;
}
#menu_last {
	background-image: url(../grafika/tlo-menu-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 7px;
}
#potwierdzenie {
	position: absolute;
	left: 300px;
	top: 35px;
	z-index: 10;
}
#potwierdzenie a.pokaz  {
	line-height: auto;
	width: auto;
	display: inline;
	text-decoration: none;
	color: #FF8400;
	margin-top: 20px;
	margin-bottom: 20px;
}
#potwierdzenie a.pokaz:hover, 
#potwierdzenie a.pokaz:focus, 
#potwierdzenie a.pokaz:active
{
	background-color: #FF8400;
	color: white;
}

/*SLIDER*/
#slide{
	clear: both;
	overflow: hidden;
	width:780px;
	position:relative;
	height:100%;
	float:left;
	margin-bottom: 35px;
}
#slide p {
	margin-bottom: 15px;
}
.slidesection{
	width:5460px;
	position:relative;
}
.slidesection .sub{
	position:relative;
	float:left;
	width:760px;
	padding-left: 10px;
	padding-right: 10px;
	height:auto;
}



/*STRONA GLOWNA*/
#strona_glowna h2#nr_magazynu {
	color: #FF8400;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
	background-image: none;
}

#strona_glowna h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#strona_glowna h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}



/*MAGAZINE PREVIEW*/
#magazine_preview {
	background-color: #F2F1F0;
	width: 760px;
	background-image: url(../grafika/tlo-magazine-preview.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 14px;
	padding-bottom: 20px;
	margin-top: 20px;
}
#magazine_preview a.eprenumerata{
	color: #FB8400;
	font-size: 10px;
	font-weight: bold;
	padding-left: 8px;
	background-image: url(../grafika/tlo-intro-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;
}
#magazine_cover {
	width: 200px;
	margin-left: 20px;
	padding-right: 15px;
	margin-right: 25px;
	margin-top: 5px;
	border-right: 1px solid #B9B8B7;
	float: left;
	display: inline;
}
#magazine_cover img {
	background-color: white;
	width:180px;
	height:256px;
	padding: 5px;
	border: 1px solid #B9B8B7;
}
#tematy_numeru {
	width: 250px;
	float: left;
	display: inline;
}
#tematy_numeru h4 {
	color: #FF8400;
	font-size: 18px;
}
#tematy_numeru ul li {
	margin-top: 15px;
	text-transform: uppercase;
}
#magazine_menu {
	float: left;
	width: 175px;
	display: inline;
	margin-left: 55px;
}
#magazine_menu ul {

}
#magazine_menu li {
	border-bottom: 1px #898989 dashed;
	padding-bottom: 6px;
	padding-top: 6px;
}
#magazine_menu li a {
	background-image: url(../grafika/tlo-magazine-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 16px;
	text-decoration:none;
	color: #767676;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
	padding-left: 15px;
}
#magazine_menu li a:hover, 
#magazine_menu li a:focus, 
#magazine_menu li a:active
{
	color: #A4A8AE;
}
#zobacz_prenumerata {
	margin-top: 10px;
}
#zobacz_prenumerata p a {
	background-image: none;
	font-weight: normal;
	line-height: normal;
	text-decoration:none;
	color: #767676;
	text-align: left;
	cursor: pointer;
	padding-left: 15px;
}
#zobacz_prenumerata p a:hover, 
#zobacz_prenumerata p a:focus, 
#zobacz_prenumerata p a:active
{
	color: #A4A8AE;
}
#zobacz_szczegoly {
	margin-top: 10px;
}
#zobacz_szczegoly p a {
	background-image: none;
	font-weight: normal;
	line-height: normal;
	text-decoration:none;
	color: #767676;
	text-align: left;
	cursor: pointer;
	padding-left: 15px;
}
#zobacz_szczegoly {
	margin-left: 10px;
}
#zobacz_szczegoly p a:hover, 
#zobacz_szczegoly p a:focus, 
#zobacz_szczegoly p a:active
{
	color: #A4A8AE;
}
ul#darmowe_artykuly {
	margin-left: 10px;
}
#darmowe_artykuly li {
	border-bottom: none;
	padding-bottom: 6px;
	padding-top: 6px;
}
#darmowe_artykuly li a {
	background-image: url(../grafika/tlo-pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 16px;
	text-decoration:none;
	color: #767676;
	text-align: left;
	cursor: pointer;
	font-weight: normal;
	padding-left: 15px;
}




/*SPIS TRESCI*/
#spis_tresci h3 span {
	background-image: url(../grafika/h3-spis-tresci.gif);
	background-repeat: no-repeat;
}
#spis_tresci .nieparzysty {
	background-color: #ECECEC;
}
#spis_tresci dt {
	width: 55px;
	padding: 2px;
	display: inline-block;
	margin-top: 1px;
	vertical-align: top;
}
#spis_tresci dd {
	width: 695px;
	padding: 2px;
	display: inline-block;
	margin-left: 2px;
	margin-top: 1px;
}

/*WYBRANE ARTYKULY*/
#wybrane_artykuly h3 span {
	background-image: url(../grafika/h3-wybrane-artykuly.gif);
	background-repeat: no-repeat;
}
#wybrane_artykuly .artykul_zdjecie {
	background-color: white;
	padding: 5px;
	border: 1px solid #B9B8B7;	
	width: 235px;
}
#wybrane_artykuly ul li {
	margin-right: 6px;
	display: inline;	
}
#wybrane_artykuly ul li a{
	display: inline-block; 
	margin-bottom: 5px;
}

/*SLOWO WSTEPNE*/
#slowo_wstepne h3 span {
	background-image: url(../grafika/h3-slowo-wstepne.gif);
	background-repeat: no-repeat;
}
.redaktor_naczelny {

}
.redaktor_naczelny img {
	background-color: white;
	padding: 5px;
	border: 1px solid #B9B8B7;
	width: 125px;
}
.redaktor_naczelny_dane {
	font-weight: bold;
	font-size: 11px;
	width: 135px;
}

/*KONTAKT*/
#kontakt h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#kontakt h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#dane_kontaktowe h3 span {
	background-image: url(../grafika/h3-dane-kontaktowe.gif);
	background-repeat: no-repeat;
}
#dane_kontaktowe ul {
	margin-bottom: 25px;
}
#dane_kontaktowe li {
	padding-top: 6px;
	background-image: url(../grafika/tlo-magazine-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 16px;
	text-align: left;
	padding-left: 15px;
}
#dane_kontaktowe li a{
	text-decoration:none;
	color: #767676;
	font-weight: bold;
}
#dane_kontaktowe li a:hover, 
#dane_kontaktowe li a:focus, 
#dane_kontaktowe li a:active
{
	color: #A4A8AE;
}
#dane_firmy {

}
#dane_firmy h4 {

}



/*REKLAMA*/
#reklama h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#reklama h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#dane_reklama h3 span {
	background-image: url(../grafika/h3-dane-reklama.gif);
	background-repeat: no-repeat;
}
#dane_reklama a{
	text-decoration:none;
	color: #767676;
	font-weight: bold;
}
#dane_reklama a:hover, 
#dane_reklama a:focus, 
#dane_reklama a:active
{
	color: #A4A8AE;
}
#dane_dodatkowe_reklama {

}
#dane_dodatkowe_reklama h4 {

}
#dane_dodatkowe_reklama ul {

}
#dane_dodatkowe_reklama li {
	border-bottom: none;
	margin-bottom: 10px;
}
#dane_dodatkowe_reklama li a {
	background-image: url(../grafika/tlo-pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 16px;
	text-decoration:none;
	color: #767676;
	text-align: left;
	cursor: pointer;
	font-weight: normal;
	padding-left: 25px;
	display: inline-block;
}
#specyfikacja_reklamowa {
	margin-top: 30px;
}
#specyfikacja_reklamowa ul {
	margin-top: -15px;
	margin-bottom: 15px;
}
#specyfikacja_reklamowa li {
	padding-top: 6px;
	background-image: url(../grafika/tlo-magazine-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 16px;
	text-align: left;
	padding-left: 15px;
}
#specyfikacja_reklamowa li a{
	text-decoration:none;
	color: #767676;
	font-weight: bold;
}
#specyfikacja_reklamowa li a:hover, 
#specyfikacja_reklamowa li a:focus, 
#specyfikacja_reklamowa li a:active
{
	color: #A4A8AE;
}

/*FORMULARZ KONTAKTOWY*/
form#formularz_pytania_uwagi {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
form#formularz_pytania_uwagi p {
	margin-bottom: 5px;
}
#formularz_pytania_uwagi label {
	font-size: 9px;
}
#formularz_pytania_uwagi fieldset {
	border: 0px;
}
#formularz_pytania_uwagi input.przycisk {
	width: 100px;
	text-align: center;
	color: #133B5E;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
#formularz_pytania_uwagi legend {
	visibility: hidden;
}
#formularz_pytania_uwagi input {
	width: 350px;
	font-size: 10px;
	padding: 2px;
	border: 1px #133B5E solid;
}
#formularz_pytania_uwagi input:focus {
	background-color: #f4f4f4;
}
#formularz_pytania_uwagi textarea {
	width: 495px;
	height: 150px;
	font-size: 11px;
	padding: 2px;
	border: 1px #133B5E solid;
}
#formularz_pytania_uwagi textarea:focus {
	background-color: #f4f4f4;
}
form#formularz_pytania_uwagi span.error {
	display: block;
	color: #cc0000;
	font-weight: bold;
}
form#formularz_pytania_uwagi input.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
form#formularz_pytania_uwagi textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}


/*ARCHIWUM*/
#archiwum h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#archiwum h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#numery_archiwalne h3 span {
	background-image: url(../grafika/h3-lista-nr-archiwalnych.gif);
	background-repeat: no-repeat;
}
ul#lista_nr_archiwalnych li {
	display: inline;
}
#archiwum a.pokaz  {
	line-height: auto;
	width: auto;
	display: inline;
	text-decoration: none;
	color: #FF8400;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
	background-image: url(../grafika/tlo-intro-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#archiwum a.pokaz:hover, 
#archiwum a.pokaz:focus, 
#archiwum a.pokaz:active
{
	background-color: #FF8400;
	color: white;
}
#ostatni_archiwalny {
	margin-bottom: 20px;
}
img#ostatni_archiwalny_okladka  {
	background-color: white;
	padding: 5px;
	border: 1px solid #B9B8B7;
	float: left;
	width: 180px;
}
ul#ostatni_archiwalny_tematy_numeru {
	margin-left: 20px;
	float: left;
	width: 300px;
}
ul#ostatni_archiwalny_tematy_numeru li {
	margin-bottom: 15px;
	text-transform: uppercase;
}

/*REDAKCJA*/
#redakcja h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#redakcja h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#o_nas h3 span {
	background-image: url(../grafika/h3-o-nas.gif);
	background-repeat: no-repeat;
}
#redakcja h4 {

}
#rada_naukowa {
	position: relative;
}
#rada_naukowa h3 span {
	background-image: url(../grafika/h3-rada-naukowa.gif);
	background-repeat: no-repeat;
}
#rada_naukowa ul {

}
#rada_naukowa li {
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(../grafika/tlo-magazine-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}


/*PRENUMERATA*/
#prenumerata h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#prenumerata h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#e_prenumerata h3 {
	width: 760px;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}
#e_prenumerata h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#e_prenumerata {
	position: relative;
}
#e_prenumerata #logo_egazety {

}
#warunki_e_prenumeraty h3 span {
	background-image: url(../grafika/h3-e-prenumerata.gif);
	background-repeat: no-repeat;
}
#metody_zamiawiania_prenumeraty h3 span {
	background-image: url(../grafika/h3-metody-zamawiania-prenumeraty.gif);
	background-repeat: no-repeat;
}
#warunki_prenumeraty h3 span {
	background-image: url(../grafika/h3-warunki-prenumeraty.gif);
	background-repeat: no-repeat;
}

#warunki_prenumeraty_disclaimer {
	font-weight: bold;
}

#metody_zamiawiania_prenumeraty {
	position: relative;
}
#metody_zamiawiania_prenumeraty ul {

}
#metody_zamiawiania_prenumeraty li {
	margin-bottom: 10px;
}
#metody_zamiawiania_prenumeraty h4 {
	font-weight: bold;
	background-image: url(../grafika/tlo-magazine-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
#warunki_prenumeraty h4 {
	font-weight: bold;
}
#cena_prenumeraty h4 {
	font-weight: normal;
	background-image: none;
	padding-left: 0px;
}
#prenumerata a.pokaz, #e_prenumerata a.pokaz  {

}
#prenumerata a.pokaz:hover, 
#prenumerata a.pokaz:focus, 
#prenumerata a.pokaz:active,
#e_prenumerata a.pokaz:hover, 
#e_prenumerata a.pokaz:focus, 
#e_prenumerata a.pokaz:active
{

}
#prenumerata .wyroznienie {
	color:#FF8400;
	font-weight: normal;
}


/*FORMULARZ PRENUMERATY*/
form#formularz_prenumerata {
	width: auto;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
form#formularz_prenumerata p {
	margin-bottom: 5px;
}
form#formularz_prenumerata label {
	font-size: 9px;
	margin-right: 10px;
}
form#formularz_prenumerata fieldset {
	border: 0px;
}
form#formularz_prenumerata input.przycisk {
	width: 100px;
	text-align: center;
	color: #133B5E;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
form#formularz_prenumerata legend {
	visibility: hidden;
}
form#formularz_prenumerata input {
	width: 350px;
	font-size: 10px;
	padding: 2px;
	border: 1px #133B5E solid;
}
form#formularz_prenumerata input:focus {
	background-color: #f4f4f4;
}
form#formularz_prenumerata textarea {
	width: 495px;
	height: 150px;
	font-size: 11px;
	padding: 2px;
	border: 1px #133B5E solid;
}
form#formularz_prenumerata textarea:focus {
	background-color: #f4f4f4;
}
form#formularz_prenumerata span.error {
	display: block;
	color: #cc0000;
	font-weight: bold;
}
form#formularz_prenumerata input.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
form#formularz_prenumerata textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
form#formularz_prenumerata label.instrukcja {
	color: #606060;
	padding: 2px;
	margin-bottom: 2px;
	width: auto;
	font-size: 9px;
	display: inline;
}
form#formularz_prenumerata input#upowaznienie_VAT, 
form#formularz_prenumerata input#zgoda_marketing 
{
	width: auto;
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
form#formularz_prenumerata input#nrarchiv, 
form#formularz_prenumerata input#liczba_prenumerat {
	width: 50px;
}

/*STOPKA*/
#stopka {
	clear: both;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	border-top: 1px dotted #bfbfbf;
	padding-top: 10px;
}
#wspolpraca {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #bfbfbf;
}
#wspolpraca ul li {
	display: inline;
	margin-right: 25px;
}
#copyrights a {
	text-decoration:none;
	cursor: pointer;
	color: #6B6B6B;
}
#copyrights a:hover, 
#copyrights a:focus, 
#copyrights a:active
{
	color: #A4A8AE;
}


/*KOLUMNY*/
.kolumna_lewa {
	float: left;
	width: 515px;
}
.kolumna_prawa {
	float: left;
	width: 184px;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #B9B8B7;
}
.kolumna_prawa h4 {
	color: #FF8400;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: normal;
	background-image: none; 
	background-color: white;
	padding: 3px;
	border: 1px solid #B9B8B7;
}