@font-face {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
}

	body{
		/*background-color:#F7E8CA; /*#7f6b5a;*/
		width:100%;
		height:100%;
		font-family:Comic Sans Ms;
		margin:0px !important;
		padding:0px !important;
		/*overflow-x:hidden;*/

		
	}
	
	
	#logo{
		max-width:250px;
		height:auto;
		
	}
	
	
	/*.row {
		padding-right: 0px;
		margin-right: 0px;
	}*/
	.fomenu{
		background-color:#183761;
		color:#e8eaed;
	}
	
	.focim{
		margin-top:10px;
		
	}
	
	.focim h3{
		font-size:1.2em;
		
	}
	
	.focim h1{
		
	}	
	
	
	#navbar {
  overflow: hidden;
 /* background-color: #f1f1f1;*/
 /* padding: 90px 10px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
 /* position: fixed; /* Sticky/fixed navbar */
 /* width: 100%;
  top: 0; /* At the top */
  /*z-index: 99;*/
}
	
	
				
	.navbar{
		margin-bottom:0px;
		border-radius:0px;
		
	}
	
	div.navbar-header.navbar-default{
		background-color:white; /*#183761 !important;*/
		background-image:none;
		box-shadow:none;
		
	}
		
	.nav li, .nav li a, .nav ul li, .nav ul li a{
		background-color:#183761;
		color:#e8eaed;
		text-align:center;
		
		
	}
	
		
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color:#e8eaed;
		color: #183761;
	}
	
	
	.nav li:hover, .nav li a:hover, .nav li a:active,
	.nav ul li:hover, .nav ul li a:hover{
		background-color:#e8eaed;
		color:#183761;
	}
	
			
	.nav{
		font-size:1em;
					
	}
	ul#myTab.nav.nav-tabs{
		background-color:none;	
		
	}
	.nav-link{
		margin-left:1px;
		
	}
	.fokep{
		margin-top:5px;
		margin-bottom:-40px;
		margin-left:20px;
		max-height:200px;
		
	}
			
	#MyDIV{
		margin-top:50%;
		margin-right:4vw;					
	}
		
	#navbar{
		position:relative;
		z-index:1000;
	}		

	.nav-link{
		text-transform: uppercase;
	/*font-size:18px;*/
	
	}

		
	/*menü középre igazítása*/
	.navbar .navbar-nav {
		/*display: inline-block;
		float: none;
		/*vertical-align: top;*/
	}

	.navbar .navbar-collapse {
		text-align: center;
	}
			
			
	.dropdown-menu{
		background-color:#183761
	}
	/*menü középre igazítás vége*/
			
	.dropdown-menu-center {
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
			
	/* affix a menühöz*/
	.affix {
		top: 0;
		width: 100%;
		/*z-index: 9999 !important;*/
	}

	.affix + .container-fluid {
		padding-top: 70px;
	}
			
			
	/*2.lenyíló menü*/
			
	.dropdown-submenu {
		padding-right:10px;
		position: relative;
		z-index:1000 !important;
	}

	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
		z-index:1000 !important;
	}

	.dropdown-submenu>a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
		z-index:1000 !important;
	}

	.dropdown-submenu .dropdown-menu{
		min-width:300px;
	}

	.dropdown-submenu:hover>a:after {
		border-left-color: #fff;
		z-index:1000 !important;
	}

	.dropdown-submenu.pull-left {
		float: none;
		z-index:1000 !important;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
		z-index:1000 !important;
	}
	/*többszintes menü vége*/
	
	
	/*ikonos menü kezdete*/
	
	.hvr-bounce-in{
		height:400px;
		padding-left:50px;
		
	}
	
	.ikonok{
		margin: 0 auto;
		text-align:center;
		margin: 20px 0px 20px 0px;
		height:250px;
		/*background-color:blue;*/
		
	}
	
	.ikon{
		max-width:150px;
		height:auto;
		
		
	}
	
	.ikon1{
		max-height:150px;
		height:auto;
			
	}
	
	.ikon2{
		max-height:150px;
		height:auto;
		margin-top:-1vw;
		margin-bottom:-20px;
		
	}
	
	.ikon3{
		max-width:150px;
		height:auto;
		/*margin-top:-1vw;*/
	}
	
	
	
	.service-title{
		/*color:#315587;*/
		color:white;
	}
		
	}
	.img-responsive {
		margin:0 auto !important;
		display:inline-block !important;
	
   
	}
		
	/*ikonos menü vége*/
	
		/*modal kezdete*/
	.modal-dialog {
		position:absolute;
		top:50% !important;
		transform: translate(0, -50%) !important;
		-ms-transform: translate(0, -50%) !important;
		-webkit-transform: translate(0, -50%) !important;
		margin:auto 5%;
		width:90%;
		height:80%;
	}
	.modal-content {
		margin:20px; 
	}
	.modal-body {
		margin:20px;
	}
	.modal-footer {
		margin:20px;
	}

	/*modal vége*/

	
	.br{
		border-right:1px solid #3d1717;
		-webkit-box-shadow: -3px 2px 23px -1px rgba(0,0,0,0.42);
		-moz-box-shadow: -3px 2px 23px -1px rgba(0,0,0,0.42);
		box-shadow: -3px 2px 23px -1px rgba(0,0,0,0.42);
			
	}
			
	.separator{
		z-index:10 !important;
		background: url(../img/separator.jpg);
		margin:0;
		padding:0;
		height: 5px;
		width:100%;
		border-bottom:1px solid #460000;
		/*margin-bottom:20px;*/
	}
	
	.navbar-toggle{
		background-color:#d7d7d9;
		color:#282829;
	}
	.icon-bar{
		color:#282829 !important;
	}
	
	


	
	.vcenter {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	
	.vbottom {
		display: inline-block;
		vertical-align: bottom;
		float: none;
	}
	

	
	.bottom-separator{
		z-index:10 !important;
		background: url(../img/separator.jpg);
		margin:0;
		margin-bottom:0px;
		padding:0;
		height: 5px;
		width:100%;
		border-top:1px solid #460000;
	}
	
	.footer{
		margin:0 auto;
		width:100%;
		background-color:#183761;
		color:#e8eaed;
		width:100% !important;
		
	}
	
	footer hr.shady {
    -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.2);
    background: rgba(0,0,0,0.75);
    border: 0;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.2);
    height: 1px;
}
	footer ul li a, footer div a, footer ul li{
		color:#e8eaed;
		text-decoration:none;
		list-style-type:none;
		
	}
	
		
	
	@media screen and (max-width: 1280px){
				
		.navbar-collapse{
			padding-right:0;
			
		}
		
		.fokep{
			margin-bottom:0px;
		}
	
		
		.hvr-bounce-in{
			/*height:200px;*/
				
		}
		
		
		
		
	}
	
	
	@media screen and (max-width: 1199px){
		.bottom-separator{
			margin-top:130px;
		}
	}
	
	@media screen and (max-width: 938px){
		.navbar-collapse{
			padding:0px !important;
		}
		
		.nav>li>a {
			padding: 10px 5px;
		}
		
		.bottom-separator{
			margin-top:200px;
		}
	}
	
	@media screen and (max-width: 803px){
		.nav{
			font-size:0.9em;
		}
			
	}
	
	@media (max-width: 767px) {
		.affix {
			position: static;
		}
		
		.nav{
			width:100%;
			font-size:1.2em;
		}
		
		.dropdown-menu-center {
			transform:none;
		}
		
		
		.nav>li>a {
			padding: 10px 5px;
			
		}
		
		.navbar-nav .open .dropdown-menu>li>a{
			margin:0px;
		}
		
		.hvr-bounce-in{
			height:200px;
			margin-bottom:30px	
		}
		
		.ikon2{
			margin-top:-40px;
		}
		
		
		
		.bottom-separator{
			margin-top:600px;
		}
			
		footer{
			text-align:center
		}
	}
	
	
	
