/* Egyedi stíluslap */

/* A felső Top tábla (LOGO+WWW-cím) */
div#toptable table {
    width: 100%;
}
div#toptable th {
    background: #c4c4c4fa;
    border: 0px solid rgb(0, 23, 36);
    border-collapse: collapse;
    height: 180px;
}
/* Top table "LOGO" */
div#toptable img {
    width: 150px;
    padding: 5px 0 0 0 ;
}
/* Top table link */
div#toptable a {
    font-optical-sizing: auto;
    font-size: 180%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: rgb(16, 63, 16);
    text-shadow:2px 2px 5px #4b4b4a, 3px 3px 5px #000000;
}
div#toptable a:visited {
    color: rgb(3, 3, 145);
}
div#toptable a:hover {
    color: rgb(63, 139, 33);
}

/* MENU TÁBLA */
div#container {
    padding: 0 10px 20px 10px;
    position: relative;
}
div#menutable table {
    width: 100%;
}
div#menutable tr {
    border-collapse: collapse;
}
div#menutable td {
    background: #f7b706;
}
table#menutable tr td:hover {
    background: #277e11;
}
div#menutable th:hover {
    background: #277e11;
}
div#menutable th {
    background: #f7b706;
    border-collapse: collapse;
    text-align: center;
}
div#menutable a {
    font-style: italic;
    font-size: 22px;
    font-family: "Bree Serif", "Signika", sans-serif ;
}
/* MENU BEÁLLÍTÁSOK */
/* AZ (1-es) Főmenü */
ul#menu {
    /* leveszi a felsorolás pontokat */
    list-style: none;
    height: auto;
    padding: 0 5px 0 5px;
}
ul#menu li {
    /* egymás mellé rakja az "ul-eket" */
    float: left;
    width: 100%;
    margin: -20px 2px 0 2px;
}
ul#menu li div {
    display: none;
    position: absolute;
    padding: 1px 1px 1px 1px;
    width: auto;
    margin-left: -18px;
}
ul#menu li div a {
    display: flexbox;
    background: #277e11;
}
ul#menu li:hover div {
    display: block;
}
ul#menu li a {
    padding: 5px 10px 5px 10px;
    display: block;
}
ul#menu li a:hover {
    color: #ffc423;
    /*background: #336317;*/
}
/* AZ (1-es) Főmenü szk, közmondások jelentések betü */
ul#menubetu {
    /* leveszi a felsorolás pontokat */
    list-style: none;
    height: auto;
    padding: 0p 5px 0 5px;
}
ul#menubetu li {
    /* egymás mellé rakja az "ul-eket" */
    float: left;
    width: 100%;
    margin: -20px 2px 0 0;
}
ul#menubetu li div {
    display: none;
    position: absolute;
    padding: 1px 5px 0 5px;
    width: auto;
    background-color: #277e11;
    margin: 0 2px 0 -50px;
}
ul#menubetu li div a {
    display: inline-block;
    background: #277e11;
    border-radius: 10px;
}
ul#menubetu li:hover div {
    display: block;
}
ul#menubetu li a {
    padding: 5px 10px 5px 10px;
    display: block;
}
ul#menubetu li a:hover {
    color: #ffc423;
}
div#almenu a:hover {
    background: #336317;
}
/* ALMENÜ */
ul#almenu {
    /* leveszi a felsorolás pontokat */
    list-style: none;
    height: auto;
    padding: 0p 5px 0 5px;
}
div.eredetclass {
    text-align: left;
}
/* MENU ALATTI FOOLDAL KÉP OLDAL */
div#keputhatter {
    width: 100%;
}
div#keputhatter table {
    background-image: url(https://zsszk-szolaskozmondas.hu/kepek/utak/utak_00001-1645x852-1-DSCF7213.jpg);
    background-repeat: no-repeat;
    /*background: #523f16fa;*/
    width: 100%;
    height: 852px;
    text-align: center;
}
/* FELSO LOGO */

