@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src:local('Open Sans'), local('OpenSans'), url(../css/opensans.woff) format('woff');
}

body {
font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
/*font-size:1em;*/
width:100%;
margin:0 auto;
background-color: #FFFFFF;
}
.tartalom {
/*margin-left: 1ch;*/
}
.tartalom_fooldal {
margin-left: 1ch;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color: #70846c;
  font-weight: bold;
  border: none;
  color: white;
  padding: 0.5em;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.1em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
background-color: #005439;
}
input[type=text], input[type=password], textarea {
  background-color: #e2e2e2;
  border: 1px solid #888;
  color: 000;
  padding: 0.8ch;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
    background-color: #eee;
    border: 1px solid #888;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover {
    background-color: #e8e8e8;
}
select {
background-color: #E2E2E2;
border: 1px solid #888;
padding: 0.8ch;
}
select:focus{
background-color: #eee;
}
select:hover {
background-color: #e8e8e8;
}
.menuspan{
color:#333333;
padding-right:1ch;
padding-left: 1ch;
font-size: 1.0em;
font-weight: bold;
float: left; 
margin-right: 1ch; 
background-color: #f2f2f2;
line-height: 3em;
}
.menuspan:hover{
background-color:#bdced7;
}
.menuspan_uj{
color:#333333;
padding-right:1ch;
padding-left: 1ch;
font-size: 1.0em;
font-weight: bold;
float: left; 
margin-right: 1ch;
line-height: 3em;
}
#menuspanaktiv{
background-color:#73ffcb;
}
a:link, a:visited{
    color: #70846c;
text-decoration: none;
}
a:hover{
color:#845419;
}
.oldalcim{
font-weight: bold;
font-size: 1.1em;
margin:1em;
}
a.szerkesztlink:link, a.szerkesztlink:visited{
color: #005439;
text-decoration: none;
display: block;
width: 10ch;
background-color: #eee;
}
a.szerkesztlink:hover{
color:#845419;
background-color: #f2f2f2;
}
.lista{
border-bottom: 1px solid #ccc;
padding: 0.5em;
}
.listamutato:hover{
background-color: #f2f2f2;
}
.fejlec{
position: fixed;
background-color: #f2f2f2;
border-bottom: 1px solid #bdced7;
width: 100%;
z-index: 9999;
padding-left: 1ch;
}
.db_keret{
width: 98%
}
.db_keret_cim{
width: 100%; 
padding: 0.3em; 
margin-top: 2em; 
color: #009688;
font-weight: bold
}
.db_darab{
min-width: 400px;
float:left; 
margin: 0.5em;
}
.db_felso{
text-align: center;
}
.db_also{
text-align: center;
}
#mapdiv{
height:30%;
width: 98%
}
#koordinatak{
margin-bottom: 1em;
}
#mapdivfooldal{
height:90%;
width: 100%;
float: left;
}
#infodivfooldal{
height:85%;
width: 24%;
float: right;
overflow: auto;
}
.terinfo_fejlec{
font-weight: bold;
color: #555555;
}
.terinfo_fejlec_td_bal{
color: #666666;
vertical-align: top;
}
.terinfo_fejlec_td_jobb{
vertical-align: top;
}
.markerhover{
background-color: #ffffcc; 
border: 1px solid #000; 
float: right;
padding-left: 1ch; 
padding-right: 1ch; 
display: none;
z-index: 10000;
}
.marker{
-ms-transform: translate(-11px,-25px); /* IE 9 */
  -webkit-transform: translate(-11px,-25px); /* Safari prior 9.0 */
  transform: translate(-11px,-25px); /* Standard syntax */
}
tr.talajminta_tr td{
border-bottom: 1px #ddd solid;
}
.mikrobio_baci_gomba{
width: 90%;
padding-left: 5%;
margin-top: 1em;
}
.bacispan{
white-space: nowrap; 
margin-right: 3ch;
display:inline-block; 
}
.belepeskeret{
width:98%;
height: 98%;
text-align: center; 
line-height: 3em; 
padding-top: 10%;
}
.tablecenter{
text-align: center;
}
tr.boldtr td{
font-weight: bold
}
.lablec{
    background-color: #70846c;
text-align: center;
border-top: 2px solid #aaa; 
font-weight: bolder; 
margin-top: 2em; 
padding-top: 1em;
padding-bottom: 1em;
}
.nowrapspan{
white-space: nowrap;
}
.terkepkapcsolodiv{
width: 75%;
margin-top: 0.5em;
}
        table.featureInfo, table.featureInfo td, table.featureInfo th {
            border: 1px solid #ddd;
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            font-size: 90%;
            padding: .2em .1em;
            width: 100%
        }
        table.featureInfo th {
            padding: .2em .2em;
            font-weight: bold;
            background: #eee;
        }
        table.featureInfo td {
            background: #fff;
        }
        table.featureInfo tr.odd td {
            background: #eee;
        }
        table.featureInfo caption {
            text-align: left;
            font-size: 100%;
            font-weight: bold;
            padding: .2em .2em;
        }
        
