.menuTd
{
  z-index: 10000;
  margin-left: 40px;
  height:30px;
}
.menuItem
{
  z-index: 10000;
  font-size: 20px;
  font-family: Open Sans;
  font-weight:400;
  padding-right: 3px;
  padding-left: 3px;
  margin-right: 17px;
  margin-left:17px;
  color:white;
  text-decoration:none;
  border-bottom: 1px solid transparent;

  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
display:inline-block;
}
.menuItem:hover
{
  z-index: 10000;

  font-size: 20px;
  font-family: Open Sans;
  font-weight:400;
  padding-right: 3px;
  padding-left: 3px;
  margin-right: 17px;
  margin-left:17px;
  color:white;
  border-bottom: 2px solid #0076BA;
  text-decoration:none;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
display:inline-block;

}

.menuItem.sub:hover
{
  background-color:rgba(181, 48, 48, 0.5);
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom: 1px solid transparent;

}

a
{
  text-decoration: underline;
  color: #1866A6;
  cursor:pointer
}
a:hover
{
  text-decoration: none;

  color: #1866A6;
  cursor:pointer
}
.submenu
{
  position:absolute;
  display:block;
  white-space: nowrap;

  background-color:rgba(0,0,0, 1.0);
  top:30px;
  left:0px;
  border-radius:0px;
  z-index: 5000;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
padding-top: 20px;
margin: 5px;
  text-align: left;
  color:white;
}

.submenuMobile
{
  display:block;
  width: 90%;
  background-color:rgba(181, 48, 48, 0.8);
  border-radius:10px;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
margin: 5px;
  text-align: center;
}

.subMenuItem
{
  font-size: 18px;
  font-family: Open Sans;
  font-weight:400;
  padding-right: 15px;
  padding-left: 15px;
  color:white;
  text-decoration:none;
  padding-top:4px;
  padding-bottom:4px;

  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
display:block;
}
.subMenuItem:hover
{
  font-size: 18px;
  font-family: Open Sans;
  font-weight:400;
  padding-right: 15px;
  padding-left: 15px;
  color:#00A2FF;
  text-decoration:none;

  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
display:block;
}
.articleHeader
{
  height: 60px;
  background-color:#198CF7;
  font-size:20px;
  font-weight:600;
  color:white;
  text-align:center;
  vertical-align:center;
}

.articleContent
{
  padding:15px;
  border: 2px solid #198CF7;
  border-bottom:0px;
  font-size:16px;
  font-weight:400;
  color:black;
  text-align:left;
  vertical-align:top;
}
.articleMoreButton
{
  background-color:#198CF7;
  display:block;
  width:100%;
  padding:10px;
  color:white;
  font-family:Open Sans;
  font-size:16px;
  text-transform:uppercase;
  font-weight:600;
  border:0px;
  cursor:pointer;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}
.articleMoreButton:hover
{
  background-color:#0A5EAE;
  display:block;
  width:100%;
  padding:10px;
  color:white;
  font-family:Open Sans;
  font-size:16px;
  text-transform:uppercase;
  font-weight:600;
  border:0px;
  cursor:pointer;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}

.headerIcon
{
  position:absolute;
  top: 110px;
  text-align:center;
  color:white;
  background-color:#198CF7;
  width:50px;
  height:50px;
  display:inline-block;
  border-radius: 10px;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}
.headerIcon:hover
{
  position:absolute;
  top: 110px;
  text-align:center;
  color:white;
  background-color:#0A5EAE;
  width:50px;
  height:50px;
  display:inline-block;
  border-radius: 10px;
  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
cursor:pointer;
}

.mobileMenu
{
  position: fixed;
  top: 0px;
  left:0px;
  z-index: 50000;
  background-color:rgba(65,21,22,0.8);
  overflow:auto;
  width:100%;
  height:100%;

  transition:.4s;
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}
.attuneses
{
  transition:.5s;
  -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
}
.naptarCell
{
  border:2px solid #8FCDF7;
  font-weight:600;
  vertical-align: top;
  text-align:left;
  padding:5px;
  color:#198CF7;
  width:14.286%;
  font-size:12px;
  height:58.6666px;
}
.hetvege
{
  background-color:#F2FBFF;
}
.napKeret
{
    background-color:#FA5758;
    color:white;
    width:25px;
    height:25px;
    border-radius:12.5px;
    text-align:center;
    font-weight: 800;
    display:inline-block;
    position:relative;
    top:-3px;
    left:-3px;
}
.napFejlec
{
  background-color:#198CF7;
  color:white;
  font-weight:600;
  font-size:18px;
  width:14.286%;
  height: 30px;
}
input, select, textarea
{
  padding: 10px;
  border: 2px solid white;
  font-family: Open Sans;
  font-weight:300;
  color:white;
  background-color:black;
  font-size:16px;
  letter-spacing:4px;
  width:100%;
  box-sizing:border-box;
}
button
{
  padding: 10px;
  border: 2px solid white;
  font-family: Open Sans;
  font-weight:300;
  color:white;
  background-color:black;
  font-size:16px;
  letter-spacing:4px;
  box-sizing:border-box;

    transition:.4s;
    -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
}
button:hover
{
  color:black;
  background-color:white;
  cursor:pointer;
}