/*search bar*/

	.search-dropdown{
		display:none;
	}

.searchbar {
     position: relative;
     min-width: 50px;
     width: 0%;
     height: 50px;
     float: right;
     overflow: hidden;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     -o-transition: width 0.3s;
     transition: width 0.3s
 }

 
 @media only screen and (min-width:992px) and (max-width:1400px) {
	.searchbar{
		display:none;
	}
	.search-dropdown{
		display:inline;
	}
	
	
}

 
 .searchbar-input {
     top: 0;
     right: 0;
     border: 0;
     outline: 0;
     background: rgba(0, 144, 60, 0.0);
     width: 100%;
     height: 50px;
     margin: 0;
     padding: 0px 55px 0px 20px;
     font-size: 20px;
     color: #fff;
	
 }
 

 

 .searchbar-input::-webkit-input-placeholder {
     color: #fff
 }

 .searchbar-input:-moz-placeholder {
     color: #fff
 }

 .searchbar-input::-moz-placeholder {
     color: #fff
 }

 .searchbar-input:-ms-input-placeholder {
     color: #fff
 }

 .searchbar-icon,
 .searchbar-submit {
     width: 50px;
     height: 50px;
     display: block;
     position: absolute;
     top: 0;
     font-family: verdana;
     font-size: 22px;
     right: 0;
     padding: 0;
     margin: 0;
     border: 0;
     outline: 0;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     color: #fff;
     background-color:transparent;
	 /*background: rgba(0, 144, 60, 0.7);
     /*border-left: 1px solid white*/
 }

 .searchbar-open {
     width: 100%;
	 border-bottom: 1px solid white;
 }
  	
}
	

	
	
	
		
.tartalom{
	/*margin-top:-20px;
	background-image: url("../img/fosuli2.jpg");
        background-size:cover;
	/*background-color: #cccccc;*/
	/*opacity:0.5;*/
}
.tartalom{
	width:100%;
	min-height:700px;
	

	
}
	.well{
		margin-top:20px;
		/*background-color:rgba(254, 230, 230, 0.5)!important;
		background-image:none;*/
		margin-bottom:100px;
		
	}
	
	.bounce{
		/*background-color: rgba(87, 2, 2, 0.8) !important;*/
		color:#183761;
		
	}
	
	.input{
		outline: none !important;
		border:1px solid #183761;
		padding:5px;
		border-radius:5px;
		margin:5px;
		
	}
	
	.input:focus {
		outline: none !important;
		border:1px solid #e80a0a ;
		box-shadow: 0 0 10px #719ECE;
	}
  
    .btn-space{
		padding:10px;
	  
	}
.mb-3{
	margin-bottom:30px;
	
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 1px !important;
    /* line-height: 1.42857143; */
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.table tr th{
	margin-top:10px;
}

.mr-10{
	margin-right:100px;
}

.pb-1{
	padding-bottom:10px !important;
}
.pt-1{
	padding-top:10px;
}
	
.login{
	 float: none;
    margin: 0 auto;
}

.bg-blue{
	background-color:#183761;
	color:#e8eaed;
	text-align:center;
	
}

.nav-link{
	color:#e8eaed;
		text-align:center;
	
}

.zaszlok li{
	background-color:#183761 !important;
}