* {
/*	box-sizing: border-box */
	margin: 0;
	padding: 0;
  }

body {
	margin-top: 10px;
	background-color: #FFFFED;
	margin-left: 60px;
	display: flex;
	flex-direction: column;
	height: 100vh;
}

a {
    font-weight: bold;
}

a:link {
	color: #303;
	text-decoration: none;
}

a:visited {
	color: #636;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline overline;
	text-decoration-color: #0066cc;*/
	text-underline-offset: 3px;
	background-color: #e0e0e0;
	border-radius: 4px;
}


input {
    background-color: #FFFFED;
    border: thin #F5F5DC;
    font-family: arial, tahoma, sans-serif, verdana ;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
	 margin-left: 3px;
    color: #00F;
}

input.kursywa {
    color: #609;
    font-style: normal;
}


input.timerek {
	width: 95px;
   box-sizing: border-box;
	background-color:#996600;
	border: thin;
	color: #FFFF99;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin-left: 51px;
}

p.p_zodiak {
	font-size: 12px;
	text-align: left;
	margin-left: 0;

}

p {
	color: #330000;
	font-family: sans-serif, verdana, arial;
	font-size: 15px;
	text-align: left;
   margin-left: 9px;
	margin-bottom: 1em;
}

.tekst-lista{
	color: #330000;
	font-family: sans-serif, verdana, arial;
	font-size: 15px;
	text-align: left;
   margin-left: 29px;
	margin-bottom: 1em;
}

.gruby {
	font-weight: bold;
}

.wyrozniony {
	font-weight: bold;
	font-size: 13px;
}

.webmaster {
	display: block;
  	text-align: center;
	font-family: arial;
	font-size: 9px;
}


#navlist {
	position: absolute;
	display: flex;
}


#navlist li {
	display: block;

 }


#navlist a {
   display: block;
	padding: 5px 10px 1px;
	background-image: url(image/zakladka1.jpg);
	height: 19px;
	width: 95px;
	text-align: center;
	color: #FFF;
	font-family: sans-serif;
	font-size: 13px;
}

#navlist a:hover {
	background-image: url(image/zakladka2.jpg);
	color: #000099;
}

#rightside h1 {
 	margin: 0 0 10px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #033387;
}

#wrapper {
    width: 200px;
    margin: 10px auto;
}

#searchInput,
#results,
#results a {
    box-sizing: border-box;
}

#searchInput {
    width: 200px;
  	 padding: 4px 7px;
  	 background-color: #f2f2f2;
 	 border: 1px solid #999;
  	 border-radius: 3px;
    font-family: Arial;
    font-size: 13px;
  	 color: #333;
}

#searchInput:focus {
    background-color: #ffffff;
    border: 1px solid #666;
    outline: none;
}

#results {
    display: none;
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #999;
    border-top: none;
    max-height: 250px;
    overflow-y: auto;
}

#results a {
    display: block;
    padding: 5px 7px;
    text-align: left;

    color: #0000cc;
    font-family: Arial;
    font-size: 13px;
}

#results a:hover {
    background-color: #eeeeee;
}


#results a.active {
    background-color: #dddddd;
    color: #000000;
}

#results .muted {
    padding: 5px 7px;
    color: #666666;
    font-size: 13px;
}

.search-column {
    width: 230px;
	 text-align: center;
}

.search-column img {
    width: 118px;
    height: 161px;
}

.header-photo {
    width: 195px;
    text-align: center;
}

.site-header {
    background-color: #CC9966;
	 width: 1015px;
}

.header-images {
    display: flex;
}

.header-title-row {
    display: flex;
}

.header-spacer {
   height: 12px;
}

.nav-row {
    height: 24px;
}

.header-photo img {
    height: 111px;
}
.header-main img {
    width: 805px;
	 height: 111px;
}

