@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital@0;1&family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap');


html {
  font-size: 11pt;	
}

body {
  background-image: var(--backgroundmain);  
  background-color: var(--laphatter);
  padding:0;
  margin: 4pt auto 1pt auto;
  font-family: Inter, Helvetica, sans-serif; 
  font-size: 11pt;
  min-width: 900px;
  max-width: 1600px;
}

.desktop {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 4px;
  padding: 0px;
}

.matek_logo {
 float:right;
 margin-right:30px;
 margin-top:17px;
}

.fmg {
  z-index: 1000;
  position:relative;
  top:0px;
}

.ident {
  color: var(--identcolor);
  width:100%;
  font-family:times;
  font-size:11pt;
  font-weight:900;
  font-style:italic;
  text-align:left;
}

#logo {
  width:100%; 
  height: 100px; 
}

.logo {
  height: 100px;
  width: 100%;
  background-image: url(../images/mop_logo.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

p.latogatok {
  text-align: center;
  font-size: 11pt;
}

p.latogatok_szam {
  text-align: center;
  font-weight:900;
  font-size: 13pt;
}

.fontsizer {
  position:relative;
/*  top:-46px;	 */
/*  background: #99f;	 */
  padding:2px;
/*  border-radius:9px; */
  z-index: 1000;
  margin-bottom: -40px;
}

.topsearch {
  z-index:10;
/*  width: 400px; */
/*  height: 20px; */
  float: right;
  position:relative;
  top:132px;
}
.search {
  margin-top: 10px;
}


#logo .inputbox {
  width: 140px;
}

img {
  border: none;
}

.maincontent {
   position:relative;
   top:-15pt;
   background: var(--mainbackground);
}

.mainbody {
  position: relative;  
  top: -12px;
  margin: 0px 190px 0px 150px;
}

.middle1 {
  width: 100%;
  float: left;
}

.middle2 {
  width: 85%;
  float: left;
}

.middle3 { 
  left: 4px; 
  width: 100%;
}

.middlein {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%; !important;
}

.right_ {
  width: 15%;
  float: left;
}

.rightin_ {
  margin-left: 8px;
  margin-right: 8px;
}
/*  ****************************************************************************************
                                   Oszlopok száma, mérete...
	****************************************************************************************  */ 
.leading-0, .leading-1, .leading-2, .leading-3, .leading-4,
.leading-5, .leading-6, .leading-7, 
.column-1, .column-2, .column-3, .column-4,
.blog-item
{
  padding: 0 6px 28px 6px;
  margin: 7pt 0.4% 7pt 0.4%;
  border: 1px solid #ccc;
  border-radius: 6px; 
/*  box-shadow:   inset  0 0 5pt 2pt rgba(192, 192, 192, 0.85);   */
  box-shadow:   inset  var(--shadow--in);  
}
.leading-0, 
.leading-1,
.leading-2,
.leading-3,
.leading-4,
.leading-5,
.leading-6,
.leading-7
 {
  clear:both;
  width: 97%; 
  overflow:hidden;
  margin-bottom: 4px;
}  
.cols-1 .column-1 {
  width: 97%; 
  float: left; 
}

.cols-2 .column-1 {
  width: 45%;
  float: left;
}

.cols-2 .column-2 {
  width: 45%;
  float: right;
}
.cols-3 .column-1 {
  width: 30%;
  float: left;
}
.cols-3 .column-2 {
  width: 30%;
  float: left;
}
.cols-3 .column-3 {
  width: 30%;
  float: right;
}
.cols-4 .column-1 {
  width: 21%;
  float: left;
}
.cols-4 .column-2 {
  width: 22%;
  float: left;
}
.cols-4 .column-3 {
  width: 22%;
  float: left;
}
.cols-4 .column-4 {
  width: 21%;
  float: right;
}
/*  ********************************************************************************  */

.clr {
  clear: both; !important;
} 

h1 {
  font-size: 200%;
  font-family: times, serif;  
  color: #000040;
}

h2 {
  font-size:140%;
  font-family: times, serif;  
  color: #000030;
}
h3 {
  font-size:120%;
  font-family: times, serif;  
  color: #000020;
}

a {
  text-decoration: none;
  font-weight: normal;
  color: #000;
}

.readmore,
.readmore  a{ 
  float:right; 
  line-height:11pt; 
/*  background: #e0f0e0;  */
  background: #ddd;  
  color:#000030;
  overflow:visible; 
  font-size:8pt; 
  padding: 2pt 4pt 2pt 4pt;  
  border-radius: 3pt; 
  -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; 
  -webkit-transition: 0.3s ease 0s; 
  -o-transition: 0.3s ease 0s;
  clear:both;
  }
  
.readmore a:hover{ 
  background: #343434; 
  color:#f0f0f0; 
  text-decoration:none;
} 

#maincontent {
  padding: 0;
  margin:8pt;
}

