body { font-family: Arial, Georgia, Verdana; margin: 0px; padding: 0px; font-size:18px; }

nav a {
color: #fff;
text-decoration: none;
font-size:18px;
}
nav a:link {
color: #ffffff;
}
/* visited link */
nav a:visited {
color: #ffffff;
}
/* mouse over link */
nav a:hover {
color: green;
}
/* selected link */
nav a:active {
color: green;
}

nav a.ex1:link {
color: black;
}

nav a.ex1:hover {
color: black;
}

nav a.ex1:visited {
color: black;
}
nav a.ex1:active {
color: black;
}

nav a.ex1 {
color: black;
text-decoration: none;
font-size:18px;
}

.title-menu {
color: black;
font-size:18px;
} /* tekst na paskach bez rozwijania */

body a:hover { 
color: green;
}

nav { background-color: #f8f8f8; /* kolor górnego paska */
}

nav ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}

nav li,
nav .nav-toggle {
text-align: left;
position: relative;
display: inline-block;
cursor: pointer;
width: 100%;
}

nav .dropdown > a:after {
font-family: FontAwesome;	
content: '\f078';
position: absolute;
right: 15px;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
}

nav .dropdown.open,
.desktop nav li:hover { background-color: #e7e7e7; } /* kolor wiersza po otwarciu menu */
nav .dropdown.open > a:after,
.desktop nav li:hover > a:after {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}


nav .dropdown1 > a:after {
 font-family: FontAwesome;
    content: "Menu  \f0c9";
      background: url('https://www.cardstarot.com/grafika/astrology2.png' ) no-repeat center center;
	
      padding-left: 230px;
position: absolute;
right: 15px;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;

font-size: 30px;
}

nav .dropdown1.open,
.desktop nav li:hover { background-color: #e7e7e7; }  /* kolor górnego paska po rozwinięciu menu*/
nav .dropdown1.open > a:after,
.desktop nav li:hover > a:after {
 font-family: FontAwesome;
    content: "Menu  \f00d";
      background: url('https://www.cardstarot.com/grafika/astrology2.png' ) no-repeat center center;
	
      padding-left: 232px;
position: absolute;
right: 15px;
font-size: 30px;
}


nav .dropdown ul {
position: relative;
background-color: #f8f8f8;  /* kolor tlo po rozwinieciu podmenu*/
display: none;
}
nav a {
display: block;
padding: 15px 15px;
}

#wrapper { 
	display: flex; 
	justify-content: center; /* center horizontally */ 
	align-items: center; /* center vertically */ 
} 


i {text-decoration: none; font-size:18px;}
li {text-decoration: none; font-size:18px;}
ul {text-decoration: none; font-size:18px;}
.j {text-decoration: none;text-align: left; font-size:18px; line-height: 140%;}
a {color:#003366; text-decoration: none; font-size:18px;transition: color 0.3s ease;}
a:hover {color: #CC3300;}
a.menu {font-family: Arial, Georgia, Verdana; text-decoration:none; font-size:18px;}
a.menu:hover {color:#339966;text-decoration: none;}
.niebieski {color: blue;}
.bialy {color: white;}
h1 {font-size: 24px; color:#00008B;}
h2 {font-size: 22px;color:#00008B;}
h3 {font-size: 20px;color:#00008B;}

.btn1 {
border: 2px solid black;
background-color: white;
color: black;
padding: 10px 24px;
font-size:18px;
cursor: pointer;
}
.btn2 {
border: 2px solid black;
background-color: white;
color: black;
padding: 14px 28px;
font-size:18px;
cursor: pointer;
}

.btn3 {
border: 2px solid black;
background-color: white;
color: black;
padding: 10px 24px;
font-size:18px;
cursor: pointer;
width: 95%;
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: #4CAF50;
color: green;
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.14), 0 7px 10px 0 rgba(0,0,0,0.19);
}
.default:hover {
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.24), 0 7px 10px 0 rgba(0,0,0,0.19);
background-color: #4CAF50;
color: white;
}

div{font-family: Arial, Georgia, Verdana; font-size:18px; color:#000000;}
div#glowny { width:100%;margin: 0px auto 0px auto;text-align:left;}
div.pelny{ width: 100%;margin:0px;padding:4px 0px 0px 0px;text-align:left;}
img{ border:0px; }
div.lewy{ width: 100%;float:left;margin: 5px;}
div.srodek{ width: 100%;float:left;margin: 5px;}
div.prawy{ width: 100%;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://www.cardstarot.com/grafika/menu1.gif'); }
div.menu2{ width: 370px;height:78px;background-image: url('https://www.cardstarot.com/grafika/menu2.gif'); }
div.tabs{ font-family: Arial, Georgia, Verdana; font-size:18px; 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:18px; font-family: Arial; color: black;}
div.menuc1{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuc.gif');}
div.menuc{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuc.gif'); }
div.menuz{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuz.gif'); }
div.menuz1{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuz.gif'); }
div.menun{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menun.gif'); }
div.menun1{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menun.gif'); }
div.menus{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menus.gif'); }
div.menus1{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menus.gif'); }
div.menuf{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuf.gif'); }
div.menuf1{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuf.gif'); }
div.menuf4{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuf4.gif'); }
div.menuc4{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuc4.gif'); }
div.menuz4{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuz4.gif'); }
div.menuf6{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuf6.gif'); }
div.menuc6{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuc6.gif'); }
div.menuz6{ width: 100%;height:33px;background-image: url('https://www.cardstarot.com/grafika/menuz6.gif'); }

div.menuf7			{ 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.menuc7			{ 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.menuz7			{ 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.menus7			{ 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.menun7			{ 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: 100%;height:1px;background: #FFFFFF; }

div.menub{ width: 980px;height:33px;background-image: url('https://www.cardstarot.com/grafika/menub1.gif');float:left; }
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:18px; font-weight:bold;vertical-align:-8px; margin-left: 5px; }

div.marginesy{ padding:7px; }
div.marginesy1{ margin: 10px;padding:7px; }
div.marginesy15{ margin: 0px;padding:0px; }

hr {height: 0 !important;height: 1px; /* wysokosc pod ie */color: #E5E5E5; /* kolor pod ie */background: transparent;border-width: 1px 0 0 0;border-color: #efefef;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%;  
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%;  
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0px 0px 20px 0px;
}

div.tekstb5t{ width:100%; height:100%;  
}

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

.obrazek
{
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%);
}
/* Accordion Menu Styles
----------------------------------------*/
ul[data-menu-style="accordion"] {
width: 100%;
}
ul[data-menu-style="accordion"] > li {
display: block;
margin: 0;
padding: 0;
border: 0px;
float: none !important;
}
ul[data-menu-style="accordion"] > li:first-child {
border-top: 2px solid #3b39b4; /* kolor podkreslenia pod głownym menu */
}
ul[data-menu-style="accordion"] li ul.sub-menu > li {
width: 100%;
}
ul[data-menu-style="accordion"] > li > a > .arrow:before {
float: right;
content: "\f105";
}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
content: "\f107" !important;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu {
position: static;
}
ul[data-menu-style="accordion"] > li > a i {
padding-right: 10px;
color: #3b39b4; /* kolor ikonek w menu */
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
position: static;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
position: static;
}
ul[data-menu-style="accordion"] > li {
border-bottom: 1px solid #e7e7e7; /* kolor linijek po rozwinieciu menu */
}
ul[data-menu-style="accordion"] li a:hover {
background: #e7e7e7 !important; /* kolor linijek po najechaniu myszka po rozwinieciu menu */
}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
content: "\f107" !important;
}

 


  .search-bar {
    width: 100%;
    box-sizing: border-box;
  }

  .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, #e0e0e0, #d0d0d0);
  }

  .left-items {
    display: flex;
    align-items: center;
  }

  .left-items img {
    height: 30px;
    margin-right: 5px;
  }

.search-icon {
  cursor: pointer;
  font-size: 20px;
  margin-left: 5px;
  position: relative;
  top: -3px; /* podnosi o 3px */
}


  .date {
    font-weight: normal;
    white-space: nowrap;
  }

#search-form-container {
  padding: 15px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #ccc;
  display: none;
}

#search-form-container.show {
  display: block;
}


  #search-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  #search-form input[type="text"] {
    flex: 1;
    padding: 8px;
    font-size:18px;
    margin-right: 10px;
    min-width: 200px;
  }

  #search-form button[type="submit"] {
    padding: 8px 16px;
    font-size:18px;
    cursor: pointer;
  }

  @media (max-width: 600px) {
    #search-form {
      flex-direction: column;
      align-items: stretch;
    }

    #search-form input[type="text"] {
      margin-bottom: 10px;
      margin-right: 0;
    }

    #search-form button[type="submit"] {
      width: 100%;
    }
  }