/*varga tibi info .*/



video {
width : 100%;
max-width : 680px;
height : auto;
}
html {
background-color : #020202;
padding : 5px;
/*height: 100%;*/
}
#table {
display : flex;
align-items : center;
justify-content : center;
align-self : center;
}
#decorative {
background-color : #FFF;
margin-bottom : 0;
height:0px;
 padding: 0px;


}
#container {
background-color : #FFF;
border : #800000 solid 3px;
border-radius : 7px;
margin-bottom : 0;
padding : 20px 20px;
min-height: 100% !important ;

/*overflow:hidden;*/
}
#header {
margin-top : 10px;
top:0;
padding: 0px 4px inherit;
position:fixed;
 background: #fff;
  color: #555555;
  width:96%;
 border-top : #fff solid 3px; 
border-radius : 7px;

}
#body {
margin-top : 24px;
padding : 0;

}
#footer {
margin : 0;
padding : 2;
position: fixed;
   left: 20px;
   bottom: 0;
   width: 100%;
   border-radius : 7px;
   color: #800000;
   text-align: left;

}
.img {
margin : 6px 0 16px 0;
padding : 0;
}
.imgRight {
margin : 8px 0 4px 0;
padding : 0;
float : right;
padding-left : 24px;
}
body {
height:100vh;	
font-family :Arial, sans-serif;
font-size : 0.8em;
margin : 0 auto;
padding : 1;
text-align : left;
/*height: 100%;*/
}
h1 {
margin-top : 0;
margin-bottom : 8px;
text-align : left;
text-indent : 0;
word-spacing : 0.125em;
font-family : Arial, sans-serif;
font-style : normal;
font-weight : normal;
font-size : 2.53em;
color : #444;
letter-spacing : 0;
text-decoration : none;
width : 100%;
}
h2 {
margin-top : 22px;
margin-bottom : 16px;
text-align : left;
text-indent : 0;
word-spacing : 0.125em;
font-family : Arial, sans-serif;
font-style : normal;
font-weight : normal;
font-size : 1.85em;
color : #333;
letter-spacing : 0;
text-decoration : none;
border-left : 3px solid #990000;
padding-left : 5px;
background-color : #DCDDDB;
clear : both;
}
h3 {
margin : 20px;
margin-top : 12px;
margin-bottom : 8px;
text-align : left;
word-spacing : 0.125em;
font-family : Arial, sans-serif;
font-style : normal;
font-weight : bold;
font-size : 1.25em;
color : #333;
letter-spacing : 0;
text-decoration : none;
text-transform : uppercase;
}
h4 {
margin-top : 24px;
margin-bottom : 8px;
text-align : left;
word-spacing : 0.250em;
font-family : Arial, sans-serif;
font-weight : bold;
font-size : 1em;
color : #444;
letter-spacing : 0;
text-decoration : none;
text-transform : uppercase;
clear : both;
}
code {
font-size : 9pt;
}
strong {
word-spacing : 0;
font-family : Arial, sans-serif;
font-weight : bold;
}
blockquote {
margin : 22px 40px;
border-left : 3px solid #990000;
color : #000;
font-style : italic;
padding : 0 10px;
background : transparent;
}
a:link {
color : #990000;
border-bottom : 1px solid #990000;
text-decoration : none;
}
a:visited {
color : #990000;
border-bottom : 1px solid #990000;
text-decoration : none;
}
a:hover {
color : #FFF;
background-color : #990000;
text-decoration : none;
}
a:active {
color : #FFF;
background-color : #990000;
text-decoration : none;
}
p {
text-indent : 0;
margin-top : 8px;
margin-bottom : 16px;
line-height : 22px;
font-style : normal;
font-weight : normal;
text-decoration : none;
}
p.emphasis {
background-color : #FFFFCC;
}
p.caption {
margin : 0;
padding : 0;
font-size : 0.95em;
clear : both;
}
p.note {
text-align : center;
text-indent : 0;
padding : 8px;
font-size : 1em;
text-decoration : none;
line-height : 19px;
border-top : 1px dashed #999;
border-bottom : 1px dashed #999;
}
img {
border : none;
}
ul {
text-align : left;
font-size : 1em;
list-style-image : url(bullet.gif);
list-style-position : outside;
padding-bottom : 5px;
}
li {
margin : 6px 0;
}
span.new {
font-family : Arial, sans-serif;
font-size : 0.85em;
color : #A81400;
letter-spacing : 0;
font-weight : bold;
text-decoration : none;
}
span.note {
word-spacing : 0.250em;
font-family : Verdana, sans-serif;
font-weight : bold;
font-size : 1em;
color : #A81400;
letter-spacing : 0;
text-decoration : none;
text-transform : uppercase;
}
.Button3 {
border-style : solid;
border-width : 1px;
box-shadow : 0 1px 0 rgb(0 0 0 / 0.1);
cursor : pointer;
display : inline-block;
font-size : 11px;
font-weight : 700;
line-height : 23px;
margin-right : 10px;
min-width : 40px;
padding : 0 16px;
text-align : center;
color : #FFFFFF;
background-color : #EF4E51;
border : 0;
border-radius : 3px;
padding : 3px 10px;
text-align : center;
overflow : hidden;
min-width : 70px;
}
.Button3:hover {
text-decoration : underline;
background-color : #160C0D;
}
.button3:active {
background : #C8C4C4;
}
.Button3:active, .a:active {
position : relative;
top : 1px;
}
.input {
background-color : #FFFFFF;
border-color : #990000 #F71418;
border-style : solid;
border-width : 1px;
border-radius:4px;
box-shadow : 0 1px 2px rgb(0 0 0 / 0.1) inset;
font-family : Arial;
font-size : 12px;
margin : 0;
padding : 3px;
width : 140px;
}
.input2 {
background-color : #FFFFFF;
border-color : #990000 #F71418;
border-style : solid;
border-width : 1px;
border-radius:4px;
box-shadow : 0 1px 2px rgb(0 0 0 / 0.1) inset;
font-family : Arial;
font-size : 12px;
margin : 0;
padding : 3px;
width : 80px;
}
.input3 {
background-color : #FFFFFF  ;
border-color : #990000 #F71418 ;
border-style : solid;
border-width : 1px;
border-radius:4px;
box-shadow : 0 1px 2px rgb(0 0 0 / 0.1) inset;
font-family : Arial;
font-size : 12px;
margin : 0;
padding : 3px;
width : 160px;
}

