.input{
	font-size: 7.5vw;
	height: 12vw;
	padding: 1vw;
	box-sizing: border-box;
}

.input1{
	width: 100%;
    border: 0.3vw solid #000000;
    border-right: 0.1vw solid #000000;
	border-top-left-radius: 2vw;
	border-bottom-left-radius: 2vw;
	border-top-right-radius: 0vw;
	border-bottom-right-radius: 0vw;
}

.input2 {
	width: 95%;
    border: 0.5vw solid #363768;
	border-radius: 2vw;
}

.button{
    font-size: 0vw;
	border: none;
    padding-top: 0vw;
	padding-bottom: 0vw;
	padding-left: 0vw;
	padding-right: 0vw;
	height: 12vw;
	width: 12vw;
	margin: 0vw;
	box-sizing: border-box;
	cursor: pointer;
}

.button2{
    color: black;
	background-color: white;
    border: 0.3vw solid #000000;
    border-left: 0.1vw solid #000000;
	border-top-right-radius: 2vw;
	border-bottom-right-radius: 2vw;
}

.button-kek {
  background: #363768;
  background-image: -webkit-linear-gradient(top, #363768, #296993);
  background-image: -moz-linear-gradient(top, #363768, #296993);
  background-image: -ms-linear-gradient(top, #363768, #296993);
  background-image: -o-linear-gradient(top, #363768, #296993);
  background-image: linear-gradient(to bottom, #363768, #296993);
  -webkit-border-radius: 2vw;
  -moz-border-radius: 2vw;
  border-radius: 2vw;
  -webkit-box-shadow: 0.7vw 0.7vw 1vw #666666;
  -moz-box-shadow: 0.7vw 0.7vw 1vw #666666;
  box-shadow: 0.7vw 0.7vw 1vw #666666;
  color: #ffffff;
  padding: 2vw;
  border: 0.5vw solid #363768;
  cursor: pointer;
  width: auto;
}

.button3 {
    color: black;
	background-color: #dedede;
    border: 0.3vw solid #000000;
	border-top-left-radius: 2vw;
	border-bottom-left-radius: 2vw;
	border-top-right-radius: 2vw;
	border-bottom-right-radius: 2vw;
}


body{
background: white; color: black; margin: 0; padding: 0; font-family: arial;
}

DIV.kep100{
font-size: 0; margin-bottom: 4vw; border-top: 0.5vw solid #363768; border-bottom: 0.5vw solid #363768;
}

IMG.kep100{
width: 100vw;
border: 0;
margin: 0;
padding: 0;
}

.kep100hattertop{
width: 100vw;
background-size: cover; background-position: top left; background-repeat: no-repeat;
}

.kep100hatterbot{
width: 100vw;
background-size: cover; background-position: bottom left; background-repeat: no-repeat;
}

.flipv
{
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

DIV{
margin: 0; padding: 0;
}

TABLE{
padding: 0;
margin: 0;
border-spacing: 0;
}

HR.kekcsik{
border: 0; height: 0.5vw; background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(54, 55, 104, 1), rgba(255, 255, 255, 1));
}

HR.fehercsik{
border: 0; height: 0.5vw; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(230, 230, 230, 0.75), rgba(0, 0, 0, 0));
}

.kephatter
{
border-bottom: 0.5vw solid #363768; padding: 2vw; background-size: cover; background-position: center center; background-repeat: no-repeat;
min-height: 60vw; width: 100%;
}

.kephatter
{
background-size: cover; background-position: center center; background-repeat: no-repeat;
}

DIV.kephatternincskep1{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepfilm.jpg");
min-height: 40vw;
}

DIV.kephatternincskep2{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepember0.jpg");
min-height: 30vw;
}

DIV.kephatternincskep3{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepember1.jpg");
min-height: 30vw;
}

DIV.kephatternincskep4{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepember2.jpg");
min-height: 30vw;
}

.gyk-nincskep1{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepfilmbi.jpg");
}

.gyk-nincskep2{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepemberb0i.jpg");
}

.gyk-nincskep3{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepemberb1i.jpg");
}

.gyk-nincskep4{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepemberb2i.jpg");
}

.gyk-nincskep5{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepaloldalbi.jpg");
}

.gyk-nincskep6{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepforumbi.jpg");
}

.gyk-nincskep7{
background-image: url("https://static.filmkatalogus.hu/pic/nincskepuserprofilbi.jpg");
}

.gyk-nincskep8{
background-image: url("https://static.filmkatalogus.hu/pic/nincskeptvmusorbi.jpg");
}

.gyk-nincskep9{
background-image: url("https://static.filmkatalogus.hu/pic/nincskeplistabi.jpg");
}

.checkbox
{
width:8vw; height:8vw;
}

DIV.menupont
{
background-color: #363768;
border-bottom: 0.3vw solid #66abeb;
padding-top: 2vw;
padding-bottom: 2vw;
}

DIV.menupontb
{
background-color: #66abeb;
color: black;
padding-top: 1.3vw;
padding-bottom: 1.3vw;
}

A{
color: #2b40bb; font-weight: bold; text-decoration: none; cursor: pointer;
}

A:hover{
text-decoration: underline; cursor: pointer;
}

A.menupontb
{
color: white;
font-size: 6.5vw;
}

A.almenupont
{
font-size: 7vw;
margin-left: 5vw;
color: white;
}

A.box{
color: #4999dd; background-color: white; display: inline-block; text-align: center; vertical-align: middle;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
border-radius: 2vw; outline: none;
font-weight: bold;
border: 0.7vw solid #4999dd;
white-space: normal;
}

A.box:hover{
color: white;
background-color: #4999dd;
}

A.box2 {
color: #2b40bb; background-color: white; display: inline-block; text-align: center; vertical-align: middle; font-size: 5vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
	border-radius: 2vw; outline: none;
	font-weight: bold;
	border: 0.7vw solid #2b40bb;
	white-space: normal;
}

A.box2:hover{
color: white;
background-color: #2b40bb;
}

A.box2inactive {
color: gray; background-color: white; display: inline-block; text-align: center; vertical-align: middle; font-size: 5vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
	border-radius: 2vw; outline: none;
	font-weight: bold;
	border: 0.7vw solid gray;
	white-space: normal;
   cursor: default;
}

A.box2inactive:hover {
text-decoration: none;
}


A.box2f4 {
color: #2b40bb; background-color: white; display: inline-block; text-align: center; vertical-align: middle; font-size: 4vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
	border-radius: 2vw; outline: none;
	font-weight: bold;
	border: 0.7vw solid #2b40bb;
	white-space: normal;
}

A.box2f4inactive {
color: gray; background-color: white; display: inline-block; text-align: center; vertical-align: middle; font-size: 4vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
	border-radius: 2vw; outline: none;
	font-weight: bold;
	border: 0.7vw solid gray;
	white-space: normal;
   cursor: default;
}

A.box2f4inactive:hover {
text-decoration: none;
}

A.box2f4:hover{
color: white;
background-color: #2b40bb;
}

A.box3 {
color: white; background-color: #66abeb; display: inline-block; text-align: center; vertical-align: middle; font-size: 5vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 1vw;
border-radius: 2vw; outline: none;
font-weight: bold;
border: 0.7vw solid white;
white-space: normal;
}

A.box3:hover{
color: #66abeb;
background-color: white;
}

#menuikon{
height: 12vw;
}

IMG.menuikon2{
height: 12vw;
}

IMG.menupont1 {
margin-left: 3vw;
margin-right: 8vw;
vertical-align: middle;
width: 7vw;
}

IMG.menupontb {
margin-left: 7vw;
margin-right: 3vw;
vertical-align: middle;
width: 5vw;
}

IMG.menupont2 {
margin-left: 3vw;
margin-right: 8vw;
vertical-align: middle;
width: 7vw;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

IMG.menupont3 {
margin-left: 3vw;
margin-right: 8vw;
vertical-align: middle;
width: 7vw;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}

.szurke{
color: gray;
}

.vkek{
color: #66abeb;
}

TR.hattervkek{
background: #66abeb;
}

TABLE.sorszamlista{
width: 100%;
font-size: 5vw;
padding: 0;
border-spacing: 0;
}

TD.sorszamlista{
border-top: 0.5vw solid #363768;
vertical-align: top;
padding: 2vw;
}

TD.stablista1{
vertical-align:top;
font-size: 5vw;
text-align:left;
}

TD.stablista2{
vertical-align:top;
font-size: 5vw;
text-align:right;
font-weight: bold;
padding-left: 2vw;
}

DIV.fejlec{
width: 100vw; height: 14vw; background: #363768;
}

DIV.fejlecmenugomb{
float: left; margin-left: 2vw; margin-top: 1vw; width: 12vw; height: 12vw; cursor: pointer;
}

DIV.fejlecmenuszoveg{
float: left; padding-left: 3vw; margin-top: 1vw; margin-bottom: 1vw; width: 29vw; height: 12vw; font-size: 10vw; cursor: pointer; vertical-align: middle; display: flex; align-items: center;
}

DIV.fejleckeresesmezo{
float: left; margin-left: 2vw; margin-top: 1vw; width: 36vw; height: 12vw;
}

DIV.fejleckeresesgomb{
float: left; margin-top: 1vw; font-size: 0vw; width: 12vw; height: 12vw;
}

DIV.fejleckeresesbezar{
margin-top: 1vw; margin-left: 2vw; float: left; font-size: 0vw; width: 12vw; height: 12vw;
}

.w10{
width: 10%;
}

.w20{
width: 20%;
}

.w23{
width: 23%;
}

.w80{
width: 80%;
}

.w100{
width: 100%;
}

.w27vw{
width: 27vw;
}

.w100vw{
width: 100vw;
}

.w90vw{
width: 90vw;
}

.nowrap{
white-space: nowrap;
}

IMG.star{
width: 7vw; height: 7vw;
}

IMG.starb{
width: 4vw; height: 4vw;
}

IMG.star4{
width: 4vw; height: 4vw;
vertical-align: text-top;
}

.padleft2
{
padding-left: 2vw;
}

.padleft3
{
padding-left: 3vw;
}


TABLE.kepeslista{
width: 100%;
border-top: 0.5vw solid #363768;
font-size: 0;
}

TD.kepeslistakep{
vertical-align:top;
width:27.3vw;
padding: 0;
}

IMG.kepeslistakep{
width: 27vw; 
border-right: 0.3vw solid #363768;
border-bottom: 0.3vw solid #363768;
}

DIV.gyorskereses-mobil{
font-size: 0; padding: 0; margin: 0; background-color: #d7e7fe;
cursor: pointer;
border-top: 0.5vw solid #363768;
}

DIV.gyorskeresesvege-mobil{
font-size: 5vw; padding: 0; margin: 0; background-color: #d7e7fe;
cursor: pointer;
text-align: center;
border-bottom: 0.5vw solid #363768;
}

TABLE.gyorskereses-mobil{
border-spacing: 0; padding: 0; width: 100vw;
min-height: 12vw;
}

TD.gyorskereses-mobil{
width: 20%; vertical-align: top;
background-size: cover;
background-position: center center; background-repeat: no-repeat;
}

.w20vw{
width: 20vw;
}

TD.kepeslistanincskep{
vertical-align:middle;
text-align: center;
font-style: italic;
color: gray;
opacity: 0.7;
font-size: 3vw;
margin: 0; padding: 1vw; width:25.3vw;
background-image: linear-gradient(to right, #363768, #66abeb, #363768);
border-right: 0.3vw solid #363768;
border-bottom: 0.3vw solid #363768;
}

.gyorskeresonincskep{
font-style: italic;
color: gray;
opacity: 0.7;
font-size: 3vw;
}

TEXTAREA.textarea{
width: 90vw;
height: 40vw;
border: 0.5vw solid #363768;
font-family: arial;
}

SELECT.select {
	padding: 2vw;
	box-sizing: border-box;
  -webkit-box-shadow: 0.7vw 0.7vw 1vw #666666;
  -moz-box-shadow: 0.7vw 0.7vw 1vw #666666;
  box-shadow: 0.7vw 0.7vw 1vw #666666;
	width: auto;
    border: 0.5vw solid #363768;
	border-radius: 2vw;
}

SELECT.selectvekony{
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	box-sizing: border-box;
  -webkit-box-shadow: 0.7vw 0.7vw 1vw #666666;
  -moz-box-shadow: 0.7vw 0.7vw 1vw #666666;
  box-shadow: 0.7vw 0.7vw 1vw #666666;
	width: auto;
    border: 0.5vw solid #363768;
	border-radius: 2vw;
}

DIV.header
{
padding-top: 2vw; padding-bottom: 2vw;
}

H1{
font-size: 6.5vw; margin: 0; padding: 1vw; text-align:center; font-weight: bold;
}

H2{
font-size: 5vw; margin: 0; padding: 1vw; text-align:center; font-weight: bold;
}

H5{
text-align: left; font-size: 4vw; margin: 0; padding-bottom: 1vw;
}

H6{
font-size: 4vw; margin: 0; padding: 1vw; text-align: center;
}

.figyelmeztet{
color: darkred; font-weight: bold; text-align:center;
text-shadow: 0 0.5vw 1vw #ffffff, 0.5vw 0 1vw #ffffff, 0 -0.5vw 1vw #ffffff, -0.5vw 0 1vw #ffffff, -0.5vw -0.5vw 1vw #ffffff, 0.5vw -0.5vw 1vw #ffffff, -0.5vw 0.5vw 1vw #ffffff, 0.5vw 0.5vw 1vw #ffffff;
}

.mindenok{
color: darkgreen; font-weight: bold; text-align:center;
text-shadow: 0 0.5vw 1vw #ffffff, 0.5vw 0 1vw #ffffff, 0 -0.5vw 1vw #ffffff, -0.5vw 0 1vw #ffffff, -0.5vw -0.5vw 1vw #ffffff, 0.5vw -0.5vw 1vw #ffffff, -0.5vw 0.5vw 1vw #ffffff, 0.5vw 0.5vw 1vw #ffffff;
}

DIV.mindenoke{
color: darkgreen; font-weight: bold; text-align:center;
text-shadow: 0 0.5vw 1vw #ffffff, 0.5vw 0 1vw #ffffff, 0 -0.5vw 1vw #ffffff, -0.5vw 0 1vw #ffffff, -0.5vw -0.5vw 1vw #ffffff, 0.5vw -0.5vw 1vw #ffffff, -0.5vw 0.5vw 1vw #ffffff, 0.5vw 0.5vw 1vw #ffffff;
background-color: white; border: 0.5vw solid darkgreen;
margin-top: 1vw;
margin-bottom: 1vw;
margin-left: 2vw;
margin-right: 2vw;
padding: 1vw;
}

DIV.figyelmeztetes{
color: darkred; font-weight: bold; text-align:center;
background-color: white; border: 0.5vw solid darkred;
margin-top: 1vw;
margin-bottom: 1vw;
margin-left: 2vw;
margin-right: 2vw;
padding: 1vw;
}

.feher{
color: white;
}

A.box1cim
{
font-style: italic;
color: #66abeb;
}

DIV.box1{
background-color: #363768;
padding: 2vw;
margin-top: 5vw;
}

DIV.box1c{
background-color: #363768;
padding: 2vw;
margin-top: 5vw;
font-weight: bold;
font-style: italic;
vertical-align: center;
color: #66abeb;
}

DIV.box2{
background-color: #66abeb;
color: black;
border-top: 0.5vw solid #363768;
padding: 2vw;
margin-top: 5vw;
font-weight: bold;
font-style: italic;
vertical-align: center;
}

DIV.box3{
border-top: 0.5vw solid #363768;
border-bottom: 0.5vw solid #363768;
background-color: #66abeb;
}

TABLE.box1{
width: 100%;
background-color: #363768; color: #66abeb;
}

TD.box1cim
{
font-size: 7vw;
font-weight: bold;
font-style: italic;
vertical-align: center;
}

TD.box1szoveg1
{
padding-left: 3vw;
text-align: right;
font-size: 4vw;
vertical-align: center;
}

TABLE.box1b{
width: auto; float:right;
}

TD.box1szoveg2
{
width:auto;
text-align: right;
font-size: 4vw;
vertical-align: center;
font-weight: bold;
}

.borderbot
{
border-bottom: 0.5vw solid #363768;
}

.bordertop
{
border-top: 0.5vw solid #363768;
}

.borderleft
{
border-left: 0.5vw solid #363768;
}

.borderright
{
border-right: 0.5vw solid #363768;
}

.borderbotb
{
border-bottom: 0.5vw solid black;
}

.bordertopb
{
border-top: 0.5vw solid black;
}

.borderleftb
{
border-left: 0.5vw solid black;
}

.borderrightb
{
border-right: 0.5vw solid black;
}

.kozep{
text-align: center;
}

.bal{
text-align: left;
}

.jobb{
text-align: right;
}

.b{
font-weight: bold;
}

.i{
font-style: italic;
}

.u{
text-decoration: underline;
}

.dkek{
color: #363768;
}

lkek{
color: #66abeb;
}

.nagybetu{
text-transform: uppercase;
}

.f0{
font-size: 0;
}

.f3{
font-size: 3vw;
}

.f3x5{
font-size: 3.5vw;
}

.f4{
font-size: 4vw;
}

.f4x5{
font-size: 4.5vw;
}

.f5{
font-size: 5vw;
}

.f5x5{
font-size: 5.5vw;
}

.f6{
font-size: 6vw;
}

.f6x5{
font-size: 6.5vw;
}

.f7{
font-size: 7vw;
}

.f7x5{
font-size: 7.5vw;
}

.f8{
font-size: 8vw;
}

.fuggkozep{
vertical-align: center;
}

.fuggmiddle{
vertical-align: middle;
}

.fuggtop{
vertical-align: top;
}

.betukeretold{
color: black; text-shadow: 0 1px 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.betukeret{
color: black; text-shadow: 0 0.5vw 1vw #ffffff, 0.5vw 0 1vw #ffffff, 0 -0.5vw 1vw #ffffff, -0.5vw 0 1vw #ffffff, -0.5vw -0.5vw 1vw #ffffff, 0.5vw -0.5vw 1vw #ffffff, -0.5vw 0.5vw 1vw #ffffff, 0.5vw 0.5vw 1vw #ffffff;
}

.betuhatter{
color: black; background-color: rgba(255,255,255,0.6); padding: 0; text-shadow: 1px 1px 1px #ffffff;
}

.betuhatter2{
color: black; background-color: rgba(255,255,255,0.5); padding: 0;
}

.pad1{
padding: 1vw;
}

.pad2{
padding: 2vw;
}

.padtopbot1{
padding-top: 1vw;
padding-bottom: 1vw;
}

.padtop1{
padding-top: 1vw;
}

.padtop3{
padding-top: 3vw;
}

.padbot5{
padding-bottom: 5vw;
}

.padtop2{
padding-top: 2vw;
}

.padbal2
{
padding-left: 2vw;
}

.padszel1
{
padding-left: 1vw;
padding-right: 1vw;
}

.padszel2
{
padding-left: 2vw;
padding-right: 2vw;
}

.padszel3
{
padding-left: 3vw;
padding-right: 3vw;
}

.marginleft2
{
margin-left: 2vw;
}

.margin0
{
margin: 0;
}

.margin1{
margin: 1vw;
}

.margin2{
margin: 2vw;
}

.marginbot0
{
margin-bottom: 0;
}

.marginbot2
{
margin-bottom: 4vw;
}

.marginbot4
{
margin-bottom: 4vw;
}

.margintopbot1
{
margin-top: 1vw;
margin-bottom: 1vw;
}

.margintop0
{
margin-top: 0;
}

.margintop0x5
{
margin-top: 0.5vw;
}

.margintop1
{
margin-top: 1vw;
}

.margintop2
{
margin-top: 2vw;
}

.margintop4
{
margin-top: 4vw;
}

.marginbal2
{
margin-left: 2vw;
}

.marginszel1
{
margin-left: 1vw;
margin-right: 1vw;
}

.marginszel2
{
margin-left: 2vw;
margin-right: 2vw;
}

.h13{
height: 13vw;
}

.h15{
height: 15vw;
}

.minw60{
min-width: 60vw;
}

.balra
{
text-align: left;
}

.jobbra{
text-align: right;
}

.hatterdkek{
background-color: #363768;
}

.hatterzold{
background-color: #50e850;
}

.hattersarga{
background-color: yellow;
}

.hatternarancs{
background-color: #ffa54d;
}

.hatterfeher{
background-color: white;
}

DIV.lablec{
padding-top:1vw; padding-bottom:1vw; background-color: #363768; color: #66abeb; font-size:3.5vw; text-align: center;
}

TD.cookiebezar{
border-top: 0.5vw solid black;
border-left: 0.5vw solid black;
font-size: 5vw;
text-align: right;
padding-right: 2vw;
background-color: white;
width:37vw;
}

DIV.lablecatmenet{
background-color:white;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(54, 55, 104, 1));
margin-top: 4vw; margin-bottom: 0vw; padding: 2vw; font-size: 7vw; text-align: center; color:black;
}

TABLE.tablekozepre{
margin: auto; width: auto;
}

.filmkatalogus-valtozo1{} 

.publications-content{
margin-top: 2vw;
padding: 1vw;
font-size: 3vw;
background: lightgray;
border-top: 0.3vw solid #363768;
border-bottom: 0.3vw solid #363768;
}