/*
@media (prefers-color-scheme: dark) {
    :root {
        --magenta: #DB0238;
        --feher: #161723;
        --szurke: #808080;
        --vilagosszurke: #808080;
        --feketealpha: rgba(255,255,255,0.1);
        --borderradius: 2px;
        --backszurke: #161723f5;  
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --magenta: #DB0238;
        --feher: #ffffff;
        --szurke: #808080;
        --vilagosszurke: #808080;
        --feketealpha: rgba(0,0,0,0.1);
        --borderradius: 2px;
        --backszurke: #EAEAEA;
    }
}
*/

:root {
    --magenta: #00447C;
    --feher: #ffffff;
    --szurke: #808080;
    --vilagosszurke: #808080;
    --feketealpha: rgba(0,0,0,0.1);
    --feheralpha: rgba(255,255,255,0.1);
    --borderradius: 2px;
    --backszurke: #002235;
    --zold: #EA5C47;
    /*--zold: #86BC26;*/
    --transparent: transparent;
}



/*
 * ################ START DEFAULTS START ################ 
 */

/**
 * removing defaults
 */
* {
	padding: 0px;
	margin: 0px;
    font-family: proxima-nova, sans-serif;
        box-sizing: border-box;
}

/**
 * font settings
 */
html {
    font-family: proxima-nova, sans-serif;

	/*font-size: 76%;*/
	height: 100%;
        /*margin-bottom: 1px;*/
}

html * {
	font-size: 1em;
}

body {
	height: 100%;
	width: 100%;
	/*background: rgb(237,193,177);*/
/*background: linear-gradient(180deg, rgba(237,193,177,1) 15%, rgba(255,255,255,1) 100%);*/
	text-align: center; /* for IE to do centering */
    background-color:var(--backszurke);
}


/**
 * setting my defaults
 */

a {text-decoration: none;}

table {
	border-collapse: collapse;
}

table.border td{
	border: solid 1px black;
}

ul {
	list-style-type: disc;
        /* 05-12-12 ie bug, nem lesz jo az A tag */
	list-style-position: outside;
	/*margin-left: 5%;*/
}

ol {
	margin-left: 5%;
}

p, ul, ol, dl {
	/*margin-bottom: 1em;*/
}

b, strong {
    font-weight: 700;
}

h1 {

 
}

* img {
	border: 0;

}

.hide {
	display: none;
}

img.trspng{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


* html .floated {
	height: 1%;
}

.floated {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}


/**
 * my class
 */

img.floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.floatright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

* html .gapfix {
	vertical-align: bottom; /* ie5.x set this width */
}

* html .ie5_centered {
	text-align: center;
}

.link {
	cursor: pointer; /* MB */  
}

.two_columns {
	float: left;
	width: 45%;
}



/*----------------oncaspar-----------*/
#header{
    position: sticky;
    top:0;
    width:100%;
    height:120px;
    Background:var(--feher);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 50;
    box-shadow:0px 0px 5px var(--szurke);
    
}

#header #logo{
    position: absolute;
    top:20px;
    left: 25px;
}

div#hamburgernav {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    transition: all 500ms;
}

div.hamburgericon {
    display:none;
}
.opacity {
        opacity: 1 !important;
        top:100px !important;
    }

/**
 * Login
 */


#login_box{
    position: absolute;
    right:25px;
    top:35px;
}
#login_box form label {
    padding:10px;
    color:var(--magenta);
}

#login_box form input {
    padding:10px;
    color:var(--szurke);
    background: var(--feketealpha);
    border:0px;
    max-width: 120px;
}

#login_box form input.submit {
    padding:10px;
    color:var(--feher);
    background: var(--magenta);
    border:0px;
    cursor:pointer;
    border-radius: var(--borderradius);
}

#login_box form a {
    color:var(--szurke);
    margin-left: 20px;
}

#login_box form .loginboxlinks {
    margin:10px;
}



/**
 * Menu, mainmenu
 */
#mainmenudiv{
	bottom: 10px;
	position: absolute;
	width: 100%;
	height:auto;
	transition: all 300ms;
}

#mainmenu {
	/*font-size: 14px;*/
	font-weight: 100;
	height: 100%;
	margin: 0 auto;
	/*position: relative;*/
    display: flex;
    flex-direction: row;
	z-index: 2;
    width: fit-content;
    justify-content: center;
}

#mainmenu .arrow {
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.15em solid currentColor;
  border-bottom: 0.15em solid currentColor;
  transform: rotate(-45deg);
  margin-top: -0.25em;
  transition: transform 100ms ease-in-out;
}

