@import url('mobile_kicsi.css');

@font-face {
	font-family: 'Conv_impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
 font-family: Arial;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 text-align: center;
 color: #FFFFFF;
 background-color: #f7f7f7;
}

a:link, a:visited, a:active {
 -webkit-transition: color 500ms ease-in; /* Saf3.2+, Chrome */
 -moz-transition: color 500ms ease-in; /* FF3.7+ */
 -o-transition: color 500ms ease-in; /* Opera 10.5+ */
 transition: color 500ms ease-in; /* futureproofing */
}

a {
 color: #000000;
 text-decoration: underline;
}

#flbox {
 width: 100%;
 height: 100%;
 background-image: url(../img/black-70.png);
 background-repeat: repeat;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 10;
 text-align: center;
}

.container {
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 width: 1170px;
}

.relative {
 position: relative;
}

.cent {
 text-align: center;
}

.header {
 width: 100%;
 height: 782px;
 border-bottom: 9px #fecb0b solid;
 background-image: url(../img/header_bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

.header .menuhead {
 width: 100%;
 height: 107px;
 background-color: #000000;
 background-image: url(../img/logobg.jpg);
 background-position: center top;
 background-repeat: no-repeat;
 z-index: 2;
 position: relative;
}

.menuhead .logocont {
 font-family: 'Conv_impact';
 font-size: 3.5em;
 font-weight: 500;
 float: left;
 color: #ffcb05;
 line-height: 107px;
 background-image: url(../img/armalogo.png);
 background-position: left center;
 background-repeat: no-repeat;
 text-indent: 60px;
 margin-left: 20px;
}

.menuhead .kosarcont {
 float: right;
 line-height: 107px;
 margin-right: 20px;
}

.kosarcont a {
 color: #FFFFFF;
 text-decoration: none;
}

.kosarcont #kosar {
 background-image: url(../img/kosar.png);
 background-position: 10% center;
 background-repeat: no-repeat;
 text-indent: 25px;
 line-height: 53px;
 float: right;
 margin-left: 20px;
 padding-left: 20px;
 width: 150px;
 height: 53px;
 margin-top: 27px;
 border-left: 1px #4a4b4d solid;
}

.sargaspan {
 color: #fecb0b !important;
}

.header .menu {
 width: 100%;
 height: 51px;
 background-color: #FFFFFF;
 z-index: 2;
 position: relative;
}

.menu a {
 color: #000000;
 text-transform: uppercase;
 line-height: 51px;
 height: 51px;
 font-size: 1.1em;
 text-decoration: none;
 padding-left: 14px;
 padding-right: 14px;
 border-right: 0px #e1e3e3 solid;
 display: inline-block;
}

.menu a:hover {
 color: #FFFFFF;
 background-color: #ffcb05;
 border-right: 0px #ffcb05 solid;
}

.menu .mns {
 display: none;
}

.header .slider {
 height: 675px;
 width: 100%;
 z-index: 1;
 position: absolute;
 left: 0px;
 top: 110px;
}

.slider img {
 float: right;
 margin-right: 15px;
}

.slider .sliderszov {
 position: absolute;
 top: 215px;
 left: 0px;
 z-index: 3;
}

.sliderszov .slidenagy {
 background-color: #ffcb05;
 padding: 6px;
 color: #000000;
 font-family: 'Conv_impact';
 font-size: 4em;
 font-weight: 500;
}

.sliderszov .slideszurke {
 text-transform: uppercase;
 color: #FFFFFF;
 background-color: #c2c2c2;
 padding: 5px;
 font-size: 2.1em;
}

.sliderszov .slidekicsi {
 color: #000000;
 font-size: 1.4em;
}

.sargaboxcont {
 width: 100%;
 height: 257px;
 margin-top: -94px;
 z-index: 3;
 color: #000000;
 position: relative;
}

.sargaboxcont .sargabox {
 height: 257px;
 width: 269px;
 background-color: #ffcb05;
 float: left;
 margin-right: 31px;
}

.sargaboxcont .sargalastbox {
 margin-right: 0px !important;
}

.sargabox h2 {
 font-family: 'Conv_impact';
 font-size: 2.6em;
 font-weight: 500;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 margin-top: 20px;
 margin-left: 28px;
}

.sargabox h4 {
 font-size: 1.8em;
 color: #000000;
 margin: 0px;
 padding: 0px;
 margin-left: 28px;
 font-weight: normal;
 margin-top: -8px;
}

.sargabox p {
 color: #000000;
 margin-left: 28px;
 margin-top: 53px;
 height: 68px;
 width: 210px;
}

.sargabox a {
 color: #000000;
 font-weight: bold;
 text-decoration: none;
 margin-left: 28px;
}

.hirsav {
 height: 478px;
 width: 100%;
 background-color: #eeeeee;
 border-top: 1px #dddddd solid;
 margin-top: 8px;
}

.hirsav h2 {
 color: #656565;
 font-family: 'Conv_impact';
 font-size: 2.2em;
 font-weight: 500;
 text-transform: uppercase;
 margin-top: 50px;
}

.hirsav .hirbox {
 width: 359px;
 height: 310px;
 color: #FFFFFF;
 margin-top: 51px;
 float: left;
 margin-right: 42px;
 overflow: hidden;
 text-align: left;
}

.sjobb .hirbox {
 width: 359px;
 height: 310px;
 color: #FFFFFF;
 margin-top: 51px;
 float: left;
 margin-right: 42px;
 overflow: hidden;
 text-align: left;
}

.hirbox .hirgrafik {
 width: 359px;
 height: 200px;
 overflow: hidden;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 border: 0px #FFFFFF solid;
 background-color: #FFFFFF;
}

.hirsav .nomarginhirbox {
 margin-right: 0px;
}

.hirbox .hbbal {
 width: 60px;
 background-color: #ffcb05;
 height: 200px;
 color: #FFFFFF;
 float: left;
 text-align: center;
}

.hbbal .day {
 font-size: 2em;
 margin-top: 17px;
 width: 60px;
}

.hbbal .month {
 text-transform: uppercase;
}

.hbbal a {
 display: inline-block;
 margin-top: 99px;
 text-align: center;
 width: 60px;
}

.hirbox .hbjobb {
 float: left;
 width: 298px;
 height: 200px;
 overflow: hidden;
}

.hirbox p {
 color: #565656;
 text-align: left;
}

.hirbox h3 {
 font-size: 1.5em;
 font-weight: normal;
 padding: 0px;
 margin: 0px;
 font-family: Arial;
 color: #565656;
 margin-top: 25px;
}

.shopcont {
 width: 100%;
 margin-top: 70px;
 color: #000000;
}

.shopcont .sbal {
 width: 269px;
 float: left;
 text-align: left;
}

.sbal h2 {
 color: #000000;
 font-family: 'Conv_impact';
 font-size: 2.2em;
 font-weight: 500;
 text-transform: uppercase;
 margin-left: 19px;
}

.sbal form {
 width: 265px;
 overflow: hidden;
}

.sbal form input {
 border: 1px #e7e7e7 solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 20px;
 height: 20px;
 font-size: 1.1em;
 padding: 5px;
 margin: 0px;
}

.sbal form .kb {
 line-height: 20px;
 height: 33px;
 font-size: 1.1em;
 background-color: #ffcb05;
 color: #000000;
 border: 0px #e7e7e7 solid;
}

#ktl {
 display: none;
}

