html,body,span,p,div,a,
h1,h2,h3,h4,h5,h6,
ol,ul,li,dl,dt,dd,
img
{border:0;margin:0;padding:0}

ol,ul,li,dl,dt,dd
{list-style-type:none}

html,body{
background: #000;
color: #ccc;
width: 100%;
height: 100%;
cursor: default;
}
body{
background: #000 url(kepek/piros/hatter.png) 0 0 repeat-x;
}
@media (min-width: 992px) {
 body {
  min-width: 1200px;
 }
}
a{
color: #eee;
}
a:hover,
a.hover{
color: #fff;
text-shadow: 0 0 2px rgba(255,255,255,.5);
}
html{
overflow-y: scroll;
overflow-x: hidden;
}

#tarto{
margin: 0 auto;
}
@media (min-width: 992px) {
 #tarto {
  width: 1000px;
 }
}

#fejlec-csik{
background: transparent url(kepek/fejlec/hatter2.png) -7px 0 no-repeat;
padding-left: 300px;
color: #595956;
font: normal 13px/35px Tahoma;
height: 43px;
}
@media (min-width: 992px) {
 #fejlec-csik {
  background-position: -7px 0;
 }
}
#fejlec-csik .ikon{
}
@media (min-width: 992px) {
 #fejlec{
  height: 324px;
 }
}
#fejlec-div{
float: left;
width: 385px;
height: 252px;
background: transparent url(kepek/piros/maximalis-vedelem.png) 50% -40px no-repeat;
margin-top: 14px;
margin-left: -125px;
text-indent: -1000px;
overflow: hidden;
}

h1,h2{
float: left;
margin-top: 14px;
}
h1, h1 a{
display: block;
overflow: hidden;
width: 229px;
height: 230px;
height: 252px;
}
h1{
margin-left: -50px;
}
h1 a{
background: transparent url(kepek/logo.png) 50% 50% no-repeat;
text-indent: -1000px;
}
h1 a.hover,
h1 a:hover{
background-image: url(kepek/logo-felvillanas.png);
}

#fejlec-auto-villogo{
display: none;
}
#fejlec-auto-villogo.villan{
display: block;
}

#fejlec-auto{
width: 700px;
height: 275px;
background: transparent url(kepek/piros/audi.jpg) 0 0 no-repeat;
background: transparent url(kepek/mmi/audi2.png) 0 10px no-repeat;
background: transparent url(kepek/mmi/audi3.png) 0 20px no-repeat;
margin-left: 255px;
margin-left: 495px;
margin-left: 445px;
}

h2{
text-indent: -1000px;
overflow: hidden;
background: transparent url(kepek/fejlec/gepjarmu-vedelmi-rendszer.png) 50% 52px no-repeat;
width: 186px;
margin-left: -50px;
height: 128px;
height: 252px;
}

#hamburger {
width: 40px;
height: 30px;
float: right;
margin-right: 10px;
padding-top: 10px;
cursor: pointer;
}
#hamburger span {
height: 4px;
border-radius: 8px;
background: #de454a;
width: 100%;
display: block;
margin-bottom: 5px;
box-shadow: 0 2px 3px rgba(0,0,0,.25);
}
@media (max-width: 992px) {
 #oldalsav {
  position: fixed;
  max-height: 100vh;
  overflow: auto;
  float: none;
  width: 270px !important;
  z-index: 9002;
  right: 0;
  transform: translateX(100%);
  transition: transform .4s;
  height: 100%;
 }
 #oldalsav .menu {
  background: #eee;
  float: right;
  width: 239px;
 }
 body.oldalsav {
  overflow: hidden;
 }
 body.oldalsav #oldalsav {
  display: block !important;
  transform: translateX(0);
 }
 a[href="/terkep"] {
  display: block;
  text-align: center;
 }
}

@media (min-width: 992px) {
#kapcsolat-submit {
with:195px;float:right;text-align:center
}
}

