@charset "utf-8";

.h0-to-0   { font-size: 2.4rem; line-height: 1.2em; font-family: 'Aleo', sans-serif; font-weight: 300; }
.h0-to-h1  { font-size: 2.2rem; line-height: 1.2em;  font-family: 'Aleo', sans-serif; font-weight: 300 !important; }
h1 { font-size: 2rem; font-family: 'Aleo';  font-weight: 300;}
.h1-to-h2  { font-size: 1.8rem; line-height: 1.2em; font-family: 'Aleo', sans-serif;  font-weight: 300;}
h2 { font-size: 1.7rem; line-height: 1.2em; margin: 0; font-family: 'Aleo', sans-serif; font-weight: 300;}
.h2-to-h3  { font-size: 1.6rem; line-height: 1.2em; font-family: 'Aleo', sans-serif;  font-weight: 300;}
h3 { font-size: 1.55rem; line-height: 1.2em; margin: 0; font-family: 'Aleo', sans-serif;}
.h3-to-h4  { font-size: 1.5rem; margin: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 300;}
h4 { font-size: 1.45rem; margin: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 300;}
.h4-to-h5  { font-size: 1.4rem; margin: 0; font-family: 'Aleo', sans-serif;}
h5 { font-size: 1.35rem; margin: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 300;}
.h5-to-h6  { font-size: 1.3rem; margin: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 300;}
h6 { font-size: 1rem; margin: 0; font-family: 'Roboto Slab', sans-serif; font-weight: 300;}

/** Egyedi beallitasok **/

.force100percent {width: 100% !important;}

.sitelogo-pic {max-height: 40px !important;}

.head-elements { box-shadow: 0 1px 8px 1px rgba(29, 29, 29, 0.43); }

.head-inner {
    max-width: 1400px;
    margin: auto;
}

.sitelogo { margin: 5px 5px 0px 0px; }

.hamburgerbutton {
    background-color: #e6e6e7;
    text-shadow: #86fff2 1px 1px 1px;
    font: normal normal normal 20px 'Montserrat', 'Roboto', arial;
    color: #1a858d;
    text-decoration: none;
}

.hamburgerbutton:hover,
.hamburgerbutton:focus {
background-color: #EAFDFB !important;
color:#003;
}

.hamburger-menu-icon {
    width: 50px;
}

#menu-bar a { font-family: 'Aleo', 'Montserrat', arial, sans-serif; color: #4D4D4D; !important; font-size: 18px; letter-spacing: 0.03em;
}

#menu-bar .active a {
color: #009e92;
text-shadow: none;
backgroundr: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
background: -webkit-linear-gradient(top, #f2f2f2 0%,#e9e9e9 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#e9e9e9 100%);
}

#menu-bar ul a {
font-size: 18px; font-family: 'Roboto Slab', arial, sans-serif; font-weight: 300; color: #3a3a3a !important;
}

#menu-bar ul a:hover {background: #e1e4e3 !important; color: #505050 !important; }

#menu-bar li:hover > a { background:#ededed; }

#menu-bar ul {
    background: #f1f1f1;
}

.tbutton-icons { margin-top: 14px;}


