body { margin: 0px;	padding: 0px; width:100%; height: 100%;	min-width: 320px; background: #FFFFFF; }

.clear { clear:both; }

.vegas-background { width:100%; margin:0 auto; min-width: 320px; }

#head { position:relative; width:92%; max-width:1600px; height:600px; margin:0 auto }

.menu { right:10px; top:116px; position:absolute; z-index:1000 }

.menu ul { float: left;	list-style: none; margin: 0px; padding-left:0px; }

.menu li { float: left;	list-style: none; margin: 0px; }

.menu li a { font-family: 'Overlock', cursive; font-size: 19px; color: #FEFAEF; font-style: normal; text-decoration: none; margin: 0 11px; letter-spacing: 0px }

.menu li a:hover { text-decoration: underline; }

.mobilmenu { display: none; position:absolute; top:156px; right:0; width:50%; z-index:2000; background: #CD270F; margin:0 auto }

.mobilmenu ul { float: left; list-style: none; margin:30px 0 20px 0; }

.mobilmenu li { float: none; margin-bottom:10px; }

.mobilmenu li a { font-family: 'Overlock', cursive; font-size: 19px; color: #FEFAEF; font-style: normal; text-decoration: none; margin: 0 11px; letter-spacing: 0px }

.mobilmenu li a:hover { text-decoration: underline; }

#main2 { width:100%; background: transparent url(../grafika/hatteruj.jpg) repeat-x left bottom; margin:0 auto; position:relative; }

#main1 { background: url(../grafika/hatterfej.png) repeat-x left top; width:100%; }

#main { width:100%; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #757042; font-weight: normal; line-height: 20px;  }

#konyv { width:88%; max-width:1600px; background: #FEF7E4 url(../grafika/tartalomhatter.png) repeat-y center top; -webkit-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.75); margin:0 auto; padding:0; z-index:1500; position:relative }

.konyvbelso { background: transparent url(../grafika/keretbal.png) repeat-y left top; }

.konyvbelso2 { background: transparent url(../grafika/keretjobb.png) repeat-y right top; }

#logo { left:10px; top:4px; position:absolute; z-index:3000 }

#karacsony { right:70px; top:0px; position:absolute; z-index:1000; background: url(../grafika/kardek.png) no-repeat; width:745px; height:114px; display:none }

#konyvfej { height:14px; background: url(../grafika/tartalomfej.png) left repeat-x; }

#konyvfej1 { height:14px; background: url(../grafika/tartalomfej1.png) left no-repeat; }

#konyvfej2 { height:14px; background: url(../grafika/tartalomfej2.png) right no-repeat; }

#konyvlab { height:14px; background: url(../grafika/tartalomlab.png) center repeat-x; }

#konyvlab1 { height:14px; background: url(../grafika/tartalomlab1.png) left no-repeat; }

#konyvlab2 { height:14px; background: url(../grafika/tartalomlab2.png) right no-repeat; position:relative }

.balsav { width:50%; float:left; text-align:left; padding-bottom:10px; }

.jobbsav { width:50%; float:right; text-align:left; padding-bottom:30px; min-height:1600px; }

.balsav .tartalom { margin-left:50px; margin-right:40px; margin-top:30px; }

.jobbsav .tartalom { margin-left:40px; margin-right:50px; margin-top:40px; }

.tartalom img { max-width: 100%; }

p { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #757042; font-weight: normal; text-align: justify; line-height: 20px; margin-bottom: 12px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }

.kiemelt { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #0C7500; font-weight: normal; font-style: italic; text-align: left; line-height: 17px; margin-bottom: 2px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }

.artabla td { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #0C7500; font-weight: normal; font-style: normal; text-align: left; line-height: 17px; margin-bottom: 2px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }

.artabla td strong { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #0C7500; font-weight: bold; font-style: normal; text-align: left; line-height: 17px; margin-bottom: 2px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }

.vendegkonyv { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: normal; font-style: normal; }

H1 { font-size: 28px; font-family: 'PT Serif', serif; color: #006F00; font-weight: normal; text-align: left; line-height: 27px; margin-bottom: 20px; margin-top: 4px; margin-left: 0px; margin-right: 0px; }

H2 { font-size: 28px; font-family: 'PT Serif', serif; color: #006F00; font-weight: normal; text-align: left; line-height: 27px; margin-bottom: 20px; margin-top: 24px; margin-left: 0px; margin-right: 0px; }

H3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background: #CE270F; font-weight: normal; text-align: left; line-height: 54px; margin-bottom: 8px; margin-top: 12px; margin-left: 0px; margin-right: 0px; }

.focim { background:#CD270F; width:87%; margin-left:17px; padding-top:30px; padding-bottom:20px; }

.focim p { margin-left: 25px; font-family: 'Oregano', cursive; color:#FEFAEF; font-size:48px; font-weight:normal; }

a         { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3D7139; font-style: italic; text-decoration: none; }
a:link    { color: #3D7139; font-style: italic; text-decoration: none; }
a:visited { color: #3D7139; font-style: italic; text-decoration: none; }
a:hover   { text-decoration: underline; }

#nyelvfulekuj { right:70px; top:-44px; position:absolute; width:506px; z-index:1000 }

#nyelvfulekuj div { float:left; margin-right:12px; background: url("../grafika/nyelvhatter.jpg") repeat-x left top; display: block; }

#nyelvfulekuj div a { padding:18px 6px 20px 6px; display: block; font-family: 'Overlock', cursive; font-size: 19px; color: #FEFAEF; font-style: normal; text-decoration: none; margin: 0 8px; letter-spacing: 0px }

#nyelvfulekuj div:hover { background: url("../grafika/nyelvhatterb.jpg") repeat-x left top; }

#nyelvfulekuj div:hover a { color: #5C8802; text-decoration:none }

form { margin:0px; }

INPUT.a, TEXTAREA { font-size: 13px; font-family: Verdana, Arial, helvetia, sans serif; font-weight: normal; color: #29412C; border: solid 1px; border-color: #C0D3C2;
 height:26px; line-height:26px; }

SELECT { font-size: 13px; font-family: Verdana, Arial, helvetia, sans serif; font-weight: normal; color: #29412C; border: solid 1px; border-color: #C0D3C2; height:28px;
 line-height:28px; }
 
INPUT.button { background:#428945; color: #FFFFFF; font-size:17px; font-weight: normal; width: 120px; padding:6px; }

.kdesignlogo { top: 0; right:110px; position:absolute; z-index:2000 }

.up { top: 0; right:45px; position:absolute; z-index:2000 }

.piros { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #D10E03; margin-left: 0px; margin-bottom: 2px; }

.vonal { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #354F36; font-weight: normal; text-align: center; line-height: 10px; margin-bottom: 14px; margin-top: 6px; margin-left: 0px; margin-right: 0px; }

.piroskiemeles { font-size: 19px; font-family: "Times New Roman", Times, serif; color: #D90B00; font-weight: normal; text-align: center; line-height: 21px; margin-top:0px; margin-bottom:20px; }

.kepgal { width:33%; float:left; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #0C7500; font-weight: normal; font-style: italic; text-align:center; margin-bottom:14px; padding-left:10px; padding-right:14px; height:174px; }

.foglalnaptarev { font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color:#006F00; padding:3px; text-align:center }

.foglalnaptarhonap { margin-right:26px; margin-bottom:22px; float:left }

.napok { font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#45633A; padding:3px; text-align:center }

.foglalnaptarhonap td, .foglalnaptarhonap2 td { font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color:#45633A; padding:3px }

.foglalnaptarcim { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding-top:4px; padding-bottom:4px; color:#FFFFFF; text-align:center }

.kepbal { margin-right:16px }

.kepjobb { margin-left:16px }

#footer { width:86%; margin: 0 auto; max-width:1600px; }

#lablec { font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: rgba(255,255,255,0.8); padding-top:26px; padding-bottom:26px; position:relative; margin:0 auto }

#footer p { font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: rgba(255,255,255,0.8); font-weight: normal; line-height: 20px; margin-bottom: 20px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }

#footer a:link    { color: rgba(255,255,255,0.8); font-style: normal; text-decoration: none; }
#footer a:visited { color: rgba(255,255,255,0.8); font-style: normal; text-decoration: none; }
#footer a:hover   { text-decoration: underline; }

.lab1 { width:33%; float:left; display:inline-block; }

.lab1 p { text-align:left; }

.labmenu { width:66%; float:right; display:inline-block; margin-top: 40px; }

.labmenu span { margin-left:6px; padding-left:10px; border-left:1px solid; }

.labmenu span:first-child { border-left:0px; margin-left:0px; padding-left:0px; }

.labmenu p { text-align:right; }

.copyright { margin-top: 25px; text-align:right; }

.menu-toggle { display: none; cursor: pointer; position:absolute; top:100px; right:15px; padding: 10px; z-index:4000; transition: background-color .5s }

.icon-bar {	background-color: #fff;	display: block;	width: 34px; height: 5px }

.icon-bar + .icon-bar { margin-top: 6px }


@media (min-width: 1140px) and (max-width: 1280px) {

#konyv { width:92%; }

#head { width:96%; height:480px; }

#nyelvfulekuj { right:25px; }

.kepgal { width:50%; }

}

@media (min-width: 840px) and (max-width: 1140px) {

#head { width:88%; height:400px; }

#konyv { width:78%; background-image: none; }

.balsav { float:none; width:100%; }

.jobbsav { float:none; width:100%; min-height: 800px; }

.balsav .tartalom { margin-left:50px; margin-right:50px; }

.jobbsav .tartalom { margin-left:50px; margin-right:50px; margin-top:0px; }

#menusav { display:none; }

#nyelvfulekuj { display:none }

.focim p { font-size:54px; }

#footer { width:74%; }

.lab1 { width:50%; }

.labmenu { width:50%; }

.menu-toggle { display: block; }

.menu { display: none; }

.kepgal { width:33%; }

}

@media (min-width: 550px) and (max-width: 840px) {

.vegas-background { margin-top:159px; }

#head { width:100%; height:400px; }

#konyv { background-image: none; }

.balsav { float:none; width:100%; }

.jobbsav { float:none; width:100%; min-height: 800px; }

.balsav .tartalom { margin-left:50px; margin-right:50px; }

.jobbsav .tartalom { margin-left:50px; margin-right:50px; margin-top:0px; }

#menusav { display:none; }

#nyelvfulekuj { display:none }

#footer p { font-size: 13px; line-height: 18px; margin-bottom: 12px; }

#lablec { padding-top:56px; padding-bottom:0; }

.lab1 { float:none; width:100%; }

.labmenu { float:none; width:100%; margin-top: 0px; }

.labmenu p { text-align:left; }

.copyright { text-align:left; }

.menu-toggle { display: block; }

.menu { display: none; }

.kepgal { width:50%; }

}

@media (min-width: 445px) and (max-width: 550px) {
#logo img { width:100%; margin-top:0px; }
}
@media (min-width: 430px) and (max-width: 445px) {
#logo img { width:100%; margin-top:4px; }
}
@media (min-width: 400px) and (max-width: 430px) {
#logo img { width:100%; margin-top:8px; }
}
@media (min-width: 380px) and (max-width: 400px) {
#logo img { width:100%; margin-top:12px; }
}
@media (min-width: 360px) and (max-width: 380px) {
#logo img { width:100%; margin-top:17px; }
}
@media (min-width: 0px) and (max-width: 360px) {
#logo img { width:100%; margin-top:22px; }
}

@media (min-width: 0px) and (max-width: 550px) {

p { text-align: left; }

.vegas-background { margin-top:159px; }

#head { width:100%; height:330px; }

#konyv { background-image: none; }

.balsav { float:none; width:100%; }

.jobbsav { float:none; width:100%; min-height: 800px; }

.balsav .tartalom { margin-left:40px; margin-right:40px; }

.jobbsav .tartalom { margin-left:40px; margin-right:40px; margin-top:0px; }

#menusav { display:none; }

#nyelvfulekuj { display:none }

.focim { width:85%; }

.focim p { font-size:42px; }

#footer p { font-size: 12px; line-height: 16px; margin-bottom: 10px; }

#lablec { padding-top:56px; padding-bottom:0; }

.lab1 { float:none; width:100%; }

.labmenu { float:none; width:100%; margin-top: 0px; }

.labmenu p { text-align:left; }

.copyright { text-align:left; }

.kdesignlogo { right:100px; }

.up { right:35px; }

.menu-toggle { display: block; }

.menu { display: none; }

.mobilmenu { width:100%; }

.kepbal, .kepjobb { width:100% }

.kepgal { width:100%; }

}