/* KEPLOGO ALATTI "www"-cím */
#keputhatter a {
    width: 100%;
    text-align: center;
}
.webcim a {
    font-size: 52px;
    font-family: "Permanent Marker";
    text-shadow:1px 1px 2px #86edff, 2px 2px 0px #000000
}
/* Szólások, Közmondások */
.webcim p {
    font-size: 82px;
    /*font-family: "Pacifico";*/
    font-family: "Tangerine";
    color: #fffffffa;
    text-shadow:1px 1px 0px #a5876a, 2px 2px 0px #000000
}
/* LEFELE NYÍL */
#keputhatter .webcim img {
    width: 100px;
    padding: 50px 10px 10px 10px;
}
div#nyil {
    text-align: center;
}
/* FEL NYÍL */
td#felnyil {
    text-align: right;
}
/*  */
#szkjeloles a {
    color: #d31515fa;
}
/*  */
div#szkjhalcim {
    padding: 5px 0 5px 0;
}
/* FŐOLDAL KÉP alatti szk-szólások,közmondások oldalrész */
div#szkjelentes-hasznalat table {
    width: 100%;
    text-align: center;
}
table#felso {
    margin: 0 2px 0 2px;
}
.szk {
    opacity: 1.0;
    font-family: "Tangerine";
    font-size: 48px;
    font-style: italic;
    color: #f3a601;
    text-shadow:1px 1px 20px #e2e0db, 2px 2px 0px #000000
}
.jh {
    font-family: "playwrite-pl";
    font-size: 52px;
    color: #5350f5;
    text-shadow:1px 1px 0px #ffe77e, 2px 2px 0px #000000
}

td.logoszk img {
    width: 200px;
}
td.szovegmagyarazat p {
    font-family: "Dancing Script";
    font-size: 32px;
    color: #e4ce0c;
}
/* FŐOLDAL szk jelentése, használata ABC tábla rész */
/* 4 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="550px") ELEJE */
div#bal4oszlop {
    text-align: center;
    padding: 5px 5px 5px 5px;
}
div#bal4oszlop table {
    text-align: center;
}
div#kozep4oszlop {
    text-align: center;
    padding: 5px 5px 5px 5px;
}
div#kozep4oszlop table {
    text-align: center;
}
div#jobb4oszlop {
    text-align: center;
    padding: 5px 5px 5px 5px;
}
div#jobb4oszlop table {
    text-align: center;
}
div#tabla4oszlop {
    padding: 10px 20px 0 50px;
}
div#negysztabla table {
    width: 380px;
}
div#sz4table table {
    width: 100%;
    background-color: #000000;
    border: 0px solid #00ff4c;
    border-radius: 30px;
}

/* 4 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="550px") VÉGE */

/* HELYTÁV-OK */
div#helytav-a table tr td {
    height: 20px;
}
div#helytav-b table tr td {
    height: 122px;
}
div#helytav-c table tr td {
    height: 74px;
}


/* 2 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="820px") ELEJE */
div#kettooszlopfotablaval {
    padding: 10px 0 20px 50px;
    /*background-color: #8d8383;*/
    border: 0px solid #ff0000;
    margin: 5px 5px 5px 5px;
    text-align: center;
}
/* BAL oldali*/
div#balfelsolab {
    border: 0px solid #8d03ff;
}
div#balfelsolab table {
    width: 780px;
    text-align: center;
}
/* JOBB oldali*/
div#jobbfelsolab {
    border: 0px solid #03ffea;
}
div#jobbfelsolab table {
    width: 780px;
    text-align: center;
}