.sbal ul {
 /*list-style-image: url('../img/list_img.jpg');*/
 list-style: none;
 margin-left: 0px;
 padding-left: 0px;
 margin-top: 63px;
 list-style-position: inside;
 border: 1px #e7e7e7 solid;
 background-color: #FFFFFF;
 color: #000000;
 width: 265px;
 
 overflow: hidden;
}

.sbal ul li {
 font-weight: normal;
 line-height: 30px;
 padding-left: 19px;
 position: relative;
 border-left: 9px #e7e7e7 solid
}

li a {
 text-decoration: none;
 text-transform: uppercase;
 font-weight: normal;
 display: inline-block;
 width: 100%;
 height: 100%;
}

.sbal ul li:hover {
 border-left: 9px #ffcb05 solid;
}

.sbal ul li ul {
 /*position: absolute;
 left: -9px;
 top: -33px;
 z-index: 10;*/
 
  margin: 0px !important;
  padding: 0px !important;
  position: static !important;
  margin-left: -18px !important;
  margin-top: 0px !important;
 
 width: 248px;
 background-color: #ededed;
 display: none;
 color: #000000;
 font-size: 0.9em;
 border: 0px #FFFFFF solid;
 border-left: 9px #ffcb05 solid
}

.sbal ul li ul li {
 position: relative;
}