.mainborder {
  border-radius: 6px; 
  border: 1px solid #ccc;
  padding:10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  box-shadow: var(--shadow--out);  
}

blockquote {
  background-color: #e8e8ff;
  padding: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

blockquote.download {
  background-color: #e8e8ff;
  padding: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  margin-left: 10px;
  margin-top: -14px;
  margin-bottom: 0px;
}

.fontsizer {
  margin-top:4px;
  margin-right:6px;
  float:right;
  min-height: 18pt !important;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  position:relative;
  top:-0pt;
  cursor: pointer;
}

p {
  margin: 2px;
}

.contact {
  margin: 40px;
}
.contact-form {
  background: #f0f0f0;
br}

.breadcrumbs{
    position:relative;
    top:-24px;
    float:left;
    background:#fff;
    font-size: 10pt;
    height: 26pt;
}

.breadcrumb{
    position:relative;
    left:-30px;
    font-size: 10pt;
    top: -3pt;
}

.breadcrumbs,.article-info {
	padding-left: 0px;
/*	margin: 0 0 2px; */
	list-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li a {
  background:none;
  padding: 0 4pt 0 2pt;
  border-right: solid 2px #000;
  margin-right: 6px;
}



.showHere {
  font-weight: bold;
}
a.pathway { 
  line-height:14px; 
  background: #e0f0e0; 
  color:#000030;
  overflow:visible; 
/*  font-size:11px;   */
  padding:3px; 
  padding-left: 2px;
  -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; 
  -webkit-transition: 0.3s ease 0s; 
  -o-transition: 0.3s ease 0s;
  }
a.pathway:hover{ 
  background: #343434; 
  color:#f0ffff; 
  text-decoration:none;
} 
.items-row {
  overflow: hidden;
}
.dropdown-menu {
  list-style:none;
  border-bottom: solid 1px #000;
}

.dropdown-menu  li{
  display: inline;
 }

.print-icon a {
/*   color: transparent; */
}
.print-icon {
  background: url(../images/printButton.png) right no-repeat;
  padding: 0 18px 0 0;
/*  text-align: right;  */
  padding-left:30px; 
  }

  
  a.nav-nsv {
    text-decoration: none;
}	

ul.nav-tabs {
  list-style:none;
}

#bottom-top,
#bottom-left ,
#bottom,
#bottom-right{	
  border: 1px solid #ddd;
  border-radius: 6px;
  padding:0 10px 0 10px;
  background-color: #f0f0ff;
  box-shadow: 3px 3px 2px 0px rgba(90, 90, 90, 0.85);  
}
#footer {
   position: relative;
  top:-20px;
  margin-left:-2%;
  margin-right:-2%;
  background-color: #000000;
}

#footertable {
  background-color: #000000;
  color: #ffffff;
}

#copyr {
  width:100%; 
  text-align:center; 
  color: #ffffff;
  font-size:8px; 
  font-style: italic; 
  padding-top: 14px;
  padding-bottom: 14px;
}

/*  ***************************************************************************** 
                Login form
    *****************************************************************************  */
	
 #bottom-right  h3,
 #bottom-left  h3 {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
  padding: 8px 0px 5px 10px;
  color: #fff;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  
  border-bottom: 1px solid #000;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
 }