div#sztable table {
    width: 700px;
    background-color: #000000;
    border: 0px solid #00ff4c;
    border-radius: 30px;
}
/* ABC szöveg leírás stb. */
td.fooldalbetucim h1 a {
    font-family: "Tangerine";
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    color: #09b4f8;
}
td.fooldalbetucim h1 a:hover {
    color: #f89009;
}
td.fooldalbetucim p a {
    color: #fff6a3;
    font-family: "Alex Brush";
    font-size: 42px;
    text-decoration: none;
    margin: 0 10px 0 5px;
}
td.fooldalbetucim p a:hover {
    color: #09b4f8;
}
td.fooldalbetucim p a em {
    color: #ff9900;
    font-weight: bold;
}
td.fooldalbetucim img {
    background-color: #000000;
}
img.elvalaszto {
    width: 150px;
}
/* 2 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="820px") VÉGE */

/* FŐOLDAL SZK EREDETE */
div#szkeredete table {
    width: 100%;
    text-align: center;
    /*border: 1px solid #00ff4c;*/
}
div#eredettabla table {
    width: 600px;
}
td#ekep {
    width: 300px;
    height: 225px;
    background-color: #000000;
    border-radius: 30px 30px 0 0;
    text-align: center;
}
td#ekep img {
    width: 300px;
    height: 225px;
    padding: 10px 0 10px 0;
    border-radius: 2%;
}
td#eszoveg {
    background-color: #091021;
    color: #f59f00;
    font-size: 18px;
    text-align: justify;
    padding: 0 20px 0 20px;
}
td#eszoveg h3 {
    background-color: #091021;
    color: #10d6ff;
    font-size: 28px;
    font-family: "Bebas Neue";
    text-align: center;
}
td#eszoveg h3 a {
    font-size: 28px;
    color: #10b0ab;
}
td#eszoveg h3 a:hover {
    color: #ff0303;
}
td#eszoveg p {
    font-size: 18px;
    color: #c17f1f;
    margin: 10px 30px 10px 30px;
    text-align: justify;
}
/* TOVÁBB Buton */
td#tovabbbutton {
    background-color: #091021;
    padding: 10px 0 20px 0;
    border-radius:  0 0 30px 30px;
}
td#tovabbbutton a {
    color: #f0f200;
    font-size: 25px;
    text-decoration: none;
    font-family: "Playwrite TZ";
}
td#tovabbbutton a:hover {
    color: #ffffff;
}

div.buttonsav {
    width: 400px;
    height: 50px;
    background-color: #17b400;
    border-radius: 50px;
    text-decoration: none;
}
div.buttonsav :hover {
    width: 100%;
    height: 50px;
    background-color: #ffa600;
    border-radius: 50px;
}
div#szunet table tr td {
    height: 10px;
}


/* szk abc szöveg tábla */
div#szkabcszovegtabla {
    width: 80%;
    padding: 0 10% 0 10%;
}
div#szkabcszovegtabla table tr td {
    width: 80%;
    background-color: #000000;
    text-align: center;
}
div#szkabcszovegtabla td {
    background-color: #000000;
    border: 5px solid #2e2208;
    border-radius: 30px 30px 30px 30px;
    padding: 10px 20px 10px 10px;
}
div#szkabcszovegtabla td h1 a {
    font-family: "Tangerine";
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
    color: #09b4f8;
}
div#szkabcszovegtabla td h1 ul {
    list-style: none;
}
div#szkabcszovegtabla td ul {
    margin: 10px 50px 10px 0;
}
div#szkabcszovegtabla td a {
    color: #fff6a3;
    font-family: "Alex Brush";
    font-size: 48px;
    margin: 0 30px 0 20px;
}
div#szkjhalcim a:hover {
    color: #003cff;
}
div#szkabcszovegtabla ul li a {
    color: #ffffff;
    font-family: "Special Elite";
    font-size: 20px;
    text-align: justify;
}
div#tovabbgomb button {
    background-color: #000000;
    color: #ffaf01;
    width: 250px;
    height: 50px;
    border: 3px solid #ffaf01;
    border-radius: 20px;
    margin: 20px 0 30px 0;
    font-size: 16px;
    font-weight: bold;
    font-family: "Special Elite";
}
div#tovabbgomb button:hover {
    background-color: #ddd4aa;
    color: #000291;
    border: 3px solid #003cff;
}
/* FOOLDAL SZÖVEGTABLA középre igazitott */
div#fooldalszkabcszovegtabla {
    background-color: #000000;
    width: 50%;
    padding: 1% 5% 3% 5%;
    border-radius: 30px 30px 30px 30px;
}
div#fooldalszkabcszovegtabla table {
    text-align: center;
    padding: 10% 10% 10% 10%;
    margin: 20px 20px 30px 10%;
}
div#fooldalszkabcszovegtabla table tr td {
    text-align: center;
}
div#fooldalszkabcszovegtabla td h1 a {
    font-family: "Tangerine";
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
    color: #09b4f8;
}