/* ANIMATE aRROWS */
#mainmenu > li:hover > a > .arrow {
  transform: rotate(315deg);
}

#mainmenu .submenu > li:hover > a > .arrow {
  transform: rotate(225deg);
}

#mainmenu li { line-height: 36px; list-style: none; position: relative; transition:all 200ms;border-radius:var(--borderradius); }
#mainmenu li a.last { border: none; }
#mainmenu li a.active { 
    color: var(--feher);
    background: var(--magenta);
    border-radius:var(--borderradius);
}
#mainmenu li a {
	color: var(--szurke);
	font-size: 1.2em;
	font-weight: 100;
	padding: 0 18px;
	text-align: center;
    display:block;
}
/* submenu plus */
#mainmenu .submenu {
  position: absolute;
  left: 0;
  background-color: var(--zold);
    color: var(--feher);
  white-space: nowrap;
  /*padding: 1.5em 0;*/
  min-width: 100%;

  /* hide submenus */
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
    box-shadow: 0px 0px 5px var(--feketealpha);
}

#mainmenu .submenu .submenu {
  background-color: var(--magenta);
    color: var(--feher);
}

#mainmenu .submenu > li > a {
  /*padding: 0.8em 1.5em;*/
    color:var(--feher);
    padding: 10px;
    border-bottom:2px solid var(--feketealpha);
}
#mainmenu .submenu .submenu {
  left: 100%;
  top: 0;
    border-left:2px solid var(--feketealpha);
}
#mainmenu .submenu .submenu .submenu {
  left: -100%;
  top: 0;
}

#mainmenu > li:hover > a{
  background-color: var(--feketealpha);
  color: var(--szurke);
}

#mainmenu .submenu > li:hover > a {
  background-color: var(--feketealpha);
  color: var(--feher);
}
#mainmenu > li:hover > a {
 
    border-radius:var(--borderradius);
}

/* Reveal  */
#mainmenu > li:hover > a + .submenu,
#mainmenu .submenu > li:hover > a + .submenu {
  opacity: 1;
  transform: scaleY(1);
}

/* submenu plus vége */

/*
#mainmenu ul {
	background: var(--szurke);
    border-radius:var(--borderradius);
	display: none;
	left: 0;
	margin: 0;
	position: absolute;
	top: 36px;
	width: 100%;
	z-index: 10;
	text-align: center;
    box-shadow: 0px 0px 3px var(--szurke);
}

#mainmenu ul.wide { width: 150%;}
#mainmenu li:hover ul { display: block; }
#mainmenu ul li {
	float: none;
	line-height: 28px;
    display: block;
    transition:all 200ms;
}

#mainmenu li:hover,
#mainmenu ul li:hover {
    background: var(--feketealpha);
}

#mainmenu ul li a {
	border: none;
    color: var(--feher);
	display: block;
	padding: 0 17px;
	text-align: center;
}

*/

.warning-old-msie{
    position: absolute;
    top: 130px;
    display: block;
    background: red;
    width: 100%;
    color: white;
    z-index: 40;
}


/**
 * Mainbody
 */
#mainbody{
    background:url("../images/allakademia/header_background_servier_all_alademia.png") top center no-repeat,
        url("../images/allakademia/Footer_background_servier_all_alademia.png") bottom center no-repeat,
        url("../images/allakademia/middle_background_servier_all_alademia.png") center center no-repeat;
    background-color: var(--backszurke);
}
#body{
    width: 100%;
    max-width: 1000px;
    /*height: 1000px;*/
    margin: 0 auto;
    /*background: var(--feher);*/
    background: var(--transparent);
    position: relative;
    z-index:10;
}

#mainimage{
    margin: 200px auto 150px auto;
    width: 100%;
    max-width: 1000px;
}

#mainimage img{
    width: 90%;
}



div#videokcikkekboxes {
    width:100%;
    display: flex;
    padding:0px 50px;
    background: url("../images/allakademia/videok_and_cikkek_servier_all_alademia.jpg") top center no-repeat;
    background-color:var(--magenta);
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin:25px 0px;
}

div#videokcikkekboxes .MainRovatBox {
    width: 50%;
    padding: 50px;
    color:var(--feher);
    text-align: center;
    box-sizing: border-box;
}

div#videokcikkekboxes .MainRovatBox p {
    text-align: justify;
}

.MainRovatBox img {
    width:100%;
    height:auto;
}

.MainRovatBox h1 {
    color: var(--feher);
    font-weight: 900;
    font-size:1.5em;
    text-align: center;
    line-height: initial;
    margin-bottom:25px;
    /*width: min-content;*/
    width:100%;
}

