body {
color:#15151A;
}
body,td,div,input,form,textarea,.regsub {
	font-family: 'Hind Vadodara', sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	padding:0px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #0093DD;
    margin: 1em 0;
    padding: 0;
}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input::-webkit-input-placeholder {color: #8C8C8C;}
input:-ms-input-placeholder {color: #8C8C8C;}
input:-moz-placeholder {color: #8C8C8C;}
input::-moz-placeholder {color: #8C8C8C;}
input:-moz-placeholder {opacity: 1;}
input::-moz-placeholder {opacity: 1;}
.tartalomkeret a {
font-size:14px;
}
img {
	border:0px;
}
.logo2 {
	float:left;
	margin-left:3%;
	height:50px;
	display:block;
}
.logo2:hover {
	background-color:#0070B3;
}
.logo2 img {
	margin-top:10px;
}
.menuk,.menukfooldal {
	position:relative;
	float:right;
	margin-right:2%;
}
.menuk div,.menukfooldal div {position:relative;display:inline-block;background-color:#0070B3;height:35px;line-height:35px;margin-left:1px;margin-right:1px;font-size:14px;padding-right:8px;padding-left:8px;margin-top:6px;margin-bottom:6px;}
.tartalomkeret {
	width:94%;margin-left:3%;margin-right:3%;margin-top:16px;
}
.javbenyujtkeret {
		text-align:center;
}
.bentkeret {
	text-align:center;
}
.style1 {
	color: #0093DD;
	font-weight: bold;
	font-size: 22px;
	margin-bottom:38px;
}
.style1bejel {
	text-align:center !important;
	color: #0093DD;
	font-weight: bold;
	font-size: 22px;
	margin-bottom:38px;
}
.style2 {
	font-size:17px;
	font-weight: bold;
}
.felsocsik {
	background-color:#0086C6;
	color:#CEEFFF;
	position:relative;
	display:table;
	width:100%;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.felsocsik a{
	color:#CEEFFF;
	text-decoration:none;
}
.felsocsik a:hover{
	color:#fff;
}
#a3, #eddigijavlista, #osszesjav, .leguteslista, .leguteslista_inaktiv {
	padding:6px;
	padding-top:18px;
	padding-bottom:18px;
	width:100%;
	text-align:center;
	margin-top:10px;
	position:relative;
	display:table;
	-webkit-border-radius: 6px;	-moz-border-radius: 6px; border-radius: 6px;
}
.leguteslista, .leguteslista_inaktiv {
	background-color:#77B022;
	color:#fff;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:14px;
	padding-bottom:14px;
	border-color:#507616;
	border-style:solid;
	border-width:1px;
}
.leguteslista_inaktiv {
background-color:#ff0000;
}
.korabbiverziok a {
	font-size:16px;
	font-weight:bold;
	color:#CC6666;
}
#a3 {
	background-color:#77B022;
	color:#fff;
}
#a3:hover{
	background-color:#71A620;
}
#eddigijavlista:hover{
	background-color:#71A620;
	color:#fff;
}
.leguteslista:hover{
	background-color:#fff;
	color:#354F0F;
}
#eddigijavlista{
	background-color:#CDED9E;
	color:#436312;
}
#osszesjav {
	background-color:#0086C6;
	color:#fff;
}
#osszesjav:hover {
	background-color:#005B88;
}
.kisbetu {
	font-size:10px;
}
.kozepesbetu {
	font-size:13px;
}
.nagybetu {
	font-size:16px;
}
.legnagyobb_betu {
	font-size:20px;
}
a {
	color:#0000FF;
	text-decoration:none;
}
#tartalom a, .bentkezdoszoveg a {
	color:#fff;
	background-color:#37BEFF;
	padding-left:4px;
	padding-right:4px;
	margin-left:3px;
	margin-right:3px;
	-webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px;
}
#tartalom a:hover {
	background-color:#0086C6;
}
#nincskekhatter a {
	background-color:#fff;
	-webkit-border-radius: 14px;	
	-moz-border-radius: 14px; 
	border-radius: 14px;
}
.nyilp {
	margin-left: 2px;
	margin-top: 8px;
	font-weight: bold;
	padding-bottom: 4px;
}
.uzitabla {
	background-color: #CFCFCF;
}
.uzitabla2 {
	background-color: #B9B9B9;
}
.uzitabla3 {
	border-bottom-color: #CFCFCF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.uzitabla4 {
	background-color: #A2A2A2;
}
#eddigijav {
	font-weight:bold;
	margin-bottom:40px;
	width:100%;
	text-align:center;
}
.legutesemenyek {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	text-align:center;
	font-weight:bold;
}
#csik {
	margin-bottom:40px;
	width:100%;
	height:2px;
	background-color: #ccc;
}
form {
margin:0px;
padding:0px;
}
input, textarea, select {
border-style: solid;
color:#00699B;
border-color:#00699B;
border-left-color:#8FD528;
border-right-color:#8FD528;
border-width: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
}
input[type=submit] {
border-color:#8FD528;
}
input:not([type="radio"]):not([type="checkbox"]){
height:60px;
}
select {
width:100%;
height:40px;
}
select:hover, input:hover, textarea:hover {
-moz-box-shadow: 0px 0px 8px #2B3F0C;
-webkit-box-shadow: 0px 0px 8px #2B3F0C;
box-shadow: 0px 0px 8px #2B3F0C;
}
textarea {
padding:14px;
width:100%;
height:180px;
font-weight:normal;
margin-top:10px;
}
.hozzaszolas {
width:45%;
min-width:180px;
margin-right:5px;
}
.hozzaszolas2, .hszolasgomb {
width:100%;
height:45px;
min-width:180px;
}
.javkulgomb, .javkulgomb2, .javkulgomb3, .regsub, .hszolasgomb,  {
background-color:#84C225;
color:#FFFFFF;
font-family: 'Hind Vadodara', serif;
letter-spacing:1px;
margin-top:4px;
}
.regsub {
border-style:solid;
border-color:#84C225;
border-width:1px;
}
.javkulgomb {
margin-left: 0px;
margin-top: 15px;
width:180px;
}
.javkulgomb2 {
width:180px;
}
.javkulgomb3 {
width:240px;
}
.kiiras, .hiba, .kiiras2, .hiba2{
margin-top:50px;
background-color:#4199C7;
color:#ffffff;
width:400px;
-webkit-border-radius: 6px;	
-moz-border-radius: 6px;
border-radius: 6px;
}
/* hiba majd törölhető, ha mindenütt div-es lesz, mert az hibauz ; a kiiras is mert az lesz az tajekoztato */
.hibauz, .tajekoztato {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:30px;
background-color:#FF6600;
color:#ffffff;
width:50%;
-webkit-border-radius: 6px;	
-moz-border-radius: 6px;
border-radius: 6px;
padding:20px;
text-align:center;
}
.tajekoztato {
background-color:#4199C7;
}
.bejel {
position:relative;
margin-left:auto;
margin-right:auto;
width:50%;
text-align:center;
}
.bejel input{
width:100%;
-webkit-border-radius: 6px;	
-moz-border-radius: 6px;
border-radius: 6px;
height:60px;
margin-top:6px;
margin-bottom:20px;
}
.reginfo {
margin-top:-18px;
margin-bottom:20px;
font-size:13px;
text-align:center;
color:#515151;
width:100%;
}
.kiiras td, .hiba td, .kiiras2 td, .hiba2 td {
height:30px;
padding:6px;
}
.hiba, .hiba2 {
background-color:#ff0000;
}
.kiiras2, .hiba2{
margin-top:30px;
margin-bottom:50px;
}
.forumdiv, .forumdiv td {font-size:14px;}
.forumdiv a {color:#000000;}
.forum1, .forum2 {
color:#007100;margin-top: 10px; text-align: left; font-weight: normal;
}
.jobboszlop {
position:relative;
background-color:#D1D8E4;
min-width:240px;
width:100%;
max-width:600px;
height:270px;
margin-top:10px;
margin-bottom:20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:inline-block;
}
.regadtable {
min-width:240px;
width:100%;
max-width:600px;
}
.jobboszlop img {
float:right;
margin:1%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.jobbfelul {
width:94%;
margin-left:3%;
margin-top:8px;
text-align:left;
}
.baloszlop a, .jobboszlop a{
color:#36435A;
}
.logofacetable {
margin-top:20px;
table-layout:fixed;
width:96%;
}
.logodiv {
position: relative;
float:left;
}
.logo {
margin-bottom:10px;
border:0px;
width:100%;
max-width:376px;
height:auto;
}
.facebook {
width:100%;
max-width:376px;
height:150px;
position:relative;
float:right;
overflow:hidden;
background-image: url("/fbhatter.jpg");
background-size: 100% auto;
}
.szavkeret,.szavkeret2 {
margin-top: 30px; 
margin-bottom: 10px;
text-align: left; 
font-weight: normal;
border-style: solid;
border-color:#00699B;
border-left-color:#8FD528;
border-right-color:#8FD528;
border-width: 1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width:100%;
}
.szavkeret div, ,.szavkeret2 div{
position:relative;
margin-left:auto;
margin-right:auto;
width:98%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:15px;
}
.szavkeret2 {
margin-left:6%;
width:94%;
}
.szavazatavatar {
width:120px;
height:120px;
float:left;
margin-bottom:10px;
margin-right:10px;
}
.szavavkeret1 {
margin:1%;
width:98%;
}
.szavavkeret2 {
background-color: #333333;
border: 1px solid #000000;
background-color: #ff0000;
margin-right:20px;
}
.magyind {
width: 99%;
height:220px;
margin-bottom:20px;
}
.balmenu {
width:96%;
margin-left:2%;
height:42px;
line-height:42px;
border-color:#fff;
border-style:solid;
border-width:1px;
margin-top:10px;
margin-bottom:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-left:3%;
padding-right:3%;
}
.balmenu:hover {
background-color:#ffffff;
color:#FF6600;
}
.jobbmenu1, .jobbmenu2 {
width:47%;
height:40px;
line-height:40px;
background-color:#FFFFFF;
color: #005080;
margin-bottom:8px;
padding-left:5%;
padding-right:3%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.jobbmenu1 {
float:left;
margin-left:2%;
}
.jobbmenu2 {
float:right;
margin-right:2%;
overflow:hidden;
}
.jobbmenu1:hover, .jobbmenu2:hover {
background-color:#FF6600;
color:#fff;
}
.gombnyil {
float:right;
height:42px;
line-height:42px;
}
.javaslat {
text-align:center;
}
.bentkezdoszoveg {
text-align:center;
line-height:normal;
background-color:#F2F2F7;
padding:6px;
padding-top:2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:20px;
}
.kiemeltszoveg {
color:#FF6600;
font-size:20px;
font-weight:bold;
}
.tagkeresotabla {
background-color:#D7DDE8;
margin-top: 20px;
width:100%;
display:block;
position:relative;
padding:20px;
-webkit-border-radius: 6px;	-moz-border-radius: 6px; border-radius: 6px;
}
.tagkeresotabla2 {
max-width:545px;
width:100%;
position:relative;
margin-left:auto;
margin-right:auto;
}
.tagkeresotipusnev {
font-weight:bold;
margin-bottom:15px;	
}
.tagkeresotipus {
width:150px;
display:inline-block;
}
.tagkeresogomb, .tagkeresogomb2 {
background-color:#495C81;
color:#FFFFFF;
font-family: 'Hind Vadodara', serif;
letter-spacing:1px;
margin-top:4px;
padding-left:8px;
padding-right:8px;
border:none;
margin-left:10px;
}
.tagkeresogomb2 {
width:100%;
margin-top:10px;	
}
.tagkeresoinput {
width:300px;
}
.tagkeresosor {
height:50px;
line-height:50px;
}
@media all and (max-width: 400px){
.szavavkeret2 {margin-right:6px;}
.hozzaszolas,.hozzaszolas2 {min-width:150px;}
.javkulgomb,.javkulgomb2 {width:150px;}
.jobboszlop {font-size:14px;}
}
@media all and (max-width: 830px){
.baloszlop, .jobboszlop {width:100%;margin-top:1%;}
.hibauz, .bejel, .tajekoztato {width:96%;}
.logodiv,.facebook,.menukfooldal {
position:relative;
width:94%;
text-align:center;
margin-left:auto;
margin-right:auto;
float:none;
max-width:none;
}
.facebook {
	max-width:376px;
}
.tartalomkeret, .tartalomkeret td, .tartalomkeret td p {
text-align:justify;
}
.style1 {
text-align:center !important;
margin-bottom:25px;
}
.style2 {
text-align:center !important;
font-size:17px;
}
body,td {
font-size:15px;
}
a {
font-size:14px;
}
}
@media all and (max-width: 530px){
body,td {
font-size:15px;
}
.tartalomkeret a,.menuk div,.menukfooldal div,.forumdiv, .forumdiv td {
font-size:13px;
}
}
@media all and (max-width: 700px){
.menuk {
position:relative;
width:94%;
text-align:center;
margin-left:auto;
margin-right:auto;
float:none;
max-width:none;
}
.logo2 {
position:relative;
width:94%;
text-align:center;
margin-left:auto;
margin-right:auto;
float:none;
}
}
.input3 {
padding:10px;
width:100%;
}
.prtabletdleft {
text-align:right;
background-color:#F0F3F7;
padding-right:10px;
}
.prtabletdright {
text-align:left;;
}
.gomb {
padding-left:30px;
padding-right:30px;
background-color: #6B84A9;
color:#fff;
border:none;
}
.gomb:hover {
background-color: #506789;
}
.regadtable {
background-color:#D1D8E4;
border-radius: 8px;
margin-bottom:20px;
}
.pipa, .del {
float:right;
background-color:#ffffff;
color:#ff0000;
font-size:22px;
padding:5px;
border-radius:50px;
vertical-align:middle;
z-index:5;
position:relative;
bottom:-42px;
}
.pipa {
margin-right:5px;
}
.del {
float:left;
margin-left:5px;
}
.pipa:hover, .del:hover {
background-color:#ffcc00;
}
 /* A szövegrészek kiválaszthatósága */
p.clp {
      padding: 10px;
      border: 1px solid lightgray;
      margin-bottom: 40px;
	  margin-top: 40px;
	  position: relative;
    }
p.clp:hover {
  background-color: #f0f0f0; /* Highlight the paragraph on hover */
}
/* Infó ablak, hogy rá kell kattintani a szövegrészekre */
    /* Apply blur to the entire screen except the overlay */
    #content.blurred {
      filter: blur(8px); /* Adjust the blur radius as needed */
      transition: filter 0.3s ease;
    }

    /* Fullscreen overlay with big text */
    #overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
	text-align:center;
      z-index: 1000; 
	  padding: 20px;

    }

    /* Background color for overlay */
    #overlay-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.85); /* Semi-transparent black */
      z-index: 999; /* Behind the text and button */
    }

    /* Text inside overlay */
    #overlay-text {
      color: white;
      font-size: 2rem; /* Big text */
      z-index: 1001; /* Above the background */
	  text-align:center;
		  display:inline-block;
		  margin-left:auto;
		  margin-right:auto;
		  line-height:40px;
    }

    /* Close button */
    .close-btn {
      background-color: red;
      color: white;
      padding: 10px 20px;
      cursor: pointer;
      border: none;
      font-size: 1.5rem;
      border-radius: 5px;
      z-index: 1001; /* Above the background */
	  clear:both;
	  margin-top:30px;
    }
	
