/*
Theme Name: Lendvay sablonja
Author: Pete Róbert
Version: 2.3
*/

/* Alapértelmezett stílusok */
*{
	margin: 0; /* minden margó törlése */
	padding: 0; /* minden padding törlése */
	border: 0; /* minden border törlése */
	outline: 0; /* minden outline törlése */
	font-family: Arial,Helvetica, sans-serif; /* alapértelmezett betűtípus beállítása */
}

/* Oldal alapstílusa */
body{
	background-color:#507fbf; /* háttérszín beállítása */
	font-size:12px; /* alap szövegméret */
	color:#153B63; /* szöveg színe */
}

/* Képek stílusai */
img { border: none; } /* képek keretének törlése */

#egysor {
    margin-bottom: 12px; /* Sortörés 10px magasságban */
}
#jobbra {
	text-align: right;
}

.middle-pics {
    width: 80%; /* 80% kitöltés a parent div szélességéhez képest */
    margin: 0 auto; /* középre igazítás */
    max-width: 1000px; /* opcionális: maximális szélesség beállítása */
}
.masodik-pics {
    
    margin: 3px 3px 0 1px;
    
}
.img-keret {
    display: flex; /* Flexbox elrendezés */
}

.img-keret a {
    max-height: 150px; /* Képek maximális magassága */
    flex: 1; /* Az elemek egyenletesen ossza el a flexbox konténerben */
}

.img-keret a img {
    max-width: 100%; /* Képek maximális szélessége */
    height: auto; /* Automatikus magasság beállítása a szélességhez */
}


/* Általános stílusok */
.jelige{
	font-size:16px; /* címsor mérete */
	text-align: center; /* középre igazítás */
	font-weight: bold; /* vastag betű */
	color: #4980be; /* szöveg színe */
	margin: 10px auto 10px auto; /* margók beállítása */
}

.center, #kozepre {
	text-align: center; /* középre igazítás */
}

/* Elválasztó div */
div.clear {
	clear:both; /* elemek törölése a floatolás után */
}

/* Cím stílusa */
div.cim {
	font-size: 24px; /* cím mérete */
	text-align: center; /* középre igazítás */
	padding: 10px; /* belső térkitöltés */
}
div.nyitvatartas{
    background-color: #FBFAFA;
    font-size: 12px;
    padding: 6px;
}
/* Aktuális nap nevének a fomrázása*/
.nyitvatartas .mbhi-is-current {
    font-weight: bold;
	background-color:#d9e2f0; /* háttérszín beállítása */
	border:0;
}
.nyitvatartas table {
    border-collapse: collapse; /* A cellakeretek összeolvadnak */
    border: none; /* Táblázat keretének eltüntetése */
}

.nyitvatartas table tr td {
    padding: 2px;
	padding-left: 4px;
	text-align: left;
}
.nyitvatartas table tr td:first-child {
    text-transform: capitalize; /* Minden szó kezdőbetűje legyen nagybetű */
    font-weight: bold; /* Vastag betűstílus */
}

/* Fejléc stílusa */
div.fejlec {
	font-size: 20px; /* fejléc mérete */
	padding: 10px; /* belső térkitöltés */
	font-weight: bold; /* vastag betű */
}

/* Képkeret div */
div.img-keret{
	text-align: center; /* középre igazítás */
	
}

/* Kép középre igazítása */
img.middle {
	float: none; /* float törlése */
	display: inline; /* blokkok egymás mellé rendezése */
	margin: 10px auto 10px auto; /* margók beállítása */
    vertical-align:middle; /* vertikális igazítás */
}

/* Fejléc stílusa */
#header{
	width:900px; /* fejléc szélessége */
	height:252px; /* fejléc magassága */
	margin: 0 auto; /* középre igazítás */
	background-color:#d3d3d3; /* háttérszín beállítása */
	background:transparent url(pics/header-both.png); /* háttérkép beállítása */
	background-repeat: no-repeat; /* háttérkép ismétlődésének tiltása */
}

/* Tartalom szekció stílusa */
section#content{
	width:900px; /* szekció szélessége */
	border-top-width: 6px; /* felső szegély vastagsága */
	border-top-style: solid; /* felső szegély stílusa */
	border-top-color: #b4c6d9; /* felső szegély színe */
	margin: 0 auto; /* középre igazítás */
	background-color: #B4C6D9; /* háttérszín beállítása */
}

