/* 
    Document   : stilus
    Created on : 2011.07.09., 22:29:24
    Author     : Majtika
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
  display: block;
}

.container{ 
  text-align: center;
  margin:0 auto;
  padding:0px 0 0px 0;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
height: auto;
}

body {
  text-align: center;
  margin:0 auto;
  padding:0px 0 0px 0;
  /* background: #fff url(background.png) 0 0 repeat-x;*/
  background-color: #000 !important;
  margin: 0px 0px 0px 0px;
  background-repeat:repeat;
  background-position:center;
}
.fej{
  background: url(img/fejlec.jpg) no-repeat top left;

  width: 720px;
  height: 600px;
  position: relative;
  margin: 0px 0px -2px 0px;
  float: left;

}
.menu{
float: left;
background: url(img/menu_bg.png) no-repeat top left;
position: relative;
position: static;
padding-top: 143px;
margin-top: 0px;
text-align: left;
margin-bottom: -16px;
width: 100%;
  
}

.top{
background: url(img/kep.jpg) no-repeat top left;
color: #ed3254;
font-family: "arial";
height: 200px;
  background-size:100%;
    
}

.top h1 {
    font-size: 300%;
    margin-bottom: 0;
    margin-top: 0;
}

.gombok_1 {
  width: 860px;
 margin-bottom: 0px;
  margin-top: 13px;
}

