body {
    /*padding-top: 40px;
    padding-bottom: 40px;*/
    background-color: #f5f5f5;
    
    color: #4D4D4D;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;
    font-weight: 400;
}

h4 {
  font-size:16px;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

/* Sticky footer styles
      -------------------------------------------------- */

  html,
  body {
    /* height: 100%; */
    margin: 0px;
  }
  
  #page {
    min-height: 100%;      
  }
  
  #header {
    height: 120px;
  } 
  
  #content {
    position:relative;
    top:0px;
    margin-top:30px;
    margin-bottom:30px;
    /*height: auto !important;
    min-height: 100%;
    margin: 0 auto -60px;
    height: 100%;*/
    
  /*  display:block;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align:center;
    position: absolute;
    top: 0;
    padding-top: 120px; /* Fejléc magassággal megegyező */
    /*margin: 0 auto;
    width:100%;*/
  }
  
  
  
  .page-header {
    margin-top: 50px;
  }

  /* Wrapper for page content to push down footer */
  #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align:center;
    
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
    height: 100%;
    /*position: absolute;*/
    top: 0;
    /* padding-top: 120px; */
	padding-top: 60px; 
	padding-bottom: 60px; 
  }
  
  .form-signin {
    margin-top: 20px;
  }
  
  

  /* Set the fixed height of the footer here */
  #push, #footer {
    height: 60px;
  }
  
  #footer {
    position: fixed;
	  bottom: 0px;
	  width: 100%;
	  text-align: center;
	  z-index: 999;
	
	  /* ------------------- RÉGI STÍLUS --------------------------
    background-color: #05589E;
    */

    /* ------------------- ÚJ 2017-ES STÍLUS -------------------- */
    background-color: #003F7A;

    color:white;
    /*padding: 60px 0 10px 0;*/
    margin: 0 auto 0 auto;
    margin-top:30px;
  }
  
  #footer a {
    color:white;
  }
  
  .bejelentkezo {
	width: 50%;
  }

  
  /* Custom page CSS
  -------------------------------------------------- */
  /* Not required for template or sticky footer method. */

  .container {
    width: auto;
    max-width: 680px;
  }
  .container .credit {
    margin: 20px 0;
  }
  
  
  
  /* --------------------------------------------------
   Header
  ---------------------------------------------------*/
  #header {
    text-align:center;
    /* border-bottom:2px solid white; */
    /* box-shadow: 2px 2px 6px rgba(0,0,0,0.6); */

    /* ------------------- ÚJ 2017-ES STÍLUS -------------------- */
    background: #003F7A;
    
    /* ------------------- RÉGI STÍLUS --------------------------
    background: #005596;
    background-color: #D1D1D1;
    background: -moz-linear-gradient(top, #005596 0%, #009ec3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005596), color-stop(100%,#009ec3));
    background: -webkit-linear-gradient(top, #005596 0%,#009ec3 100%);
    background: -o-linear-gradient(top, #005596 0%,#009ec3 100%);
    background: -ms-linear-gradient(top, #005596 0%,#009ec3 100%);
    background: linear-gradient(to bottom, #005596 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='#009ec3',GradientType=0 );
    */
    
  }
  
  #header div:first-child {
    margin:0 auto;
    width:678px;
  }
  
  #header-content {
    display:inline;
    color:white;
  }
  
  #header div {
    padding-top:20px;
    /*padding-bottom:20px;*/
  }
  
  #header .header-title {
    font-size:28px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:0px;
    unicode-bidi: -moz-isolate;
	/* font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif; */
    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: "Trebuchet MS","Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;
    /* font-family: "Trebuchet MS","Segoe UI"; */
	font-weight: normal;
    /* letter-spacing: 2px; */
	line-height: 100%;
  }
  
  #cimer {
    float:right;
    height:80px;
    border:1px solid white;
  }
  
  #zalaviz-logo {
    float:left;
  }
  
  .navbar-inner .container .nav .dropdown .fomenu {
	padding: 10px 8px 10px;
	border-left: 1px dotted #e3e3e3;
  }
  
  .navbar-inner .container .brand {
	vertical-align: middle;
	color: #3aa1bf;
	font-size: 18px;
	padding: 9px 20px 9px;
	font-weight: bold;
  }
  
  
  
  
 .accordion-inner, .accordion-group {
    background-color:white;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .accordion-group {
    margin-top:10px;
	/* box-shadow: 0px 0px 6px 0px #666666;
	-moz-box-shadow: 0px 0px 6px 0px #666666;
	-webkit-box-shadow: 0px 0px 6px 0px #666666; */
  }
  /*
  .accordion-group:hover {
    -moz-transform: scale(.98);
    -webkit-transform: scale(.98);
    -o-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
    border: none;
  }*/
  
  .accordion-heading a {
    color:white;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","dejavu sans","helvetica neue",arial,sans-serif;
    font-weight: 400;
  }
  
  
  /* Menüpontok */
  .menupont {

     background-color:#0099CC;
     

      *zoom: 1;
      margin-bottom: 0;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      color: #ffffff;

      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      border: 0;
      *margin-left: .3em;
      -webkit-transition: background-color 0.1s linear;
      -moz-transition: background-color 0.1s linear;
      -o-transition: background-color 0.1s linear;
      transition: background-color 0.1s linear;
  }
  
  .bejelentes-menupont {
	  background-color:#999;
  }
  
  .menupont:hover,
  .menupont:focus,
  .menupont:active,
  .menupont.active,
  .menupont.disabled,
  .menupont[disabled] {
    color: #ffffff;
    background-color: #005593;
  }
  
  .bejelentes-menupont:hover,
  .bejelentes-menupont:focus,
  .bejelentes-menupont:active,
  .bejelentes-menupont.active,
  .bejelentes-menupont.disabled,
  .bejelentes-menupont[disabled] {
    color: #ffffff;
    background-color: #000;
  }
  
  #kijelentkezes {
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    height:26px;
  }
  
  #kijelentkezes a {
    text-decoration:none;
  }
  
  /* table-main */
  .table-main {
  }
  
  .table-main th, td {
    text-align:center;
    vertical-align:middle;
  }
  
  .table-main tbody td {
    
    vertical-align:middle;
  }
  
  .table-main tbody tr td:first-child, .table-main tbody tr td:last-child {
    text-align:center;
    /*width:80px;*/
  }
  
  .doc-text div {
    float:left;
    text-align:left;
  }
  
  .doc-text div:last-child {
    margin-top:5px;
  }
  
  .doc-button {
    width:100px;
    /*float:right;*/
  }
  
  @media (max-width: 720px) {
    
    #header div:first-child {
	  width:auto;
	}
	
	#header .header-subtitle { display:none; }
	
	#footer {
	  position: relative;	  
	}
	
	#footer .container .credit {
	  margin-bottom: 0px;
	}
	
	.bejelentkezo {
		width: auto;
	}
	
  }
  
  
  /* Kijelző mérettől függő megjelenítés */ 
  /* DESKTOP */
  @media (min-width: 480px) {
    /*#header { display:block;}
    #mobile-header { display:none;}*/
    /* #header div:first-child {width:678px;} */
	
  }
  
  /* MOBILE */  
  @media (max-width: 480px) {
    
    #header .header-title { font-size:22px; }
    #header .header-subtitle { display:none; }
	
	#footer {
	  position: relative;
	}
  }
  
  
  /* Archive */
  .documents {
    background:white;
  }
  
  
  .brdc:link, .brdc:active, .brdc:visited {
	color: #999;
	text-decoration: none;
  }
  
  .brdc:hover {
	color: #666;
	text-decoration: none;
  }

