html {height: 100%;} body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial; line-height: 1.7em; font-size: 12px; position: relative; height: 100%; } ul,ol,li {margin: 0; padding: 0;list-style-position:inside;} td, p { line-height: 1.7em; } table { border-collapse: collapse; border-spacing: 0; } p { margin: 0px; padding: 0px 0px 15px; } div#pFooter p { padding-bottom: 0px; } div#pFooter .borgun p { margin-bottom: 10px; } .pr { position: relative; } .fl{ float: left!important; } .fr{ float: right!important; } .fn{ float: none!important; } .cb{ clear: both!important; } .tc{ text-align: center!important; } .tl, .tal{ text-align: left!important; } .tr, .tar{ text-align: right!important; } .vt { vertical-align: top!important; } .vc { vertical-align: middle!important; } .vb { vertical-align: bottom!important; } .formHelp { line-height: 1em; position: relative; top: -10px; } body > #pWrapper {height: auto; min-height: 100%;} #pWrapper, #pWrapper2 { text-align: center; overflow: hidden; } #pWrapper2 { padding-bottom: 28px; } #pContainer{ width: 910px; position: relative; margin-left:auto; margin-right:auto; } div#pHeader{ height: 260px; width: 910px; position:relative!important; } div#pHeader a.fullLink img{ width: 910px; height: 260px; } img#logo { position: absolute; top:0px; right:2px; border: 0px; } div#pHeader a.logo, div#pHeader a.logo:active, div#pHeader a.logo:hover, div#pHeader a.logo:visited{ text-decoration: none; } div#pHeader ul li { list-style-type: none; font-size: 14px; } div#pHeader a, div#pHeader a:hover, div#pHeader a:visited, div#pHeader a:active{ text-decoration: underline; } div#headerContent { position: absolute; bottom: 20px; right: 30px; } div#header-info{ float:right; padding-right: 20px; text-align: right; } div#pMenuVertical a, div#pMenuVertical a:visited, div#pMenuVertical a:active{ text-decoration: none; font-weight: bold; } div#pMenuVertical a:hover { font-weight: bold; text-decoration: none; } div#pMenuVertical{ float: right; position: relative; margin: 0px 0px 0px 20px; text-align: left; vertical-align:bottom; } div#pMenuVertical ul li { list-style-type: none; font-size: 14px; } div#pMenuHorizontal{ overflow: hidden; } div#pMenuHorizontal ul{ float: left; margin: 0; width:100%; text-align: center; } div#pMenuHorizontal ul li{ display: inline; float: none; list-style-type: none; text-align: center; } div#pMenuHorizontal ul li a{ padding: 0px 10px; display: inline-block; float: none; text-decoration: none; height:30px; line-height:30px; margin-bottom: 3px; } #pLeftContent div#pMenuHorizontal ul li a{ height:auto; } div#pMenuHorizontal ul li a:hover { text-decoration: underline; } .hidden { display: none !important; visibility: hidden; } main { display: block; } div#pContent{ clear: both; min-height: 600px; text-align: left; padding: 0px 20px 10px; } div#pContent img{ display: inline-block; } img.contentimg-right{ padding: 20px; float:left; } img.contentimg-left{ padding: 20px; float:right; } h1{ font-size:21px; font-weight: bold; line-height: 1.7em; } h2{ font-size:16px; font-weight: bold; line-height: 2.2em; } h3{ font-size:13px; font-weight: bold; line-height: 1.7em; } div#pContent ol li, div#pContent ul li { margin-left: 40px; padding-bottom: 8px; } div#pContent ul{ padding-bottom:20px; } div#pContent ol li ul, div#pContent ul li ul{ padding: 0px; } div#pContent a{ text-decoration: underline; font-weight: normal; } div#pContent a:hover{ font-weight: bold; } div#pContent a:visited{ font-weight: normal; } table.content-list{ width: 100%; text-align: center; font-size: 12px; } table.content-list td{ width: 33%; } table.shops{ margin: 20px 50px 20px 40px; font-weight: normal; font-family: Arial; width: 100%; font-size: 12px; color: #2C2C2C; } table.shops td{ font-size:12px; } .images-bottom{ text-align: center; } img.imges-bottom { padding: 20px; border: 3px; } div#pFooter{ overflow: hidden; float: left; clear: left; width: 100%; } div#pFooter .content { padding: 15px; overflow: hidden; } table.footer-text{ width: 100%; text-align: center; font-size: 11px; font-weight: bold; } div#pFooter a, div#pFooter a:hover, div#pFooter a:visited, div#pFooter a:active{ text-decoration: underline; font-weight: bold; } body#emptyDomain { margin:0; padding:0px; background: #D9D9D9 url(https://debrecenoptika.hu/upload/debrecenoptika.hu/2483/../_img/empty-domain/bg.jpg) repeat-x; text-align:center; font-family:Tahoma; font-size:14px; color:#37840b; } body#emptyDomain #pContainer{ padding: 0px 0px 20px; margin-left:auto; margin-right:auto; width:600px; text-align:left; background: transparent url(https://debrecenoptika.hu/upload/debrecenoptika.hu/2483/../_img/empty-domain/bg_page.png) bottom left; } body#emptyDomain .content { padding: 0px 45px 0px; width: 510px; } body#emptyDomain h1 { margin: 0px; padding: 0px; line-height: 36px; font-size: 30px; font-style: normal; } body#emptyDomain p { margin: 0px; padding: 0 0 36px; text-align: left; } body#emptyDomain p.right { text-align: right; } body#emptyDomain a, body#emptyDomain a:visited, body#emptyDomain a:hover, body#emptyDomain a:active, body#emptyDomain a:link { color:#37840b; text-decoration: none; } body#emptyDomain a:hover { color:#BE0002; text-decoration: underline; } body#emptyDomain a img { border: 0 none; } #continer_twitter-widget { position: absolute; top: 250px; left: 3px; } .source-left, .source-right { position: absolute; width: 160px; top: 250px; margin-left: 3px; background: #EFEFEF; border-radius: 3px; -moz-border-radius: 3px; } .source-right { right: 3px; } .source-left .container, .source-right .container{ overflow: hidden; margin: 5px; } .source-left .container img, .source-right .container img{ line-height: 0; width: 100%!important; height: 100%!important; } .source-left .container p, .source-right .container p{ padding: 0; margin: 0; } .navigationHolder { display: table; width: 100%; } .blocks { display: table-row; } .navBlock { display: table-cell; vertical-align: top; padding: 10px 0 17px 0px; } #breadcrumb { overflow: hidden; } div#breadcrumb a { text-decoration: underline; } div#breadcrumb a:hover { text-decoration: none; font-weight: normal; } input[type=submit], button, .btnCart, .user_button, .searchButton{ box-sizing: border-box; display: inline-block; padding: 3px 9px; -moz-border-radius: 6px!important; border-radius: 6px!important; border: none; background-repeat: no-repeat; background-position: 6px 3px; background-color: #484848; font-family: Helvetica, Helvetica Neue, Arial; font-size: 14px!important; line-height: 1.42857143!important; font-weight: bold!important; color: #fff; text-decoration: none!important; white-space:nowrap; vertical-align: middle; cursor: pointer; } .btnCart{ width: auto; margin: 0 auto; padding-left: 35px!important; padding-top: 3px; padding-bottom: 3px; background-position: 10px 2px; text-align: right; } .btnCart.btnCartNoicon{ background-position: -1000px 0!important; padding-left: 9px!important; width: auto; } a.btnCart{ padding-top: 4px; padding-bottom: 2px; } .user_button{ text-align: center; } .user_button a{ color: #fff!important; text-decoration: none; } .btnCart.resp-s{ display: none!important; } div#submenu{ padding: 5px; margin: 15px 0px; } div#submenu a { font-weight: normal; text-decoration: none; } div#submenu a:hover { text-decoration: underline; font-weight: normal; } div#submenu span { display: inline-block; padding: 0px 10px; } table.gallery { margin: 0px auto; } table.gallery td { width: 150px; padding: 0px 10px 0px; text-align: center; vertical-align: top; } a.imgHolder img { display: inline-block; } .productPage a.imgHolder img { display: block; } table.productList { width: 100%; } table.productList { border-collapse: collapse; border-spacing: 0; } table.productList td { padding: 0px 5px 25px 0px; vertical-align: top; position:relative; } table.productList td div.wp { padding: 5px; overflow: hidden; } table.productList td div.kiemelt { border: 2px dotted red; padding: 3px; } table.productList td div.kiemelt img, table.productList td div.kiemelt p, table.productList td div.kiemelt a, table.productList td div.kiemelt span { opacity:1!important; } table.productList td div.imgHolder, table.productList td a.imgHolder { float: left; display: inline-block; margin: 0px 10px 0 0; width: 100px; text-align: center; } table.productList td a.imgHolder:hover { border-color: #aaa; } table.productList td .imgHolder img { padding: 0px 3px 3px; } table.productList td h2 { display: inline-block; width: 100%; padding: 0px; margin: 0; line-height: 16px; height: 32px; overflow: hidden; } table.productList td h2 a, table.productList td h2 a span{ text-decoration: none!important; } table.productList td h2 span { font-weight: bold !important; text-decoration: none; font-size: 14px; } table.productList td div.cont { float: left; width: 150px; } table.productList td .shortDesc { padding: 10px 0 0; clear: both; } table.productList td .shortDesc p { padding: 0!important; line-height: 18px; clear: both; } table.productList td div.cont form{ float: left; } table.productList td div.cont .btnCart { position: absolute; top: 100px; } table.productList.action td div.cont .btnCart, table.productList.featured td div.cont .btnCart { position: static; top: 0px; } table.productList td div.cont p { padding: 0 0 10px 0; } table.productList td div.cont p strong.price { font-size: 18px; } table.productList td div.cont p .oldPrice { position: relative; top: -7px; font-size: 10px; line-height: 10px; } table.productList td div.cont p.buyitPriceCont { margin: 0 0 -8px 0; padding: 0; } table.productList td div.cont p .buyitPrice { line-height: 10px; } table.productList td div.cont p strong.price span.mini { font-size: 12px; } table.productList td div.cont a.jumpLink { font-size: 11px !important; display:inline-block; font-size:12px!important; font-weight:bold; } table.productList td a:hover { font-weight: normal !important; } div.productPage { } div.productPage h1 { padding-top:0px; margin-top:0px; } div.productPage .leftSide { float: left; padding-right: 10px; padding-bottom: 15px; width: 310px; overflow: hidden; text-align: center; } div.productPage div.cont { overflow: hidden; } div.productPage a.imgHolder { display: inline-block; margin: 0 auto; } div.productPage a.imgHolder:hover { border-color: #aaa; } div.productPage a.imgHolder img { background: #ccc; padding: 3px; } div.productPage div.cont p { } div.productPage div.cont table.w200 { width: 200px; } div.productPage div.cont .priceCont { padding: 6px 0px; background: #efefef; } div.productPage div.cont .priceCont strong.price { font-size: 20px; } div.productPage div.cont .priceCont strong.price span.mini { font-size: 12px; } div#footlegal { position: relative; margin: -28px auto 0; width: 95%; background: #F0F0F0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } div#footlegal .row { overflow: hidden; box-sizing: border-box; margin: 0 auto; padding: 5px 10px; font-size: 10px; } div#footlegal .row .col{ width: 50%; box-sizing: border-box; } div#footlegal .row .col-left{ float: left; text-align: left; } div#footlegal .row .col-right{ float: right; text-align: right; } div#footlegal .row .col a{ font-size: 10px; color: #555; font-weight: normal; text-decoration: none; } div#footlegal .row .col a span{ font-size: 10px; color: #555; font-weight: normal; text-decoration: underline; } div#footlegal #closeLegal { float: right; display: block; cursor: pointer } @media (max-width:600px) { div#footlegal .row .col.col-left, div#footlegal .row .col.col-right { float: none; width: 100%; text-align: center; } div#footlegal .row .col{ padding: 10px; } div#footlegal .row .col:first-of-type { margin-bottom: 0; } div#footlegal .row .col a, div#footlegal .row .col a span{ font-size: 12px; line-height: 15px; } } .coRed {color: #CD0424!important;} .pb0{padding-bottom:0px!important;} .cartTermeklista { width: 99%; margin-bottom: 30px; } .cartTermeklista th { font-size: 1.3em; border-bottom: 1px solid gray; padding: 5px 0px; background-color: #F3F3F3; } .cartTermeklista tr.summa td { font-size: 1.3em; border-top: 1px solid gray; padding: 5px 0px; } .cartTermeklista td { padding: 10px 0px 0px; } .cartTermeklistaSum { width: 99%; margin: 20px 0px; } .cartTermeklistaSum td.tc { white-space: nowrap; padding-left: 20px; } .cartTermeklistaSum td { background-color: #F3F3F3; font-weight: bold; } td.stepNum, td.stepNum a { text-align: center; vertical-align: middle; text-decoration: none!important; font-size: 1.3em; } td.stepNum, td.stepNum a { text-align: center; vertical-align: middle; text-decoration: none!important; font-size: 1.3em; } td.stepNum { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } td.stepText { padding-left: 10px; } td.stepText a { text-decoration: none!important; } .wizardTable { margin: 10px auto 20px; clear: both; } .tblCart { width: 100%; box-sizing: border-box; } .tblCart.half { width: 45%; float: left; margin-right: 4%; } .tblCart td { vertical-align: top; padding-bottom: 6px; } .tblCart td h2{ padding: 0px; margin: 0px; } input.frmQuantity { width: 50px!important; } .frmText { width: 99%; padding: 3px; } .mb0{margin-bottom:0px!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .m0a {margin:0px auto!important;} .shop-rules-accept { display:none; } .mr15{ margin-right: 15px; } form table{ } form table td, form table th{ padding: 2px 6px 2px 0; vertical-align: top; } form table td.error{ color: #C60034; font-style: italic; } form table td input[type="tel"], form table td input[type="number"], form table td input[type="email"], form table td input[type="text"], form table td input[type="search"], form table td textarea{ width: 99%; font: normal 12px arial; padding: 3px; border: solid 1px #777; } form table td textarea{ resize: none; } form table td input[type="submit"]{ display: inline-block; float: right; padding: 3px 4px; margin: 0 -6px 0 3px; cursor: pointer; font: normal 12px arial; border: 0; color: #fff; -moz-border-radius: 3px; border-radius: 3px; } form table td input[type="submit"]:hover{ background-color: #555!important; } #menu-h-ul form { position: relative; top: 7px; display: inline-block; width: 170px; } form table.headerSearch { display: inline-block; width: 170px; border-collapse: collapse; } form table.headerSearch td { padding: 0 5px 0 0; } form table.headerSearch input.searchTerm { width: 98%; } form table.headerSearch input.searchButton { width: 35px; } form table.headerSearch input { margin: 0; } div#pContentContainer { overflow: hidden; } #leftmenu div#pContentContainer { display:table; width: 910px; overflow: hidden; } div#pContentContainerRow { display:table-row; width: 910px; overflow: hidden; } div#pLeftContent, div#pRightContent{ min-height: 600px; border-top: 1px solid #D1B9A1; text-align: left; display:table-cell; vertical-align: top; } div#pLeftContent { padding: 0px 0px 0px 20px; width: 280px; } div#pLeftContent .mainCont { min-height: 600px; } div#pRightContent{ padding-left: 25px; padding-right: 25px; width: 560px; clear: none; overflow: hidden; } div#pRightContent .mainCont { min-height: 600px; width: 560px; overflow: hidden; } body#leftmenu #pMenuHorizontal #menu-h-ul{ text-align: left; width: 280px; } body#leftmenu #pMenuHorizontal #menu-h-ul li{ text-align: left; float: left; width: 100%; display: block; } body#leftmenu #pMenuHorizontal #menu-h-ul li a{ text-align: left; float: left; width: 100%; padding: 0px; display: block; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul{ padding-left: 20px; width: 260px; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul li { width: 100%; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul li a { padding: 0px; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul ul{ padding-left: 20px; width: 240px; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul li { width: 100%; } body#leftmenu #pMenuHorizontal #menu-h-ul li ul li a { padding: 0px; } body#leftmenu #submenu a { display: block; } body#leftmenu #submenu span { display: none; } .contactPage { padding-top: 15px; overflow:hidden; } .contactPage form { margin-right: 15px; } .contactPage .w420 { width: 420px!important; } .contactPage .map { float: left; width: 450px; text-align: right; } .contactPage .map .map-zoom { text-align: left; padding-left: 25px; } .mb20 { margin-bottom: 20px; } .pb20 { padding-bottom: 20px; } .error { color: #C60034; font-weight: bold; } ul.categoryList, div.productList { margin-bottom: 15px; } .categoryList ul { list-style-type: none; } div#pRightContent .categoryList li, div#pContent .categoryList li { display: inline-block; width: 250px; margin-right: 15px; margin-bottom: 35px; margin-left: 0px; text-align: center; } .categoryList li a.thumbNail { display: block; width: 250px; height: 110px; margin-right: 15px; text-align: center; } .categoryList li a.thumbNail img { display: inline-block; margin: 0 auto; vertical-align: baseline; } div#pRightContent .categoryList.newsCategoryList li, div#pRightContent .categoryList.newsCategoryList li a { width: 167px; } div#pRightContent .categoryList.newsCategoryList li a img { max-width: 100%; height: auto; } .w190 {width:190px!important;} .pager { position: relative; clear: both; padding: 6px 100px 9px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; height: 24px; text-align: center; } .pager a.prev, .pager a.next { position: absolute; top: 10px; font-size: 14px; line-height: 21px; font-weight: bold; color: #000000; text-decoration: none!important; } .pager a.prev:hover, .pager a.next:hover { color: #ffffff; text-decoration: none!important; } .pager a.prev { left: 0px; } .pager a.next { right: 0px; } .pager a.page { margin-right: 3px; padding: 0px 2px 0px 2px; display: inline-block; min-width: 20px; line-height: 24px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; border: 1px solid #000000; text-decoration: none!important; } .chrome .pager a.page { padding: 1px 3px 0px 2px; } .pager a.page:hover { color: #ffffff; border: 1px solid #ffffff; } .pager a.page.active { color: #ffffff!important; border: 1px solid #000000; } .pager a.page.active { background-color: #000000; border: 1px solid #000000; color: #ffffff; } .w50p { width: 50%; } .w33p { width: 33%; } .w100p, .wp100 { width: 100%!important; } .w100 { width: 100px; } .w290 { width: 290px; } .w300 { width: 300px; } .w410 { width: 410px; } .tags { font-size: 10px; } .tags ul li { list-style: none; display: inline; margin-left: 10px!important; } .messageOK { margin:10px auto; position:relative; color:#6aae66; font-size:1.2em; margin:20px; padding:10px; width:90%; background-color: #d9ffd7; border: 1px solid #6aae66; text-align: center; font-weight: bold; } .newsletterReg div.error, .formError, .messageError { margin:10px auto; position:relative; color:#C60034; font-size:1.2em; margin:20px; padding:10px; width:90%; background-color: #F6DCE3; border: 1px solid #C60034; text-align: center; font-weight: bold; } .newsList, .newsItem { clear: both; overflow: hidden; } .newsItem { margin-bottom: 15px; } .newsItem .texts { width: 700px; } .newsItemDescription p { padding: 0px; } #pRightContent .newsItem .texts { width: 400px; } #pRightContent .ad-gallery{ width: 530px!important; } .newsPage .imgHolder img { display: inline-block; background: #ccc; padding: 3px; margin: 15px 0px 8px 15px; } .red-button { -moz-box-shadow:inset 0px 2px 0px 0px #ff603f; -webkit-box-shadow:inset 0px 2px 0px 0px #ff603f; box-shadow:inset 0px 2px 0px 0px #f5978e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5d3b), color-stop(1, #c32707)); background:-moz-linear-gradient(top, #ff5d3b 5%, #c32707 100%); background:-webkit-linear-gradient(top, #ff5d3b 5%, #c32707 100%); background:-o-linear-gradient(top, #ff5d3b 5%, #c32707 100%); background:-ms-linear-gradient(top, #ff5d3b 5%, #c32707 100%); background:linear-gradient(to bottom, #ff5d3b 5%, #c32707 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0); background-color:#f24537; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #bf2100; display:inline-block; cursor:pointer; color:#ffffff!important; font-family:arial; font-size:14px; font-weight:bold; padding: 5px 8px; width: 210px; text-decoration:none; text-shadow:0px 1px 0px #810e05; -webkit-box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 4px 0px 0px rgba(50, 50, 50, 0.4); text-align: center; } .red-button:hover { border-colof: #bf6400; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc9d36), color-stop(1, #ca700d)); background:-moz-linear-gradient(top, #fc9d36 5%, #ca700d 100%); background:-webkit-linear-gradient(top, #fc9d36 5%, #ca700d 100%); background:-o-linear-gradient(top, #fc9d36 5%, #ca700d 100%); background:-ms-linear-gradient(top, #fc9d36 5%, #ca700d 100%); background:linear-gradient(to bottom, #fc9d36 5%, #ca700d 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0); background-color:#fc9d36; color:#ffffff!important; } .resp-s {display: none!important;} .resp-m {display: none!important;} .payinfo { clear: both; text-align: right; } .marker{ background-color: #ffff00; } .img_left { float: left; margin: 0px 15px 15px 0px; } .img_right { float: right; margin: 0px 0px 15px 15px; } hr { border: 0px; border-top: 1px solid #ccc; } blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; } .popup_back { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .popup_cont { position: fixed; z-index: 9999; max-width: 90%; } .preloader { z-index: 9998; } .popup_close { border: 2px solid #ffffff; background-color: #000000; color: #ffffff; border-radius: 18px; cursor: pointer; position: absolute; padding: 5px; right: -5px; top: -5px; box-shadow: 0 3px 10px #222; display: inline-block; width: 18px; height: 18px; line-height: 15px; font-size: 15px; text-align: center; } .popup_close:hover { background-color: #ff0000; } .popup_back { cursor: pointer; background-color: #000000; opacity: 0.6!important; } div.popup { background: #fff; padding: 25px; box-shadow: 0 3px 10px #222; } .preloader { left: 50%; margin: -10px 0 0 -25px; position: fixed; top: 50%; } @-webkit-keyframes fadeIn { from { opacity: 0; bottom: -200px; } to { opacity: 0.97; bottom: 0; } } @-moz-keyframes fadeIn { from { opacity: 0; bottom: -200px; } to { opacity: 0.97; bottom: 0; } } @keyframes fadeIn { from { opacity: 0; bottom: -200px; } to { opacity: 0.97; bottom: 0; } } .cookie-disclaimer { position: fixed; bottom: -200px; width: 100%; box-sizing: border-box; padding: 20px; opacity: .98; background: #fff; border: solid 2px #efefef; color: #222; text-align: center; z-index: 1000; animation: fadeIn 1s cubic-bezier(0.55,-0.1, 0.2, 1) 2s 1; animation-fill-mode: forwards; } .cookie-disclaimer .cookie-disclaimer-btn{ display: inline-block; padding: 3px 10px; border-radius: 3px; background: #555; color: #fff; text-decoration: none; cursor: pointer; transition: all .2s ease-in-out; } .cookie-disclaimer .cookie-disclaimer-btn:hover{ background: #53a123; color: #fff; } .cookie-disclaimer p { margin-bottom: 15px; padding: 0; } .cookie-disclaimer p:last-child { margin-bottom: 0; } .cookie-disclaimer a { color: #555; } .cookie-disclaimer a:hover{ color: #888; } @media(max-width:600px){ .cookie-disclaimer { text-align: center; } } body { background: #ffffff ; background-attachment: fixed; background-repeat: repeat; } div#pHeader{ background-image: url(https://debrecenoptika.hu/upload/debrecenoptika.hu/design/1447811091_2967_Kartacs_utca_15..jpg); color: #48739c; background-repeat: no-repeat; background-position: right top; } div#header-info { border-right: 2px solid #48739c; } div#pHeader ul li { color: #48739c; } div#pHeader a, div#pHeader a:hover, div#pHeader a:visited, div#pHeader a:active { color: #48739c; } div#pHeader a.active{ text-decoration: underline; } div#pLeftContent { background-color: #ffffff; } div#pMenuVertical ul li { color: #48739c; } div#pMenuHorizontal { } div#pMenuHorizontal ul li a { background: url(https://debrecenoptika.hu/upload/debrecenoptika.hu/design/1369126963_6396_menu.jpg); color: #48739c; } div#pMenuHorizontal ul li a.active, div#pMenuHorizontal ul li a:hover { background: url(https://debrecenoptika.hu/upload/debrecenoptika.hu/design/1369126963_9309_menu-up.jpg); color: #f2f2f2; } div#pRightContent, div#pContent{ background-color: #ffffff; border-top:1px solid #ffffff; color: #3e3e3e; } h1, h2, h3{ color: #3e3e3e; } div#pRightContent a:visited, div#pContent a:visited, div#pRightContent a, div#pContent a{ color: #333399; } div#pRightContent a:hover, div#pContent a:hover{ color: #333399; } div#pFooter { background-color: #48739d; } div#pFooter .content, table.footer-text{ color: #ffffff; } div#pFooter a, div#pFooter a:hover, div#pFooter a:visited, div#pFooter a:active{ color: #ffffff; } div#breadcrumb, div#breadcrumb a, div#breadcrumb a:hover { color: #00a61e!important;} a.htmlbtnCart, .btnCart{ background-color: #cd0424!important; color: #ffffff!important; background-image: url(https://debrecenoptika.hu/upload/debrecenoptika.hu/design/ico_cart.gif)!important; background-repeat: no-repeat; background-position: 6px 3px; } .payUWrapper button{ background-color: #cd0424; } div#submenu { color: #48739c!important;} div#submenu a { color: #48739c!important;} div#submenu a.active, div#submenu a:hover { color: #f2f2f2!important;} table.productList td div.cont h2 a { color: #3e3e3e!important;} table.productList td div.cont a.jumpLink { color: #333399!important;} table.productList td div.cont a.jumpLink:hover { color: #333399!important;} div.productPage div.cont .priceCont { background-color: #ffffff!important; } table.productList td div.kiemelt { border-color: #3e3e3e;} td.stepNum { color: #48739c; border: 1px solid #48739c;} td.stepNum a { color: #48739c!important;} .pager, .pager a.page{ } .pager a.prev, .pager a.next, .pager a.page { color: #48739c;} .pager a.page.active { color: #f2f2f2!important;} .pager a.page.active { } .mobilcontactform { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; display: block; overflow: hidden; } body { background-repeat:repeat-y; } div#headerContent { top: 50px; bottom: none; } div#pLeftContent, div#pRightContent { border-top: 0px none; } div#pLeftContent { padding-left: 0px; padding-top: 20px; background-color: transparent; } div#pMenuHorizontal ul li a.active, div#pMenuHorizontal ul li a:hover, div#pMenuHorizontal ul li a { background-repeat: no-repeat; background-position: bottom left; padding-bottom: 7px; padding-left: 30px; font-weight: bold; -webkit-border-top-right-radius: 50px; -moz-border-radius-topright: 50px; border-top-right-radius: 50px; width: 252px; text-decoration: none; } body#leftmenu #pMenuHorizontal #menu-h-ul li #submenu { overflow: hidden; padding-bottom: 0px; padding-left: 0px; margin-left: 5px; margin-bottom: 10px; border-left: 1px solid #E3DCD6; } body#leftmenu #submenu a, body#leftmenu #submenu a:hover, body#leftmenu #submenu a:active { background: none; color: #48739C!important; } body#leftmenu #submenu a:hover, body#leftmenu #submenu a:active { text-decoration: underline; } div#pRightContent { margin-top: 7px; margin-right: 10px; background: none repeat scroll 0 0 white; border: 1px solid #e9e9e9; border-radius: 15px 15px 15px 15px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); } body#leftmenu #pMenuHorizontal #menu-h-ul li a{ padding: 0 15px 10px; width: 240px!important; } body#leftmenu #pMenuHorizontal #menu-h-ul li #submenu{ margin-left: 15px; } body#leftmenu #pMenuHorizontal #menu-h-ul li #submenu li{ padding-left: 5px; } 

 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxTopLeft{width:14px; height:14px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(https://debrecenoptika.hu/_css/colorbox/../../_img/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

.rs-wrap:after, .rs-slider:after, .rs-thumb-wrap:after, .rs-arrows:after, .rs-caption:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } .rs-wrap { position: relative; max-width: 90%; margin: 0px auto 20px; } .rs-slide-bg { *zoom: 1; margin-bottom: 15px; padding: 10px; background: rgba(0, 0, 0, .1); border-bottom: 1px solid #5e6266!important; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset; } .rs-slide-bg ul { padding-bottom: 0px!important; } .rs-slider > li > a { display: block } .rs-slider > li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0!important; padding: 0!important; float: left; position: relative; text-align: center; } .rs-slider > li > a { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .rs-slider > li img { display: block!important; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic; } .rs-thumb-wrap { *zoom: 1 } .rs-thumb-wrap > a { display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; opacity: .7; padding: 4px; background: rgba(0, 0, 0, .1); border-bottom: 1px solid #5e6266!important; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .rs-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block!important; -ms-interpolation-mode: bicubic; margin: 0px auto; } .rs-thumb-wrap > a:first-child { margin-left: 0!important } .rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; margin-bottom: 15px; text-decoration: none!important; } .rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { z-index: 2; text-decoration: underline!important;; } .rs-arrows .rs-prev {float: left;} .rs-arrows .rs-next {float: right;} .rs-caption { position: absolute; bottom: 0px; max-height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 0; left: 0; padding: 10px; } .rs-caption.rs-top-left { top: 0; bottom: auto; } .rs-caption.rs-top-right { top: 0; right: 0; left: auto; bottom: auto; } .rs-caption.rs-bottom-left { bottom: 0; left: 0; } .rs-caption.rs-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; } .rs-caption.rs-top { top: 0; bottom: auto; width: 100%!important; } .rs-caption.rs-bottom { width: 100%!important } .rs-caption.rs-left { top: 0; height: 100%; } .rs-caption.rs-right { top: 0; left: auto; right: 0; height: 100%; } .rs-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; } .rs-gridlet { position: absolute; opacity: 1; }