.sbal ul li ul li ul {
 position: absolute;
 left: -18px;
 top: -33px;
 z-index: 10;
 width: 239px;
 background-color: #FFFFFF;
 display: none;
 border: 0px #c0c0c0 solid;
 border-left: 18px #ffcb05 solid
}

.sbal ul li:hover ul {
 display: block;
}

.sbal ul li:hover ul li ul {
 display: none;
}

.sbal ul li:hover ul li:hover ul {
 display: block;
}

.sbal .lny {
 background-position: 90% center;
 background-image: url(../img/plusz_ikon.png);
 background-repeat: no-repeat;
}

.shopcont .sjobb {
 width: 901px;
 float: left;
}

.sjobb h2 {
 color: #e7e7e7;
 font-family: 'Conv_impact';
 font-size: 2.2em;
 font-weight: 500;
 text-transform: uppercase;
 width: 100%;
 text-align: center;
 margin-bottom: 63px;
}

.sjobb h1 {
 color: #000000;
 font-family: 'Conv_impact';
 font-size: 2.2em;
 font-weight: 500;
 text-transform: uppercase;
 width: 100%;
 text-align: center;
 margin-bottom: 63px;
}

.sjobb .termbox {
 width: 267px;
 height: 394px;
 overflow: hidden;
 float: left;
 background-color: #FFFFFF;
 margin-left: 32px;
 text-align: left;
 margin-bottom: 32px;
}

.termbox img {
 border: 0px;
}

.termbox .thumb {
 width: 100%;
 height: 178px;
 text-align: center;
 position: relative;
 margin-top: 46px;
}

.thumb .akcflag {
 background-image: url(../img/akciokor.png);
 position: absolute;
 top: -27px;
 right: 19px;
 width: 99px;
 height: 99px;
 background-repeat: no-repeat;
 z-index: 4;
}

.termbox h1 {
 color: #ffcb05;
 font-size: 1.3em;
 font-weight: normal;
 width: 90%;
 padding: 0px;
 margin: 0px;
 padding-left: 5%;
 padding-right: 5%;
 line-height: 29px;
 text-align: center;
}

.termbox h1 a {
 color: #ffcb05;
 text-decoration: none;
}

.termbox .rleir {
 width: 90%;
 padding: 0px;
 margin: 0px;
 padding-left: 5%;
 padding-right: 5%;
 height: 53px;
 overflow: hidden;
 padding-top: 12px;
 padding-bottom: 12px;
 text-align: justify;
}

.termbox .rleir a {
 text-decoration: none;
}

.termbox .arkosar {
 border-top: 2px #e6e6e6 solid;
 height: 33px;
 width: 100%;
}

.arkosar .boxar {
 color: #e20000;
 width: 146px;
 text-align: center;
 line-height: 33px;
 font-size: 1.3em;
 float: left;
 border-right: 1px #e6e6e6 solid;
 font-weight: bold;
}

.arkosar .boxkos {
 float: left;
 width: 120px;
 overflow: hidden;
}

.boxkos input {
 background-color: transparent;
 border: 0px;
 width: 36px;
 height: 33px;
 line-height: 33px;
 text-align: center;
 color: #4d4d4d;
 display: inline-block;
 padding: 0px;
 margin: 0px;
}

.boxkos .ksgomb {
 display: inline-block;
 width: 84px;
 height: 33px;
 line-height: 33px;
 text-align: center;
 border: 0px;
 text-align: center;
 color: #FFFFFF;
 background-color: #ffcb05;
 padding: 0px;
 margin: 0px;
}

.sjobb .utvonal {
 width: 819px;
 margin-left: 32px;
 background-color: #FFFFFF;
 text-align: left;
 height: 85px;
 line-height: 85px;
 padding-left: 25px;
 padding-right: 25px;
 font-family: 'Conv_impact';
 font-size: 1.4em;
 font-weight: 500;
 text-transform: uppercase;
 color: #e7e7e7;
 overflow: hidden;
}