/* -------------------------------- ÚJ 2017-ES STÍLUS --------------------------------- */

  .btn {
    text-shadow: none;
    border: none;
    border-bottom-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    background-color: #ccc;
    background-image: -moz-linear-gradient(top, #ccc, #ccc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#ccc));
    background-image: -webkit-linear-gradient(top, #ccc, #ccc);
    background-image: -o-linear-gradient(top, #ccc, #ccc);
    background-image: linear-gradient(to bottom, #ccc, #ccc);
  }

  .btn-primary, .btn-primary:hover {
    background-color: #003F7A;
    background-image: -moz-linear-gradient(top, #003F7A, #003F7A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003F7A), to(#003F7A));
    background-image: -webkit-linear-gradient(top, #003F7A, #003F7A);
    background-image: -o-linear-gradient(top, #003F7A, #003F7A);
    background-image: linear-gradient(to bottom, #003F7A, #003F7A);
    border-color: #003F7A #003F7A #003F7A;
  }

  .btn-success, .btn-success:hover {
    background-color: #99CC33;
    background-image: -moz-linear-gradient(top, #99CC33, #99CC33);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99CC33), to(#99CC33));
    background-image: -webkit-linear-gradient(top, #99CC33, #99CC33);
    background-image: -o-linear-gradient(top, #99CC33, #99CC33);
    background-image: linear-gradient(to bottom, #99CC33, #99CC33);
    border-color: #99CC33 #99CC33 #99CC33;
  }

  .accordion-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .accordion-inner, .accordion-group {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }