body { font-family: Arial, Georgia, Verdana; margin: 0px; padding: 0px; padding-top: 70px; font-size:16px; line-height: 140%;}
#wrapper { 
	display: flex; 
	justify-content: center; /* center horizontally */ 
	align-items: center; /* center vertically */ 
} 
i {text-decoration: none; font-size:16px;}
li {text-decoration: none; font-size:16px;}
ul {text-decoration: none; font-size:16px;}
.j {text-align: left; font-size:16px; line-height: 140%;}
a {color:#003366; text-decoration: none; font-size:16px;transition: color 0.3s ease;}
a:hover {color: #CC3300;}
.n {background-color: #006699}
.nja {background-color: #B1E3FE}
.czerwony {font-size: 16pt;color: red}
.niebieski {color: blue}
.bialy {color: white}
.cz {background-color: #000000}
.zo {background-color: #FEE378}
.zoj {background-color: #FFFFCC}
.kolor1 {
background-color: #F7EFE7;
}
.kolor2 {
background-color: rgba(239, 239, 239, 1); 
background-image: linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(221, 218, 218, 1) 50%);	
}
.kolor3 {
background-color: #F7EFE7;
}
.kolor4 {
background-color: #2F6760;
}
.kolor5 {
background-color: #E7EFE7;
}
.kolor6 {
background-color: #324395;
}
.kolor7 {
background-color: #F7EFE7;
}
.kolor8 {
background-color: #AA000F;
}
.kolor10 {
background-color: #396342;
}
.kolor11 {background-color: #255030;}
.zoa {background-color: #FFCF00}
.sz {background-color: #CCCCCC}
.csz {background-color: #999999}
.jsz {background-color: #F4F4F4}
.sza {color:#666666; font-weight: normal}
.male {font-size: 10px; font-weight: normal; color:black; font-family: Arial, Georgia, Verdana;}
.males {font-size: 10px; font-weight: normal; color:666666; font-family: Arial, Georgia, Verdana;}
A.menu {font-family: MS Sans Serif, Arial CE, Helvetica;text-decoration:none; font-size: 9pt}
a.menu:hover {color:#339966;text-decoration: none}
A.zu {text-decoration:underline; font-size: 9pt; font-weight: normal; color:#003366}
a.zu:link { text-decoration:underline; color:#003366}
a.zu:hover {color: #6078B6;text-decoration: none}
A.u {text-decoration:none; font-size: 9pt; font-weight: normal; color:#990000}
a.u:hover {color: #6078B6;text-decoration: none}
A.nj {font-weight: bold; color:#006699; font-size: 10pt; text-decoration: underline}
a.nj:hover {color: black; text-decoration: none}
A.m {text-decoration:none; font-size: 10px; font-weight: normal; color:#003366; font-family: Arial, Georgia, Verdana;}
A.slink {text-decoration:none; font-size: 10px; font-weight: normal; color:#003366; font-family: Arial, Georgia, Verdana;}
A.s {text-decoration:none; font-size: 8pt; font-weight: normal; color:#666666}
A.lbelka {text-decoration:none; font-size: 10px; font-weight: normal; color:#FFFFFF; font-family: Arial, Georgia, Verdana;}
a.lbelka:hover {color: #FFFFFF;text-decoration: none}
h1 {font-size: 22px;color:#00008B;font-family: Arial, Georgia, Verdana;}
h2 {font-size: 20px;color:#00008B;font-family: Arial, Georgia, Verdana;}
h3 {font-size: 18px;color:#00008B;font-family: Arial, Georgia, Verdana;}

.btn1 {
border: 2px solid black;
background-color: white;
color: black;
padding: 10px 24px;
font-size: 16px;
cursor: pointer;
}
.btn2 {
border: 2px solid black;
background-color: white;
color: black;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
}
.btn3 {
border: 2px solid black;
background-color: white;
color: black;
padding: 10px 24px;
font-size: 16px;
cursor: pointer;
width: 480px;
height:150px;
}
/* Green */
.success3 {
border-color: #ebece9;
color: green;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.14), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.success3:hover {
box-shadow: 0 12px 12px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
background-color: #fef9ee;
color: white;
}
/* Green */
.success {
border-color: #4CAF50;
color: green;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.14), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.success:hover {
box-shadow: 0 12px 12px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
background-color: #4CAF50;
color: white;
}
/* Gray */
.default {
border-color: #e7e7e7;
color: black;
}
.default:hover {
background: #e7e7e7;
}

div{ font-family: Arial, Georgia, Verdana; font-size:16px; color:#000000;}
div#glowny { width: 1250px;margin: 0px auto 0px auto;text-align:left;}
div.pelny{ width: 100%;margin:0px;padding:4px 0px 0px 0px;text-align:center;}
img{ border:0px;}
div.lewy{ width: 370px;float:left;margin: 5px;}
div.srodek{ width: 265px;float:left;margin: 5px;}
div.prawy{ width: 580px;float:left;margin: 5px;}
div.top7{ padding-top:7px;}
div.adsense{ width:370px;float:right;text-align:center;background-color:#FBFBFB;margin-top:5px;border: 1px solid #F5F5F5;}
div.menu1{ width: 370px;height:78px;background-image: url('https://horoskopy.fazi.pl/grafika/menu1.gif');}
div.menu2{ width: 370px;height:78px;background-image: url('https://horoskopy.fazi.pl/grafika/menu2.gif');}
div.tabs{ font-family:Tahoma, Helvetica; font-size:12px; color:#BBBBBB; padding: 8px 15px;}
select,input.pole{ border-style: solid; border-color: #DDDDDD; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; font-size: 12px; font-family: Arial; color: black;}
div.menuf			{ width: 100%;height:33px;  
background: #D1B1DA;
background: -webkit-linear-gradient(left, #D1B1DA, #B8A4BF);
background: -moz-linear-gradient(left, #D1B1DA, #B8A4BF);
background: linear-gradient(to right, #D1B1DA, #B8A4BF);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
 }


div.menuc			{ width: 100%;height:33px;  
background: #F5ABB1;
background: -webkit-linear-gradient(left, #F5ABB1, #EE8F95);
background: -moz-linear-gradient(left, #F5ABB1, #EE8F95);
background: linear-gradient(to right, #F5ABB1, #EE8F95);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menuz			{ width: 100%;height:33px;  
background: #BBE4C2;
background: -webkit-linear-gradient(left, #BBE4C2, #ACD2B2);
background: -moz-linear-gradient(left, #BBE4C2, #ACD2B2);
background: linear-gradient(to right, #BBE4C2, #ACD2B2);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menus			{ width: 100%;height:33px;  
background: #DBD5D5;
background: -webkit-linear-gradient(left, #DBD5D5, #CAC4C4);
background: -moz-linear-gradient(left, #DBD5D5, #CAC4C4);
background: linear-gradient(to right, #DBD5D5, #CAC4C4);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menun			{ width: 100%;height:33px;  
background: #ACAEF2;
background: -webkit-linear-gradient(left, #ACAEF2, #999BCA);
background: -moz-linear-gradient(left, #ACAEF2, #999BCA);
background: linear-gradient(to right, #ACAEF2, #999BCA);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menuf1			{ width: 100%;height:33px;  
background: #D1B1DA;
background: -webkit-linear-gradient(left, #D1B1DA, #B8A4BF);
background: -moz-linear-gradient(left, #D1B1DA, #B8A4BF);
background: linear-gradient(to right, #D1B1DA, #B8A4BF);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
 }

div.menuc1			{ width: 100%;height:33px;  
background: #F5ABB1;
background: -webkit-linear-gradient(left, #F5ABB1, #EE8F95);
background: -moz-linear-gradient(left, #F5ABB1, #EE8F95);
background: linear-gradient(to right, #F5ABB1, #EE8F95);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menuz1			{ width: 100%;height:33px;  
background: #BBE4C2;
background: -webkit-linear-gradient(left, #BBE4C2, #ACD2B2);
background: -moz-linear-gradient(left, #BBE4C2, #ACD2B2);
background: linear-gradient(to right, #BBE4C2, #ACD2B2);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menus1			{ width: 100%;height:33px;  
background: #DBD5D5;
background: -webkit-linear-gradient(left, #DBD5D5, #CAC4C4);
background: -moz-linear-gradient(left, #DBD5D5, #CAC4C4);
background: linear-gradient(to right, #DBD5D5, #CAC4C4);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menun1			{ width: 100%;height:33px;  
background: #ACAEF2;
background: -webkit-linear-gradient(left, #ACAEF2, #999BCA);
background: -moz-linear-gradient(left, #ACAEF2, #999BCA);
background: linear-gradient(to right, #ACAEF2, #999BCA);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menuf6			{ width: 100%;height:33px;  
background: #D1B1DA;
background: -webkit-linear-gradient(left, #D1B1DA, #B8A4BF);
background: -moz-linear-gradient(left, #D1B1DA, #B8A4BF);
background: linear-gradient(to right, #D1B1DA, #B8A4BF);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
 }

div.menuc6			{ width: 100%;height:33px;  
background: #F5ABB1;
background: -webkit-linear-gradient(left, #F5ABB1, #EE8F95);
background: -moz-linear-gradient(left, #F5ABB1, #EE8F95);
background: linear-gradient(to right, #F5ABB1, #EE8F95);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menuz6			{ width: 100%;height:33px;  
background: #BBE4C2;
background: -webkit-linear-gradient(left, #BBE4C2, #ACD2B2);
background: -moz-linear-gradient(left, #BBE4C2, #ACD2B2);
background: linear-gradient(to right, #BBE4C2, #ACD2B2);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menus6			{ width: 100%;height:33px;  
background: #DBD5D5;
background: -webkit-linear-gradient(left, #DBD5D5, #CAC4C4);
background: -moz-linear-gradient(left, #DBD5D5, #CAC4C4);
background: linear-gradient(to right, #DBD5D5, #CAC4C4);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }

div.menun6			{ width: 100%;height:33px;  
background: #ACAEF2;
background: -webkit-linear-gradient(left, #ACAEF2, #999BCA);
background: -moz-linear-gradient(left, #ACAEF2, #999BCA);
background: linear-gradient(to right, #ACAEF2, #999BCA);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.45);
  }
div.menub7{ width: 1250px;height:1px;background-image: url('https://horoskopy.fazi.pl/grafika/menub7.gif'); }
div.menub{ width: 980px;height:33px;background-image: url('https://horoskopy.fazi.pl/grafika/menub1.gif');float:left;}
div.pp1{ float:left;width:190px;}
div.pp2{ float:right;width:160px;}
span.mini{ font-size:11px;}
span.szary{ color:#B9B9B9;}
span.dzial{ display:block; float:left; width:80px;font-weight:bold;}
span.menut { color:#000000; font-family: Arial, Georgia, Verdana; font-size:17px; font-weight:bold;vertical-align:-7px; margin-left: 5px; }
span.smskartka{ vertical-align:-2px;}
div.imieniny{ float:left;width:550px;}
div.sms{ float:right;width:200px;text-align:right;display:inline;}
div.marginesy{ padding:7px;}
div.marginesy1{padding:7px;}
div.marginesy15{ margin: 0px;padding:0px;}
ul { list-style:none;}
hr {height: 0 !important;height: 1px; /* wysokosc pod ie */color: #E5E5E5; /* kolor pod ie */background: transparent;border-width: 1px 0 0 0;border-color: #F7EFE7;border-style: solid;
} 
div.marginesy15ul { float:left;width:160px;margin-top:15px;margin-left:10px;margin-bottom:0px;padding:0px;}
div.stopka { width:750px;float:left;border-top:1px solid #d5dade;background-color:#fff;padding:5px 0px 5px 0px;margin-top:10px;}
div.stopka0 { width:980px;float:left;border-top:1px solid #d5dade;background-color:#fff;padding:5px 0px 5px 0px;margin-top:10px;}
div.tekstb{ width:100%height:100%;  margin-top:10px;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.teksta1{ width:100%;height:100%; margin-top:10px; 
  background: #f6f7f8;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.teksta5{ width:100%;height:100%;  margin-top:10px;
  background: #f6f7f8;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.teksta{ width:100%;height:100%; margin-top:10px; 
  background: #f6f7f8;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.tekstb5{ width:100%;height:100%;  margin-top:10px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.tekstb1{ width:100%;height:100%;  margin-top:10px;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}
.obrazek
{
display: block;
margin-left: auto;
margin-right: auto;
height: auto;display: block;max-width: 100%;
-webkit-transition:
all 1s ease; -moz-transition:
all 1s ease; -o-transition: all 0.2s ease;
-ms-transition: all .02s ease;
transition: all 0.2s ease;
}
.obrazek:hover
{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
z-index: 0;
overflow: hidden;
}
.obrazek1
{
height: auto;display: block;max-width: 100%;
-webkit-transition:
all 1s ease; -moz-transition:
all 1s ease; -o-transition: all 0.2s ease;
-ms-transition: all .02s ease;
transition: all 0.2s ease;
}
.obrazek1:hover
{
-webkit-filter:
grayscale(100%);
}


</head>


<div align="center">

.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,
.nav>li>a:hover{text-decoration:none;background-color:#eee}
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}



 /* kolor paska i krawedzi paska */
.navbar-default {
z-index: 1;
background-color: rgba(247, 239, 231, 1);
background-image: linear-gradient(90deg, rgba(247, 239, 231, 1) 0%, rgba(230, 223, 216, 1) 100%);
}
/* title */
.navbar-default .navbar-brand {
color: #FFFFFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #813772;
}
/* link kolor tekstu */
.navbar-default .navbar-nav > li > a {
color: #000000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #FFFFFF;
background-color: #813772;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
color: #FFFFFF;
background-color: #813772;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
color: #FFFFFF;
background-color: #062F4F;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #ff0000;
border-bottom-color: #000000;
}
.navbar-default .navbar-nav.pinkBackground>li>a {
color:#062F4F ;
}
@media (min-width: 100px) {
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.navbar .navbar-collapse {
text-align: center;
}
}




.grid{max-width:1100px;margin:0 auto;padding-left:1rem;padding-right:1rem}

.main-nav{display:flex;align-items:center;justify-content:space-between;font-family:raleway,serif;font-size:1rem}
.main-nav 
a {color:#003366; text-decoration: none; font-family: Arial; Helvetica; font-size:16px}
a:hover {color:#CC3300; text-decoration: none; font-family: Arial; Helvetica; font-size:16px}
.main-nav .menu-trigger{font-weight:700;padding:.5rem;text-transform:uppercase}
.main-nav 
.menu-trigger i{font-size:80%;margin-left:.1rem}.main-nav .logo{width:14%}.main-nav .main{width:70%}.main-nav 

.menu-link{display:inline-block;font-weight:700;padding:.5rem;text-transform:uppercase}
.main-nav .dropdown{display:inline-block;padding:1rem 0}
.main-nav .dropdown .sub-nav{display:none;min-width:14rem;position:absolute;left:-8rem;top:3rem;margin-left:50%;grid-column-gap:1rem;background:#fff;border:1px #e1e1e1 solid;box-shadow:1px 2px 5px rgba(0,0,0,.15);z-index:5}
.main-nav .dropdown .sub-nav.medium{text-align:left;width:31rem;left:-23rem;grid-template-columns:1fr 1fr}
.main-nav .dropdown .sub-nav.large{text-align:left;width:58rem;left:-30rem;grid-template-columns:1fr 1fr 1fr 1fr}
.main-nav .dropdown .sub-nav h3{text-align:left;padding:0rem 1rem;color:#000000;font-family:playfair display,serif;text-transform:capitalize}
.main-nav .dropdown .sub-nav a{border-bottom:1px #d4d4d4 dotted;display:block;padding:.5rem 1rem}
.main-nav .dropdown .sub-nav a:hover{background:0 0;color:#CC3300}
.main-nav .dropdown .sub-nav a.highlight{color:#000000;font-size:.8rem}

div.rozwijane		{ width: 700px;float:left;margin: 5px;}

.dropdown{position:relative}.dropdown .content{display:none;position:absolute;width:max-content;background:#fcfcfc;border:1px #ddd solid;z-index:2}
.dropdown 
.content a{display:block;color:#111;padding:.5rem}





.wdgt-view-list{border:1px solid transparent;letter-spacing:-.5px;margin-left:0;margin-right:0;padding:0}
.wdgt-view-list>li{border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid transparent;list-style-type:none;margin:0 0 -1px;padding:0;position:relative}
.wdgt-view-list>li>a{display:block;line-height:1.2rem;overflow:hidden;padding:.5rem 1.5rem .5rem .5rem;text-overflow:ellipsis;white-space:nowrap}
.wdgt-view-list>li>a:hover{background:rgba(0,0,0,.05);text-decoration:none}
.wdgt-view-list>li>a:after{color:rgba(0,0,0,.6);content:"\f054";font-family:FontAwesome;font-size:.75rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1rem}
.wdgt-view-list>li>a:before,
.wdgt-view-list>li>a>.wdgt-view-icon{background:var(--wdgt-list-icon-bg,#090);border-radius:50%;color:var(--wdgt-list-icon-fg,#fff);display:inline-block;flex-shrink:0;font-size:.875rem;height:1.425em;line-height:1.425em;margin-right:.5rem;text-align:center;width:1.425em}




#navbarg {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: black;
  text-align: center;
  height: 65px;
  transition: box-shadow 0.3s ease;
  z-index: 1050;
}

/* Klasa dodawana po scrollu */
#navbarg.scrolled {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


  .custom-menu {
    background-color: rgb(247, 239, 231);
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .custom-menu ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 54px;
    align-items: stretch;
  }

  .custom-menu li {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .custom-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 12px; /* mniejszy padding */
    color: black;
    text-decoration: none;
    font-weight: none;
    transition: background-color 0.3s, color 0.3s;
  }

  .custom-menu a:hover {
    background-color: rgb(129, 55, 114);
    color: white;
  }

  .obrazek-menu {
    height: 30px;
    margin-right: 8px; /* lekki margines między flagą a tekstem */
    vertical-align: middle;
  }