.utvonal a {
 color: #B6B6B6;
}

.sjobb .adatlap {
 width: 819px;
 margin-left: 32px;
 background-color: #FFFFFF;
 text-align: left;
 padding-left: 25px;
 padding-right: 25px;
 padding-top: 25px;
 margin-top: 30px;
 margin-bottom: 30px;
 padding-bottom: 25px;
}

.adatlap .adatkep {
 float: left;
 width: 267px;
 text-align: center;
}

.adatkep .nkep {
 width: 267px;
}

.adatkep .kcskep {
 height: 30px;
}

.adatlap .kosaregyeb {
 float: left;
 width: 552px;
}

.kosaregyeb .fb-like {
 float: right !important;
 line-height: 30px;
 height: 30px;
}

.kosaregyeb .fb-like::after {
 clear: both;
} 

.adatlap .termkos {
 background-color: #ffcb05;
 width: 550px;
 padding-top: 15px;
 padding-bottom: 15px;
 margin-bottom: 15px;
}

.termkos .tarak {
 float: left;
 width: 270px;
}

.tarak .brt {
 font-family: 'Conv_impact';
 font-size: 1.6em;
 font-weight: 400;
 padding-left: 10px;
 color: red;
}

.tarak .nett {
 padding-left: 10px;
 color: #FFFFFF;
}

.termkos .tfr {
 float: right;
 width: 180px;
}

.tfr input {
 display: inline-block;
 height: 35px;
 width: 50px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 border: 0px #FFFFFF solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 35px;
 text-align: center;
}

.tfr .butt {
 width: 100px;
}

.adatlap .termleir {
 padding-top: 25px;
}

.hirlevcont {
 width: 100%;
 background-color: #ffcb05;
 color: #FFFFFF;
 height: 160px;
 overflow: hidden;
}

.hirlevcont .hlbal {
 width: 504px;
 padding-left: 57px;
 height: 160px;
 float: left;
}

.hlbal h1 {
 font-size: 3.5em;
 line-height: 160px;
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}

.hirlevcont .hljobb {
 width: 609px;
 height: 160px;
 float: left;
}

.hljobb form {
 margin: 0px;
 padding: 0px;
 margin-top: 53px;
}

.hljobb form input {
 display: inline-block;
 height: 53px;
 width: 295px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 border: 0px #FFFFFF solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 53px;
}

.flsub {
 display: inline-block;
 height: 53px;
 width: 174px !important;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 border: 0px #FFFFFF solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 53px;
 font-weight: bold;
 text-align: center;
 margin-left: 19px;
}

.footer {
 width: 100%;
 margin-top: 53px;
}

.footer h2 {
 color: #656565;
 font-family: 'Conv_impact';
 font-size: 2.2em;
 font-weight: 500;
 text-transform: uppercase;
 width: 100%;
 text-align: center;
 margin-bottom: 63px;
}

.footer .partners {
 width: 100%;
 height: 152px;
 margin-top: 35px;
 margin-bottom: 35px;
 text-align: center;
}

.footer .whiteblock {
 width: 100%;
 height: 269px;
 background-color: #FFFFFF;
 color: #000000;
}

.whiteblock .rnd {
 margin-left: 31px;
 width: 335px;
 height: 228px;
 overflow: hidden;
 float: left;
}

.whiteblock h4 {
 color: #656565;
 font-family: 'Conv_impact';
 font-size: 1.8em;
 font-weight: 500;
 text-transform: uppercase;
}

.rnd .rline {
 height: 58px;
 line-height: 58px;
 font-size: 2.0em;
 color: #000000;
 margin-bottom: 23px;
 font-weight: bold;
}

.rline img {
 float: left;
 margin-right: 20px;
}

.whiteblock .rol {
 margin-left: 31px;
 width: 400px;
 height: 228px;
 overflow: hidden;
 float: left;
 text-align: justify;
}

.rol div {
 line-height: 25px;
 padding-right: 35px;
}

.whiteblock .alsomenu {
 float: left;
 width: 150px;
}

.alsomenu ul {
 color: #000000;
 list-style-position: outside;
 margin-left: 0;
 margin-top: 51px;
 padding-left: 0;
 width: 140px;
}