.hibadiv {
font-weight:bold;
background-color:#BE0A1E;
color:#FFFFFF;
padding:3px;
text-align:center;
margin-top:5px;
margin-right:5px;
margin-left:10px;
margin-bottom:10px;
min-height:40px;
display: none;
}
.hibadiv_belso_keret {
width:36px;
height:36px;
background-color:#FFFFFF;
float:left;
}
.hibadiv_belso {
font-size:25px;
font-weight:bold;
background-color:#FFFFFF;
color:#FF0000;
width:30px;
height:30px;
margin:2px;
border-color:#FF0000; 
border-style:solid; 
border-top-width:1px; 
border-right-width:1px; 
border-bottom-width:1px; 
border-left-width:1px;
}
.mezosordiv2{
clear: both;
}
.mezobaldiv{
float:left;
width: 20%;

}
.mezobaldiv_mutat{
float:left;
width: 20%; 
font-weight: bolder;
text-transform: uppercase;
color: #005439;
margin-left: 1ch;
}
.mezojobbdiv{
float: left;
width: 100ch;
}
.terkepkapcsolodiv2{
margin-top: 0.5em;
margin-bottom: 2em;
text-align: center;
}
.kepfeltoltesgomb {
display:block;
width:190px; 
text-align:left;
font-size:1.5em;
font-weight:bold;
background-color:#E5E5E5;
color:#BE0A1E;
border:#BE0A1E 1px solid;
position:relative;
overflow:hidden; 
background-image:url('https://www.tortenetikert.hu/images/nincskep_szeles_kicsi.png');
height:2em;
background-position:left;
background-repeat:no-repeat;
}
.kepfeltoltesgombplussz {
float:left;
height:2em;
font-size:2em;
color:#BE0A1E;
font-weight:bold;
}
.kepfeltoltesgombszoveg {
font-size:1em;
float:right;
height:2em;
font-weight:bold;
padding-top:0.3em;
padding-right:0.1em;
color:#BE0A1E;
}
.progresscsik {
height:50px;
background-color:#BE0A1E;
}
.progresskeret {
width:480px;
height:50px;
border:1px solid #AAAAAA;
float:left;
}
#progressszazalek {
font-size:40px;
color:#AAAAAA;
width:90px;
}
.kepsordiv {
display:table;
width:590px;
height:110px;
text-align:left;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}
.kepsorspan {
display:table-cell;
vertical-align:top;
padding-left:10px;
}
.kepsorspankep {
display:table-cell;
vertical-align:top;
width:150px;
height:110px;
background-repeat:no-repeat;
background-position:top;
}
.kepkommenttextarea {
resize:none;
width:390px;
height:45px;
}

.keptable {
height: auto;
width: 100%;
}

.nagykep {
    max-width: 100%;
    height: auto;
    max-height: 80vh;
}
.kepeleozotd {
font-size: 5em;
font-weight: bold;
}
.keplapozdiv{
width:100%;
background-color: #4CAF50;
text-align: center;
color:#fff;
}
.keplapozdiv:hover {
background-color: #005439;
}
#kepkomment{
text-align: center;
}

.keplistakeret {
/*min-width:150px;
max-width:150px;
min-height:110px;
max-height:110px;*/
padding: 0.6ch;
background-color:#E5E5E5;
float:left;
margin:2px;
margin-right:2px;
text-align:center;
}
.kertmenu{
float:right;
margin-top: 0.3em; 
margin-right: 2ch;
background-color: #CCCCCC;
padding-left: 1ch;
padding-right: 1ch;
padding-bottom: 0.4em;
padding-top: 0.3em;
}
.kertmenu_icon{
height: 1.2em;
}
.fajlfeltoltesgomb {
display:block;
width:190px; 
text-align:left;
font-size:1.5em;
font-weight:bold;
background-color:#E5E5E5;
color:#BE0A1E;
border:#BE0A1E 1px solid;
position:relative;
overflow:hidden; 
background-image:url('https://www.tortenetikert.hu/images/img_475536.png');
height:2em;
background-position:left;
background-repeat:no-repeat;
background-size: 70px 50px;
background-position: center;
}
.listakepkeret{
width: 24%;
text-align: center;
display: inline-block;
margin-bottom: 2em;
}

.kereses_vastag{
font-weight: bold;
color: #009999;
background-color: #73ffcb;
}
.kereses_focim{
font-weight: bold;
}
.kereses_szoveg{
margin-bottom: 1.5em;
}
a.kereslink:link, a.kereslink:visited{
font-size: 0.8em; 
color: #3399ff;
}
a.kereslink:hover{
    color: #0000cc;
}

.lapozasdiv{padding-left: 5ch;margin-top: 1.5em; margin-bottom: 1.5em;}
a.lapok:visited, a.lapok:link{text-decoration:none;color:#ffffff;font-weight:bold;background-color: #70846c;display: inline-block; margin-right: 2ch; margin-bottom: 1em; width: 5ch; height: 1.3em; text-align: center;}
a.lapok:hover{color : #ffffff;background-color: #005439;}
#lapok_aktiv{color : #000000;background-color: #bbbbbb;font-weight:bold;display: inline-block; margin-right: 2ch; margin-bottom: 1em; width: 5ch; height: 1.3em; text-align: center;}
#kmldiv{margin-bottom: 1em;}