#bottom-right  h3 {
  border-top-left-radius: 1px;
  border-top-right-radius: 10px;
}
#bottom-left  h3 {
  border-top-left-radius: 10px;
  border-top-right-radius: 1px;
}

#login-form ul {
  list-style:none;
  padding-left:4px;
}

#login-form ul li {
  padding-top:4px;
}

#login-form a,
#bottom-left a,
#footer a {
  background: #eee; 
  color:#000030;
  overflow:visible; 
  font-size:11px; 
  padding:3px; 
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 8px; 
  -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; 
  -webkit-transition: 0.3s ease 0s; 
  -o-transition: 0.3s ease 0s;
}
#login-form a:hover,
#bottom-left a:hover,
#footer a:hover {
  background: #343494; 
  color:#fff; 
  text-decoration:none;
}
#login-form input[type=text] ,
#login-form input[type=password] {
  border: 1px dotted #999;
  background:  #f0f0f0;
  border-radius: 5px;
  margin:4px;
  -webkit-appearance: none;
}
#login-form button[type=submit] ,
#login-form .btn {
  border: 1px dotted #999;
  background:  #ccc;
  border-radius: 10px;
  width:60%;
  height: 24px;
  margin:4px;
  -webkit-appearance: none;
}
#searchForm .btn {
  border: 1px dotted #fff;
  background:  #fff;
  border-radius: 10px;
  width:1px;
  height: 1px;
  margin:0px;
  -webkit-appearance: none;
}
#login-form .login-greeting {
  font-size: 15px;
  padding: 6px 0 8px 0;
}
/*  ***************************************************************************** 
                shadowbox
    *****************************************************************************  */
	
#sb-title {
  background: #333;
  text-align: center;
}
#sb-info {
  background: #333;
}
.pagination, .pagination__wrapper, .counter  {
 text-align: center;
}

.pagination ul li, .page-item 
{
  display:inline;
  background: #f0f0f0;
  list-style-type:none;
  padding: 2px 6px 2px 6px;
  margin: 1px 3px 1px 3px;
  border: 1px solid #000;
  border-radius: 5px;
}
.pagination ul li
{
  color: #aaa;
}
.pagination ul li a
{
  color: #000;
}

p.honlap, div.latogatok,  .form-search {
  background-color: #f0f0ff;
  margin-top:10pt;
  padding: 6pt;
  border: 1.5pt solid #a0b0b0;
  border-radius: 8pt;
}

.list-hits {
  padding-left: 8px;
  width: 120px;
  text-align: right;
}

.category-list .table {
  width: 100%;
}

.cat-list-row0 {
  background-color: #f0f0ff;
}
.cat-list-row1 {
  background-color: #fff;
}
div.munkatarsak {
  line-height: 18pt;
  margin-top:10pt;
  background-color: #f0f0ff;
  padding: 10pt;
  border: 1px solid #a0b0b0;
  border-radius: 8pt;

  -webkit-column-count: 4; 
  -moz-column-count: 4; 
  column-count: 4;
  column-gap: 10pt;
  width: 90%;
  margin-left:auto;
  margin-right:auto;
  font-size: 13pt;
  font-style: italic; 
  font-family: "Times", serif;
}

@media screen and (max-width: 1200px) {
 div.munkatarsak {
  -webkit-column-count: 3; 
  -moz-column-count: 3; 
  column-count: 3;
    }
}
@media screen and (max-width: 1000px) {
 div.munkatarsak {
  -webkit-column-count: 2; 
  -moz-column-count: 2; 
  column-count: 2;
    }
}

@media screen and (max-width: 800px) {
 div.munkatarsak {
  -webkit-column-count: 1; 
  -moz-column-count: 1; 
  column-count: 1;
    }
}

/*  ***************************************************************************** 
                phoca 
    *****************************************************************************  */
	
.pg-legend {
  font-size: 18px;
  border-bottom:solid 1px #000;
}

.pg-legend a {
  color:#333; 
  text-decoration:none;
}

.pg-legend .small {
  font-size: 12px;
  font-weight: 600;
}