.MainRovatBox h3,.MainRovatBox h3 a {
    color: var(--feher);
    font-weight: 500;
    font-size:1.2em;
    text-align: left;
    line-height: initial;
    margin:10px 0px;
    min-height: 2.8em;
}

.MainRovatBox .lead {
    color: var(--feher);
    font-weight: 100;
    line-height: 1.4em;
    margin:10px 0px;
}
.MainRovatBox a.more {
    color: var(--feher);
    background: var(--zold);
    line-height: 1.4em;
    padding:10px 30px;
    display: block;
    margin:0 auto;
    width:70%;
    text-align: center;
    border-radius:var(--borderradius);
}

/**
 * Eloszo
 */
#container #eloszo {
   color: var(--feher);
    text-align: center;
    width:100%;
    padding:35px 75px 5px 75px;
    background: url("../images/allakademia/Summer_background_servier_all_alademia.jpg") top center no-repeat;
    background-size: cover;
}

#container #eloszo h1{
    font-weight: 900;
    font-family: muli, sans-serif;
    font-size:2.5em;
    color: var(--feher);
    text-align: center;
    display: inline-block;
    margin:0 auto;
    height:44px;
    border-bottom: 2px solid var(--feher);
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

#container #eloszo h1::before{
    position: absolute;
    border-top: 2px solid var(--feher);
    border-left: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    left: -5%;
    bottom: -2px;
}

#container #eloszo h1::after{
    position: absolute;
    border-top: 2px solid var(--feher);
    border-right: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    right: -5%;
    bottom: -2px;
}

.allakademiah1 {
    color: var(--feher);
    font-weight: 900;
    font-family: muli, sans-serif;
    font-size:1.5em;
    text-align: center;
    line-height: initial;
    display: inline-block;
    position: relative;
    padding:0px 20px 15px 20px;
    border-bottom: 2px solid var(--feher);
    box-sizing: border-box;
}

.allakademiah1::before {
    position: absolute;
    border-top: 2px solid var(--feher);
    border-left: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    left: -5%;
    bottom: -2px;
}

.allakademiah1::after {
    position: absolute;
    border-top: 2px solid var(--feher);
    border-right: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    right: -5%;
    bottom: -2px;
}

#container #onlinetovabbkepzestop {
   color: var(--feher);
    width:100%;
    padding:45px 100px ;
    /*background: url("../images/vaspotlas/OT-head-bg-vaspotlas-2021.png") top center no-repeat;*/
    background: var(--transparent);
    max-height:150px;
    position: relative;
}
#container #onlinetovabbkepzestop h1, #container #cikk #onlinetovabbkepzestop h1 {
    font-weight: 900;
    font-family: muli, sans-serif;
    font-size:2.5em;
    text-align: center;
    line-height: initial;
    color: var(--feher);
    position: relative;
}

#container #onlinetovabbkepzestop::before {
            border-top: 2px solid white;
            border-left: 2px solid white;
            content: ' ';
            width: 20%;
            height: 100px;
            position: absolute;
            left: 0px;
            top: 75px;
        }
#container #onlinetovabbkepzestop::after {
            border-top: 2px solid white;
            border-right: 2px solid white;
            content: ' ';
            width: 20%;
            height: 100px;
            position: absolute;
            right: 0px;
            top: 75px;
        }

#container #onlinetovabbkepzestop h3, 
#container #cikk #onlinetovabbkepzestop h3 {
    font-weight: 400;
    font-size:1.35em;
    font-family: muli, sans-serif;
    text-align: center;
    line-height: initial;
    margin-bottom:10px;
    color: var(--feher);
}

#container #onlinetovabbkepzes {
   color: var(--feher);
    width:100%;
    padding:35px 75px 75px 75px;
    background-color: var(--transparent);
    border-right: 2px solid var(--feher);
    border-left: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
}

#container #onlinetovabbkepzes .otflex {
  display:flex;
    flex-wrap: wrap;
}

#container #onlinetovabbkepzes .otflex .otimg {
    width:50%;
}
#container #onlinetovabbkepzes .otflex .otimg img {
    width:100%;
}

#container #onlinetovabbkepzes .otflex .ottxt {
    width:50%;
    padding:15px;
    text-align: justify;
}

#container #onlinetovabbkepzes .otflex .otbutton, .otbutton {
    width:100%;
}

#container #onlinetovabbkepzes .otflex .otbutton a, .otbutton a, .otbutton span.a {
    width:37%;
    text-align: center;
    display: block;
    font-size: 1.2em;
    color:var(--feher);
    background: var(--zold);
    text-decoration: none;
    margin:0 auto;
    margin-top:10px;
    font-weight: 400;
    line-height: 1.4em;
    padding:10px 30px;
    border-radius:var(--borderradius);
    cursor: pointer;
}

.otbutton span.a{
    width:77%;
}


#container .contentszoveg{
    text-align: center;
    font-weight: 100;
    font-size: 1em;
    line-height:1.4em;
    hyphens: auto; 
    padding: 25px;
    background: var(--transparent);
}
#container #eloszo p, .rovatcomment p {
    margin-top:25px;
    text-align: justify;
}

#container #eloszo ul {
    list-style-image: url(..//images/allakademia/servier-star.svg);
    margin-left: 40px;
    margin-bottom: 10px;
}
#eloszo ul li {text-align: justify}
.rovatcomment {
    color: var(--feher);
    text-align: justify;
    width: 100%;
    padding: 35px 75px 5px 75px;
    background: url(../images/allakademia/Summer_background_servier_all_alademia.jpg) top center no-repeat;
    background-size: cover;
}

#HirdetesMindig {
   color: var(--magenta);
    width:100%;
    padding-bottom:10px;
    border-top: 25px solid var(--backszurke);
    max-width: 1000px;
    margin: 0 auto;
    background: var(--feher);
    z-index: 20;
    position: relative;
}

#HirdetesMindig a {
   color: var(--magenta);
    text-decoration: underline;
}

#HirdetesMindig #mellekhatasbox {
   display: none;
    position: fixed;
    width: 100%;
    height:100%;
    top:120px;
    left:0px;
    background:var(--backszurke);
}
#HirdetesMindig #mellekhatasbox .mellekhatascontent {
   position: relative;
    top:0%;
    color: var(--feher);
    font-size: 1.4em;
    text-align: center;
    padding: 15% 10%;
    max-width: 1000px;
    margin: 0 auto;
}

#HirdetesMindig #mellekhatasbox .mellekhatascontent a {
   color:var(--zold);
    text-decoration: none;
}
#HirdetesMindig #mellekhatasbox .mellekhatascontent #Xbtn{
    background: #BD1C5E;
    color:var(--feher);
    border-radius: var(--borderradius);
    width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 50px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

#HirdetesMindig #oncasparhirdetes {
    width: 100%;
}
#HirdetesMindig #oncasparhirdetes img{
    width: 100%;
    max-width: 1000px;
}

#HirdetesMindig #oncasparlogokflex {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
}
#HirdetesMindig #sorbiferlogokflex div {
    width:50%;
}

#HirdetesMindig .AlkalmazasiMellekhatas{
    display: flex;
    flex-direction: row;
    padding: 20px;
}

#HirdetesMindig .AlkalmazasiMellekhatas div.RAEMB{
        width:50%;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
 }




/**
 * CIKK
 */
#container #cikk {
    /*max-width:850px;
    padding:25px 0px;*/
    margin:0 auto;
    background: var(--transparent);
    width:100%;
    text-align: justify;
    font-size: 1em;
    line-height:1.4em;
    hyphens: auto;
}

#module_registration h1#maintitle {
   color: var(--magenta);
    font-weight: 900;
    font-family: muli, sans-serif;
    font-size:2.5em;
    text-align: center;
    line-height: 1.2em;
}

#container #cikk h1 {
   color: var(--feher);
    font-weight: 900;
    font-family: muli, sans-serif;
    font-size:2.5em;
    text-align: center;
    line-height: 1.2em;
    display: inline-block;
    position: relative;
    padding:0px 20px 20px 20px;
    border-bottom: 2px solid var(--feher);
}

#container #cikk h1::before {
    position: absolute;
    border-top: 2px solid var(--feher);
    border-left: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    left: -5%;
    bottom: -2px;
}

#container #cikk h1::after {
    position: absolute;
    border-top: 2px solid var(--feher);
    border-right: 2px solid var(--feher);
    border-bottom: 2px solid var(--feher);
    content: ' ';
    width: 5%;
    height: 75%;
    right: -5%;
    bottom: -2px;
}

#container #cikk h2 {
   color: var(--feher);
    font-weight: 900;
    font-size:2em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h3 {
   color: var(--feher);
    font-weight: 900;
    font-size:1.5em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h4 {
   color: var(--feher);
    font-weight: 500;
    font-size:1.3em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h5 {
   color: var(--feher);
    font-weight: 500;
    font-size:1.3em;
    text-align: left;
    line-height: initial;
}

#container #cikk h6 {
   color: var(--feher);
    font-weight: 400;
    font-size:1.1em;
    text-align: left;
    line-height: initial;
}

#container #cikk p {
   color: var(--feher);
    font-weight: 100;
}