/* Bal oszlop stílusa */
section#left-column{
	position:relative; /* pozíció */
	float:left; /* balra igazítás */
	top:0px; /* tetejére igazítás */
	left:0px; /* balra igazítás */
	width:188px; /* szélesség */
	background-color:#b4c6d9; /* háttérszín beállítása */
	
	color: #153b63; /* szöveg színe */
	padding: 0px 6px 2px 6px; /* margók beállítása */
}

/* Főmenü stílusa */
.main-menu{
	margin: 0 0 10px -12px; /* margók beállítása */
	background-color: #153B63; /* háttérszín beállítása */
}

/* Főmenü linkek stílusa */
.main-menu a {
	text-decoration:none; /* aláhúzás törlése */
	color: white; /* szöveg színe */
}
.left-column-menu {
	margin: 0 0 10px -12px; /* margók beállítása */
	background-color: #C9D9EA;
    height: 40px;
    line-height: 22px;
    padding-top: 12px;
    padding-left: 8px;
    margin-top: 4px;
    margin-left: 4px;
    border-top: 1px solid;
    border-color: #153B63;
    margin-left: -6px;
    font-size: 15px;
    margin-top: 5px;
    border-top: 1px solid;
}



/* Bal oszlop navigációs menüje */
xsection#left-column ul {
	list-style: none; /* lista stílusa */
}
nav ul {
	
}

/* Bal oszlop navigációs menüpontok */
nav ul li {
	list-style: none; /* lista stílusa */
	font-weight: bold; /* vastag betű */
}

/* Bal oszlop navigációs linkek */
nav ul li a {
	padding: 5px 0  5px 30px; /* margók beállítása */
	display: block; /* blokkok egymás alá rendezése */
}

/* Aktív oldal navigációs linke */
nav  ul  li.current_page_item a{
	/*font-style: italic; /* dőlt betű */
	color: rgb(255, 99, 71); /* szöveg színe */
}

/* Középső terület stílusa */
section#middle-area{
	position:relative; /* pozíció */
	float: left; /* balra igazítás */
	top: 0px; /* tetejére igazítás */
	left: 0 px; /* balra igazítás */
	width:700px; /* szélesség */
	background-color: white; /* háttérszín beállítása */
}

/* Középső terület címe */
#middle-area .middle-title, h1 {
	position:relative; /* pozíció */
	top:0px; /* tetejére igazítás */
	left:0px; /* balra igazítás */
	margin: 4px 0 0 4px; /* margók beállítása */
	padding: 10px 0 20px 10px; /* belső térkitöltés */
	background-color:#C9D9EA; /* háttérszín beállítása */
	border-top:1px solid; /* felső szegély vastagsága */
	border-color:#153B63; /* felső szegély színe */
	color:#cc3333; /* szöveg színe */
	font-size:16px; /* cím mérete */
	font-weight:bold; /* vastag betű */
}

/* Középső terület szövege */
#middle-area .middle-text{
	float: none; /* float törlése */
	text-align: justify; /* igazítás */
	background-color:#FBFAFA; /* háttérszín beállítása */
	font-size:14px; /* szövegméret */
	padding:6px; /* belső térkitöltés */
}

/* Balra igazított szöveg a középső területen */
#middle-area .left-text{
	float: left; /* balra igazítás */
	background-color:#FBFAFA; /* háttérszín beállítása */
	font-size:14px; /* szövegméret */
	padding:6px; /* belső térkitöltés */
	
}

/* Lábléc stílusa */
#footer{
	position:relative; /* pozíció */
	top:0px; /* tetejére igazítás */
	left:0px; /* balra igazítás */
	background-color:#D3D3D3; /* háttérszín beállítása */
	height:161px; /* magasság */
	background:transparent url(pics/footer_back.png); /* háttérkép beállítása */
	color: white; /* szöveg színe */
	text-align: center; /* igazítás */
}

/* Középső terület címeinek stílusa */
#middle-area h3 {
	margin: 2px 0; /* margók beállítása */
}

.szolg_lista img{
	display: inline-block;
	max-width: 200px;
    
}