.gombok_1 li{

padding: 10px;
list-style-type:none;
margin-bottom: 0px;
font-size: 140%;
display: inline;
text-align: left;


}
/*.gombok li {text-decoration: none; color: #000;   background: url(../img/menu_bg_link.png) repeat-x top left;  
background-repeat: repeat; }
.gombok li:hover {text-decoration: underline; color: #000; background: url(../img/menu_bg_hover.png) repeat-x; }
*/
.gombok_1 a:link {text-decoration: none; color: #000;    }
.gombok_1 a:visited {text-decoration: none; color: #000; }
.gombok_1 a:active {text-decoration: none; color: #fff; }
.gombok_1 a:hover {text-decoration:  none; color: #000;}


.gombok_2 {
  width: 860px;
 margin-bottom: 0px;
  margin-top: 0px;
  
}


.gombok_2 li{

padding-left: 30px;
padding-right: 30px;
list-style-type:none;
margin-bottom: 0px;
padding-top:5px;
font-size: 200%;
display: inline;
text-align: center;
}
.gombok_2 a:link {text-decoration: none; color: #ed3254;    }
.gombok_2 a:visited {text-decoration: none; color: #ed3254; }
.gombok_2 a:active {text-decoration: none; color: #ed3254; }
.gombok_2 a:hover {text-decoration: underline; color: #ed3254;}

.plusz_szoveg {
padding: 0 0 0 0;
width: 150px;
background-color: #ddd;
float: left;
background: none no-repeat center center;
height: 400px;
}
/*
.plusz_szoveg ul { list-style-image:url('../img/list_img.png'); }
ul.al { list-style-image:url('../img/list_img_al.png'); }
*/
.tartalom{
background: #fff; 
padding-top: 0px;
height: auto;
position:  relative;
overflow: auto;
margin-top: 0px;
padding-bottom: 10px;
border-left: 1px solid grey;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
border-top: 1px solid grey;
}

.duma{
  width: 100%;
 color: #180000;
  background: #fff;
  margin-top: 0px;
  position: relative;
  margin-left: 0px;
  margin-left: 0px;
  text-align: left;
  overflow: hidden;
  margin-top: 1em;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  
  
}
.duma a:link {text-decoration: none; color: #003266;    }
.duma a:visited {text-decoration: none; color: #000; }
.duma a:active {text-decoration: none; color: #fff; }
.duma a:hover {text-decoration:  none; color: #2a68a8;}

.duma ul li {
    list-style-image: url(img/li.png);
    
    
}
.duma h1,h2 { text-align:center; margin-top: 0px;
color: #000;
font-family: "Arial"; 

}

.duma h5 {
    font-size: 120%;
    font-weight: 700;
    margin-top: 0;
}


.duma h3 { text-align: left; background: #012a52; color: #fff;  width: 85%; padding-left: 20px;}

.alj{
  border-top: 1px solid #faf6c1;
  width: 100%;
  background: #003266;
  color: #fff;
  padding-top: 15px;
 clear: both;
  
}
.clear {
    border: 0;
}
.alj a:link {text-decoration: none; color: #fff;}
.alj a:visited {text-decoration: none; color: #fff;}
.alj a:active {text-decoration: none; color: #fff;}
.alj a:hover {text-decoration: underline; color: #4f78ff;}

.auth {
  font-size: 60%;
}

.zaszlo {
  width: 40px;  
}

.plusz_szoveg {

}
.termekkeret
{
  vertical-align: text-bottom;
}

.termekek {

 float: left;
  margin: 4px;
}
.leirasok
{
  position: relative;
  padding-top:10px;
 
  float: left;
  width: 200px;
  height: 200px;
  padding-left: 40px;
}

.doboz_kiskep {
width:220px;
float:left;
}
.bevezeto {
font-size:1.5em;
}

#dhtmltooltip{
position:absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 8000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
 text-align: left;
 font-size:80%;
}


.oldkepesseg {
display:none;
}
/* RedKiwi integration: retain the original header, colours and tree geometry. */
html{overflow-x:hidden}body{font-family:Arial,sans-serif;font-size:14px;line-height:1.42857143}
.site-shell{width:83.333333%;margin:auto}.top{height:200px}.menu{float:none}.menu ul{padding-left:40px;width:auto}
.tartalom{clear:both}.duma{margin-top:1em;padding:10px 5px}.alj{padding:15px;text-align:center}
.static-page__title{font-size:28px;margin:0 0 16px}.static-page--hirek>.static-page__title{display:none}
.duma .rk-e2{--e2-text:#180000!important;--e2-brand:#003266!important;--e2-font-size:14px!important;--e2-radius:0px!important;--e2-width:100%!important;--e2-space:8px!important}
.duma .e2-container{padding-left:0;padding-right:0}.duma .e2-heading{font-family:Arial,sans-serif}.duma .e2-figure{max-width:200px}
.kt-graph-scroll{overflow:auto;position:relative}.kt-graph-scroll img{max-width:none}.kt-graph-scroll table{border-collapse:separate;border-spacing:0}
.menu a:focus-visible{outline:2px solid #003266;outline-offset:3px}.menu .active a{font-weight:bold}
.duma .rk-e2 .e2-panel-heading{background:none;color:#003266;width:100%;padding:0;margin:0;text-align:left}
.duma .rk-e2 .e2-panel-heading button{color:#003266;padding:6px 8px;font-size:14px}
.duma .rk-e2 .e2-heading{font-weight:normal;font-size:36px;line-height:1.1}
.duma .rk-e2 .e2-panel-body h3.e2-heading{background:#012a52;color:#fff}
.duma .rk-e2 .e2-figure{max-width:200px!important}
.duma .rk-e2 .e2-container{padding-left:0;padding-right:0}
.duma .rk-e2 .e2-text{line-height:1.42857143}
.duma .static-page--hirek .rk-e2 .e2-columns{grid-template-columns:220px minmax(0,1fr);gap:0}
.static-page--hirek .e2-column{grid-column:auto!important}
.static-page--hirek .e2-column:nth-child(2){padding-top:27px}
.static-page--hirek .rk-e2 ul li{list-style-image:url(img/li.png)}
@media(max-width:767px){.duma .static-page--hirek .rk-e2 .e2-columns{grid-template-columns:1fr}.static-page--hirek .e2-column:nth-child(2){padding-top:0}}
@media(max-width:767px){.site-shell{width:100%}.top{height:auto;min-height:145px;background-size:auto 200px}.menu{padding-top:155px;background-size:auto 200px}.menu ul{padding:10px;display:flex;flex-wrap:wrap;gap:8px;margin:0;background:#fff}.menu .gombok_1 li{padding:3px;font-size:17px}.duma{margin-top:0}.static-page{padding:4px}}