#oldalsav .blokk{
width: 242px;
overflow: hidden;
background: transparent url(kepek/oldalsav/hatter.png) 0 0 no-repeat;
height: 323px;
margin-bottom: 20px;
}

#oldalsav .blokk h3{
background: transparent url(kepek/oldalsav/fejlec.png) 50% 50% no-repeat;
width: 245px;
text-align: center;
color: #fff;
font: normal 20px/43px "Open Sans",Arial,sans-serif;
height: 43px;
}

#blokk-blue16 h3{
overflow: hidden;
}
#blokk-blue16 h3 img{
margin-top: -6px;
}
#blokk-blue16 ul{
margin-top: -15px;
}
#blokk-blue16 li{
color: #fff;
padding-left: 35px;
background: transparent url(kepek/zold-pipa.png) 5px 50% no-repeat;
min-height: 22px;
font: normal 10px/12px "Open Sans",Arial,sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
}
#blokk-blue16 .tartalom img{
margin-left: -11px;
}

#oldalsav #blokk-atlagos{
height: 275px;
}
#blokk-atlagos .tartalom{
text-align: center;
}
#blokk-atlagos .tartalom img{
margin: 15px 0 20px 0;
}

#blokk-atlagos li{
text-align: left;
font: normal 10px/18px "Open Sans",Arial,sans-serif;
color: #fff;
padding-left: 35px;
background: transparent url(kepek/piros-iksz.png) 10px 0 no-repeat;
text-transform: uppercase;
height: 18px;
line-height: 18px;
margin-bottom: 10px;
}

.ikon{
display: inline-block;
width: 16px;
height: 13px;
background: transparent url(kepek/ikonok.png) 0 0 no-repeat;
}
.ikon.email{
background-position: 0 -13px;
}

#fejlec-csik a{
display: inline-block;
background: rgba(70,70,70,1) !important;
border-radius: 7px;
padding: 2px;
line-height: 21px;
height: 21px;
text-align: center;
text-decoration: none;
}
#fejlec-csik-telefon1{
background: transparent url(kepek/fejlec/csik-a.png) 0 0 no-repeat;
width: 126px;
}
#fejlec-csik-telefon2{
background: transparent url(kepek/fejlec/csik-b.png) 0 0 no-repeat;
width: 138px;
}
#fejlec-csik-email{
background: transparent url(kepek/fejlec/csik-c.png) 0 0 no-repeat;
width: 116px;
}

#oldalsav{
width: 239px;
float: left;
}
#tartalom{
background: #ecedef;
border-radius: 7px;
padding: 10px;
color: #333;
min-height: 1050px;
margin: 0 7px 25px 7px;
font: normal 12px/15px Arial,sans-serif;
}
@media (min-width: 992px) {
 #tartalom {
  margin-left: 244px;
 }
}
#tartalom ul{
padding-left: 20px;
padding: 10px 20px;
}
#tartalom h4{
text-transform: uppercase;
font: bold 14px/20px Arial,sans-serif;
text-align: center;
margin: 0 0 10px 0;
padding-top: 20px;
}
#tartalom a{
color: #000;
}
#tartalom ul,
#tartalom ul li{
list-style-type: square;
}
#tartalom.ie{
padding: 0 10px;
}

#tipp{
margin-left: 234px;
height: 58px;
padding-right: 20px;
background: transparent url(kepek/tipp.png) 50% 50% no-repeat;
color: #fff;
font: bold 13px/48px 'Trebuchet MS',Tahoma,Arial,sans-serif;
font: bold 13px/48px Arial,sans-serif;
-x-overflow: hidden;
-x-white-space: nowrap;
padding-left: 50px;
text-overflow: ellipsis;
text-shadow: 1px 2px 0 rgba(0,0,0,.8);
text-align: center;
padding-top: 10px;
}

#tartalom-teteje{
background: transparent url(kepek/tartalom-hatter-teteje.png) 0 0 no-repeat;
}
#tartalom-alja{
background: transparent url(kepek/tartalom-hatter-alja.png) 0 0 no-repeat;
}