.header-title {
    width: 805px;
    background-color: #CC9966;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

.red-strip {
    background-color: #660000;
 	 height: 2px;
	 width: 1015px;
}

.more-link {
	/*display: block;  */
	/*font-family: sans-serif;
	font-size: 13px; */
	display: inline-block;
    float: right;
    transform: translateX(100px);

}


.hr-center {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.main-content-row {
    display: flex;
	 width: 1015px;

}


.main-info-row {
    display: flex;

}

.third-info-row {
    display: flex;

}

.stopka-info {
    text-align: center;
}

.stopka {
    display: grid;
	 width: 1000px;
}

.stopka-nowy-uklad {
    display: grid;
    grid-template-columns: 230px 1fr 200px;
}

.nawigacja {
	margin-left: 20px;
	font-size: 0.95rem;
	gap: 20px;
}

.nawigacja a {
	margin: 0;
	padding: 2px 0;
	line-height: 0.5;
	color: #333;
	text-decoration: none;
	transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.nawigacja a:hover {
	color: #000;
	text-decoration: underline overline;
	text-decoration-color: #0066cc;*/
	text-underline-offset: 3px;
	background-color: #e0e0e0;
	border-radius: 4px;
}


.daily-date {
    display: flex;
    align-items: baseline;
	 width: 900px;
}

.daily-info {
    width: 900px;
    font-family: sans-serif;
    font-size: 13px;
    color: #000099;
}


.daily-born {
	width: 900px;
	margin-top: 10px;
}


.daily-born #Cytat {
    display: inline;
}

.daily-nameday {
    margin-top: 10px;
}

.daily-zodiac {
    margin-left: 80px;
	 color: #480018;
}


.daily-label {
	display: inline;
    margin-right: 70px;
	 margin-top: 10px;
	 color: #480018;


}

.daily-label-1 {
    margin-right: 10px;
	 margin-top: 10px;
	 color: #480018;/*kolor brązowy */

}

.daily-label-2 {
    margin-right: 57px;
	 margin-top: 10px;
	 color: #480018;

}

.daily-label-3 {
	 display: block;
    margin-left: 45px;
	 margin-top: 3px;
	 font-weight: bold;
	 font-size: 15px;
	 color: #0101FF; 		/* tu zmieniamy*/
 }

.daily-label-4 {
	 font-weight: bold;
	 font-size: 15px;
	 color: #C30000;
}

.daily-label-5 {
	 font-weight: bold;
	 font-size: 15px;
	 color: #00A900;
}

.daily-label-6 {
	 font-weight: bold;
	 font-size: 14px;

}

.zodiac-tekst {
	font-weight: bold;
	font-size: 14px;
	color: #0101FF;
}

.daily-zodiac a {
    color: #480018;
    text-decoration: none;

}

.daily-zodiac a:hover {
    color: #000;
	text-decoration: underline overline;
	text-decoration-color: #0066cc;*/
	text-underline-offset: 3px;
	background-color: #e0e0e0;
	border-radius: 4px;
}


.daily-calendar-info {
    margin-left: 70px;

}

.tekst-preformatowany {
 	font-family: verdana,sans-serif;
	font-size: 13px
}

pre {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  tab-size: 4; /* Określa szerokość tabulatora na 4 spacje – dostosuj według uznania */
  -moz-tab-size: 4; /* Wsparcie dla starszego Firefoxa */
}


/* CZĘŚĆ DOTYCZĄCA MATERIAŁÓW DO PRZEGLĄDANIA*/

.pdf-app-wrapper {
	display: flex;
	width: 100%;
	/*height: 95vh; */
	height: 95vh;
	min-height: 450px;
	/*background-color: #f0f2f5; */
	background-color: #FFFFED;
	/*border-radius: 8px; */
	border-radius: 12px;
	overflow: hidden;
	margin: 20px 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}

.pdf-sidebar {
	width: 180px;
  	/*background-color: #FFf;  	 */
	background-color:#FFFFED;
	border-right: 1px solid #e0e0e0;
	/*padding: 20px; */
	padding: 10px;
	overflow-y: auto;
}

.pdf-sidebar-tittle {
	font-size: 0.8rem;
	margin-bottom: 15px;
	color: #7f8c8d;

	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.pdf-doc-list {
	display: flex;
	flex-direction: column;
	/*gap: 8px; */
	gap: 6px;
}

.pdf-doc-item {
	width: 100%;
	/*padding: 12px 15px; */
	padding: 6px 10px;
	/*background-color: #f8f9fa; */
	background-color: #FFC;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	text-align: left;
	font size: 0.95rem;
	/*color: #2d3748; */
	color: #300;
	cursor: pointer;
	transition: all 0.2 ease;
	/*box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.02); */
	/*line-height: 1.4; */
}

.pdf-doc-item:hover {
	/*background-color: #edf2f7; */
	background-color: #FFD6AD;
	border-color: #cbd5e0;
}

.pdf-doc-item.active {
	/*background-color: #3498db; */
	background-color: #CD6600;
	color: white;
	border-color: #2980b9;
	font-weight: 600;
}

.pdf-viewer-area {
	width: 500px;
	padding: 15px;
	/*background-color: #f0f2f5; */
	background-color: #FFFFED;
	/*background-color: #ffffff !important; */
}

.pdf-iframe-container {
	width: 100%;
	height: 100%;
	/*background: #fff; */
	background: #FFFFAD;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #dcdde1;
}

.pdf-iframe-container iframe {
	width: 100%;
	height: 100%;
	border: none;
}

@media (max-width: 768px) {
	.pdf-app-wrapper {
		flex-direction: column;
		hight: auto;
	}

	.pdf-sidebar {
		width: 100%;
		max-height: 180px;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
		padding: 15px;
	}

	.pdf-viewer-area {
		height: 1000px;
		padding: 10px;
		/*height: calc(100vh - 270px); */
	}