@charset "utf-8"; 

body {color: #5c4128;background-color: #F9F3EE;}
a:active{color:#a66f47;text-decoration:underline;}
a:hover,a:focus{color:#8b5e3c;text-decoration:underline;}
a:link{color:#5c4128;text-decoration:none;}
a:visited{color:#5c4128;}

#nav_agy{left:50%;margin-left:140px;overflow:visible;position:absolute;top:110px;visibility:visible;z-index:101;}
#nav_asz{left:50%;margin-left:170px;overflow:visible;position:absolute;top:110px;visibility:visible;z-index:101;}
#nav_egy{left:50%;margin-left:215px;overflow:visible;position:absolute;top:110px;visibility:visible;z-index:101;}
#nav_kap{position:relative;top:110px;z-index:10;text-align:right;}
#nav_tel{position:relative;top:33px;z-index:101;text-align:right;color:#4a4a0d;font-size:30px;display:block;}
#nav_log{left:50%;margin-left:-470px;overflow:visible;position:absolute;top:8px;visibility:visible;z-index:201;}
#nav_you{position:relative;top:12px;z-index:101;text-align:right;}
#nav_kas{left:50%;margin-left:-130px;overflow:visible;position:absolute;top:12px;visibility:visible;z-index:101;width:500px;text-align: right;}
#social{position:absolute;overflow:visible;height:48px;top:0;z-index:120;display:block;margin:0;width:100%;}

.asztalos-oldalneve, h2, .h2{color:#5c4128;font-size:16px;top:3px;text-align:center;font-weight:normal;}
.asztalos-cimsor, h1, .h1{color:#4a4a0d;font-size:30px;line-height:40px;display:block;text-align:center;margin-top:-10px;margin-bottom:0;font-weight:normal;}
.asztalos-cim, h3, h4, h5, .h3, .h4, .h5{color:#4a4a0d;font-size:30px;line-height:40px;display:block;text-align:center;margin-bottom:10px;font-weight:normal;}
.blinking{animation:blinkingText 1.2s infinite;}

.tablazat-butor-lista{border-collapse:separate;border-spacing:8px;margin-left:auto;margin-right:auto;color:#755639;} 
.tablazat-butor-lista td{background-color:#f4e4d5;padding:12px;} 

img{max-width:100%;height:auto;}
.logo{max-width:600px;}
.kiskep{margin-left:auto;margin-right:auto;border-collapse:separate;max-height:130px;text-align:center;border-radius:10px;padding-left:5px;padding-right:5px;padding-bottom:5px;cursor:pointer;}	
.kiskep:hover,kiskep:active{position:relative;top:1px;left:1px;}  
.nagy-kep{text-align:center;}
.nagy-kep img{border-radius:15px;max-height:512px;}    
.nagy-kep-rad{max-width:100%;border-radius:15px;}
.kozepes-kep{width:620px;height:auto;max-width:90%;}

.butor-leiras {margin: 1rem auto;width:40em;max-width: calc(100% - 2rem);position:relative;overflow:visible;border-spacing: 0 15px;} 
.butor-leiras tr{vertical-align:top;} 
.butor-leiras td{width:50%;padding:8px;} 
.butor-leiras td:first-child { /* az első oszlop, ami a bal oldali */ width: 30%;}
.butor-leiras td:last-child { /* a második oszlop, ami a jobb oldali */  width: 70%;vertical-align:top;padding-right: 15px;}

.barna{color:#5c4128}

.osw-kie{text-align:center;color:#000;}
.hivatkozas_feher{color:#FFF;}
.kepbal{color:#000;float:left;margin-bottom:20px;margin-right:10px;padding:0;}
.kepjobb{color:#000;float:right;margin-left:10px;padding:0;}
.kepkeret{border:1px solid #5c4128;color:#5c4128;padding:0;max-width:100%;border-radius:15px;}
.kepkeret-kicsi{display:block;text-align:center;margin-left:auto;margin-right:auto;max-width:500px;border:1px solid #5c4128;border-radius:15px;}
.kepkeret-kozep{display:block;text-align:center;margin-left:auto;margin-right:auto;max-width:739px;border:1px solid #5c4128;border-radius:15px;}
.kepkeret-kaspo{border:1px solid #D6AE86;color:#755639;padding:0;border-radius:15px;}
.leiras_fekete{color:#000;margin-left:0;text-align:justify;}
.map-canvas{color:#29383F;height:500px;left:0;margin-bottom:20px;position:relative;right:0;width:620px;}
.no-view{height:0;overflow:hidden;width:0;}
.oswald-barna{color:#5c4128;font-size:18px;font-weight:300;}
.oswald-barna-vastag{color:#5c4128;font-size:18px;font-weight:400;}
.oswald-cimsor{color:#4a4a0d;font-size:30px;font-weight:400;line-height:40px;display:block;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;}
.oswald-cimsor:link{color:#4a4a0d;font-size:30px;font-weight:400;}
.oswald-cimsor:visited{color:#4a4a0d;}
.oswald-feher{color:#FFF;}
.oswald-fekete{color:#000;font-size:16px;}
.oswald-fekete-big{color:#000;font-size:20px;}
.oswald-fekete-normal{color:#000;font-size:18px;font-weight:300;}
.oswald-kiemeles{color:#A3AA36;}
.oswald-kicsi-justify{display:block;text-align:justify;margin-left:auto;margin-right:auto;font-size:14px;letter-spacing: -0.15px;}
.oswald-kicsi-kozep{display:block;text-align:center;margin-left:auto;margin-right:auto;font-size:14px;}
.oswald-navi{color:#5c4128;font-size:18px;font-weight:300;}
.oswald-navi:active{color:#D6AE86;font-size:18px;font-weight:300;}
.oswald-navi:hover{color:#D6AE86;font-size:18px;font-weight:300;}
.oswald-navi:link{color:#755639;font-size:18px;font-weight:300;}
.oswald-navi:visited{color:#755639;}
.oswald-tartalom{color:#000;}
.oswald-tartalom:active{color:black;}
.oswald-tartalom:hover{color:black;}
.oswald-tartalom:link{color:#755639;}
.oswald-tartalom:visited{color:#755639;}
.oswald-termekcikkszam{color:#755639;font-size:12px;line-height:20px;}
/* .oswald-text{color:#000;} */
.oswald-text{max-width:1000px;margin-left:auto;margin-right:auto;margin-bottom:20px;text-align: justify;} 
.oswald-text-center{max-width:1000px;margin-left:auto;margin-right:auto;margin-bottom:20px;text-align:center;} 
.szoveg_fekete{color:#000;margin-left:10px;padding:0;}
.szoveg_info{color:#5c4128;font-weight:700;padding:0;}
.szoveg_sotetbarna{color:#5c4128;font-weight:700;}
.szoveg_sotetkek{color:#0076A3;font-weight:700;}
.szoveg_szurke{color:#999;margin-left:10px;padding:0;}
.szoveg_szurke_nomargin{color:#999;padding:0;}
.szoveg_zold{color:#090;}
.tablazat_barna{color:#755639;font-weight:400;}
.tablazat_fekete{color:#000;font-size:14px;font-weight:400;}
.tablazat_fekete_athuzva{color:#000;font-size:14px;text-decoration:line-through;}
.tablazat_zold{color:#090;}

html{scroll-behavior:smooth;}
.kep-min{border:1px solid #5c4128;width:95%;max-width:100px;margin-left:auto;margin-right:auto;}
#old-nev{left:50%;margin-left:-364px;overflow:visible;position:absolute;top:169px;visibility:visible;z-index:101;}
#old-vis{right:50%;margin-right:-364px;overflow:visible;position:absolute;top:169px;visibility:visible;z-index:101;}
#old-cim{text-align:center;margin-left:auto;margin-right:auto;position:relative;top:196px;visibility:visible;z-index:101;}
.tab-nyito{border-collapse:separate;border-spacing:0;margin-left:auto;margin-right:auto;}
.tab-nyito-bal{width:50%;text-align:left;vertical-align:top;}
.tab-nyito-job{width:50%;text-align:right;vertical-align:top;}
a:hover{position:relative;top:1px;left:1px;}

details {
  margin: 1rem auto;
  padding: 0 1rem;
  width: 35em;
  max-width: calc(100% - 2rem);
  position: relative;
  border: 1px solid #755639;
  border-radius: 6px;
  background-color: #f4e4d5;
  color: #755639;
  transition: background-color 0.15s;
  text-align: left;
  font-size: 16px;
}

details:last-child {
  margin-bottom: 1rem;
}

details::before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0.15;
  box-shadow: 0 0.25em 0.5em #755639;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: -1;
}

details[open] {
  background-color: #f4e4d5;
}

details[open]::before {
  opacity: 0.6;
}

summary {
  padding: 1rem 2em 1rem 0;
  display: block;
  position: relative;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
}

summary::before,
summary::after {
  width: 0.75em;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  background-color: currentColor;
  transform: translateY(-52%) rotate(0deg);
  transition: transform 0.2s ease-in-out;
}

details[open] summary::after {
  transform: translateY(-52%) rotate(180deg);
}

summary::after {
  transform: translateY(-50%) rotate(90deg);
}

summary::-webkit-details-marker {
  display: none;
}

details p{margin-top: 0;}    
details th{text-align: center;}  
details ul, details ol {margin: 0;padding-left:20px;}
details li {margin: 0; padding: 0;}
/* BÚTOR RÉSZLETEK VÉGE */

@media screen and (min-width:740px) {
body{margin:0;padding:0;font-family:'Oswald',sans-serif;font-size:16px;line-height:1.7;}

.full{display:block;position: relative;}
#asztalos-nyomtatas-logo,#mob-nav,#mob-als,#mob-img-000,#mob-img-001,#mob-img-002,#mob-img-003,#mob-img-004,#mob-img-005,#teteje-mobile{display:none;}
#nor-als{position: relative;left:50%;margin-left:-370px;overflow:visible;visibility:visible;width:740px;z-index:12;text-align: center;}

hr.lablec {border: 10px solid #5c4128;border-radius: 5px;}

.tab-arl{border-collapse:separate;border-spacing:4px;width:500px;margin-left:auto;margin-right:auto;}
.tab-arl tr{background-color:#F0E1D2;opacity:.8;}
.tab-arl th,td{padding:5px;text-align:left;min-width:120px;min-height:20px;}
.tab-arl tr:nth-child(even){background-color:#F9F3EE;opacity:.8;}
.tab-arl tr:hover{opacity:1;}
.tab-cim{border-collapse:separate;border-spacing:3px;left:50%;margin-left:-370px;visibility:visible;width:740px;z-index:10;margin-left:auto;margin-right:auto;}
.tab-cim-bal{width:50%;text-align:left;}
.tab-cim-job{width:50%;text-align:right;}

.tab-nyitolap{border-collapse:separate;border-spacing:3px;margin-left:auto;margin-right:auto;}
.tab-nyitolap tr{background-color:#F0E1D2;opacity:.8;}
.tab-nyitolap th,td{padding:5px;text-align:left;min-width:120px;min-height:20px;}
.tab-nyitolap tr:nth-child(even){background-color:#F9F3EE;opacity:.8;}
.tab-nyitolap tr:hover{opacity:1;}

.tab-ren{border-collapse:separate;border-spacing:4px;max-width:360px;margin-left:auto;margin-right:auto;}
.tab-ren tr{background-color:#F9F3EE;opacity:.8;}
.tab-ren tr:hover{opacity:1;}
.tab-tar{border-collapse:separate;border-spacing:5px 5px;}
#tar-tal{left:50%;margin-left:-370px;overflow:visible;position:absolute;top:247px;visibility:visible;width:740px;z-index:10;}
#asztal{height:107px;left:50%;margin-left:-50px;overflow:visible;position:absolute;top:95px;visibility:visible;width:145px;z-index:13;}

.tartalom {
  width: 94%;
  left: 3%;
  right: 3%;
  position: relative; 
  top: 170px;
} 
    
#teteje{height:162px;overflow:visible;position:absolute;top:0;visibility:visible;z-index:10;display:block;margin:0;width:94%;left:3%;right:3%;} /* Modernebb jobbra rendezés */    
#teteje-bg{height:162px;width:100%;position:absolute;top:0;visibility:visible;z-index:1;background-color:#F9F3EE;}

.koz{text-align:center;margin-left:auto;margin-right:auto;vertical-align:middle;}
.koz-img{display:block;text-align:center;margin-left:auto;margin-right:auto;max-width:100%;}
.oswald-oldalneve{color:#5c4128;font-size:16px;font-weight:300;position:relative;top:3px;}
.oswald-oldalneve2{color:#5c4128;font-size:16px;font-weight:300;position:relative;top:3px;}
.oswald-tablazat{color:#5c4128;font-size:14px;}
*,:before,:after{box-sizing:border-box;}
  
.asztalos-kep {
  border: 1px solid #5c4128;
  border-radius: 15px;
  width: 500px;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
  
}

@media screen and (min-width:1200px) {

.tab-cim{border-collapse:separate;border-spacing:3px;left:50%;margin-left:-570px;visibility:visible;width:1140px;z-index:10;margin-left:auto;margin-right:auto;}    
}

@media (max-width:739px) {
body{margin:0;padding:0;font-family:'Oswald',sans-serif;font-size:15px;line-height:1.6;}
#asztalos-nyomtatas-logo,#hot-arl,#mob-cim,#mob-sor,#mob-nev,#mob-cic,#mob-sli,#mob-sar,#mob-igy,#old-nev,#old-vis,#nor-muh,#nor-vel,#asztal,#teteje,#teteje-bg,#nor-sli,#nor-als{display:none;}
img,object,embed,video{max-width:100%;}
.ie6 img{width:100%;}
.gridContainer{margin-left:auto;margin-right:auto;width:87.36%;padding-left:1.82%;padding-right:1.82%;}
table{width:auto;margin-left:auto;margin-right:auto;}
#teteje-mobile{position:relative;margin-left:auto;margin-right:auto;z-index:110;top:15px;}
  
.tartalom {
  margin: 0 auto;
  margin-top: 40px;
  width: 94%;
}

#mob-nav{top:10px;z-index:120;display:block;padding:0;}
#mob-als{width:94%;margin-left:auto;margin-right:auto;max-width:360px;}
.oswald-oldalneve,.oswald-tablazat{color:#5c4128;font-size:20px;text-align:center;}
.oswald-oldalneve2{color:#5c4128;font-size:20px;font-weight:300;}
.mob-tab{max-width:360px;}

.butor-leiras{width:100%;padding:0;} 
.butor-leiras tr {background-color:#D6AE86;height:10px;vertical-align:top;}   
.butor-leiras tr:nth-child(even) {background-color:#5c4128;}
.butor-leiras td {padding: 8px;width: auto;}

.kiskep {max-height:80px;max-width:20%;padding-left:2px;padding-right:2px;}

.tablazat-butor-lista td{background-color:#f4e4d5;padding:8px 6px 12px;} /* top l-r botton */
    
.full{display:block;width:93.75%;margin-left:auto;margin-right:auto;}
.kepkeret, .kepkeret-kozep, .kepkeret-kicsi{border:1px solid #5c4128;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;vertical-align:middle;max-width:100%;border-radius:15px;}
.leiras_fekete{color:#000;font-family:'Oswald';font-size:15px;font-weight:400;text-align:left;}
.koz{text-align:center;margin-left:auto;margin-right:auto;vertical-align:middle;max-width:94%;}
.koz-img{display:block;text-align:center;margin-left:auto;margin-right:auto;max-width:100%;}
#old-cim{display:block;width:93.75%;margin-left:auto;margin-right:auto;position:relative;top:169px;visibility:visible;z-index:101;}
.tab-arl{border-collapse:separate;border-spacing:4px;max-width:500px;margin-left:auto;margin-right:auto;}
.tab-arl th,td{padding:5px;text-align:left;}

.tab-navigacio{border-collapse:separate;border-spacing:3px 5px;width:93.75%;max-width:93.75%;margin-left:auto;margin-right:auto;table-layout:fixed;}
.tab-navigacio tr{height:40px;}
.tab-navigacio th,td{text-align:center;min-height:20px;}
.tab-navigacio-sotet{background-color:#755639;text-align:center;}
.tab-navigacio-vilagos{background-color:#5c4128;text-align:center;}

.tab-nyito-job{text-align:right;display:block;width:93.75%;margin-left:auto;margin-right:auto;}
.tab-nyitolap{border-collapse:separate;border-spacing:3px;margin-left:auto;margin-right:auto;width:auto;}
.tab-nyitolap tr{background-color:#F0E1D2;opacity:.95;}
.tab-nyitolap th,td{padding:5px;text-align:left;min-width:120px;min-height:20px;}
.tab-nyitolap tr:nth-child(even){background-color:#F9F3EE;opacity:.8;}
.tab-nyitolap tr:hover{opacity:1;}

.tab-tar{border-collapse:separate;border-spacing:3px 5px;}
#tar-tal{clear:both;float:left;margin-left:auto;margin-right:auto;width:100%;display:block;position:absolute;top:220px;}
.txt-lin{color:#fff;}
.txt-lin:link{color:#fff;}
.txt-lin:visited{color:#fff;}
.txt-lin:hover{color:#5c4128;}
.txt-lin:active{color:#fff;font-weight:400;}
.txt-bot{color:#755639;}
.txt-bot:link{color:#FFF;}
.txt-bot:visited{color:#FFF;}
.txt-bot:hover{color:#755639;}
.txt-bot:active{color:#FFF;}
  
details, summary {font-size: 15px;}  

.asztalos-kep{border:1px solid #5c4128;width:95%;max-width:100px;margin-left:auto;margin-right:auto;}  
  
}
@keyframes check {
  50% {
    outline-color: #fff;
    box-shadow: 0 0 0 12px #fff, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #fff;
    box-shadow: 0 0 0 0 #000, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@media (prefers-color-scheme: dark) {
.kepekhez-ha-kell{filter:invert(100%);} /* .img-100{filter:invert(100%);-webkit-filter: invert(100%);} */
.butor-leiras tr {background-color:#27221f;}   
.butor-leiras tr:nth-child(even) {background-color:#382d22;}
}

@media print{
#nav_log,#nav-kap,#nav_you,#nav_fac,#nav_pin,#teteje,#teteje-bg,#social,#teteje-mobile,#nor-als,#mob-als{display:none;}
.tartalom{margin:0;max-width:100%;top:10px;visibility:visible;} 
.kepkeret{border:1px solid #5c4128;width:60%;max-width:60%;left:20%;right:2%;margin:0;padding: 0;}  
#asztalos-szlogen, summary, details, .h2{visibility: hidden;height:0;width:0;}    
.h3, .h4, h5 {font-size: 20px;}    
.tablazat-butor-lista{width:auto;border-spacing:2px;margin-bottom:0;} 
.tablazat-butor-lista td{padding:0;}    
#asztalos-nyomtatas-logo{visibility:visible;position: relative;display: block;}    
}
@keyframes blinkingText{
    0%{     opacity: 100%;    }
    49%{    opacity: 100%; }
    60%{    opacity: 75%; }
    99%{    opacity: 50%;  }
    100%{   opacity: 100%;    }
} 