﻿@font-face {
    font-family: 'Open Sans', sans-serif;

    src: url('../fonts/OleoScript-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body		{ background-color:#C0E3CD !important;}
h1			{ font-family: 'Open Sans', sans-serif; color:#1599a8; font-size:36px;}
h2			{ font-family: 'Open Sans', sans-serif; color:#8e8e8e; font-size:18px; font-weight: bold;}
h3			{ font-family: 'Open Sans', sans-serif; color:#8e8e8e; font-size:18px; font-weight: bold; margin:0;}
h4			{ font-family: 'Open Sans', sans-serif; color:#1599a8; font-size:18px; }
p			{font-family: 'Open Sans', sans-serif;
 }
 
#main_page 	{ position:relative; width:73%; min-width:850px; max-width:1000px; margin:0px auto; background-image:url("../img/background.jpg")}
#logo		{ position:relative; width:15%; max-width:110px; float:left;	margin: 10px 0 0 10px;}
#body 	{ position:relative; width:100%;}

#menu 		{ position:relative; width:90%; float:left;}  


.vilkek 	{ background-color:#acd0de; line-height:25px; }
.ures 	{ line-height:25px;  }
.pl5	{ padding-left:5px; }
.fejlec	{ font-family: 'Open Sans', sans-serif; color:#475d8e; font-size:18px; font-weight: bold; margin:0;}

.online_foglalas { background-color:#9F2A3A; color:white;  width:100px; padding:6px 12px 6px 12px; border-radius:5px; border:1px solid #C0C0C0;}

.diak_button 		{ border-radius:5px; cursor:pointer; background-color:#9F2A3A; color: #fff; padding: 6px 12px 6px 12px; min-width:140px; text-align:center;}
.diak_button:hover	{ background-color:grey; padding: 6px 10px 6px 15px; color:#fff; text-decoration:none;}





.container.felsokep{
  margin-bottom:25px;
  padding:0;
  width: 100%;
  height:360px;
}
.container.felsokep img{
  width:100%;
  height:360px;
}
.margo25{
  margin-bottom:25px;
  padding:0;
  width: 100%;
}

.cikk .panel-header, .cikk .panel-body{
  padding-left:20px;
}
.cikk .panel-header h3{
  font-weight: bold;
  margin-bottom: 2px;
}
.left-side .cikk .panel-header h3{
  font-size: 22px;
  font-weight: 800;
}
.right-side .cikk .panel-header h3{
  font-size: 14px;
  font-weight: 800;
}
.left-side .cikk .panel-body p{
  font-size: 14px;
}
.right-side .cikk .panel-body p{
  font-size: 12px;
}
.right-side .cikk .panel-body strong{
  font-size: 14px;
}
.right-side .cikk .panel-body a{
  color:#304C61;
}
.right-side .cikk .panel-body.hirek a{
  color:#304C61;
}
.cikk .panel-header h4{
  font-weight: 700;
  font-size: 16px;
  margin-top: 2px;
}

.cikk{
  color:#304C61;
}




.img_felirat{
  height: 111px;
}
.img_felirat_div{
  text-align: center;
}

#header{
  padding:0;
}

#cikkdatum,#cikkszerzo{
  width:50%;
  float:left;
  font-size:13px;
}

.list-groupx.contact li{
  height: 30px;
  text-align:right;
}

#top-header{
  width:100%;
  position:relative;
}

.loginbtn.btn-default{
  position: absolute;
  bottom:20px;
  right:20px;
  background-color:#9F2A3A;
  color:white;
  width:100px;
}



/* MENÜ */
.navbar-inverse.navbar{
	background-color:white;
	border-color:#E2001A;
	border-width:1px;
	border-radius:0;
	margin: 0 15px 0 15px;
	}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color:#475d8e !important;
	padding:0;
	}
ul.dropdown-menu{
	background-color:#f2f8f4;
	border-color:#475d8e;
	padding-top:0;
	}
li.dropdown.open .dropdown-toggle{
	background-color:#f2f8f4;
	}
#header li{
	background-color:white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding:0px;
	}
#header li a{
	color:black;
	vertical-align: middle;
	}
#header .dropdown li{
	height: 44px;
	background-color:#f2f8f4;
	font-weight: normal;
	}
#header .dropdown li a{
	line-height: 44px;
	}
#header .dropdown li:hover, #header .dropdown li a:hover{
	background-color:#e2f2e8;
	}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
  background-color: #e2f2e8 !important;
}
/* MENÜ VÉGE*/
	
	
	
	
	
	
span.glyphicon{
  margin:0 5px;
  color:#c1364b;
}

#header ul.contact li{
  background-color: transparent;
  border-color: transparent;
}
#header ul.contact{
  margin-top:20px;
}



.searchbar{
  margin-bottom:20px;
}

.searchbar .form-control{
  width:78% !important;
  display:inline !important;
}


@media all and (max-width:850px){
  #main_page  { position:relative; width:98%; min-width:0px; max-width:1000px; margin:0px auto; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
  
}

/****************** BAGER FOOTER ******************************/
.foot-row{
    background-image: url("../img/background.jpg");
    background-position: center;
    background-repeat: repeat-y;
}
.diszsor-container{
    position:relative;
    width:100%;
    max-width:1000px;
    margin:20px auto;
    
}
#footRow .foot-container{
    position:relative;
    width:100%;
    max-width:1000px;
    padding-top: 10px;
    
}
#footRow .foot-container a img{
    margin: 0px auto 5px;
}
.hTextHline{
    font-size: 1.2em;
    margin-bottom: 10px;
}

@media screen and (min-width: 1200px){
    #footRow .foot-container-btn-1{
        float: left;
        margin-left: -15px;
        text-align: center;
    }
    #footRow .foot-container-btn-2{
        text-align: center;
    }
    #footRow .foot-container-btn-3{
        float: right;
        margin-right: -15px;
        text-align: center;
    }
}
@media screen and (max-width: 768px){
    #footRow .foot-container-btn-1,
    #footRow .foot-container-btn-2,
    #footRow .foot-container-btn-3
    {
        float: none;
        text-align: center;
    }
}

/****************** BAGER FOOTER VÉGE ******************************/