#container #cikk .cikk_head_box {
    padding:25px 75px;
    background: url("../images/allakademia/Summer_background_servier_all_alademia.jpg") top center no-repeat;
    background-size: cover;
    border-bottom:25px solid var(--backszurke);
}

#container #cikk .titles {
    padding:25px;
    background: var(--transparent);
        border-bottom:25px solid var(--backszurke);
    text-align: center;
}
#container #cikk .titles .tags, #container #cikk .titles .szerzok{
    margin-top:5px;
    font-size:11pt;
    font-weight: 100;
    color:var(--feher);
}


#container #cikk .lead {
    padding:15px 25px 0px 25px;
    background: var(--transparent);
}

#container #cikk .cikktartalom {
    padding:25px 100px;
    border: 2px solid var(--feher);
    background: #00447Ddd;
}

#container #cikk .irodalomjegyzek {
    word-break: break-all;
    color: var(--szurke);
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 30px 0px;
}

#container #cikk span.date{
    display:none;
}

#container #cikk ul, #container #cikk ol {
    margin-left:10%;
    color:var(--magenta);
}


#container #cikk ul li::marker, #container #cikk ol li::marker {
    color: var(--magenta); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
}

#container #cikk ul li, #container #cikk ol li {
    color:var(--szurke);
    font-weight: 100;
}

#container #cikk .legalnotice, #container #cikk .gdpr {
    background: #00447Ddd;
}
#container #cikk .legalnotice a, #container #cikk .gdpr a {
    font-weight: bold;
    color: var(--feher);
}


span#fr_1_count {
    color:var(--szurke);
    font-size:0.8em;
}

#container #cikk .ertekeles {
    border-top: 1px solid var(--feketealpha);
}


#c2_1024 div#cikk div#login_in_article_view {
    padding: 50px 100px;
}

/*#c2_1024 div#cikk div#login_in_article_view table:first-of-type {
    display: none;
}
#c2_1024 div#cikk div#login_in_article_view p span:first-of-type {
    display: none;
}*/

#c2_1024 div#cikk div#login_in_article_view p, 
#c2_1024 div#cikk div#login_in_article_view h1 {
    color: var(--szurke);
}

#c2_1024 div#cikk div#login_in_article_view h2 {
    color: var(--szurke);
    text-align: center;
}
/**
 * ROVAT
 */
#container .rovatpadding:first-child {
    text-align:left;
    padding:50px 100px 65px 100px;
    border-bottom:3px solid var(--magenta);
    background: #00447Ddd;
}

#container .rovatpadding{
    margin-top:20px;
    padding:50px 100px 25px 100px;
}

.light{
    background: #0074BDaa !important;
}


#container .leftcol {
    display: inline-flex;
    flex-wrap: wrap;
    /*padding: 25px 50px;*/
    gap: 2%;
    
}

#container .leftcol .block {
    width: calc(32%);
    padding: 15px 20px;
    text-align: left;
    background: #00447Ddd;
    border-bottom:3px solid var(--magenta);
    margin-top: 20px;
}

#container .leftcol .block a.h1 {
    color: var(--feher);
    font-weight: 900;
    font-size:1.2em;
    text-align: left;
    line-height: initial;
}
#container .rovatpadding a.h1 {
    color: var(--feher);
    font-weight: 900;
    font-size:1.4em;
    text-align: left;
    line-height: initial;
}

#container .leftcol .block p, .rovatpadding p {
    margin-top:15px;
    text-align: justify;
    color:var(--feher);
    font-weight: 100;
    line-height: 1.4em;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


#container img.bbor {
    float: left;
    margin: 0px 15px 5px 0px;
}

#container .leftcol img.bbor {
    width:105px;
    height:auto;

}

#container a.more .arrow_right {
  transform: rotate(180deg);
  font-size:2em;
    display: inline-block;
    position: relative;
    top:9px;
}

#container #left-column .rightmore {
    text-align: right;
}
#container #left-column .rightmore a.more {
    background: var(--zold);
    color: var(--feher);
    padding: 10px;
    border-radius:var(--borderradius);
}

#container #left-column #cikk .cikkcontent{
    padding:50px 100px;
}

div#pager {
    color: var(--feher);
}

div#pager a.first_inactive, 
div#pager a.prev_inactive, 
div#pager a.next_inactive, 
div#pager a.last_inactive {
    opacity: 0.5;
}