.szolg_lista table {
    border: none;
}
.szolg_lista td, .szolg_lista th {
    border: none;
	vertical-align: top;
	font-size: 12px;
}
.szolg_lista table caption {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;

}

.xszolg_lista > a {
    flex: 0 0 auto; /* Az a elemek automatikusan osztoznak a rendelkezésre álló helyen */
    margin-right: 10px; /* A képek közötti távolság beállítása */
}

.szolg_lista ul li{
    flex: 1; /* Az ul elemek a rendelkezésre álló helyet elfoglalják */
	margin-left: 20px;
}


/* Árak lista címe */
.araink h3{
	font-size: medium; /* szövegméret */
	color: #993366; /* szöveg színe */
	padding: 0px;
}

.araink h4{
	font-size: 14px; /* szövegméret */
	
	padding: 0px;
}
/* Árak lista stílusa */
.araink{
	font-size: 12px; /* szövegméret */
	border: 1px solid #DDD; /* keret */
	margin: 0px 0; /* margók beállítása */
	padding: 6px 25px; /* belső térkitöltés */
	display: block; /* blokkok egymás alá rendezése */
	
	
}

.araink ul ul {
    padding-left: 40px; /* Behúzás hozzáadása a második szintű lista elemeihez */
}


.araink .table-container {
    display: flex;
    border: 1px solid #ccc; /* Vékony keret */
    padding: 5px; /* Kevés padding */
}

.araink table {
    border-collapse: collapse; /* Táblázat cellák összevonása */
    width: 100%; /* Teljes szélesség kitöltése */
}

.araink th,
.araink td {
    border: 1px solid #ccc; /* Vékony keret a celláknak */
    padding: 8px; /* Kevés padding a cellákban */
}

.araink th {
    background-color: #f2f2f2; /* Háttérszín a fejlécnek */
}

/* Táblázat cellák háttérszíne felváltva */
.araink tr:nth-child(even) {
    background-color: #f9f9f9;
}


/* Műszakivizsga lista címe */
.muszakivizsga h3{
	font-size: medium; /* szövegméret */
	color: #993366; /* szöveg színe */
	padding: 0px;
}

.muszakivizsga h4{
	font-size: 14px; /* szövegméret */
	
	padding: 0px;
}
/* Árak lista stílusa */
.muszakivizsga{
	font-size: 12px; /* szövegméret */
	border: none; /* keret */
	margin: 0px 0; /* margók beállítása */
	padding: 6px; /* belső térkitöltés */
	display: block; /* blokkok egymás alá rendezése */
	
	
}

.muszakivizsga ul ul {
    padding-left: 40px; /* Behúzás hozzáadása a második szintű lista elemeihez */
}


.muszakivizsga .table-container {
    display: flex;
    border: 1px solid #ccc; /* Vékony keret */
    padding: 5px; /* Kevés padding */
}

.muszakivizsga table {
    border-collapse: collapse; /* Táblázat cellák összevonása */
    width: 100%; /* Teljes szélesség kitöltése */
}

.muszakivizsga th , .muszakivizsga td {
    border: 1px solid #ccc; /* Vékony keret a celláknak */
    padding: 8px; /* Kevés padding a cellákban */
}

.muszakivizsga th {
    background-color: #f2f2f2; /* Háttérszín a fejlécnek */
}

/* Táblázat cellák háttérszíne felváltva */
.muszakivizsga tr:nth-child(even) {
    background-color: #f9f9f9;
}

.muszakivizsga h5 {
	font-size: 14px;
	margin: 15px 0px 5px 0px;	

}
.muszakivizsga table tbody tr td #first-column {
    width: 80%;
}

.muszakivizsga #second-column {
    width: 20%;
}





.pics-50{
	text-align: center; /* középre igazítás */
}

.pics-50 img{
	width: 50%;
	
	
}

#allashirdetes_Szoveg{
	font-size: 16px;
	font-weight: bold;
}

#akciok_Szoveg{
	font-size: 12px;
	padding: 6px;
}

#akciok_Szoveg ul{
    padding: 6px 25px; /* belső térkitöltés */
}

#piros {
	color: #990000;

}
#bold{
	font-weight: bold;
}
.letoltesek a {
	margin: 0 10px;
    padding-left: 10px; /* Beljebb húzás bal oldalon */
    line-height: 1.5; /* Nagyobb sortávolság */
}