div#fooldalszkabcszovegtabla td a {
    color: #fff6a3;
    font-family: "Alex Brush";
    font-size: 48px;
    margin: 0 10px 0 5px;
}
div#fooldalszkabcszovegtabla a:hover {
    color: #003cff;
}

/* FOLDAL IDÉZET rész */
.fooldal-idezet-kep {
    background-image: url(https://zsszk-szolaskozmondas.hu/kepek/utak/utak_000009-DSCF7213-sotet01.jpg);
    background-repeat: no-repeat;
    background-color: #523f16fa;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    /*opacity: 0.6;*/
}
#fooldal-idezet-resz {
    /*filter: grayscale(80%);*/
    /*filter: brightness(30%);*/
    /*filter: contrast(50%);*/
    /*opacity: 0.5;*/
    padding: 0 10px 30px 10px;
    margin: 0 10px 0 -10px;
}
#fooldal-idezet-resz table {
    width: 100%;
    text-align: center;
    padding: 1px 10px 1px 1px;
    margin: 1px 20px 1px 1px;
    /*filter: brightness(100%);*/
}
table#idezet-kettos-tabla tr td {
    margin: 1px 15px 10px 15px;
    background-color: #b89984;
}
table#jobbidezet tr td {
    background-color: #272424;
    border-radius: 30px;
}
blockquote {
    text-align: justify;
    font-size: 21px;
    color: #060276;
}
td#idezethatter {
    background-color: #272424;
    border-radius: 40px;
}
td.idezethatter {
    border-radius: 40px;
    padding: 10px 0 5px 0;
}
td.topminus {
    padding: -10px 0 20px 0;
}
td#sorkoz {
    height: 1px;
}

