@font-face {font-family: C_gothic; src: url(../imgs/GOTHIC.TTF);}
@font-face {font-family: C_gothic; src: url(../imgs/GOTHICB.TTF); font-weight: bold;}
@font-face {font-family: C_gothic; src: url(../imgs/GOTHICI.TTF); font-style: italic;}
@font-face {font-family: C_gothic; src: url(../imgs/GOTHICBI.TTF); font-style: oblique;}

html{background-color: white; font-family: "Times New Roman",C_gothic,Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 18px; color: black; word-wrap: break-word;}
input,textarea,select{background-color: transparent; border: 0px; outline: 0px none transparent; resize: none; padding: 0px;}
/**:focus{outline: 0px none transparent;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}*/
a{color: #4474c9; text-decoration: none;}
a:hover{color: #6f99f3; text-decoration: underline;}

.piros{color: #9f1b26;}
.szurke{color: #9e9882;}

.allbg{background-image: url(../imgs/egybe.png); background-repeat: no-repeat;}
.balra{position: relative; float: left;}
.jobbra{position: relative; float: right;}
.eff3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.eff5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.dflex{display: flex; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;}
.flex{flex: auto; -webkit-flex: auto; -ms-flex: 1; -moz-flex: auto;}
.noflex{flex: none; -webkit-flex: none; -ms-flex: none; -moz-flex: none;}
.igazit{width: 76%; margin: 2% 12%; line-height: 140%;}
.szetoszt{-moz-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between;}
.eloszt{-moz-justify-content: space-around; justify-content: space-around; -ms-flex-pack: justify; -webkit-justify-content: space-around;}
.oszlop{flex-direction: column;}
.tobbsor{flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.kozep{-moz-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center;}
.vkozep{-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.nyujt{align-items: stretch; align-content: stretch;}
.kerek{border-radius: 20px;}

.gombalap{height: 40px; line-height: 40px; padding: 0px 10px; text-transform: uppercase; color: #9d201a; background-color: transparent; cursor: pointer; border: 1px solid #9d201a;}
.gombalap:hover{background-color: #9d201a; color: white;}

.menutok{width: 25%; left: -30%; box-shadow: 2px 0px 5px #888888;}
.nyit{left: 0px;}
.menuelem{width: 100%; line-height: 1.8; cursor: pointer; font-size: 120%; text-transform: uppercase; margin: 0.5% 0;}
.menuelem_akt{width: 100%; line-height: 1.8; background-color: #9f1b28; color: white; font-size: 120%; text-transform: uppercase; margin: 0.5% 0;}
.menuelem:hover{background-color: #9f1b28; color: white;}
.menuelem div{margin-left: 5%;}
.menuelem_akt div{margin-left: 10%;}

.focim{font-size: 160%; line-height: 1.4; text-transform: uppercase; font-weight: bold; text-align: center; color: #9e9882;}
.alcim{width: 100%; font-size: 140%; line-height: 1.4; text-transform: uppercase; text-align: center; color: #9e9882; text-decoration: underline;}

.hirbox{width: 100%; margin-top: 60px; text-align: justify;}
.hirbox .cim{width: 100%; color: #5d5a4b; font-size: 120%;}
.hirbox .leiras{width: 100%; margin: 10px 0; clear: both;}
.hirbox .datum{width: 100%; color: #b5b2ab; clear: both;}
.hirvalaszt{width: 100%; height: 1px; background-color: #b6b19e; margin: 26px 0;}
.hirvalaszt div{width: 40px; height: 40px; background-color: #f6f2e7;}
.hirvalaszt .ikon{width: 24px; height: 24px; background-position: -63px -1px; margin: -12px 8px 0;}

.tagbox{width: 98%; margin: 20px 1%;}
.tagbox .kep{width: 150px; height: 150px; border-radius: 25%; margin-right: 10px; margin-bottom: 10px;}
.tagbox .kep img{display: block; width: 150px; visibility: hidden;}
.tagbox .szoveg{width: calc(100% - 160px);}
.tagbox .nev{text-transform: uppercase; color: #5d5a4b; font-size: 120%; width: 100%;}
.tagbox .titulus{width: 100%;}
.tagbox .leiras{width: 100%; margin-top: 1%;}

.kepbox{width: 32%; margin-top: 20px; margin-bottom: calc(2.8em + 20px); background-color: #eae6da;}
.kepbox:nth-of-type(3n+2){margin-left: 2%; margin-right: 2%;}
.kepbox img{display: block; max-width: 100%; visibility: hidden; max-height: 260px;}
.kepbox .alairas{position: absolute; width: 100%; left: 0px; bottom: calc(-10px - 2.8em); height: calc(2.8em + 10px); background-color: #d8d2c4; color: #635d4d; overflow: hidden;}
.kepbox .alairas2{position: absolute; width: 100%; left: 0px; bottom: calc(-10px - 4.2em); height: calc(4.2em + 10px); background-color: white; color: #635d4d; overflow: hidden;}

#keptok img{max-width: 100%; max-height: 90%; visibility: hidden;}
#balgomb{margin-left: 12%; width: 30px; height: 50px; cursor: pointer; background-position: -63px -245px;}
#balgomb:hover{background-position: -94px -245px;}
#jobbgomb{margin-right: 12%; width: 30px; height: 50px; cursor: pointer; background-position: -1px -245px;}
#jobbgomb:hover{background-position: -32px -245px;}
#bezargomb{position: absolute; right: 12%; top: 2%; width: 30px; height: 30px; cursor: pointer; background-position: -125px -245px;}
#bezargomb:hover{background-position: -156px -245px;}
#keptok{margin: 5% 2%; max-height: 90%; background-repeat: no-repeat; background-size: contain; background-position: center;}

.csakmobil{display: none;}
.lablogo{width: 150px; height: 150px; left: 50%; margin-left: -75px; background-position: -1px -94px;}
.vlink{color: #ac3641;}
.vlink:hover{color: #630911;}