div#pager a.first_active,  
div#pager a.last_active {
    font-weight: bold;
    color: var(--zold);
}
 
div#pager a.prev_active, 
div#pager a.next_active {
    color: var(--zold);
}


/**
 * Onlinetovabbkepzes
 */

#container #cikk #otktop {
    text-align:center;
}

#container #cikk .vpotkkoszonto {
    padding:25px 100px;
    text-align: justify;
}

#container #cikk .vpeloadas {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}

#container #cikk .vpvideobox {
    background: var(--magenta);
    padding: 20px 50px;
    color: var(--feher);
}

#container #cikk .vpvideobox p {
    color: var(--feher);
    margin:15px 0px;
    text-align: justify;
}

#container #cikk .vpvideotitle {
    display: flex;
    margin-left: 30px;
    padding: 15px;
    color: var(--szurke);
}

#container #cikk .titletext {
    margin-left: 30px;
}

#container #cikk .titlecim {
    color: var(--feher);
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 10px;
}

#container #cikk .titleea {
    color: var(--feher);
}

#container #cikk .titleea strong {
    font-weight: 700;
}

#container #cikk .vpvideobox .vpvideotitle .titleea strong{
    font-weight:700;
}







/**
 * footer
 */

#c2_1024 #footer {
		/*background: url(/images/szemorvos/bgFooter.png) no-repeat left top;*/
		/*background: url("../images/vaspotlas/site_bottom_BG_vapotlas_2021.png") no-repeat top center;
		background-color:var(--magenta);*/
        color: var(--feher);
		height: 300px;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		display: flex;
        align-items: flex-end;
        justify-content: center;
        position:relative;
        z-index: 1;
        margin-top:-50px;
	}
	
	#c2_1024 #footer ul {
		margin-top:10px;
	}
	
	
	#c2_1024 #footer li {
		float: none;
		list-style: none;
		display: inline-block;
        padding:0 15px;
	}
    #c2_1024 #footer a {
		color: var(--feher);
        font-weight: 500;
	}
	
	#c2_1024 #footer .leftcol, #c2_1024 #footer ul {
		float: none;
	}
    
    #c2_1024 #footer .leftcol{
        padding-bottom:10px;
	}





/*
	Regisztráció

*/

form.editform {
    line-height: 2.5em;
    color: var(--szurke);
}

form.editform p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom:15px;
}




fieldset {
    padding: 10px;
    border-top: 2px solid var(--feketealpha);
    border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

fieldset fieldset{
    padding: 10px 0px;
    margin: 10px 0px;
    border-bottom: 2px solid var(--feketealpha);
}


div#module_registration {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    background: var(--feher);
    color:var(--szurke);
}

div#module_registration p,
div#module_registration h1,
div#module_registration h2{
    color:var(--szurke) !important;
}

div#module_registration label {
    padding: 5px;
    color: var(--magenta);
    display: inline-block;
    width: 30%;
    text-align: right;
    font-size: 1em;
    line-height: 1.2em;
}

div#module_registration input {
    padding: 10px;
    color: var(--szurke);
    background: var(--feketealpha);
    border: 0px;
	width: 40%;
    margin: 5px 0px 5px 0px;
}

div#module_registration input#newsletter_1,
div#module_registration input#newsletter_2 {
    width:35px;
}

div#module_registration .radio {
    display: flex;
    justify-content: center;
}

div#module_registration .radio .coloumn {
    margin: 0px 10px;
    width: -moz-fit-content;
    width: -webkit-fill-available;
}

div#module_registration .radio input[type=radio] {
    margin: 5px;
}

fieldset.megerosit label{
    display: none !important;
}
div#module_registration input[type=radio] {
    width:40px;
    height: 20px;
    margin: 10px 0;
}
div#module_registration input[type=submit] {
    background:var(--magenta);
    color:var(--feher);
    cursor:pointer;
    border-radius: var(--borderradius);
}

div#module_registration select {
    width: 40%;
	color: var(--szurke);
    background: var(--feketealpha);
    border: 0px;
    padding:10px;
    margin: 5px 0px 5px 3px;
}


#c2_1024 .panels a.panelTab {
    color: var(--feher);
    background: var(--magenta);
    border-right: 1px solid white;
    margin-bottom: 10px;
    padding: 3px 6px;
    text-decoration: none !important;
    cursor: pointer;
	filter: brightness(1) grayscale(0.5);
}

#c2_1024 .panels a.panelTab:hover {
	filter: brightness(1.2) grayscale(0);
}
#c2_1024 .panels a.active {
    filter: brightness(1) grayscale(0);
}