.alsomenu ul a {
 line-height: 25px;
 text-transform: none;
}

.uzl {
 float: left;
 width: 200px;
}

.uzl div {
 line-height: 25px;
 padding-right: 35px;
}

.footer .lastfoot {
 width: 100%;
 margin-bottom: 70px;
 position: relative;
 color: #555555;
 margin-top: 10px;
}

.lastfoot a {
 color: #ffcb05;
}

.lastfoot .fblink {
 position: absolute;
 top: -10px;
 right: 65px;
}

.lastfoot .fellink {
 position: absolute;
 top: -10px;
 right: 0px;
}

.lapozo {
 float: right;
 margin-top: 10px;
 margin-bottom: 10px;
}

.lapozo .sarga {
 font-weight: bold;
}

.lapozo a {
 width: 30px;
 height: 30px;
 line-height: 30px;
 border: 0px #d9d9d9 solid;
 
 -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 text-align: center;
 background-color: #FFFFFF;
 display: block;
 float: left;
 margin-right: 5px;
 text-decoration: none;
}

.lapozo a:hover {
 width: 30px;
 height: 30px;
 line-height: 30px;
 border: 0px #d9d9d9 solid;
 
 -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.65);
 -moz-box-shadow:    3px 3px 4px 0px rgba(50, 50, 50, 0.65);
 box-shadow:         3px 3px 4px 0px rgba(50, 50, 50, 0.65);
 text-align: center;
 background-color: #FFFFFF;
 display: block;
 float: left;
 margin-right: 5px;
 text-decoration: none;
}

.lapozo span {
 width: 30px;
 height: 30px;
 line-height: 30px;
 border: 0px #d9d9d9 solid;
 
 -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.35);
 text-align: center;
 background-color: #FFFFFF;
 display: block;
 float: left;
 margin-right: 5px;
 text-decoration: none;
}

.megs {
 -moz-border-radius: 2px; 
 -webkit-border-radius: 2px;
 border-radius: 2px;
 border: 1px transparent solid;
 padding: 5px;
 font-size: 1.2empx;
 color: #000000;
 background-color: #ffcb05;
 font-weight: bold;
 width: auto;
 background-image: url();
}

.kosline {
 border-bottom: 1px #f3f4ef solid;
 height: 75px;
 padding-bottom: 5px;
 padding-top: 5px;
}

.kosline .lightbox {
 display: block;
 float: left;
 text-align: center;
 width: 75px;
 height: 71px;
}

.kosnev {
 float: left;
 height: 66px;
 width: 230px;
 font-size: 16px;
 padding-left: 15px;
 padding-top: 5px;
 line-height: 25px;
}

.kosmenny {
 float: left;
 height: 66px;
 width: 120px;
 font-size: 16px;
 padding-left: 15px;
 padding-top: 5px;
 line-height: 25px;
}

.kosmenny input {
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 1px #e6e6e6 solid;
 text-align: center;
}

.kosossz {
 float: left;
 height: 66px;
 width: 120px;
 font-size: 16px;
 padding-left: 15px;
 padding-top: 5px;
 line-height: 25px;
 text-align: center;
}

.kosact {
 float: left;
 height: 66px;
 width: 100px;
 font-size: 16px;
 padding-left: 15px;
 padding-top: 5px;
 text-align: center;
 line-height: 25px;
}

.gomb {
 color: #000000;
 font-size: 1.5em;
 font-weight: bold;
 background-image: url(../img/gomb.png);
 background-repeat: no-repeat;
 width: 218px;
 height: 67px;
 display: inline-block;
 text-decoration: none;
 line-height: 67px;
 text-align: center;
 margin-top: 10px;
 float: right;
}

.kosarinp {
 border: 1px #e7e7e7 solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 20px;
 height: 20px;
 font-size: 1.1em;
 padding: 5px;
 margin: 0px;
}

.kosarinp2 {
 border: 1px #e7e7e7 solid;
 background-color: #FFFFFF;
 color: #000000;
 line-height: 20px;
 height: 30px;
 font-size: 1.1em;
 padding: 5px;
 margin: 0px;
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
 border-radius: 10px;
 width: 100%;
}