#menubar {
background-color : #DCDDDB;
height : 36px;
width : 100%;
padding-top : 1px;
padding-right : 0px;
padding-bottom : 1px;
margin-bottom : 3px;
border-left : 3px solid #990000;
}
ul#menu {
float : right;
margin : 0;
padding : 0;
}
ul#menu li {
float : left;
padding-right :4px;
list-style : none;
margin : 3px 0px 5px 8px;
background : #DCDDDB;
}
ul#menu li a {
font : normal normal 100% Arial, sans-serif;
border : #990000 solid 2px;
border-radius : 7px;
background-color : #fffff4;
display : block;
float : left;
height : 20px;
padding : 4px 20px 2px 20px;
text-align : center;
color : #000000;
text-decoration : underline;
margin-right:0;


}
ul#menu li.selected {
margin : 3px 2px 0 0;
background : #C0C2BF;
}
ul#menu li a:hover ul {
background : #D5B7B7;
color : #111;
}
ul#menu li a:hover {
color : #A40C0C;
background : #0000000;
}
div.blueTable {
background-color : #EAEAEA;
border: 6px solid  #EAEAEA;
border-radius: 6px;
padding : 2px 2px;
width : auto;
text-align : left;
/*border-collapse : collapse;*/

}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
border : solid 5px #EAEAEA ;
border-radius: 6px;
padding : 2px 2px;
}
.divTable.blueTable .divTableBody .divTableCell {
font-size : 13px;
}
.blueTable .tableFootStyle {
font-size : 14px;
}
.blueTable .tableFootStyle .links {
text-align : right;
}
.blueTable .tableFootStyle .links a {
display : inline-block;
background : #1C6EA4;
color : #FFFFFF;
padding : 2px 8px;
border-radius : 5px;
}
.blueTable.outerTableFooter {
border-top : none;
}
.blueTable.outerTableFooter .tableFootStyle {
padding : 3px 5px;
}
.divTable {
display : table;
}
.divTableRow {
display : table-row;
}
.divTableHeading {
display : table-header-group;
}
.divTableCell, .divTableHead {
display : table-cell;
}

.divTableBody {
display : table-row-group;
}
@media print {
}