p.kod {
  font-family: Courier;
  font-size: 14px;
  font-weight: 900;
  width: 90%;
  border: solid 1px #cce;
  border-radius: 6px;
  background: #f0f0ff;
  margin: 10px 0 10px 10px;
  padding: 10px 10px 10px 10px;
}

.picturetex {
  background: white;
  border: dotted 1px #666;
  border-radius: 4px;
  padding: 10px 10px 10px 10px;
}
.picturetexcenter {
  display: block;
  margin: 0 auto;
}

div.jatek {
  margin: 0 5% 0 5%;
  border: dotted 1px #666;
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
}

a.honlap {
  width: 240px;
  background: #e0e0e0;
  padding: 4px 4px 4px 4px;
  margin: 6px 0 6px 0;
/*
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
*/
}

.mjx-chara {
    font-size: 10pt;
}

@media only screen and (max-width: 900px) {
.column-1, .column-2 {
  width: 94% !important;
  float: left !important;
}

}

img {
  height:auto;
  max-width:100%;
}

/* ****************** Phoca Gallery ********************************* */
.pg-item-box {
    width: 160px; 
}

.pg-category-box {
    width:100%;  
	align-items:start;
	height: 85px;
}

.pg-item-box-title, .pg-category-box-title {
    padding: 3pt;
    background: #333;   
    font-size: 90%;
	position:relative;
	top:-3px; 
	left: -20px;
}

.pg-category-box-image {

}
.pg-category-box-title {
/*   margin-left:60px;    */
}

.pg-category-box-count {
    font-size: 100%;
}

.ph-si {
    width: 0.9em;
    height: 0.9em;
}

.pg-svg-box {
   width: 50px;
   margin: 0;
    padding: 0;
    line-height: 0;
}
th {
    text-align: left;
}

li li.divider {
  background-color: #444444;
}


/*  ************  MaxiMenu  *******  */

/*  Fomenu hatter */
div#maximenuck155 ul.maximenuck li.maximenuck.level1:hover, 
div#maximenuck155 ul.maximenuck li.maximenuck.level1.active {
  background: #fff;	
}

/*  Fomenu lefele nyil  */
div#maximenuck155.maximenuckh ul.maximenuck li.level1.parent > a:after, 
div#maximenuck155.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
  top: 18px;	
}	

div#maximenuck155 ul.maximenuck li ul.maximenuck2 li.maximenuck, 
div#maximenuck155 ul.maximenuck2 li.maximenuck {
 padding: 0px; 
 margin: 0px 0px 0px 0px;
 font-size: 18pt;
 font-weight:900;
 background: #fff;
}	

div#maximenuck155 ul.maximenuck li div.floatck ul.maximenuck2, 
div#maximenuck155 ul.maximenuck2 {
  padding-bottom: 4px !important;	
}

#mainmenu ul li ul li, #mainmenu ul li ul li ul li, #mainmenu ul li ul li ul li ul li {
   width: 180px !important;
}

div#maximenuck155 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck155 ul.maximenuck2 li a {
 color: #012d43;
 text-shadow: 2px 2px 2px #fff;
}

div#maximenuck ul.maximenuck li.maximenuck span.separator {border-bottom:1px solid #000; width:100%;}

span.separator {
  border-bottom: solid 1px #999 !important;
  height: 1pt;
 margin-botton:2pt;
}

/* ****************************  Keresés  **********************  */

.result__title-text {
  font-size: 100%;
  font-weight: 900;
  color: #003;
}

a.result__title-link, a.result__title-link:hover  {
  text-decoration:none;
  border:none;
}


.result__description {
  font-size: 100%;
}

.result__date {
  font-size: 100%;
 }
 
 .js-finder-search-query {
  width:104pt;	 
 }
 
 .fontsizer img {
  height: 25px;	 
 }
 
 div.szakkor {
  border: 1px solid green; 
  padding: 20px; 
  margin: 10px 0 10px 0;
  -moz-box-shad0ow:    2px 2px 10px 0px #74725D;
  -webkit-box-shadow: 2px 2px 10px 0px #74725D;
  box-shadow:         2px 2px 10px 0px #74725D;
}