.sidebar { background-color:#FFF;}
.main { background-color:#FFF;}

.sidebar-center-fullwidth {
    width: 34.2%;
    margin-left: 1px;
    margin-left: 0.1%;
}

.main-center-fullwidth {
    width: 65.7%;
}

.center-cropbox {
    bottom: -3px;
	background-color:#747474;
}

.center-fullwidth {
    border: none;
}

.head-background {
    background-image: url(../primages/header-logo_back.png);
}

.row-port-sidebar-fullwidth { border-bottom: 1px solid #595959; }

.minithumbs-box-title {
    color: darkblue;
}

.minithumbs-box-left {
    width: 22%;
    display: block;
    float: left;
    margin-top: 0.3rem;
}

.metafont {
    font-family: 'Aleo', serif;
    letter-spacing: 0.03em;
}

.tema1color { background-color:#FFF; }

.secondary-font { color: #1D777E !important;
font-family: 'Aleo', Arial, Helvetica, sans-serif;
letter-spacing: 0.04em;}

.title2pad {
    margin-top: 0.3rem !important;
}

.boxes2thumb-info-sidebar-fullwidth { text-align: left; }

.images-inner-bottomlabel-midsize {  padding-bottom: 0px; padding-left: 0px;  padding-right: 16px; padding-top: 5px; }

.boxes4thumb-bottom-title {font-family: 'Aleo', Arial, Helvetica, sans-serif; font-weight: initial;}

.boxes5thumb-bottom-title {font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; font-weight: 300 !important;}

.mainarea-title-font { font-family: 'Aleo', Arial, Helvetica, sans-serif; font-weight:400 !important display: inline-block; background-color: white; }

.mainarea-title-font-leftspacer { display:none; }

.mainarea-title-font-rightspacer { display:none; }

.mainarea-title-font { background-color: #FFF; padding: 0px 8px 1px 8px; float: none; display: inline-block; color:#008787; }

.sitefooter {
    background-color: #21686e;
}

.centerfooter {
    background-color: #21686e;
}

.center-page-head {
    min-height: 150px;
	background-image: url(../primages/head-temp-background-def.jpg);
background-position: bottom;
}

.center-page {
    top: -90px;
}

.sidebar-smalltitle-font {
    font-weight: 300;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
}

.sidebar-title-font {
    font-weight: 300;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
	color: #308386;
}

.sidebar-smalltitle-div {border-right: 24px solid white;}

.sidebar-title-div {border-right: 24px solid white;}

.page-infobar {margin-bottom: 15px;}

.images-inner-bottomlabel-midsize {max-width: 199px;
}

/** Responsive **/

@media (min-width: 1201px) and (max-width: 5600px) { 
.images-inner-bottomlabel-midsize {  padding-bottom: 0px; }
.boxes2thumb-info-bottomlabel {  padding: 0px 0px 22px 0px !important; }

}

@media (min-width: 993px) and (max-width: 1200px) {
	.sidebar-center-fullwidth {  width: 100%;  margin-left: 0px; border-top: 1px solid #5f5f5f; }

.main-center-fullwidth {  width: 100%; }
.row-port-sidebar-fullwidth { width: 50%; }

.imagessmallcrop-center-fullwidth { border-left: 1px solid #575757; }
.images-inner-bottomlabel-midsize {  padding-bottom: 0px; font-size: medium; }
.boxes2thumb-info-bottomlabel {  padding: 0px 0px 22px 0px !important; }

.center-page { top: 10px; }
.center-page-head { display: none; }

}

@media (min-width: 769px) and (max-width: 992px) { 
.sidebar-center-fullwidth {  width: 100%;  margin-left: 0px; }
.main-center-fullwidth {  width: 100%; }
.row-port-sidebar-fullwidth { width: 100%; }

.center-cropbox { right: 0; }
.images-inner-bottomlabel-midsize {  padding-bottom: 0px; }
.boxes2thumb-info-bottomlabel {  padding: 0px 0px 22px 0px !important; }

.center-page { top: 10px; }
.center-page-head { display: none; }

.menuleft { display: none; }

}

@media (min-width: 481px) and (max-width: 768px) { 
.sidebar-center-fullwidth {  width: 100%;  margin-left: 0px; }
.main-center-fullwidth {  width: 100%; }
.row-port-sidebar-fullwidth { width: 100%; }
.boxes3 { width: 100%; margin-bottom: 10px; }
.boxes3f { margin-bottom: 10px; }
.images-inner-bottomlabel-midsize {      padding-right: 20px; padding-top: 10px; }
.boxes2thumb-info-bottomlabel {  padding: 0px 0px 22px 0px !important; }
.boxes2thumb-info-bottomlabel { padding: 0px 0px 28px 0px !important; }
.bannerdiv { padding-top: 24px; margin-top:24px; }

.center-page { top: 10px; }
.center-page-head { display: none; }

.menuleft { display: none; }

}

@media (min-width: 160px) and (max-width: 480px) { 
.sidebar-center-fullwidth {  width: 100%;  margin-left: 0px; }
.main-center-fullwidth {  width: 100%; }
.row-port-sidebar-fullwidth { width: 100%; }
.images-inner-bottomlabel-midsize {  padding-bottom: 0px; }
.boxes2thumb-info-bottomlabel {  padding: 0px 0px 22px 0px !important; }
.bannerdiv { padding-top: 24px; margin-top:24px; }

.center-page { top: 10px; }
.center-page-head { display: none; }

.menuleft { display: none; }

.boxes3 { padding-bottom: 14px; }
.boxes3f { padding-bottom: 14px; }
.boxes4 { padding-bottom: 14px; }
.boxes5 { padding-bottom: 14px; }
.boxes5f { padding-bottom: 14px; }

.secondary-font {font-size: 15px;margin-left: 7px;}
.boxes1thumb-info { text-align: left; }

}