/* OLDAL LÁTOGATÁS */
div#oldallatogatas {
    width: 100%;
}
div.oldallatogatas {
    background-image: url(https://zsszk-szolaskozmondas.hu/kepek/szk-logo/Szk-ht-nelkul-1645x250.png);
    background-repeat: no-repeat;
    /*box-shadow: 4px 4px #5f5b5b;*/
    border: 2px solid #363030;
    vertical-align: middle;
    width: 100%;
    height: 250px;
    position: relative;
}
.oldallatogatas table {
    width: 100%;
    height: 250px;
    text-align: center;
    font-size: 28px;
}
.oldallatogatas td {
    border: 0px solid #0026ff;
    color: #ffffff;
    width: 200px;
}
div.szkinfo {
    width: 100%;
}
div.szkinfo table {
    width: 100%;
    height: 500px;
}
div.szkinfo table img {
    width: 100%;
    height: 500px;
}
.oldallatogatas h1 {
    font-size: 35px;
    font-family: 'Yatra One';
    margin: -5px 0 -10px 0;
}
.oldallatogatas h2 {
    font-size: 21px;
    font-family: 'Yatra One';
    margin: -10px 0 -10px 0;
}
.oldallatogatas h4 {
    color: #da9b14;
    font-family: 'Sofia';
    font-size: 20px;
}


/* LÁB RÉSZ */
/* FELSŐ LÁB RÉSZ */
div#felsolabresz table {
    text-align: left;
    width: 100%;
    height: 100px;
}
div#felsolabresz td {
    background-color: #040120;
    color: #ffffff;
    padding: 10px 10px 10px 70px;
}
div#balfelsolabresz {
    width: 510px;
    border: 0px solid #00ff4c;
}
div#kozepsofelsolabresz {
    width: 510px;
    border: 0px solid #ff6600;
}
div#jobbfelsolabresz {
    width: 510px;
    border: 0px solid #00e1ff;
}
/* BAL OSZLOP */
div#lab-felso-cim h1 a {
    color: #f59f00;
    text-align: left;
    font-size: 48px;
    /*font-family: "Snowburst One"*/
    /*font-family: "Bungee";*/
    font-family: "Bebas Neue";
}
div#lab-felso-cim h1 a:hover {
    color: #00ff4c;
}
div#lab-felso-cim p {
    color: #10d6ff;
    font-size: 28px;
    font-family: "Bebas Neue";
}
div#lab-felso-cim a {
    color: #10d6ff;
    font-size: 28px;
    font-family: "Bebas Neue";
}
div#lab-felso-cim a:hover {
    color: #00ff4c;
}
div#fbetürend table {
    width: 380px;
}
div#fbetürend table tr td {
    text-align: center;
    font-size: 20px;
    text-align: left;
}
div#fabc {
    text-align: center;
}
#fabc a {
    color: #ffffff;
}
#fabc a:hover {
    color: #f59f00;
}
div#laberedet {
    text-align: justify;
}
td#email a:hover {
    color: #b80000;
}
#laberedet a {
    color: #ffffff;
}
#laberedet a:hover {
    color: #f59f00;
}
td#email a {
    color: #ffffff;
    font-size: 18px;
}
td#labtavolsag {
    height: 90px;
}
/* social iconok*/
td#ikonok {
    width: 100%;
}
td#ikonok img {
    width: 40px;
}
/* ALSÓ LÁB RÉSZ */
div#alsolabresz table {
    width: 100%;
    height: 50px;
    background-color: #000000;
    text-align: center;
}
div#alsolabresz table tr td {
    color: #ffffff;
    border: 0px solid #03ffea;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}

/*  */
#szkjeloles a {
    color: #d31515fa;
}
/*  */
div#szkjhalcim {
    padding: 20px 0 20px 0;
}

/* 2 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="820px") ELEJE */
div#kettooszlopfotablaval {
    padding: 10px 0 20px 50px;
    /*background-color: #8d8383;*/
    border: 0px solid #ff0000;
    margin: 5px 5px 5px 5px;
    text-align: center;
}
/* BAL oldali*/
div#balfelsolab {
    border: 0px solid #8d03ff;
}
div#balfelsolab table {
    width: 780px;
    text-align: center;
}
/* JOBB oldali*/
div#jobbfelsolab {
    border: 0px solid #03ffea;
}
div#jobbfelsolab table {
    width: 780px;
    text-align: center;
}

div#sztable table {
    width: 700px;
    background-color: #000000;
    border: 0px solid #00ff4c;
    border-radius: 30px;
}
/* ABC szöveg leírás stb. */
td.fooldalbetucim h1 a {
    font-family: "Tangerine";
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    color: #09b4f8;
}
td.fooldalbetucim h1 a:hover {
    color: #f89009;
}
td.fooldalbetucim p a {
    color: #fff6a3;
    font-family: "Alex Brush";
    font-size: 42px;
    text-decoration: none;
    margin: 0 10px 0 5px;
}
td.fooldalbetucim p a:hover {
    color: #09b4f8;
}
td.fooldalbetucim p a em {
    color: #ff9900;
    font-weight: bold;
}
td.fooldalbetucim img {
    background-color: #000000;
}
img.elvalaszto {
    width: 150px;
}
/* 2 oszlopos tábla "FŐ TÁBLÁ"-val 
(widht="820px") VÉGE */

td.logoszk img {
    width: 200px;
    margin-top: 100px;
}
td.szovegmagyarazat p {
    font-family: "Dancing Script";
    font-size: 32px;
    color: #e4ce0c;
}