.ceruza {
	position:absolute;
	right:-5px;
	top:-10px;
	width:30px;
	height:30px;
	cursor:pointer;
}

.plussz {
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
	bottom:-36px;
	width:30px;
	height:30px;
	cursor:pointer;
}

/* a javaslat választók */
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align:left;
  align-items: stretch;
}

.container a {
    flex: 1 1 calc(25% - 20px); /* Négy oszlop elrendezés */
    text-decoration: none;
    color: inherit;
	display: flex;
  }

.box {
  background-color: #d3d9e1;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s, transform 0.3s;
display: flex;
    flex-direction: column;
}

.box:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
  }

.box h2 {
  font-size: 1.5em; /* Feltűnőbb felirat */
  margin-bottom: 10px;
  margin-top: 10px;
}

.box p {
  font-size: 1em;
  color: #666;
}

@media (max-width: 800px) {
  .container a {
    flex: 1 1 calc(50% - 20px); /* Két oszlop kisebb képernyőn */
  }
}

@media (max-width: 500px) {
.container a {
    flex: 1 1 100%; /* Egy oszlop a legkisebb képernyőn */
  }
}

.visszanyil {
position:absolute;
left:20px;
top:20px;
}

.elorenyil {
position:absolute;
right:10px;
bottom:10px;
}

.visszateres {
margin-left:70px;
}

.shade h2, .shade p {
opacity: 0.5;
}

.shade {
	background-color: #E7EAEF;
}

.halvany_magyarazat {
position:relative;
opacity: 0.5;
}
.milyen {
	font-size:34px;
	margin-top:60px;
	margin-bottom:60px;
}
.modtip {font-size:20px;margin-top:30px;margin-bottom:40px;}
.modszov {font-size:20px;margin-bottom:40px;background-color:#E7EAEF;padding:10px;border-radius:5px;}
.modszov span {font-size:16px;margin-top:20px;}
.ujszov {font-size:20px;font-weight:bold;}