span.error_message {
		background: #e67e22;
		color: var(--feher);
		padding: 5px;
		line-height: 1.2em;
		display: block;
	}

/*----------------SORBIFER end-----------*/


/* KWINDOW: */
#kwindow_center {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101;

}

#kwindow_center #kwindow {
    background: white;
    width: 100% !important;
    height: auto;
    position: static;
    margin: 70px auto;
    display: none;
    overflow: hidden;
    padding: 10px;
    max-width: 1000px;
    box-sizing: border-box;
}

#kwindow_center #kwindow img{
    width: 100%;
    height: auto;
}



#kwindow_center #kwindow #kwindow_content {
	text-align: left;
}

#kwindow_center #kwindow_loading {
	width: 100px;
	height: 100px;
	background: url(/images/miracle/loading.gif) no-repeat;
	position: static;
	margin: 200px auto;
	display: none;
}

#photogallery2_darken {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: black;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	z-index: 100;
}

*html #photogallery2_darken {
	position: absolute;
	display: none;
}

/* kwindow gallery template 1 (a meretek automatikusak a kepmeretek szerint) */

.kwindow_gallery_template_1 .floated {
	overflow: hidden;
}

*html .kwindow_gallery_template_1 .floated {
	overflow: visible;
	height: 1%;
}

.kwindow_gallery_template_1 .floated .leftcol {
	float: left;
}

/* csavez 2009.04.10 */
.kwindow_gallery_template_1 .floated .leftcol .main_image {
	float:left;
	width:470px;
	margin:0px auto;
}

.kwindow_gallery_template_1 .floated .leftcol .nav_left,
.kwindow_gallery_template_1 .floated .leftcol .nav_right {
	margin:0px;
	width:16px;
	float:left;
}

.kwindow_gallery_template_1 .floated .leftcol .nav_right {
	float:right;
}

.kwindow_gallery_template_1 .floated .leftcol .nav .move_prev,
.kwindow_gallery_template_1 .floated .leftcol .nav .move_next  {
	background: var(--transparent) url(/images/miracle/kwindow_gallery_prev.jpg) no-repeat scroll right center;
	height:45px;
	padding:0px;
	width:16px;
	float:none;
	height:300px;
}

.kwindow_gallery_template_1 .floated .leftcol .nav .move_next {
	background: var(--transparent) url(/images/miracle/kwindow_gallery_next.jpg) no-repeat scroll right center;
	width:16px;
	padding:0px;
	float:right;
	
}
/* vége */

.kwindow_gallery_template_1 .floated .leftcol img {
	margin: 0px auto;
	display: block;
}

.kwindow_gallery_template_1 .floated .leftcol .picture_title {
	text-align: center;
	margin-top: 4px;
	color: #303030;
}

.kwindow_gallery_template_1 .floated .rightcol {
	float: right;
	border-left: 1px dotted #AAAAAA;
	padding-left: 10px;
}

*html .kwindow_gallery_template_1 .floated .rightcol {
	overflow: hidden;
	position: relative;
}

*+*+html .kwindow_gallery_template_1 .floated .rightcol {
	overflow: hidden;
	position: relative;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs {
	overflow: hidden;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs table#kwindow_gallery_thumbs {
	position: relative;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs td {
	border-bottom: 4px solid white;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs td img {
	display: block;
	margin: 0px auto;
}

.kwindow_gallery_template_1 .floated .rightcol .move_up {
	background: white url(/images/miracle/kwindow_gallery_up.jpg) center no-repeat;
	height: 25px;

	margin-bottom: 10px;
	position: relative;
	z-index: 7777;
}

.kwindow_gallery_template_1 .floated .rightcol .move_down {
	background: white url(/images/miracle/kwindow_gallery_down.jpg) center no-repeat;
	height: 25px;

	margin-top: 10px;
	position: relative;
}

.kwindow_gallery_template_1 #va_outer {

}

.kwindow_gallery_template_1 #va_inner img {
	display: block;
	margin: 0px auto;
}

.kwindow_gallery_template_1 .nav {
	float: left;
	width: 260px;
	margin-left: 250px;
	margin-top: -34px;
	margin-bottom: 7px;
}

*html .kwindow_gallery_template_1 .nav {
	margin-left: 125px;
}

.kwindow_gallery_template_1 .nav a.print_image {
	float: left;
	margin-left: 12px;
	cursor: pointer;
}

.kwindow_gallery_template_1 .nav .move_prev {
	background: white url(/images/miracle/kwindow_gallery_prev.jpg) no-repeat left top;
	width: 66px;
	height: 23px;
	float: left;
	padding: 15px 25px;
	cursor: pointer;
}

.kwindow_gallery_template_1 .nav .move_next {
	background: white url(/images/miracle/kwindow_gallery_next.jpg) no-repeat right top;
	width: 66px;
	height: 23px;
	float: right;
	padding: 15px 25px;
	text-align: right;
	cursor: pointer;
}

.kwindow_gallery_template_1 .clear {
	clear: both;
}


/**
 * DEFAULT KGALLERY
 */
#kwindow_gallery .border {
	border:1px dotted #AAAAAA;
	padding: 10px;
}

