@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	font-family: 'Stoke', serif;
	font-size: 12px;
	/*background: url('images/bgk2.jpg') repeat;
	background: #F1F7D7;*/
}


/*
kéké és narancs
vkék: #162a54;

narancs: #E08024;
fms narancs: #ABCE1A;
*/
/*
bgszürke: #ccc;
bodró: #7a1c06;
zöld: #4a5736;

menü zöld: #ABCE1A;

sötétbarna: #54433b;
világos barna: #c0a080;
*/
.main{
margin: 0;
padding: 0;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.header
{
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 120px;
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 4px 1px rgba(0,0,0,0.3);
}
.header-top
{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 70px;
}
.logo 
{
	float: left;
	width: 200px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 5%;
}
.contact
{
float: right;
	width: 350px;
		height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0 5% 0 0;
}
.contact p
{
margin: 0;
padding: 0;
font-size: 17px;
color: #ABCE1A;
text-align: right;
}
.contact p a 
{
padding: 3px 0;
color: #ABCE1A;
text-decoration: none;
}
.contact p a:hover
{
color: #8BAE0A;
text-decoration: none;
}

.contact p span
{
margin: 3px 0;
padding: 0;
font-size: 12px;
color: #555;
}

.header-bottom
{
	border-top: 1px #eee solid;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 50px;
}
#menulent1, #menulent2
{
	display: none;
	position: absolute;
	border-top: 0px #eee solid;
	width: 100%;
	margin: 0;
	padding: 0 6%;
	height: 200px;
	background: rgba(255,255,255,0.90);
	z-index: 999;
}
#menulent1 ul, #menulent2 ul
{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
#menulent1 ul li, #menulent2 ul li
{
	font-size: 16px;
	color: #333;
	padding: 5px;
}
#menulent1 ul li a, #menulent2 ul li a
{
	color: #333;
	text-decoration: none;
}
#menulent1 ul li a:hover, #menulent2 ul li a:hover
{
	color: #00b;
	text-decoration: none;
}

.menu
{
	height: 50px;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	padding: 0 0 0 0;
	}
.menu ul
{
list-style-type: none;
width: auto;
margin: 0;
height: 50px;
padding: 0;
}
.menu ul li
{
position: relative;
display: inline;
float: left;
margin: 16px 0px;
padding: 0px;
}
.menu ul li a
{
color: #222;
font-size: 14px;
height: 50px;
text-decoration: none;
text-transform: uppercase;
border-right: #eee 1px solid;
margin: 6px 0px;
padding: 16px 10px 13px 10px;
}
.menu ul li a:hover
{
color: #162a54;
background: #fafafa;
}
.content-center
{
width: 980px;
margin: 20px auto;
background: none;
}

.kereso
{
float: left;
width: 240px;
height: 330px;
background: #fff;
margin: 0 0 0 0;
padding: 0;
}
.kereso h2
{
color: #333;
background: url('images/nagyito.png') no-repeat left;
margin: 10px;
padding: 0 0 0 50px;
}
.kereso p
{
color: #bbb;
margin: 5px;
padding: 0 0 0 0;
}
.kereso select
{
width: 220px;
margin: 5px 10px;
padding: 0;
height: 30px;
border: 1px solid #f4f4f4;
font-size: 16px;
color: #888;
}
.kereso input[type=submit]
{
width: 200px;
margin: 10px 20px 5px 20px;
padding: 0;
height: 40px;
border: 0px solid #fafafa;
background:  #162a54;
color: #fff;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);
}
.slider
{
float: left;
width: 720px;
height: 330px;
background: #fff;
margin: 0 20px 0 0;
padding: 0;
}
#banner-fade,
#banner-slide{
	margin: 0px;
	}


ul.bjqs-controls.v-centered li a{
	display:block;
	padding:5px 8px;
	background: rgba(255,255,255,0.4);
	color:#fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

ul.bjqs-controls.v-centered li a:hover{
	background: rgba(255,255,255,0.7);
	color:#fff;
}

ol.bjqs-markers li a{
	padding:1px 2px;
	background: rgba(255,255,255,0.0);
	color:#999;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: rgba(255,255,255,0.3);
	color: #000;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.85);
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:888;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: left;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0;font-size: 16px;}
p.bjqs-caption a{font-size: 16px; color: #080; text-decoration: none;}

.left-col-flex
{
float: left;
width: 700px;
height: auto;
background: #fff;
margin: 20px 20px 0 0;
padding: 0;
}
.left-col-flex h1
{
margin: 5px 5px 10px 10px;
padding: 0;
color: #162a54;
font-size: 24px;
}
.left-col-flex h2
{
margin: 5px 5px 10px 10px;
padding: 0;
color: #162a54;
font-size: 20px;
}
.gomb {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.olvas {
	-moz-box-shadow:inset 0px 0px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fed897;
	box-shadow:inset 0px 0px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}
.olvas:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}.olvas:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
.vizsga {
	-moz-box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.vizsga:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.vizsga:active {
	position:relative;
	top:1px;
}/* This button was generated using CSSButtonGenerator.com */
.vizsgap {
	-moz-box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	box-shadow:inset 0px 0px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #fe1a00;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.vizsgap:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.vizsgap:active {
	position:relative;
	top:1px;
}

.left-col-flex h3
{
margin: 5px 5px 10px 10px;
padding: 0;
color: #162a54;
font-size: 18px;
}
.left-col-flex h4
{
margin: 5px 5px 10px 10px;
padding: 0;
color: #000;
font-size: 16px;
font-weight: normal;
}
.left-col-flex p
{
margin: 5px 10px;
padding: 0;
color: #333;
font-size: 14px;
font-weight: normal;
}
.left-col-flex p a
{
color: #162a54;
text-decoration: underline;
}
.left-col-flex p a:hover
{
color: #465a84;
text-decoration: underline;
}
.left-col-flex p span
{
color: #ABCE1A;
font-size: 14px;
}
.utikep .utar
{
float: right;
width: 350px;
height: 40px;
position: absolute;
z-index: 888;
background: rgba(0,0,0,0.3);
}
.utikep .utar p
{
margin: 8px;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
.utleiras dl
{
float: left;
width: 90%;
margin: 5px;
}
.utleiras dl dt
{
float:left;
width: 44%;
margin: 0 3%;
color: #999;
}
.utleiras dl dd
{
float:left;
width: 44%;
margin: 0 3%;
}
.left-col-flex dl
{
float: left;
width: 90%;
margin: 5px;
}
.left-col-flex dl dt
{
text-align: right;
float:left;
width: 44%;
margin: 0 2%;
color: #999;
height: 35px;
}
.left-col-flex dl dt p
{
margin: 3px 0 0 0;
padding: 0;
}
.left-col-flex dl dd
{
float:left;
width: 44%;
margin: 0 1%;
height: 35px;
}
.left-col-flex dl dd input
{
border: 1px #ddd solid;
 /* css 3 */
 border-radius:5px;
 /* mozilla */
 -moz-border-radius:5px;
 /* webkit */
 -webkit-border-radius:5px;
 height: 25px;
 width: 200px;
 padding: 0 3px;
}
.left-col-flex dl dd select
{
border: 1px #ddd solid;
 /* css 3 */
 border-radius:5px;
 /* mozilla */
 -moz-border-radius:5px;
 /* webkit */
 -webkit-border-radius:5px;
 height: 25px;
 width: 200px
}
.left-col-flex input.button
{
border: 1px #ddd solid;
 /* css 3 */
 border-radius:5px;
 /* mozilla */
 -moz-border-radius:5px;
 /* webkit */
 -webkit-border-radius:5px;
 height: 40px;
 width: 200px;
 background: #080;
 color: #fff;
 margin: 20px 0 30px 270px;
}

.left-col-flex textarea
{
border: 1px #162a54 solid;
margin: 7px 0 0 0;
height: 115px; 
width: 44%;
}
.left-col-flex p.info
{
margin: 10px;
color: #aaa;
}
.left-col-flex h5
{
margin: 0px;
padding: 5px;
font-size: 18px;
color: #fff;
background: #00c;
}
.utleiras img.thumb 
{
width: 70px;
height: 70px;
margin: 2px;
padding: 0;
}
.right-col
{
float: right;
width: 260px;
margin: 20px 0 0 0;
padding: 0;
background: #fff;
}
.right-col h2
{
margin: 5px;
color: #ABCE1A;
}
.right-col p
{
margin: 5px;
color: #333;
font-size: 14px;
}
.right-col a
{
color: #162a54;
text-decoration: none;
}
.right-col a:hover
{
color: #465a84;
text-decoration: underline;
}
.right-col-flex
{
float: right;
width: 240px;
height: auto;
margin: 40px 0 0 0;
padding: 0;
display: none;
}

.right-col-flex .szallas {width: 100%; float: left; background: #fff; height: 85px; border-bottom: 1px solid #eee;}
.right-col-flex .szallas:hover {background: #f4f4f4;}
.right-col-flex .szallas .kep {width: 60px; float: left; height: 85px;}
.right-col-flex .szallas .kep img {width: 50px;  height: 75px; margin: 5px; border: none;}
.right-col-flex .szallas .leiras {width: 160px; float: left; height: 45px; padding: 5px 5px;}
.right-col-flex .szallas .leiras p{ padding: 5px; margin: 0;}
.right-col-flex .szallas .leiras p.nev {font-size: 12px; font-weight: bold; color: #162a54; text-decoration: none; padding: 0; margin: 0;}
.right-col-flex .szallas .leiras p.orszag {color: #777; font-size: 11px; text-transform: uppercase; padding: 0 5px; margin: 0;}
.right-col-flex .szallas .leiras p.leiras {font-size: 11px; color: #aaa; padding: 0 5px; margin: 0;}
.right-col-flex .szallas .ar {width: 160px; float: left; height: 35px; padding: 0px 0px;}
.right-col-flex .szallas .ar p{color: #ABCE1A; font-weight: bold; text-align: right; font-size: 15px;}
.right-col-flex .szallas .ar p span{color: #aaa; font-size: 10px; font-weight: normal;}
	
	
.right-col-gal
{
float: left;
width: 232px;
margin: 0;
padding: 4px;
background: #fff;
}
.right-col-gal img
{
width: 106px;
height: 106px;
margin: 2px;
padding: 0;
}
.right-col a img
{
border: none;
}
/*SIDEPAN*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.pic {
  border: 0px solid #fff;  
  float: left;
  height: 170px;
  width: 240px;
  margin: 0px 5px 15px 0px;
  overflow: hidden;
  }
.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 0.5s ease;
     -moz-transition: margin 0.5s ease;
       -o-transition: margin 0.5s ease;
      -ms-transition: margin 0.5s ease;
          transition: margin 0.5s ease;
}
 
.sidepan img:hover {
  margin-left: -240px;
}
      /* Stuff for example seven - including conditionals below */
        
        #ie-test { position: relative; width: 100%; }
        #boxLinks { list-style: none; overflow: hidden; }
        ul#boxLinks.group {  margin: 0px; padding: 0px; }
        #boxLinks li {  display: inline; }
        #boxLinks li a { padding: 5px 10px; color: #222; font-size: 16px;text-decoration: none; border-right: 1px solid #eee; float: left; display: block; margin-left: -1px; position: relative; left: 1px; }
        #boxLinks li a:hover { color: #fff; background: #162a54; }
        #box { height: 540px; border-bottom: 1px solid #ccc; overflow: hidden; padding: 0px 30px 0px 30px; position: relative; top: -1px; }
        .box { display: none; height: 540px; overflow: auto; display: block; position: relative; overflow-x: hidden; }
        #box1:target, #box2:target, #box3:target, #box4:target, #box5:target { display: block; }
		.box h3 { color: #162a54; font-size: 18px; }
		.box .szallas {width: 50%; float: left; background: #fff; height: 135px; border-bottom: 1px solid #eee;}
		.box .szallas:hover {background: #f4f4f4;}
		.box .szallas .kep {width: 100px; float: left; height: 150px;}
		.box .szallas .kep img {width: 90px;  height: 125px; margin: 5px; border: none;}
		.box .szallas .leiras {width: 330px; float: left; height: 105px; padding: 5px 5px;}
		.box .szallas .leiras p{ padding: 5px; margin: 0;}
		.box .szallas .leiras p.nev {font-size: 16px; font-weight: bold; color: #162a54; text-decoration: none; padding: 0; margin: 0 0 7px 0;}
		.box .szallas .leiras p.orszag {color: #333; font-size: 12px; text-transform: uppercase; padding: 0 5px; margin: 0 0 7px 0;}
		.box .szallas .leiras p.leiras {font-size: 13px; color: #aaa; padding: 0 5px; margin: 0;}
		.box .szallas .ar {width: 330px; float: left; height: 105px; padding: 0px 0px;}
		.box .szallas .ar p{color: #ABCE1A; font-weight: bold; text-align: right; font-size: 25px; margin: 0px; padding: 0;}
		.box .szallas .ar p span{color: #aaa; font-size: 10px; margin: 0px; padding: 0;}        
      
		#ie-test { position: relative; width: 100%; }
        #boxLinks { list-style: none; overflow: hidden; }
        ul#boxLinks.group {  margin: 0px; padding: 0px; }
        #boxLinks li {  display: inline; }
        #boxLinks li a { padding: 5px 10px; color: #222; font-size: 16px;text-decoration: none; border-right: 1px solid #eee; float: left; display: block; margin-left: -1px; position: relative; left: 1px; }
        #boxLinks li a:hover { color: #fff; background: #162a54; }
        #box { height: 540px; border-bottom: 1px solid #ccc; overflow: hidden; padding: 0px 30px 0px 30px; position: relative; top: -1px; }
        .box { display: none; height: 540px; overflow: auto; display: block; position: relative; overflow-x: hidden; }
        
		#tabs  h3 { color: #162a54; font-size: 18px; }
		.szallas {width: 50%; float: left; background: #fff; height: 135px; border-bottom: 1px solid #eee;}
		.szallas:hover {background: #f4f4f4;}
		 .szallas .kep {width: 100px; float: left; height: 150px;}
		 .szallas .kep img {width: 90px;  height: 125px; margin: 5px; border: none;}
		 .szallas .leiras {width: 330px; float: left; height: 105px; padding: 5px 5px;}
		 .szallas .leiras p{ padding: 5px; margin: 0;}
		 .szallas .leiras p.nev {font-size: 16px; font-weight: bold; color: #162a54; text-decoration: none; padding: 0; margin: 0 0 7px 0;}
		.szallas .leiras p.orszag {color: #333; font-size: 12px; text-transform: uppercase; padding: 0 5px; margin: 0 0 7px 0;}
		 .szallas .leiras p.leiras {font-size: 13px; color: #aaa; padding: 0 5px; margin: 0;}
		 .szallas .ar {width: 330px; float: left; height: 105px; padding: 0px 0px;}
		 .szallas .ar p{color: #ABCE1A; font-weight: bold; text-align: right; font-size: 25px; margin: 0px; padding: 0;}
		 .szallas .ar p span{color: #aaa; font-size: 10px; margin: 0px; padding: 0;}
/*---------------------*/
 .szallas-talalat {width: 49%; float: left; background: #fff; height: 175px; border-bottom: 0px solid #eee; margin: 10px 2px;}
		 .szallas-talalat:hover {background: #f4f4f4;}
		 .szallas-talalat .kep {width: 130px; float: left; height: 175px;}
		 .szallas-talalat .kep img {width: 130px;  height: 175px; margin: 0px; border: none;}
		 .szallas-talalat .leiras {width: 320px; float: left; height: 140px; padding: 5px 5px;}
		 .szallas-talalat .leiras p{ padding: 5px; margin: 0;}
		 .szallas-talalat .kep p.akcio {position: absolute; font-size: 14px; font-weight: normal; color: #fff; text-decoration: none; padding: 5px; margin: 0; background: rgba(250,0,0,0.7); -webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3);box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); max-width: 125px;}
		 .szallas-talalat .leiras p.nev {font-size: 16px; font-weight: bold; color: #162a54; text-decoration: none; padding: 0; margin: 0 0 7px 0;}
		 .szallas-talalat .leiras p.orszag {color: #333; font-size: 12px; text-transform: uppercase; padding: 0 5px; margin: 0 0 7px 0;}
		 .szallas-talalat .leiras p.leiras {font-size: 13px; color: #aaa; padding: 0 5px; margin: 0;}
		 .szallas-talalat .ar {width: 320px; float: left; height: 35px; padding: 0px 0px; bottom: 0; position: relative;}
		 .szallas-talalat .ar p{color: #ABCE1A; font-weight: bold; text-align: right; font-size: 25px; margin: 0px; padding: 0;}
		 .szallas-talalat .ar p span{color: #aaa; font-size: 10px; margin: 0px; padding: 0;}
/*---------------------*/

.footer{
	width: 100%;
	margin: 35px 0 0 0;
	height: ;
	padding: 0;
	background: #f8fff8;
}
.footer-center
{
width: 980px;
margin: 20px auto 0 auto;
background: none;
}
.footer-left
{
width: 740px;
margin: 20px auto;
float: left;
}
.footer-left-header
{
width: 740px;
margin: 0px auto;
float: left;
}
.footer-left-header h3
{
margin: 0px 10px;
}
.footer-left-list
{
width: 740px;
margin: 0px auto;
padding: 0;
float: left;
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
}
.footer-left-list ul
{
list-style-type: none;
margin: 0;
}
.footer-left-list ul li
{
padding: 3px;
}
.footer-left-list ul li a
{
color: #162a54;
text-decoration: none;
font-size: 14px;
padding: 0px 0;
}
.footer-left-list ul li a:hover
{
color:#ABCE1A;
text-decoration: underline;
}

.footer-right
{
width: 200px;
margin: 10px 0 10px 40px;
float: left;
}
.footer-right h3
{
color: #162a54;
font-size: 16px;
}
.footer-right p
{
color: #888;
font-size: 12px;
}
.footer-full
{
width: 980px;
margin: 20px 0 20px 0px;
float: left;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}
.footer-full h3
{
color: #162a54;
font-size: 16px;
}
.footer-full p
{
padding: 0;
margin: 0;
color: #aaa;
font-size: 11px;
}
.footer-full2
{
width: 980px;
margin: 20px 0 20px 0px;
float: left;
}
.footer-full2 p
{
padding: 0;
margin: 0 10px;
color: #162a54;
font-size: 11px;
}
.footer-col
{
width: 50%;
height: 60px;
float: left;
}
.footer-col h4
{
padding: 10px 0px 0px 40px;
margin: 0px;
font-size: 14px;
color: #bbb;
text-align: left;
font-weight: normal;
}
.footer-col p
{
padding: 10px 0px 0px 40px;
margin: 0px;
font-size: 12px;
color: #bbb;
text-align: left;
}
.footer-col p.right
{
padding: 10px 30px 0px 0px;
margin: 0px;
font-size: 12px;
color: #bbb;
text-align: right;
}

.jqueryslidemenu{
font: 16px;
width: 90%;
margin: 0 auto;
padding: 0px;
height: 58px;
color: #fff;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.jqueryslidemenu ul{
margin: 0px auto;
padding: 0;
list-style-type: none;
background: url('images/menu.png') repeat;
color: rgba(255, 255, 255, 0.8);

}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
margin: 0px 0px;
padding: 0px;
}
.jqueryslidemenu ul li img{
visibility: hidden;
width: 0px;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 12px 40px 18px 40px;
margin: 0px;
font-weight: normal;
font-size: 16px;
height: 16px;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #888;
}

.jqueryslidemenu ul li a:hover{
color: #fff;
background: rgba(122,28,06,0.7);
text-decoration: none;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-bottom: 0px solid #fff;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 0px;
padding: 0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: 14px;
width: 170px; /*width of sub menus*/
height: 18px;
padding: 4px 5px 4px 5px;
margin: 0px;
border-top-width: 0px;
border-bottom: 0px solid white;
vertical-align: middle;
background: url('images/menu.png') repeat;
-webkit-border-radius: 3px;
	border-radius: 3px;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
ul.database-index {
  margin: 1em 0;
  padding: 0;
  list-style-type:none;

}
ul.database-index li {
  float: left;
  width: 95px;
  height: 180px;
  margin: 13px;
  padding: 0;
  text-align: center;
}
ul.database-index li strong {
  width: 85px;
  height: 3em;
  margin: .5em 0 0 0;
  padding: 0px;
  color: Black;
  font-weight: normal;
  border-top: 0px dotted Black;
}
ul.database-index li a.kep {
   display: block;
  width: 95px;
  height: 100px;
  padding: 5px 0 5px 0;
  list-style-type:none;
}
ul.database-index li a.kep:hover {
  background-color: #ffb;
}
ul.database-index img {
  border: none;
}
.database-index strong {
	display: block;
}

input.elkuld {
    background-color: #2C8F30; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	margin: 5px;
	-webkit-border-radius: 5px;
border-radius: 5px;
}
input.elkuld:hover {
    background-color: #4CaF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	margin: 5px;
	cursor: pointer;
}
.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			width: 300px;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 320px;
		}
	
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.2em 0.2em; text-align: left; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
/*visszaszámláló*/		
		
		article {
    width: 300px;
    text-align: center;
    background-color: #68b04d;
    border-radius: 10px;
    margin: 50px auto 20px;
    padding: 5px;
    overflow: hidden;
    box-shadow: 3px 3px 10px #ccc;
}

article h3 {
    padding: 10px;
    color: #fff;
}
article .count {
    padding: 5px;
}
article #timer{
    padding: 5px;
    color: crimson;
    background-color: aliceblue;
    border-radius: 2px;
}
/*visszaszámláló*/		