/* CSS Document */
/* zöld:  #195837  világos  #CCCC99   halványkék:  #666699  kék:  #003366  	 */

:root {
  --logo: green;
  --logohatter: #CCCC99;
  --halvany: #666699;
  --eros: green;
  --gombszin: #666699;         
  --gombszoveg: #FFFFFF;
  --hatter: white;
  --menuszoveg: #195837; 
}

.popup { position:absolute; left:100px; top:100px; display:none; padding:15px; border:1px solid grey; border-radius: 10px;}
.groupdiv:before,
.groupdiv:after {content:" "; display:table;}
.groupdiv:after {clear:both;}
.groupdiv { clear: both; *zoom: 1;}/* ***css_base_template **** */

.redframe {border: 2px solid #da3030; margin: 1%; background-color: #f5f5dc;}
.greenframe {border: 2px solid #009900; margin: 1%; background-color: #f5f5dc;} 
.orangeframe {border: 2px solid #FF6600; margin: 1%; background-color: #f5f5dc;}
.noborder, .noborder th, .noborder td { border:0; }

body{
	padding:0;
	margin:0;
	font-family: Arial,Helvetica,sans-serif;
        background-color: var(--logohatter);
       font-size: 110%;
       line-height: 160%;
       color:var(--eros);
}

.logo {max-width:40px; margin-right: 20px;}
.hlavicka {min-height: 50px;}

img { max-width: 95%; padding:5px;}
iframe {  resize: both;  overflow: auto; }

p { margin: 4px 0px; line-height: 160%;}
h1,h2,h3,h4 { color: var(--eros); line-height:1.2em;}
.hhh {display:inline; font-size: 1em; color: var(--eros); line-height:1.1em;}

.uctovnik { float: left; margin: 5px 15px; height: 235px; }

.titulbox { float: left; width: 29.5%; margin: 10px 0.5% ; 
        border: 1px solid var(--halvany); height: 100%; 
        padding: 5px 0.5%; background: rgb(242, 250, 242); 
       border-radius: 5px; }
.titulbox ul {padding-left: 20px;}
.dolenatitulke { clear: both; }

.obsah a {    margin: 0.2em;  display: inline-block;}
.gombik { background-color: var(--gombszin); color: var(--gombszoveg); 
 padding: 5px 15px; margin: 0.2em;
  text-decoration:none;
  display:inline-block;
  font-weight: Bold;
}
.gombik:hover { text-decoration:underline; 
      margin:0.27em 0.27em 0.13em 0.13em;
}

.orangeback { background-color: #ff5900; }
.greenback { background-color: green; }
.whiteback { background-color: white; }


.papier { margin: 0px auto; min-height:600px; max-width:1000px; background-color: var(--hatter); width: 100%; }

.logo { float: left; border:none; background-color: var(--logohatter); }
.logo img {width:120px; margin: 2px 5px; }

.castlogin {float: right; }
.loginbutton { background: rgb(110, 184, 92); display:block;  color: white; 
             border: 1px solid gray; padding:5px; border-radius: 4px; 
            font-weight: bold; cursor:pointer; text-decoration:none; text-align:center;}

.loginbutton:hover { color:var(--gombszin); }

table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
    padding: 2px;
}g
.tab10 tr td,th { padding:10px;}
.tab5 tr td,th { padding:5px;}
td p { margin: 1px; }

.hide{display:none;}

.menu { padding: 0 5px 0 0; padding-bottom: 2px; width:99%;}
.menu a { text-decoration:none; color: var(--menuszoveg); margin:12px; }
.menu a:hover { text-decoration:underline;}
li {    margin: 0.7em 0; }


.nadpisklogu { 	font:Arial, Helvetica, sans-serif; color: var(--logo); 
       background-color: var(--logohatter); min-height:45px; padding: 5px 5px 0 5px; font-size: 1em;}

.nadpisklogu h1,h4 { display:inline; font-size: 2em;}
.footercolumn { column-count: 3; }

#mobilmenu {display:none; float:right;
    padding: 0 2px 0 15px; text-decoration: underline;}
#menusor {display:block; position:initial;}
.csik {width:15px; height: 3px; background-color: white; float: left; margin-bottom:3px;}
.csikdiv { width:20px; height:20px; float:right;  padding: 8px 4px 4px 9px;
    border: 5px solid darkgray;
    background-color: var(--halvany);
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 10px;
}

.menu { float:left;
	line-height:30px;
	padding:0px 5px 0 0;
	margin-right:5px;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	font-style:italic;
	color: var(--gombszoveg);
	cursor:pointer;
   text-decoration:none; 
  border-bottom: 2px solid var(--logohatter);
}
        

.menusor { float: left; }
.hlavicka {  }        
.obsah { word-break: break-word; padding: 5px 2%;  }
.obsahleft {  float: left;    width: 70%;}
.obsahright { width: 28%; margin-left:70% ;}
.footer {     padding: 5px 2%;}
.reklama { background-color:#f7d84c; min-height:300px; width:96%;  margin: 5px; padding: 5px; float:left;}


@media only screen and (max-width :18cm) 
  {
    body { font-size: 110%; }
    .titulbox { width: 91%;  margin: 5px 2%; }
     .menu .big { color: white;  }
    .menu .big:before { content: ">> "; }
    .menu .big:after { content: " <<"; }
    .logo {width:100%;}
    .papier {width:auto; min-width: 250px; padding: 10px; }
    .footercolumn { column-count: 2; }
    .obsahleft {  width: 100%;}
    .obsahright { width: 100%; margin-left:0;}
    

    
    #mobilmenu {display:block; color: var(--halvany);}
    #menusor {display:none; position: fixed; bottom:10px; height:auto; width:75%; }
    #menusor a {display:block; width:100%; float:left; background-color:var(--gombszin); color: var(--gombszoveg); text-align:center; margin: 1px; border:1px solid white;  padding:5px; 30px; font-size:1.3em;}
  }
  
  @media only screen and (max-width :600px)
  {
    .nadpisklogu { clear:both; }
  
  }