body { font-size: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #e4e4e4;  }
body, td , input , select, textarea  { font-family: 'Oxygen', 'Arial', sans-serif; font-weight: 400; font-size: 1em; color: #1b1a1a; }
td { vertical-align: top; }
a { color: #c6057c; text-decoration: none; }
a:hover  { color: #c6057c; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
input::-ms-clear { display: none; }
textarea { resize: none; } 
/* ============================================================================================================================================================================== */
h1 { display: none; }
h2, h3 { font-weight: 400; margin-top: 0}

.image-link {  }
.image-link img {  border: 5px solid #c4c3a9; margin: 20px !important; display: inline-block;}
.image-link img:hover {     -webkit-filter: grayscale(20%) brightness(88%);  filter: grayscale(20%) brightness(88%); }

#toTop { width: 47px;	height: 47px; transition: opacity 0.15s; background-color:#333333; opacity: 0.4; border-radius: 28px; line-height: 47px; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 30px;	cursor: pointer; right: 50px; display: none; }
#toTop:hover { opacity: 0.7; }

.audio_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left; min-height: 32px; background: url(img/audio.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 1em;   }
.pdf_letoltes { color: #303030; display: inline-block; margin: 0 auto;  text-align: left; height: 32px; background: url(img/pdf.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }
.doc_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left; height: 32px; background: url(img/doc.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }
.xls_letoltes { color: #303030; display: inline-block; margin: 0 auto;  text-align: left; height: 32px; background: url(img/xls.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;;  }
.altalanos_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/file.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }

.light{ font-weight: 300; }
.normal{ font-weight: 400; }
.bold { font-weight: 500; }
.kiemelt { color: #c6057c; }

.btn { background-color: #965a7f;  text-transform: uppercase; font-size: 0.85em; color: #FFFFFF; cursor: pointer; border-width: 0; border-radius: 6px; padding: 12px 24px 12px 24px; display: inline-block; transition: background-color 0.2s; }
.btn:hover { background-color: #7a2d5c;  color: #FFFFFF; }

.hov_border {  transition: border-color 0.15s; }
.hov_border:focus { border-color: #ac3f82; }

::-webkit-input-placeholder { color: #ac5a8d;}
:-moz-placeholder { /* Firefox 18- */ color: #ac5a8d; }
::-moz-placeholder {  /* Firefox 19+ */ color: #ac5a8d;  }
:-ms-input-placeholder { color: #ac5a8d;  }

.linkuri { font-size: 24px; color: #9c9c9c; text-decoration: underline;   }
.linkuri:hover { font-size: 24px; color: #b0b0b0; text-decoration: underline;   }


/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */


 
#subject { display: none; }

@media all and (min-width: 1281px)  {

#top { height: 91px; background-color: #313131; text-align: center; }
#top-c { width: 1004px; margin: 0 auto; text-align: left; }
#logo { float: left; margin: 14px 0 0 1px ;  }
#toptel { float: right; margin: 25px; color: #FFFFFF; font-size: 18px; line-height: 20px; }
#toptel span { display: block; font-size: 14px;  }
 
#banner { height: 309px; background: url(img/banner.jpg) no-repeat center top;  }
#banner_prod { height: 170px; background: url(img/banner.jpg) no-repeat center top;  }
#menu-cont-full { width: 100%;   background-color: #000000; }
#menu-cont { margin: 0 auto; width: 1004px; height: 40px;   }

#menu { margin-left: 430px; } 
#menu .menu_active , #menu ul li a:hover {  background-color: #313131;   }
#menu ul { list-style: none; padding: 0; margin: 0;    }
#menu li { display: block; position: relative; float: left; background-color: transparent;  }
#menu li ul { display: none; } /* lenyilo menu elrejtve alapbol */
#menu a {  display: block; color: #ffffff; transition: background-color 0.14s; text-decoration: none; word-break: keep-all;  }
#menu a { padding: 0 13px; height: 49px; line-height: 40px; font-size: 18px;	 	 }
#menu li:hover > ul { display: block; position: absolute;	z-index: 100;  }
#menu li:hover li { float: none; }
/**/
#menu li:hover  { background-color: #313131; color: #ffffff; }   /* almenu hover eseten szulo hoverje megmarad , de az almenu hatterszine lehet mas, lasd alabbi 2 sor*/
#menu li li a { background-color: #272525; color: #c1c1c1; padding: 0 0 0 15px; text-align: left; font-size: 16px; line-height: 34px; height: 34px; min-width: 220px; }   /* almenu hover eseten szulo hoverje megmarad */
#menu li li a:hover {  color: #ffffff; }  
#menu li li li a { background-color: #353434; color: #c1c1c1; padding: 0 0 0 15px; text-align: left; font-size: 16px; line-height: 34px; height: 34px; min-width: 220px; }   /* almenu hover eseten szulo hoverje megmarad */
#menu li li li a:hover {  color: #ffffff; }  
/**/
#menu ul li ul li { border-top: 0; }
#menu ul ul ul { left: 100%; top: 0; }
#menu ul:before, #menu ul:after { content: " "; /* 1 */  display: table; /* 2 */ }
#menu ul:after { clear: both; }


#content { margin-top: 50px; min-height: 580px; text-align: center; background-repeat: no-repeat; }
#tartalom { width: 1004px;   text-align: left; margin: 0 auto; font-size: 16px; color: #a2a2a2; }
#tartalom p { margin-top: 0 }
#descr-main { width: 700px; margin-left: 177px; line-height: 26px; height: 520px; overflow: hidden; }
#descr-main p { margin-top:0; }
#recomtitle { color: #cccccc; text-align: center; font-size: 30px; margin-bottom: 46px;  }

#pagetitle { margin-left: 12px; color: #1b1a1a; font-size: 18px;  }
 
 
#bottom { min-height: 160px; background-color: #1b1a1a; text-align: center; }
#bottom-c { width: 1004px; text-align: center; margin: 0 auto ; position: relative; }
#btz { position: absolute;  right: 0; top: 65px; }
#bottom u { margin-top: 23px; display: inline-block; text-decoration: none; padding-top:30px; width: 300px; background:  url(img/bsl.png) no-repeat top center;}
#bottom i {  display: block; font-style: normal; color: #9b9ba7; font-size: 12px; width: 400px;   margin: 16px auto 0 auto; }


#prod_list { margin-top: 80px; margin-bottom: 160px; }
#prod_list_prod { margin-top: 80px; }
#lapozas { margin-top: 50px; margin-bottom: 260px; text-align: right; margin-right: 14px; font-size: 18px; color: #111111;}
.tlist-item { width: 222px; height: 350px; float: left; text-align: center; cursor: pointer; display: block; margin: 0 14px 42px 14px; position: relative;}
.bestbuy:after { content:" "; position: absolute; display: block;  z-index:200; width: 80px; height: 80px; background: url(img/bestbuy.png) no-repeat; right: -8px; top: -8px;}
.indisp:after { content:" "; position: absolute; display: block;  z-index:200; width: 80px; height: 80px; background: url(img/indisp.png) no-repeat; right: -8px; top: -8px;}
.tlist-item-pic { max-width: 222px; background: #ffffff; height: 222px; display: block; text-align: center; overflow: hidden; position:relative; border: 1px solid #ddd;}
.tlist-item-pic img { transition: all 0.3s;  position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; max-width: 96%; max-height: 96%;   }
.tlist-item:hover img { filter:    brightness(70%);   }
.tlist-item-name { color: #111111;  font-weight: 400; line-height: 20px;   font-size: 1em; margin-top: 12px; margin-bottom: 4px; display: block; }
.tlist-item:hover .tlist-item-name { color: #666666;    }
.tlist-item-price {  color: #5cab46;  font-weight: 700; font-size: 0.9em; display: block;  }
.tlist-item-price-old {  color: #bbbbbb; text-decoration: line-through; font-weight: 500; font-size: 0.9em; display: block;  }
.tlist-item-price-promo {  color: #e02330;  font-weight: 700; font-size: 0.9em; display: block;  }
#vezi { color: #707070; font-size: 14px; font-style: italic; margin-left: 14px; display: inline-block; }
#vezi:hover { color: #c0c0c0;   }
#vezi i { color: #a40003; margin-left: 10px; font-size: 18px; font-style: normal; }

#gmap { width: 100%; height: 326px; border: 5px solid #444444; border-radius: 4px; }
#zoom_desktop { margin-top: 10px; margin-left: 5px; display: inline-block; color: #555; }
#zoom_desktop i {  color: #888; }
#zoom_desktop:hover { color: #c6057c; }

.lapok { transition: background-color 0.13s; display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #111111; font-size: 18px; }
.lapok-akt { background-color: #313131; color: #cccccc; }
.lapok-first { margin-left: 50px; }
.lapok:hover { color: #cccccc; background-color: #313131; }

#prodpage { margin-top: 45px; margin-bottom: 110px; color: #111111; }
#pleft { float: left; width: 508px; height: 508px; background-color: #cccccc; margin: 0 46px 0 12px; border: 3px solid #aaaaaa; border-radius: 4px; position: relative; display: block; text-align: center; overflow: hidden; position:relative; }
#pleft img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;  }
#pright { width: 424px; float: left; display: block; line-height: 20px;  }
#pcim { font-size: 20px; color: #111111; }
#pkod { font-size: 16px; color: #176cb4; height: 32px; line-height: 32px;}
#pdesc { margin-top: 24px; margin-bottom: 20px; font-size: 14px; color: #232323 }
#pdesc p { margin:0 ;} 
#pdesc a { display: none; } 
#pdisp { font-size: 16px; }
#pdisp span.pdisp-1 { color: #20a000; }
#pdisp span.pdisp-0 { color: #f17100; }
#ppret { font-size: 16px; color: #111111; }
#ppret u { text-decoration: line-through; }
#phelp { color: #444444; font-size: 12px; margin-top: 38px; }
.social { margin-top: 28px; }
#pback { margin-top: 40px; }
#pback a { font-size: 14px; color: #111111;  }
#pback a:hover { color: #c21d28;  }
#pback i { font-size: 18px; color: #c21d28; margin-right: 3px; }








}


/* EVENTS */
/*
.events { text-align: left;  }
.events-tit { font-size: 1.32em; color: #2b507f; line-height: 1.1em; font-weight: 400 ; }
.events-tit:hover { font-size: 1.32em; color: #113260; line-height: 1.1em; }
.events-hea { font-size: 1.2em; color: #1d1d1d; line-height: 1.3em; margin-top:5px;}
.event-des { font-size: 1.2em; color: #1d1d1d; line-height: 1.3em; margin-top:5px;}
.events-dat { font-size: 1.0em; font-weight: 500; font-style: italic; color: #000000; line-height: 1.25em; }
.events-img {float: left; margin-right: 14px; margin-top: 5px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);  }
.events-img img  {display: block; }

.event-tit { font-size: 1.4em;   line-height: 1.1em;  color: #2b507f;  font-weight: 400}
.event-dat { font-size: 1.0em; font-weight: 500; font-style: italic; color: #000000; line-height: 1.7em; }


*/

/* FOTOK */
/*
.fotopage-tit  { font-size: 1.4em;   line-height: 2.1em;  color: #1f539c;  font-weight: 400; margin: 0 0 20px 0;}
.foto1-cat-cont { float: left; cursor: pointer; width: 288px; height: 215px; margin: 0 10px 10px 0;  }
.foto1-cat {  width: 288px; height: 215px;  position: absolute; text-align: center; background-position: center center; background-repeat: no-repeat;   }
.goto1-cat-link { text-align: center;  z-index: 5; display: none; color: #ffffff; position: absolute; margin: 100px 0 0 25px; border-radius: 3px; background-color: #000000; background-color: rgba(0,0,0,0.4); width: 230px; font-size: 1.3em;  }
.goto1-cat-link:hover { color: #ffffff;  }
.foto1-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto1-cat-link:hover {  }
.foto_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}


.foto-cat-cont { float: left; cursor: pointer; width: 288px; height: 280px;  text-align: center; transition: background-color 0.22s; }
.foto-cat {  width: 288px; height: 215px; text-align: center; background-color: #000000;  position: relative; }
.foto-cat img { max-height: 100%;   max-width: 100%; width: auto; height: auto;position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto;  }
.goto-cat-link { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; display: block;  }
.goto-cat-link:hover { color: #444444;  }
.foto-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto-cat-link:hover {  }
.fotocat_bg {background-color: #c7d0d7; }
*/


/* VIDEOK */
/*
.vid { width: 256px; height: 230px; transition: background-color 0.22s; cursor: pointer; float: left; overflow: hidden; text-align: center; margin: 20px 40px 20px 0;  }
.vid-img { width: 256px; height: 160px;   background-position: center top; background-repeat: no-repeat;  }
.vid-nev { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; }
.video_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}
.vid_bg {background-color: #c7d0d7; }
*/