.clear{
display: block;
height: 1px;
margin-top: -1px;
float: none;
clear: both;
}

.menu{
margin-top: 10px;
}

.menu li a{
text-shadow: 1px 1px 5px rgba(17,19,19,.75);
display: block;
background: transparent url(kepek/menu-piros.png) 0 0 no-repeat;
height: 60px;
margin-top: -15px;
font: normal 15px/45px "Open Sans","Arial Narrow",Tahoma,Arial,sans-serif;
text-transform: uppercase;
text-decoration: none;
-x-letter-spacing: 1px;
margin-left: -28px;
padding-left: 35px;
}
.menu li a:hover{
text-shadow: 0 0 5px rgba(255,255,255,.5),1px 1px 5px rgba(17,19,19,.25);
}
.menu li a.hover{
font-weight: bold;
letter-spacing: 1px;
}

#almenu2,
#almenu{
z-index: 1000;
margin-top: -25px;
}
#almenu2 .menu,
#almenu .menu{
margin-top: 15px;
}

#tarto2{
background: transparent url(kepek/szovet.jpg) 100% 0 repeat;
z-index: 2
}
@media (min-width: 992px) {
 #tarto2 {
  width: 939px;
 }
}
#szovet-arnyek{
background: transparent url(kepek/szovet-arnyek.jpg) 0 0 repeat-x;
padding-top: 10px;
}

#lablec{
background: transparent url(kepek/lablec-arnyek.png) 0 -10px repeat-x;
padding-top: 22px;
width: 100%;
z-index: 5;
}
@media (min-width: 992px) {
 #lablec {
  position: absolute;
  top: 1480px;
 }
}
#lablec-div2{
background: #2c2c2c;
border-top: 5px solid #363636;
}
#lablec-div{
-x-border-top: 5px solid #363636;
background: #2c2c2c url(kepek/lablec-logo.png) 20px 50% no-repeat;
padding-top: 84px;
height: 95px;
text-align: center;
color: #ccc;
text-transform: uppercase;
font: bold 18px/25px 'Open Sans','Arial Narrow',Tahoma,sans-serif;
letter-spacing: 1px;
text-shadow: 0 0 5px #000;
margin: 0 auto;
}
@media (min-width: 992px) {
 #lablec-div {
  width: 600px;
  padding-top: 42px;
  padding-left: 400px;
  background-position: 20px 50%;
 }
}
#lablec a{
color: #ccc;
text-decoration: none;
}

x#tarto3{
background: url(kepek/valamihatter.jpg)
}

#tartalom-felulkerek{
height: 10px;
background: transparent url(kepek/ie-felulkerek.png) 50% 0 no-repeat;
margin: 10px 7px -10px 244px;
}
#tartalom-alulkerek{
height: 10px;
background: transparent url(kepek/ie-alulkerek.png) 50% 100% no-repeat;
margin: -25px 7px 25px 244px;
}

a.nou{
text-decoration: none;
}
a.nou:hover{
text-decoration: underline;
}

.partner{
height: 140px;
margin-bottom: 20px;
}
.partner .kep{
float: left;
width: 120px;
height: 140px;
float: left;
padding-top: 20px;
margin-right: 10px;
text-align: center;
}
.partner dl{
margin-top: 10px;
}
.partner dt,
.partner dd{
margin-bottom: 5px;
}
.partner dt{
float: left;
width: 75px;
}
.partner dd{
margin-left: 80px;
}

.minosites{
height: 130px;
}
.minosites .kep{
text-align: right;
width: 320px;
float: left;
margin-right: 10px;
}

.elerhetoseg #tartalom input,
.elerhetoseg #tartalom textarea{
width: 295px;
}
.elerhetoseg #tartalom textarea{
height: 120px;
min-height: 120px;
max-width: 295px;
min-width: 295px;
}
textarea,input{
font: 12px Arial,sans-serif;
}

.elerhetoseg #tartalom dd{
margin-bottom: 10px;
}

