@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:#a9ca2c !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:#f2f2f2; margin-top:20px; 
			-moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; border-radius:5px;}

#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; }
.masodik 	{ background-color:#EEEEEE; line-height:25px; height:25px; }
.elso 		{ background-color:#F8F8F8; line-height:25px; 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;}

.input00 	{ font-size:14px; line-height:30px; font-family:Arial,Helvetica,sans-serif; color:#808080; }
.input01 	{ background-color:#F0F0F0; padding:6px 2px 6px 6px; font-size:14px; font-family:Arial,Helvetica,sans-serif; color:#808080; border:1px solid #C0C0C0; border-radius:5px;}
.button01	{ background-color:#9F2A3A; color:white;  width:100px; padding:6px 2px 6px 2px; border-radius:5px; border:1px solid #C0C0C0;}



.container.felsokep{
  margin-bottom:25px;
  padding:0;
  width: 100%;
  height:360px;
}
.container.felsokep img{
  width:100%;
  height:360px;
}
.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.hatartalanul{
  width:80%;
}



.img_felirat{
  height: 111px;
}
.img_felirat_div{
  text-align: center;
}

#header{
  padding:0;
}

#cikkdatum,#cikkszerzo{
  width:50%;
  float:left;
  font-size:13px;
}

.list-group.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;
}

#header li{
  background-color:#475d8e;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:0 10px;
}
#header li a{
  color:white;
  vertical-align: middle;

}

span.glyphicon{
  margin:0 5px;
  color:#c1364b;
}

#header ul.contact li{
  background-color: transparent;
  border-color: transparent;
}
#header ul.contact{
  margin-top:20px;
}


footer .container{
  width: 100%;
  background-color:#cfcdcd;
  padding-top:40px;
}
footer a.btn{
  border-radius: 0;
  padding:0;
  padding-left:15px;
  width:100%;
  font-weight: bold

}
footer a div#footerszoveg{
  float:left;
}
footer a div#footerkep{
  float:right;
}
footer a div#footerkep img{
  width:80px;
  height:50px;
}
footer a div{
  height: 50px;
  line-height:50px;
}

.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; }
  
}



/* MENÜ */
.navbar-inverse.navbar{
	background-color:#4e4e4e;
	border-radius:3px;
	margin: 0 15px 0 15px;
	}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color:#4e4e4e !important;
	padding:0;
	}
ul.dropdown-menu{
	background-color:#f2f8f4;
	border-color:#475d8e;
	padding-top:0;
	}
li.dropdown.open .dropdown-toggle{
	background-color:#4e4e4e;
	}

#header li{
	background-color:#4e4e4e;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding:0px;
	}
	
#header li a{
	color:#A9C041;
	vertical-align: middle;
	}
#header li a:hover {
	color:white;
	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*/
	

/* BAGER GALÉRIA */
.center{
    text-align: center; 
}
.left{
    text-align: left; 
}

.right{
    text-align: right;
}

.hided, 
.toggle-sleep{
    display: none;
}

.bold{
    font-size: 16px;
    font-weight: bold;
}
.full-width{
    width: 100%;
}
/* box shadow */
.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.box-border-radius--2p {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.box-border-radius--4p {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.box-border-radius--6p {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.box-border-radius--8p {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.box-border-radius--10p {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/***** PADDINGS/MARGINS ******/
.p5{
    padding: 5px;
}
.p10{
    padding: 10px;
}
.p15{
    padding: 15px;
}
.pl5{
    padding-left: 5px;
}
.pl10{
    padding-left: 10px;
}
.pl15{
    padding-left: 15px;
}
.pr5{
    padding-right: 5px;
}
.pr10{
    padding-right: 10px;
}
.pr15{
    padding-right: 15px;
}
.m3{
    margin: 3px;
}
.m5{
    margin: 5px;
}

.m10{
    margin: 10px;
}

.m15{
    margin: 15px;
}

.ml3{
    margin-left: 3px;
}
.ml5{
    margin-left: 5px;
}

.ml10{
    margin-left: 10px;
}

.ml15{
    margin-left: 15px;
}
.ml20{
    margin-left: 20px;
}
.ml25{
    margin-left: 25px;
}
.ml35{
    margin-left: 35px;
}
.ml50{
    margin-left: 50px;
}

.mr3{
    margin-right: 3px;
}
.mr5{
    margin-right: 5px;
}

.mr10{
    margin-right: 10px;
}

.mr15{
    margin-right: 15px;
}

.mt3{
    margin-top: 3px;
}
.mt5{
    margin-top: 5px;
}

.mt10{
    margin-top: 10px;
}

.mt15{
    margin-top: 15px;
}

.mb3{
    margin-bottom: 3px;
}
.mb5{
    margin-bottom: 5px;
}

.mb10{
    margin-bottom: 10px;
}

.mb15{
    margin-bottom: 15px;
}
h4.italic{
    font-size: 1.4em;
}

hr.styled { 
  border: 0; 
  height: 2px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.thumb image{
    width: 100%;
}

.box{
    min-height: 200px;
    width: auto;
    margin: 0px auto 15px !important;
    background-color: white;
    padding: 5px;
}

@media screen and (max-width: 400px) {
    .galeria_img_front{
        max-width:150px;
    }
}
@media screen and (min-width: 768px){
    .galeria_img_front{
        max-width:150px;
    }
}
@media screen and (min-width: 1300px){
    .galeria_img_front{
        max-width:200px;
    }
}