/*-------------------keret elemek---------------------*/
:root {--lcol: #d91717; --fred: #C12017; --ltext: white; --dtext: #444; --grey: #f6f6f6; --boxsh: 0px 0px 10px #bbb;}

*, *:before, *:after  {margin: 0; padding: 0;	box-sizing: border-box;}

html {
	width: 100%;
/*	height: 100%;*/
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: var(--dtext);
	background-color: #fcfcfc;
	}
body {
	width: 100%;
	min-height: 100%;
	margin: auto;
	max-width:2400px;
	background-color: #fcfcfc;
	}

/*--------------grid elemek-------------*/
.container  {
    width: 100%;
    margin: auto !important;
    clear:both;
    position:relative;
    overflow: auto; /*add height auto trick*/
    }
.content {
    width: 66%;
    margin: auto !important;
    clear: both;
    position: relative;
    }

/*--------------------fonts ----------------*/
h1 {color: var(--fred); font-size: 1.7rem; padding-top: 1rem; padding-bottom: 1rem; font-weight: bold;   font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 0.05rem;}
h2 {font-weight: normal;font-family: 'Yanone Kaffeesatz', sans-serif; color: var(--fred);font-size: 1.3rem;letter-spacing: 0.05rem;}
h3 {border-top: 1px solid var(--ltext); padding-top: 1rem; color: #777;font-size: 1rem !important;}
li {list-style-type: none;}
p {line-height: 1.5rem;}
a {color: var(--fred);text-decoration:none;}
a:hover,.nav a:hover {color: var(--lcol);}
img {max-width: 100%; }
table {font-size: 100%;}
.gava a {color: #c5b181 !important;}
.gava a:hover {color: var(--lcol) !important;}
.wsmenu a {color: var(--fred) !important;}
.wsmenu a:hover {color: var(--lcol) !important;}



/*---------------------- Header --------------------------*/

header {border-bottom: 1px var(--fred) solid;background-color: white;}

    .topline {font-size: 90%;  color: var(--ltext);}
    .topline .content > * { float: right; margin-left: 1rem; padding: 0.25rem 0;}

    form.search input {border: 0.2rem solid gray;padding: 0 0.25rem;width: 100%;}

    .languages li {list-style: none; display: inline-block;}
    .languages a {padding: 0 0.5rem;border: none; display: inline;border-left: 1px solid #ccc; color: var(--ltext);}
    .languages li.current a {font-weight: bold; }
    .languages li:first-child a {border: none;  padding-left: 0;}

    .motto {float:left !important; margin-left:0 !important;}

    .navline {}
    .logo {float: left; padding-top: 5px; }
	#logo_bg {position: absolute; top: 100px; left: calc(50% - 400px); opacity: 0.1;}
	#logo_bg > img {width: 800px;}

    .topnav {list-style: none; float: right;height: 50px; }
    .topnav li {list-style: none;  float: left;  display: inline-block;height: 100%;  }
    .topnav a, .topnav a:hover, .topnav li.has-cart a, .topnav li.no-cart a {line-height: 30px; margin-top: 10px; border-radius: 3px;}
    .topnav a {padding: 0 0.5rem;text-decoration: none; display: block;color: var(--dtext); font-weight: bold;text-transform: lowercase;font-family: 'Yanone Kaffeesatz', sans-serif;letter-spacing: 0.1rem;font-size: 1.3rem;}
    .topnav a:hover, .topnav li.no-cart a:hover {color: var(--lcol);}
    .topnav li.current a {color: var(--fred); }
    .topnav li.current a:hover {color: var(--lcol); }
    .topnav li.edit a {font-weight: normal;}
    .topnav li.has-cart a { background: var(--fred); color: var(--ltext);}
    .topnav li.no-cart a {color: var(--ltext);background: #999;margin-left: 5rem;}

    .infoline {text-align: center;}
    .breadcrumbs {float: left;padding: 5px 0;}
    .breadcrumbs span:after {content: "»";color: #999; padding-left: 0.5rem;padding-right: 0.25rem; }

    .cart {float: right;}

/*----------------------- Main ---------------------------*/
.pagehead {background: #bd1000; box-shadow: inset 0px 0px 20px 15px #7c100a; background: url(epulet1.jpg) no-repeat center fixed;
    background-size: 100% 100%;}
.pagehead > .content {background: #c12017c4;width: 100%;}

main {min-height: 500px;}
    #maincontent {width: 100%;}
    #maincontent, #rside, #lside {padding-bottom: 2rem;float: left;}
    body.has-rside #maincontent {width: 75%;float: left;}
    body.has-lside #maincontent {width: 85%;float: left;}
    body.has-rside.has-lside #maincontent {width: 60%;float: left;}
    body.has-rside #rside {width: 25%;padding-left: 2%;float: left;padding-left: 2%;}
    body.has-lside #lside {width: 15%;float: left;padding-right: 2%;}

/*------------------- Fooldal -------------------------------*/
/*------------------- Slider ---------------------*/
.slide {width: 100%; overflow:hidden;}
    .slider {background: radial-gradient(#ca1e15 15%, transparent 16%) 0 0, radial-gradient(#ca1e15 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px,
    var(--fred);background-size: 16px 16px; height: 450px;overflow:hidden;}
    .slider .content {box-shadow: inset 0px 0px 200px 0px #86161a;background:linear-gradient(to right, transparent , var(--fred));background: -webkit-linear-gradient(left, rgba(0,0,0,0) , var(--fred));height: 100%;position:relative; }
    .slider_text {position: absolute; top: 25%; left: 12.5%; width: 40%;}
    .slider h1 {
    color: var(--ltext);font-size: 3rem; text-align: left; letter-spacing: 0.1rem;text-shadow:1px 1px 20px var(--fred); animation: h1text 1s;
    -webkit-animation: h1text 1s;-moz-animation: h1text 1s;padding-top: 0;padding-bottom: 20px;}
    .slider p {color: var(--ltext);opacity: 0.9;
    font-size: 1.1rem; text-align: left; text-shadow:1px 1px 20px var(--fred); animation: ptext 1.5s; -webkit-animation: ptext 1.5s;-moz-animation: ptext 1.5s;padding-bottom: 20px;margin:1rem 0;}
    .slider a {padding: 8px 15px; border: 2px solid var(--grey);cursor: pointer;animation: sliderbutton 2s; -webkit-animation: sliderbutton 2s;-moz-animation: sliderbutton 2s;background-color: var(--ltext); color: var(--fred); font-weight: bold;box-shadow: var(--boxsh);border-radius: 3px; font-size: 1rem;}
    .slider a:hover {background-color: transparent; color: var(--ltext);border: 2px solid var(--ltext); opacity:0.9;}
     .slider_img {position: absolute; top: 5%; left: 55%; width: 45%; height: 90%;animation: sliderimg 1s;-webkit-animation: sliderimg 1s;-moz-animation: sliderimg 1s;}
    .slider_img img {height: 100%; filter: drop-shadow(5px 5px 15px #444);-webkit-filter: drop-shadow(5px 5px 15px #444);}

    @keyframes h1text {0% {opacity: 0;line-height: 4rem; padding-top: 50px;padding-bottom: 20px;}100% {opacity: 1;}}
    @-moz-keyframes h1text {0% {opacity: 0;line-height: 4rem; padding-top: 50px;padding-bottom: 20px;}100% {opacity: 1;}}
    @-webkit-keyframes h1text {0% {opacity: 0;line-height: 4rem; padding-top: 50px;padding-bottom: 20px;}100% {opacity: 1;}}
    @keyframes ptext {0% {opacity: 0; line-height: 4rem;}40% {opacity: 0;}100% {opacity: 0.9;}}
    @-moz-keyframes ptext {0% {opacity: 0; line-height: 4rem;}40% {opacity: 0;}100% {opacity: 1;}}
    @-webkit-keyframes ptext {0% {opacity: 0; line-height: 4rem;}40% {opacity: 0;}100% {opacity: 1;}}
    @keyframes sliderbutton {0% {opacity:0;}50% {opacity:0;}100% {opacity:1;}}
    @-moz-keyframes sliderbutton {0% {opacity:0;}50% {opacity:0;}100% {opacity:1;}}
    @-webkit-keyframes sliderbutton {0% {opacity:0;}50% {opacity:0;}100% {opacity:1;}}
    @keyframes sliderimg {0% {opacity:0;left:80%;height: 50%;top:25%; width: 20%;}100% {opacity:1;}}
    @-moz-keyframes sliderimg {0% {opacity:0;left:80%;height: 50%;top:25%; width: 20%;}100% {opacity:1;}}
    @-webkit-keyframes sliderimg {0% {opacity:0;left:80%;height: 50%;top:25%;width: 20%; } 100% {opacity:1;}}

.wsb {
    height: 5rem;
/*    background: aqua;*/
    padding: 1rem;
    display: flex;
    color: #bd1000;
}


a.wsbutton {
padding: 8px 15px;
    border: 2px solid #2a312e;
    cursor: pointer;
    background-color: #fcfcfc;
    color: #bd1000;
    font-weight: bold;
    box-shadow: var(--boxsh);
    border-radius: 3px;
}

a.wsbutton:hover {
    border: 2px solid #2a312e;
    background-color: #bd1000;
    color: #fcfcfc;
}

/*---------- fooldali elemek ----------*/

	.intro {padding: 2rem 0;}
	.intro p {color: var(--ltext);}
	.intro table td {padding: 10px;}

	/*
	.choose h1 {text-align: center;}
	.choose li:before {content: "\f00c";font-family: FontAwesome;padding-right: 10px; color: var(--fred);}
	.choose li {font-size: 110%; line-height: 1.5rem;}
	.choose ul {width: 50%; margin:auto;padding: 1rem;text-align: left;}

	.blokk h1 {text-align: center !important;}
    .catblokkgroup ul {display: flex; }
	.catblokkitem {height: 100px; min-width: 120px; border:2px solid var(--grey); display: flex; flex: 1;align-items: center;padding: 5px;}
	.catblokkitem a {color: var(--dtext);flex: 1;}
	.catblokkitem:hover {background-color: var(--fred);border:2px solid var(--fred);}
	.catblokkitem:hover > a {color: var(--ltext);}

	.service > .content {background: url("epulet1.jpg") no-repeat center fixed;background-size: 100% 100%;}
    .servicecontent {background-color: rgba(0,0,0,0.4); padding: 2rem 0;}
	.service h1 {text-align: center;}
	.service p {text-align: center;color: var(--ltext); font-weight:bold;}
	.servicebuttons {text-align: center;margin: auto; }
	.servicebuttons li { list-style: none; display: inline-block; margin: 3rem 0.5rem; }
	.servicebutt1, .servicebutt2 {padding: 10px 20px; margin: 10px;}
	.servicebutt1:hover, .servicebutt2:hover {opacity:0.9;}
	.servicebutt1 {border: 2px solid var(--ltext); background: var(--fred);}
	.servicebutt2 {border: 2px solid var(--fred); background: var(--ltext);}
	.servicebutt1 a {color: var(--ltext); text-align:center;}
	.servicebutt2 a {color: var(--fred); text-align:center;}

	.kalk {height: 300px;padding: 100px 0;}
	.kalk h1 {text-align: center;}

	.hpgaleria {text-align: center;padding: 2rem 0;}
	.hpgaleria h1 {text-align: center;}
	.hpgaleria img {margin: 20px; box-shadow: var(--boxsh);}

	.hpgaleria .content, .kalk .content, .intro .content, .choose .content {padding-bottom: 2rem;}
*/

/*------------------- Popup ablak -----------------------------*/
.popup {}
    @media (min-width: 43.75rem) {}
    .popup > label {
		background: #ffd300; border: 1px solid #f0c600; border-radius: 0.2rem;color: #000000; cursor: pointer; display: inline-block;font-weight: bold; padding: 0.75rem 1.5rem;text-shadow: 1px 1px 1px #fff;transition: all 0.55s;
		}

	.popup > label:hover {
		-webkit-transform: scale(0.97); transform: scale(0.97);
		}

	.popup_ablak {
		background: rgba(68,68,68,0.95);
		left: 25%;position: absolute;
		right: 25%;text-align: center;
		text-shadow: none;top: 15%;
		z-index: 600;
		/*overflow: hidden;*/
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);	transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		z-index: -100;
		box-shadow: 0px 0px 15px 1px var(--dtext);
		border: 1px solid var(--ltext);
		border-radius: 3px;
}

/*	.popup_tartalom { padding: 1rem 0;margin: 0 auto;}*/

	.popup_main {width:90%;margin: 2rem auto;}

	@media (min-width: 50rem) {	}
	.popup_tartalom {padding: 1.75rem;}


	@media (min-height: 37.5rem) {}



	/*.popup_tartalom {left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -80%);transform: translate(-50%, -80%);}*/

    .popup_ablak label {color: var(--ltext) !important;cursor: pointer;display: inline-block;
/*    height: 1.5rem;*/
    line-height: 1.5;
    position: absolute;
    z-index: 800;
right: 0.5rem;top: 0.5rem;
  /*  width: 1.5rem;*/

  width: 100%; height:100%;


}
    .popup_tartalom h2 {color: #ffd300;margin-bottom: 1rem;text-transform: uppercase;font-size: 2rem;}
    .popup_tartalom p {color: var(--ltext);line-height: 1.8rem;font-size: 1.2rem;}
    .popup input[id=popup_gomb]:focus ~ label {-webkit-transform: scale(0.97);transform: scale(0.97);}
    input[id=popup_gomb] {position: absolute;top: -1000px;}
    input[id=popup_gomb]:checked ~ .popup_ablak {opacity: 1;-webkit-transform: scale(1);transform: scale(1);z-index: 800;}


/*------------------- Munkatarsak -----------------------------*/
.staffitem {width: 100%; margin-bottom: 1rem;float:left; border-bottom: 1px solid var(--ltext);padding-bottom: 1rem;}
    .staffjob {padding: 0.5rem 0; font-weight: bold;}
    .staff {margin-top: 2rem; border-top: 1px solid;}
    .staffitem:hover {background-color: var(--grey);}

/*------------------- Szallitas -----------------------------*/
.szallitas table {width: 100%;border-collapse: collapse;text-align: left;}
    .szallitas th, .szallitas td {padding: 15px 10px;}
    .szallitas th {color: var(--fred);border-bottom: 2px solid var(--fred);}
    .szallitas tr:nth-child(odd) {background-color: var(--ltext);}
    .szallitas tr:nth-child(even) {background-color: var(--grey);}
/*    .szallitas tr:hover > td {color: var(--fred);background-color: #ddd;}*/
     .szallitas td {border-bottom: 1px solid var(--grey);}

	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

	div.map {background-repeat:no-repeat;max-width:800px !important;max-height:500px !important;margin:auto;}
	.szallitas tr:target {background: var(--fred);color: var(--ltext); }



/*------------------- Letoltesek----------------------------*/
.letoltesek {border-bottom: 1px solid var(--grey);}
    .letolt_item {border-top: 1px solid var(--grey);overflow:auto;padding: 15px 10px;}
    .letolt_item:hover, a:nth-child(odd) .letolt_item:hover,a:nth-child(even) .letolt_item:hover {color: var(--ltext);background-color: var(--fred);}
    .letolt_nev {float:left;width: 80%;}
    .letolt_nev, .letolt_size {color: var(--dtext);font-weight: normal;}
    .letolt_size {float: right;}
    .letolt_item i {font-size:1rem; padding-right: 10px;}
        .fa-file-pdf-o {color:var(--fred);}
        .fa-file-excel-o {color:green;}
        .fa-file-zip-o {color:#E58B16;}
        .fa-file-word-o {color:#000080;}
        .fa-file-o {color:#999;}
    .letolt_item:hover i, .letolt_item:hover p {color: var(--ltext);}
    .ext {opacity: 0.6;font-size: 80%;padding-left: 10px;}
    a:nth-child(odd) .letolt_item {background-color: var(--ltext);}
    a:nth-child(even) .letolt_item {background-color: var(--grey);}

/*------------------- Galeria oldal-----------------------------*/
.galeria img  {margin: 20px; box-shadow: var(--boxsh);}

/*------------------- Products / Categories --------------------------*/
.cat_head {min-height: 150px; margin: 1rem 0;display: flex; align-items: center; justify-content: space-between; width: 66%; margin: auto;}
    .cat_head h1 {color: var(--ltext);}
    .cat_head p {color: var(--ltext);}
 .cat_img {padding:20px; max-height: 300px;}
 .cat_img img {max-height: 250px;}
    .cat_body {width: 100%; display: flex; align-items: initial; justify-content: flex-atart; flex-wrap: wrap;}
    .cat_body_item {min-width: 250px; width: calc(25% - 1rem); margin: 0.5rem; border: 1px solid #ddd; text-align: center; background: white; border-radius: 4px;background: linear-gradient(to top, var(--fred)12%, white 12%);}
    .cat_body_item_text.gava {background: linear-gradient(to top, #b7a475, #d3c091, #b7a475);}
    .cat_body_item:hover {box-shadow: var(--boxsh);}
    .cat_body_item_img {width: 100%;height: 200px; display: flex; align-items: center; justify-content: center;}
    .cat_body_item_text {max-height: 200px; background: linear-gradient(to top, var(--fred),#d4554e, var(--fred)); color: var(--ltext);padding: 1rem;     font-size: smaller;}
    .cat_body_item_text h2 {color: var(--ltext);/*font-size: 1.5rem;*/}

    .pr_list {border: 1px solid #ddd; overflow: auto;box-shadow: var(--boxsh);margin-top: 1rem;}
    .pr_list_image {   /* width: 100px;*/    margin: 0 1rem 0 0;}
    .pr_list_caption {}

    .pr_thumb {float:left; width:100%;display: flex;align-items: center; border-bottom:1px solid #ddd;}
    .pr_thumb:hover, .pr_link_item:hover  {box-shadow: var(--boxsh);}
   .pr_thumb_prname {font-size: 1rem;font-weight: bold;}
    .pr_thumb_price {font-size: 1.5rem;font-weight: bold; text-align: center;margin-top: 10px;margin-bottom: 10px;}
    .pr_thumb_noprice {font-size: 1rem;font-weight: bold; text-align: center;margin-top: 10px;margin-bottom: 10px;}


    /*.pr_list_caption {margin: 1rem 0;text-align: center;min-height: 50px;}*/
    /*.pr_thumb_short {min-height: 50px;text-align: center;    max-width: 160px;}*/
   /* .pr_thumb:hover .pr_image {width: 180px;}*/

    .pr_thumb > form.padloper-cart-add-product {text-align: center;}
    .pr_thumb > form.padloper-cart-add-product input[type=submit] {font-size: 1rem;background: #999;}
    .pr_thumb > form.padloper-cart-add-product input[type=submit]:hover {background: var(--fred);}

    .pr_summary {margin: 1rem 0;}
    .pr_description {margin: 1rem 0;}
    .pr_image_large {margin: 1rem 0;}

    .pr_gallery > a > img {border: 1px solid var(--ltext);margin: 1px;}
    .pr_gallery > a > img:hover {box-shadow: var(--boxsh);}



    .pr_link_blokk {border-top: 1px solid var(--fred); padding: 1px;}
    .pr_link_item {margin: 10px 10px 10px 0; float:left; /*min-height: 250px;*/}
    .pr_link_item p {font-size: 1.3rem; color: var(--fred);text-align: center;}

/*------------------- Cart -----------------------------*/
/*table.padloper-cart {background: lightgray; border: 1px solid red; }*/
table.padloper-cart tr {border: 1px solid green;padding: 5px;border-width: 1px;border-radius: 0.25rem;}
table.padloper-cart {table-layout: fixed; width: 100%;}
table.padloper-cart {border-collapse: separate; border-spacing: 2px;}
table.padloper-cart th, table.padloper-cart td {border-width: 1px; padding: 0.5rem; position: relative; text-align: left; border-style: solid;}
form.padloper-cart-add-product input[type=number] {width: 50px; padding: 4px 5px;font-size: 1.2rem; margin: 4px 2px;float:left;}
form.padloper-cart input[type=submit], form.padloper-cart-add-product input[type=submit], a.padloper-cart.padloper-submit  {background-color: var(--fred); border: none;color: var(--ltext);padding: 5px 16px;text-decoration: none; margin: 4px 2px; font-size: 1.3rem;border-radius: 3px;cursor: pointer;}
form.padloper-cartinput[type=submit]:hover,form.padloper-cart-add-product input[type=submit]:hover, .cartform > form.padloper-cart input[type=submit]:hover {background-color: var(--fred);}
.cartform > form.padloper-cart input[type=submit] {background-color: #999; border: none; color: var(--ltext); padding: 5px 16px; text-decoration: none; margin: 4px 2px; font-size: 1.3rem; border-radius: 3px; cursor: pointer;}

/*------------------- Footer -----------------------------*/
footer {}
    footer p, footer a, footer h2 {color: var(--ltext);}
    footer p, footer a {font-size: 90%;opacity:0.9;}
    footer a:hover {color: var(--ltext);opacity:1;}

    .footer {padding:2rem 0;line-height: 1.5rem;}
    .footer h2, .footerlogo {margin-bottom: 10px;padding-bottom: 5px; }
    .footer h2 {border-bottom: 2px solid var(--fred);}

    div[id^="footerbox"] {width: 25%; padding: 20px; float:left;}
    #footerbox1 {text-align: left;width: 25%;}

    .footer button {background-color: var(--fred); padding: 8px 10px; color: var(--ltext); border:1px solid var(--fred); font-size: 90%;cursor:pointer;opacity:0.95;margin-top:5px;}
    .footer button:hover {opacity:1;}
    .footermore {color: var(--fred);opacity:1 !important;}
    .footermore:hover {color: var(--lcol);opacity:1;}

    .footerline {background-color: var(--fred); padding: 0.5rem 0;font-size: 90%;}
    .footerline a {font-size: 100%;text-decoration: none; }
    .separate {padding: 5px;}


/*------------------- Others -----------------------------*/

/*--------------nav & navtree ----------------*/

.nav {margin-left: 0; padding-left: 0; list-style: none;}
	.nav .nav {	padding-left: 1.5rem;list-style: disc;color: var(--dtext);}
	.nav li {margin: 1rem 0;	}
	.nav-tree li {margin-top: 0;margin-bottom: 0;}
	.nav a {font-weight: bold;color: var(--dtext);}
	.nav-tree li a {color: var(--dtext);}
	.nav .current > a {	color: var(--fred); }


/*--------------tab content ----------------*/
.tabbed {min-width: 320px;padding: 50px;margin: 0 auto;background: #fff;}
    .tabcontent {display: none;padding: 20px 0 0;border-top: 1px solid var(--ltext);}
    .tabinput {display: none;}
    .tablabel {display: inline-block;margin: 0 0 -1px;padding: 10px 15px;}
    .tablabel:before {font-weight: normal;margin-right: 10px;}
    /*.tablabel[for*='1']:before { content: '\f1cb'; }*/
    .tablabel:hover {color: var(--lcol);cursor: pointer;}
    .tablabel h2:hover {color: var(--lcol);cursor: pointer;}
    .tabinput:checked + .tablabel {border-bottom: 1px solid var(--fred);}
    /*.tabinput:hover {background-color: #ddd;}*/

    #galeriatab1:checked ~ #galeriacontent1,
    #galeriatab2:checked ~ #galeriacontent2 {
      display: block;
    }

    #tab1:checked ~ #content1,
    #tab2:checked ~ #content2,
    #tab3:checked ~ #content3,
    #tab4:checked ~ #content4 {
      display: block;
    }

    @media screen and (max-width: 650px) {.tablabel {font-size: 0;}.tablabel:before {margin: 0;font-size: 18px;}}
    @media screen and (max-width: 400px) {.tablabel {padding: 15px;}}

/*---------- Media queries for responsive layout ---------*/

	/* mobile layout */

@media only screen and (max-width: 450px) {
/*    * {font-size: 100% !important;}*/
    .content {width: 90%;}

    header {text-align: center !important;}
    .topline .content > * {float: none !important;margin:auto;}
    .navline .content > * {float: none;margin:auto;}

    main {min-height: unset; }

	.slider {height: unset;}

    .slider_text, .slider_img, .slider_text > *  {    width: 100%;position: static;text-align: center !important;margin-top: 1rem;}

    .slider_img {position: static;}

     /*.slider_img {position: absolute; top: 5%; left: 55%; width: 45%; height: 90%;animation: sliderimg 1s;-webkit-animation: sliderimg 1s;-moz-animation: sliderimg 1s;}*/
    /*.slider_img img {height: 100%; filter: drop-shadow(5px 5px 15px #444);-webkit-filter: drop-shadow(5px 5px 15px #444);}*/


	.slider_img img {width: 70%; height: unset;}

	#logo_bg {top: 100px; left: calc(50% - 150px);}
	#logo_bg > img {width: 300px;}



    [class*="col-"] {width: 95% !important;}

    .cat_body_item {width: calc(100% - 1rem); margin: auto;}
    .pr_list_caption { }
    .pr_list_image {   }

    .pr_image_large {text-align: center;}

    .cat_head {width: 95%; display: inherit;    text-align: center; }

	body, td, textarea {font-size: 100%;}

    #maincontent, #rside, #lside {padding-bottom: 1rem;float: left;}
    body.has-rside #maincontent {width: 100%;float: left;}
    body.has-lside #maincontent {width: 100%;float: left;}
    body.has-rside.has-lside #maincontent {width: 100%;float: left;}
    body.has-rside #rside {width: 100%;padding-left: 0;float: left;padding-left: 0;}
    body.has-lside #lside {width: 100%;float: left;padding-right: 0;}

	.staff {    margin-top: 0;}
	#footerbox1 {    text-align: left;    width: inherit;}
    div[id^="footerbox"] {    width: 100%;     padding: 0;     float: left;}
	.footer h2 {    margin-top: 1rem;}
	#galeriatab1:checked ~ #galeriacontent1, #galeriatab2:checked ~ #galeriacontent2 {    text-align: center;}
	.szallitas th, .szallitas td {    padding: 5px 5px; }


	/*
	form.search {
		float: none;
		width: 100%;
	}
	#maincontent {
		width: 100% !important;
	}
	#rside, $lside {
		border-top: 1px solid var(--ltext);
		padding-top: 1rem;
	}
	.align_left, .align_right, .align_center {
		display: block;
		float: none;
		margin: 1rem auto;
		max-width: 100%;
	}

	*/



}


@media only screen and (max-width: 1024px) {
   .popup_ablak {
		left: 2%;
		right: 2%;
    }

  .popup_ablak label {
  font-size:1.7rem;
  top:1rem; right: 1rem;
/*  z-index: 700;*/
/*  color: white !important;*/
  }

}



	/* extra-wide desktop layout */

@media only screen and (min-width: 1600px) {
	body, td, textarea {font-size: 115%;}
}





/*------- Hide visually, but remain approachable -------- */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	var(--ltext)-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}

/* Show bypass link on hover */
.element-focusable:focus {
	clip: auto;
	overflow: visible;
	height: auto;
}

/*---------------------------GRID-------------------------*/

.fullwidth {width: 100%;min-width: 300px;}
.halfwidth {width: 50%; min-width: 300px;}

.center {text-align: center;}
.justify {text-align: justify;}
.right {text-align: right;}

.grey {background-color: var(--grey);}
.darkgrey {color: var(--ltext);background: radial-gradient(#2A312E 15%, transparent 16%) 0 0, radial-gradient(#2A312E 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px, #2E3532; background-size: 16px 16px;}
.white {background-color: var(--ltext);color: var(--dtext);}
.beige {background-color: #FCFBED;}
.black {background-color: #25241C; color:var(--ltext);}
.orange {background-color: orange;}
.finesared {background-color: var(--fred);color: var(--ltext);} /*finesa red rgba193.32.23*/
.red  {background-color: red;}
.okker {background-color: #E58B16;}
.yellow {background-color: yellow;}

.col-25 {width: 25%;}
.col-33 {width: 33%; }
.col-50 {width: 50%;}
.col-66 {width: 66%;}
.col-75 {width: 75%;}
.col-100 {width: 100%;}
.col-10 {width: 10%;}
.col-90 {width: 90%;}
.col-40 {width: 40%;}
.col-60 {width: 60%;}
.col-83 {width: 83%;}

.col-25 {min-width: 300px;}
.col-33 {min-width: 300px;}
.col-50 {min-width: 300px;}
.col-75 {min-width: 300px;}
.col-66 {min-width: 300px;}
.col-100 {min-width: 300px;}
.col-10 {min-width: 90px;}
.col-90 {min-width: 300px;}
.col-83 {min-width: 300px;}

.fullwidth .col-25 {min-width: 400px;}
.fullwidth .col-33 {min-width: 400px;}
.fullwidth .col-50 {min-width: 400px;}
.fullwidth .col-66 {min-width: 400px;}
.fullwidth .col-75 {min-width: 400px;}
.fullwidth .col-100 {min-width: 400px;}

/* -----------pagination---------------*/

.MarkupPagerNav {
        clear: both;
        margin: 1rem 0;
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #db1174;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}