#kwindow_gallery .title {
	border-left:8px solid #FF9500;
	font-size:1.1em;
	font-weight:bold;
	margin:10px auto;
	padding-left:6px;
	color: black;
}

#kwindow_gallery a.kwindow_close {
	background: var(--transparent) url(/images/miracle/icons/cross.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	padding-left:20px;
}

/**
 * Tooltip irodalomjegyzékhez
 */
#biblio-tip,
#ad-tip {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 300px;
    /*overflow: hidden;*/
    font-size: .70em;
    font-weight: 400;
    text-align: left;
    background: var(--magenta);
    color:var(--feher);
    padding:10px;
    box-shadow:0px 0px 5px var(--szurke);
    word-wrap: break-word;
}

#biblio-tip::before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
   border-top: 20px solid var(--transparent);
    border-bottom: 0px solid var(--transparent);
    /* border-right: 20px solid black; */
    left: 25px;
    top: -20px;
    border-left: 20px solid var(--magenta);
}

/*#biblio-tip div.top,
#ad-tip div.top {
    background: url(/images/tooltip_top.gif) no-repeat left top;;
    height: 27px;
    width: 300px;
}

#biblio-tip div.content,
#ad-tip div.content {
    background: url(/images/tooltip_bg.gif);
    background-repeat: repeat-y;
    width: 280px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

#ad-tip div.content div.container {
    background: url(/images/hirdetes_ad.gif) no-repeat -9px center;
    padding-left: 15px;
}

#ad-tip div.content div.container span.ad_text {
    display: none;
}

#biblio-tip div.bottom,
#ad-tip div.bottom {
    background: url(/images/tooltip_bottom.gif) no-repeat left top;;
    height: 10px;
    width: 300px;
}*/

/**
 * kulcsszóra mejelenő hirdetés
 *
 */

.article_ad_keyword {
    border-bottom: double;
    color: #094FA3;
    cursor: pointer;
}

a.article_ad_keyword:hover {
    text-decoration: none;
}

/**
 *  .....kulcsszóra mejelenő hirdetés
 */


#cikk #comments form textarea {
    font-size: 12px;
}


div.cikk_content div.banner_468x60_in_article {
    background: var(--transparent) url(/images/hirdetes.gif) no-repeat scroll 2px 50%;
   
    margin: 15px auto;
    padding: 0 0 0 25px;
    width: 450px;
    margin-left: -20px;
}

div.cikk_content div.banner_468x60_in_article br {
    display: none;
}

div.cikk_content div.banner_468x60_in_article span {
    display: block;
}

div.cikk_content div.banner_468x60_in_article span.ad_title a {
    color: #000000;
    display:block;
    font-weight: bold;
    text-decoration: none;
}

div.cikk_content div.banner_468x60_in_article .ad_description {
    font-size: 0.9em;
    font-weight: normal;
}

div.cikk_content div.banner_468x60_in_article span.ad_link a {
    color: #4A9219;
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
}

.banner {
   
}

#body .info {
    background: none;
}

/**
 * Tesztek (kreditpontot és adminon is)
 */
div#teszt form.editform label {
    width:80%;
    text-align: left;
}

/**
* Related figures
*/

#cikk div.related_figures {
	width: 100%;
	/*border: 1px solid var(--magenta);*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
    background: url("../images/vaspotlas/site_bottom_BG_vapotlas_2021.png") no-repeat 50% center;
	background-color: var(--magenta);
    box-sizing: border-box;
    
}

#cikk div.related_figures img {
	margin: 10px auto;
	max-width: 100%;
    /*width:;*/
	border: 0;
}

#cikk div.related_figures p {
	/*font-size: 1em;*/
	font-weight: 400;
	color: var(--feher);
	margin: 0;
}

#cikk div.related_figures a {
	display: block;
    text-align: center;
}

#cikk div.related_figures span {
    color:var(--feher);
    font-weight: 400;
	display: block;
}