#tartalom h4#form {
text-align: left;
}
@media (min-width: 992px) {
text-align: center;
}

#fejlec-auto-villogo{
background: transparent url(kepek/mmi/villog1.png) 50% 50% no-repeat;
width: 26px;
height: 24px;
position: relative;
left: 464px;
-x-left: 419px;
display: block;
top: 74px;

left: 292px;
top: 73px;

left: 287px;
top: 75px;
}
#fejlec-auto-villogo.villan{
background-image: url(kepek/mmi/villog2.png);
}

.autovalaszto .auto{
width: 100%;
width: calc(100% - 10px);
background: url(autovalaszto/keret.jpg) -110px 0;
height: 105px;
color: #e9e9e9;
padding: 5px;
margin-bottom: 15px;
cursor: pointer;
border-radius: 10px;
}
@media (min-width: 768px) {
 .autovalaszto .auto {
  background-position: 0 0;
  width: 657px;
  height: 125px;
 }
}
.autovalaszto .auto span {
width: calc(100% + 10px);
}
.autovalaszto .auto .kep{
float: left;
text-align: center;
margin-right: 5px;
width: 120px;
height: 128px;
}
@media (min-width: 768px) {
 .autovalaszto .auto .kep {
  margin-right: 15px;
  width: 230px;
  height: 128px;
 }
 .autovalaszto .auto span {
  width: 100%;
 }
}
.autovalaszto .auto span{
display: block;
font: bold 18px/30px Arial,sans-serif;
}
.autovalaszto .auto h3{
height: 70px;
font: bold 15px/84px Arial,sans-serif;
}
@media (min-width: 768px) {
 .autovalaszto .auto h3{
  font-size: 18px;
 }
}
.autovalaszto #tartalom .auto h3 a{
text-shadow: 0 0 5px rgba(0,0,0,.75);
}
.autovalaszto #tartalom .auto h3,
.autovalaszto #tartalom .auto h3 a{
color: #e9e9e9;
text-decoration: none;
}
.autovalaszto #tartalom .auto:hover h3 a,
.autovalaszto #tartalom .auto h3 a:hover{
text-decoration: underline
}
.autovalaszto #auto h3{
background: url(autovalaszto/cim.png);
width: 669x;
height: 77px;
font: bold 24px/77px Arial,sans-serif;
text-shadow: 0 0 5px rgba(0,0,0,.75);
color: #fff;
text-indent: 30px;
}
.autovalaszto #auto-kep{
margin: 0 20px;
}

#auto-tabla{
border-radius: 10px;
background: #6c6c6c;
padding: 10px;
width: calc(100vw - 95px);
margin: 20px;
}
@media (min-width: 768px) {
 #auto-tabla {
  width: 586px;
 }
}
#auto-tabla h4 a{
color: #fff;
text-decoration: none;
}
#auto-tabla h4 a{
text-decoration: underline;
}
#auto-tabla h4{
margin: 0;
padding: 0;
text-align: center;
color: #fff;
font: normal 16px/20px Tahoma,Arial,sans-serif;
}
#auto-tabla ul{
display: block;
list-style: none;
background: #a0a5ad;
margin-top: 10px;
padding: 1px 7px;
border-radius: 3px;
}
#auto-tabla ul li{
display: block;
list-style: none;
}
#auto-tabla ul li a{
color: #fff;
display: block;
background: #414243;
border-radius: 2px;
color: #fff;
border: 2px solid #414243;
font: normal 16px/20px 'Trebuchet MS',Tahoma,Arial,sans-serif;
text-decoration: none;
padding: 2px 5px;
margin: 7px 0;
}
#auto-tabla ul li a:hover{
border-color: #000;
}

/*  colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/kepek/mmi/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/kepek/mmi/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/kepek/mmi/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/kepek/mmi/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* /colorbox */

.style1 {
				text-align: center;
}
.style2 {
				font-size: medium;
}

::-moz-selection{background:#369;color:#fff}
::selection{background:#369;color:#fff}