html, body {
min-height: 100vh;*/
color: #341f0b;
text-align: center;
font-family: Arial, sanserif;
/*font-weight: bold;*/
margin: 0;
padding: 0;
/*overflow: hidden; */
background-image: url('karibg2022.png');
background-color: #d79171;
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat no-repeat;
background-size: 100% auto;

}

input, textarea, select, button {
font-family: Arial, sanserif;

}

#wrapper {
background-color: rgba(255,255,255,0.0);
display: block;
min-height: 100vh;
width: 100%;
color: #341f0b;
}

.hide {
display: none !important;
}

.hidden {
/*display: none !important;
/*width: 0% !important;*/
visibility: hidden !important;
opacity: 0 !important;
}

/*
#infoblokk {
position: absolute;
top: 0;
right: 0;
margin-left: auto;
margin-right: 0px;
width: 400px;
height: 300px;
max-height: 300px;
background-image: url('infoblokk.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
background-size: 400px auto;
}
*/

#blokk {
width: 100%;
}

#bevezeto {
/*width: 650px;*/
margin-left: 0px;
font-size: 1.2em
font-weight: bold;
}

.bevezeto {
margin-bottom: 10px;
font-weight: bold;
}

#container {
display: block;
width: 850px;
padding-top: 15px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
}

#content {
min-height: 100%;
}

#nev {
/*width: 650px;*/
margin-top: 20px;
font-weight: bold;
font-size: 2em;
font-weight: bold;
}

#admin {
/*width: 650px;*/
height: 30px;
line-height: 30px;
font-size: 1.4em;
font-weight: bold;
}

#bullshit {
/*width: 650px;*/
font-size: 1.2em;
font-weight: bold;
}

#kerdesek {
/*width: 650px;*/
margin-top: 20px;
font-size: 1.2em
font-weight: bold;
}

.sor {
width: 100%;
height: 50px;
margin-bottom: 30px;
background-color: rgba(255,255,255,0.7);
border: 1px solid black;
color: #341f0b;
font-weight: bold;
transition: visibility 1s, opacity 1s;
visibility: visible;
opacity: 1;
}

.checked {
border-color: rgba(255,0,0,1);
box-shadow: 0px 0px 4px 1px #000000;
}

.oszlop1 {
width: 800px;
line-height: 50px;
float: left;
cursor: pointer;
font-weight: bold;
}

.oszlop2 {
width: 50px;
line-height: 50px;
float: right;
cursor: pointer;
font-weight: bold;
}

.oszlop2 input[type="radio"],#jon2, #jon1, #jon3 {
margin: 10px;
width: 30px;
height: 30px;
float: left;
font-size: 22px;
cursor: pointer;
}

#mentesgomb {
    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color:#d0451b;
    border-radius:3px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:14px 14px;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}

#mentesgomb:hover {
border: 1px solid #FFFFFF;
background-color: rgba(255, 255, 255, 1);
font-weight: bold;
}

#mentesgomb:active {
border: 1px solid #000000;
background-color: rgba(255, 255, 255, 1);
font-weight: bold;
}

#bye {
/*width: 650px;*/
margin-top: 20px;
font-size: 1.3em;
font-weight: bold;
}

.emailaddress {
font-size: 0.8em;
}

#manage {
width: 100%;
height: 35px;
padding: 10px 5px;
margin: 10px 0px;
background-color: rgba(255,255,255,0.7);
}

.manage1 {
float: left;
margin-left: 1px;
width: auto;
}

.manage2 {
float: left;
margin-left: 10px;
width: auto;
}

.manage3 {
float: left;
margin-left: 10px;
width: auto;
}

.manage4 {
float: right;
/*width: 160px;*/
}


table {
border-spacing: 0px;
border-collapse: collapse;
}

td {
padding: 6px;
}

.tabla {
background-color: rgba(255,255,255,0.8);
border-collapse: collapse;
width:100%;
color: #004080;
}

.tablacim {
height: 35px;
line-height: 35px;
font-weight: bold;
/*position: fixed;*/
/*background-color: rgba(255,255,255,0.7);*/
}

.partner {
background-color: rgba(60,255,60,0.5);
}

.tablasor {
height: 35px;
line-height: 20px;
}

.tabla1 {
border: 1px solid #000000;
}

.tabla2 {
border: 1px solid #000000;
}

.tabla3 {
border: 1px solid #000000;
/*display: none;*/
}

.tabla4 {
border: 1px solid #000000;
/*display: none;*/
}

.tabla5 {
border: 1px solid #000000;
}

.tabla6 {
border: 1px solid #000000;
}

.tabla7 {
border: 1px solid #000000;
}

.tabla8 {
border: 1px solid #000000;
}

.piros {
color: #FF0000;
}

.zold {
color: #00AA00;
}

.torlesre {
    box-shadow:inset 0px 1px 0px 0px #FF866c;
    background:linear-gradient(to bottom, #FF451b 5%, #FF3315 100%);
    background-color:#FF550b;
    border-radius:3px;
    border:1px solid #FF2911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:4px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #FF4629;
}

.torlesre:hover {
    background:linear-gradient(to bottom, #CC2305 5%, #CC350b 100%);
    background-color:#CC1300;
}

.torlesre:active {
    position:relative;
    top:1px;
}
.emailgomb {
    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color:#d0451b;
    border-radius:3px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:4px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.emailgomb:hover {
    background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    background-color:#bc3315;
}
.emailgomb:active {
    position:relative;
    top:1px;
}