/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017.01.28., 17:03:22
    Author     : menri
*/

html, body{height: 100%; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 21px;}
img{max-width: 100%; height: auto;}
.page-width{max-width: 1111px;}
a{text-decoration: none; color:#262626;}
a:hover{text-decoration: underline; color: #d90000;}
.totop{cursor: pointer;}
.background-white{background: #ffffff;}
.background-gold{background: #929292;}
.background-blue{background: #0098DA;}
.background-black{background: #000000;}
.background-grey{background: #929292;}
.background-light-grey{background: #EFEFEF;}
.color-white{color:white;}
.color-gold{color: #26252a;}
.color-blue{color: #0098DA;}
.color-grey{color: #707070;}
.error{color:#d90000; display: block; padding: 2px 0px; font-size: 12px; font-weight: bold;}
#same{cursor: pointer;}
#same:hover{color: #262626;}
input[type="submit"]{outline: none; cursor: pointer; background: #000000; color: #ffffff; padding: 8px 13px; border: none; text-transform: uppercase;}
input[type="submit"]:hover{background: #D31126; color: #ffffff; padding: 8px 13px; text-transform: uppercase;}
.form-row label{display: block; font-size: 14px;}
form h2{font-size: 18px; font-weight: normal; margin-bottom: 3px; margin-top: 20px; line-height: 21px;}
form h2 span{display: block; font-size: 13px;}
#megjegyzes{height: 100px; resize: none; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px;}
#adatvedelem{width: 22px; height: 22px; margin-left: 10px;}

.morzsa a{display: inline-block; padding-left: 9px; font-size: 12px; margin-right: 3px; background: url('../design/menu-arrow-gold-morzsa.png') no-repeat left center;}

#header{position: relative; z-index: 99999;}
#top-black{font-size: 12px; line-height: 16px; text-transform: uppercase;}
#top-black a{text-decoration: none; color:#FFFFFF; text-transform: uppercase; }
#top-black a:hover{text-transform: none; color:#d90000;text-transform: uppercase; }
#top-header{background: #ffffff; min-height: 115px;}
#top-header-bottom{background: #ffffff; min-height: 15px;}

#top-menu{display: block!important; position: static;}
#top-menu ul{}
#top-menu ul li{float: left; border: none!important; position: relative;}
#top-menu ul li:first-child{ border: none;}
#top-menu ul li a{float: left; font-size: 16px; font-weight: bold; padding: 15px 20px; display: inline-block; overflow: hidden; color: #707070!important; border-right: 1px solid #ffffff; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
#top-menu ul li:first-child a{ border-left: 1px solid #ffffff; }
#top-menu ul li a span{display:inline-block;} 
#top-menu ul li a:hover, #top-menu ul li:hover a, #top-menu ul li.selected a{background: #ffffff; color:#e30613!important;}

#top-menu ul li ul{padding: 5px; position: absolute; z-index: 99999; top: 47px; background:#575757; display: none; width: 870px;}
#top-menu ul li ul li{float: left; position: relative; width: 25%; padding: 5px;}
#top-menu ul li ul li a{display: block; width: 100%; margin-bottom: 5px!important; background: #ffffff!important; color: #d90000!important; font-weight: bold; padding: 5px; border: none!important; border: none;}
#top-menu ul li ul li:hover a{background: #none!important;}
#top-menu ul li ul li a:hover{background: #333333!important; color:#d90000!important;}
#top-menu ul li ul li a span{}

#top-menu ul li ul li ul{display: block!important; padding: 0px 0px 0px 20px; width: 100%; position: static; left: 0px; top: 0px; list-style: disc!important;}
#top-menu ul li ul li ul li{clear: both; padding: 0px!important; width: 100%;}
#top-menu ul li ul li ul li a{display:inline-block!important; width: auto!important; padding: 0px!important; margin-bottom: 0px!important; background: none!important; font-weight: normal!important; color: #ffffff!important; font-size: 12px;}
#top-menu ul li ul li ul li a:hover{color: #d90000!important; background: none!important;}

#mobile-menu{display: none; position: absolute; width: 100%; z-index: 99999; top: 120px;}
#mobile-menu ul{background: #333333;}
#mobile-menu ul li{border-top: 1px solid #555555; position: relative;}
#mobile-menu ul li a{padding: 8px 12px; display: inline-block; color: #dddddd;}
#mobile-menu ul li ul{background: #4F4F4F;}
#mobile-menu ul li ul li{border-top: 1px solid #333333;}
#mobile-menu ul li ul li a{color: #cccccc;}
#mobile-menu ul li ul li ul{background: #767676;}
#mobile-menu ul li ul li ul li{border-top: 1px solid #333333;}
#mobile-menu ul li ul li ul li a{ color: #bbbbbb;}


#kereses-form{border: 1px solid #909090; position: relative;}
#searchfield{width: 100%; height: 33px; padding: 0px 37px 0px 10px; outline: none; border: none;}
#submit-button{position: absolute; right: 3px; top:2px; cursor: pointer; }

#kosar{padding: 8px; color: #FFFFFF; font-weight: bold;}
#kosar-icon a span{color: #ffffff; position: relative; right: 10px; top: -7px; text-transform: uppercase;}
#kosar-icon a img{position: relative; right: 2px; top: 1px;}
.button-add{border:none; font-size: 14px; cursor: pointer; outline: none; font-weight: bold; color:#ffffff; text-transform: uppercase; background: #F5202B; height: 30px; padding: 5px 6px 6px 6px; text-align: center;}
.button-add:hover{background: #000000;}

#content{background: url('../design/content-background.jpg') no-repeat center top #FFFFFF; border-top: 1px solid #E9E9E9;}
#content-inner{}
#content-inner-left{display:none!important;}
#menubar{padding: 5px 0px;}
#menubar ul{list-style: none;}
#menubar ul li{position: relative;}
#menubar ul li a{color: #000000; text-decoration: none; padding: 5px 15px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
#menubar ul li a:hover, #menubar ul li:hover a, #menubar ul li.selected a{background:#D31126; color: #FFFFFF;}
#menubar ul li ul:before{content:''; position: absolute; top:9px; background: url('../design/menu-arrow-gold.png') no-repeat left center; width: 5px; height: 10px;}
#menubar ul li ul{position: absolute; z-index: 999999; left: 195px; top: 0px; background: url('../design/second-menu-bgr.png') repeat; width:200px;}
#menubar ul li ul li{width: 100%;}
#menubar ul li ul li a{background: none!important; color: #FFFFFF; padding: 5px 15px; font-size: 12px;}
#menubar ul li ul li a:hover{background: #D31126!important;}
.mobil-show{display: none;}
#formobile, #mobilmenu{display: none;}
#showmenu{background: #D31126; padding: 5px 10px; text-transform: uppercase; text-align: center; margin-top: 10px; color: #ffffff; cursor: pointer;}
.arrow{display: inline-block; background: #D31126; border-radius: 10px; color: #ffffff; font-weight: bold; margin-left: 10px; padding: 0px 5px; position: relative; cursor: pointer;}
#mobilmenu ul{width: 100%;}
#mobilmenu ul li{border-top: 1px dotted #D31126; padding: 2px 0px; text-align: center;}
#mobilmenu ul li ul li a{color: #000000; font-size: 11px;}
#mobilmenu ul li ul li{border-top: 1px dotted #000000; padding: 2px 0px; text-align: center;}


#footer{position: relative; z-index: 9; background: #929292; color: #ffffff;}
#footer a{color: #ffffff;}
#footer h2{text-transform: uppercase; color: #ffffff; font-size: 16px; padding: 10px 0px;}
#footer ul{list-style: none;}
#footer ul li{}
#footer ul li a{text-decoration: none; font-size: 14px; line-height: 22px; font-weight: bold; color: #ffffff; padding: 7px 0px;}
a#lista-fb{color: #ffffff; font-size: 16px; background: url('../design/facebook-icon.png') no-repeat left center; line-height: 37px; padding-left: 45px; display: inline-block; margin-right: 30px;}
a#lista-rss{color: #ffffff; font-size: 16px; background: url('../design/rss-icon.png') no-repeat left center; line-height: 37px; padding-left: 45px; display: inline-block; margin-left: 30px;}

.plusz1{color: #707070;}

.products{position: relative; background: #ffffff; cursor: pointer; border: 1px solid #CDCDCD; line-height: 0px; transition: border 0.5s; -webkit-transition: border 0.5s; -moz-transition: border 0.5s; -o-transition: border 0.5s;}
.red-products{border: 1px solid #D31126;}
.products:hover{border: 1px solid #000000;}
.product-thumb{position: relative; background-size: contain!important; background-position: 50% 50%!important; line-height: 0px!important; background-repeat: no-repeat!important;}
.product-line{height: 6px; background: url('../design/product-line-01.png') no-repeat center center; margin: 5px 0px;}
.product-line2{height: 6px; background: url('../design/line-product-01.png') no-repeat center center;}
h1.product-name{font-size: 32px; line-height: 1; color: #707070;}
h2.product-name{font-size: 16px; padding: 0px 10px; line-height: 18px; min-height: 70px;}
h2.product-name span{display: block; font-weight: normal;}
h2.product-name a{color: #000000; text-decoration: none;}
h2.product-name a:hover{color: #D31126; text-decoration: none;}
span.plusz1{min-height: 50px; padding: 0px 10px; text-align: left; display: block; font-size: 12px; line-height: 16px; color: #707070;}
.product-allapot{font-size: 14px;}
.product-sizes{position: absolute; right: 5px; top: 10px;}
.product-size{background: #E30613; border-radius: 30px; color:#ffffff; font-size: 10px; font-weight: bold; height: 35px; width: 35px; line-height: 12px;}
.product-price{width: 125px; height: 29px; font-size: 16px; font-weight: bold; display: inline-block; color: #000000; padding: 15px;}
.red-products-price{width: 125px; height: 29px; font-size: 16px; font-weight: bold; display: inline-block; color: #FFFFFF; background: url('../design/price-label-action.png') no-repeat center center; padding: 15px;}
.product-price-big{font-weight: bold; font-size: 24px; line-height: 28px;}
.button-minus,.button-plus, .product-piece{color: #ffffff; font-weight: bold; font-size: 14px;}
.button-minus,.button-plus{cursor: pointer;}
.button-minus:hover,.button-plus:hover{color: #000000;}
.small-thumb{cursor: pointer;}
.kategoria-cimke{padding-top: 5px; margin-top: 5px; border-top: 1px dotted #ccc;}
.kategoria-cimke:first-of-type{padding: 0px; margin-top: 0px; border: none;}
#product-information p{font-size: 14px; line-height: 18px; padding: 2px 0px;}
.text-akcios{color: #D31126; font-weight: bold; padding: 20px 10px; font-size: 16px;}

#continue-shopping{background:  url('../design/continue-buying.png') repeat; position: fixed; top: 0; left: 0; z-index: 99999;}
#continue-shopping-box{width: 500px; padding: 0px 0px 20px 0px; background: #ffffff; margin: 250px auto auto auto;}
#continue-shopping-box h1{font-size: 21px; font-weight: normal; background: #333B40; color: #ffffff; padding: 15px; margin-bottom: 20px;}
#continue-shopping-box div a{background: #26252A; color: #ffffff; font-weight: bold; cursor: pointer; display: inline-block; padding: 5px 10px; }
#continue-shopping-box div a:hover{background: #D31126; color: #ffffff;  font-weight: bold; cursor: pointer; display: inline-block; padding: 5px 10px; }

.basketrow{font-size: 14px; border-top: 1px dotted #ccc; padding: 10px 0px;}
.basket-name a{color:#26252A;}
.basket-name a:hover{color:#D31126;}
.basket-actions .table .table-cell{color: #ffffff; font-weight: bold; font-size: 14px!important; line-height: 30px; padding: 0px 10px;}
.basket-actions .table .table-cell span{font-size: 14px!important;}

#kosar-actions{text-transform: uppercase; font-weight: bold;}
#kosar-actions-line1{margin-bottom: 10px; color: #FFFFFF; }
#kosar-actions-line1 a,#kosar-actions-line1 span, #kosar-actions-line2 #delete_product{display: block; background: #26252A; color: #FFFFFF; float: right; padding:5px 0px;}
#plus_product{padding: 5px 10px!important; font-size: 18px;}
#minus_product{padding: 5px 10px!important; font-size: 18px;}
#delete_product{padding: 5px 10px!important; font-size: 12px;}
.article{}
.article h1{color: #D31126; font-size: 24px; line-height: 28px; padding: 5px 0px 10px 0px;}
.article h1:first-child{padding-top: 0px;}
.article p{padding: 5px 0px 10px 0px; color: #707070;}
.article ul, .article ol{margin: 10px 30px;}
.article ul li, .article ol li{line-height: 18px; font-size: 14px;}
.show-more-products{background: #000000; color:#ffffff; font-weight: bold; padding: 5px 10px; text-align: center; cursor: pointer;}
.show-more-products:hover{background: #D31126;}
#szuroform{background: #EFEFEF; padding: 5px 10px;}
#szuroform input, #szuroform select{padding: 5px;}
#szuroform label{position: relative; top:1px;}

#product_more_filters{width: 100%;}
#product_more_filters, #product_more_filters tr, #product_more_filters tr td{border-collapse: collapse;}
#product_more_filters tr td{padding: 10px 15px; width: 50%}
#product_more_filters tr td:nth-child(1){border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; width:35%;}
#product_more_filters tr td:nth-child(2){border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;}


@media only screen and (max-width : 800px) {
    #top-header{padding: 0px 15px;}
    #top-black{padding: 0px 15px;}
    #top-header-bottom{background: #D31126;}
    #formobile, #showmenu{display: block; }
    
    #content-inner{display: block; width: 100%;}
    #content-inner-left{display: none; width: 100%;}
    #content-inner-right{display: block; width: 100%;}
}

@media only screen and (max-width : 650px) {
    .mobil-show{display: block;}
    #top-menu{display: none;}
    #mobile-menu{display: none; position: absolute; width: 100%; z-index: 99999; top: 120px;}
    #mobile-menu ul{background: #333333;}
    #mobile-menu ul li{border-top: 1px solid #555555; position: relative;}
    #mobile-menu ul li a{padding: 8px 12px; display: inline-block; color: #dddddd;}
    #mobile-menu ul li ul{background: #4F4F4F;}
    #mobile-menu ul li ul li{border-top: 1px solid #333333;}
    #mobile-menu ul li ul li a{color: #cccccc;}
    #mobile-menu ul li ul li ul{background: #767676;}
    #mobile-menu ul li ul li ul li{border-top: 1px solid #333333;}
    #mobile-menu ul li ul li ul li a{ color: #bbbbbb;}
    
    .products-contener{width: 50%!important;}
    #termek_kepleiras_contener{display: block!important;}
    #termek_kepleiras_left{padding-right: 0px!important; width: 100%!important;}
    #termek_kepleiras_right{width: 100%!important;}
    .form-row-vonal{width: 100%!important; padding-left: 0px!important; padding-right: 0px!important;}
}


@media only screen and (max-width : 560px) {
    #reglog{display: none;}
    #logo{width: 100%; text-align: center;}
    #keresokosar{width: 100%; text-align: center;}
    #searcharea{margin-top: 0px; padding-top: 0px;}
    #top-header-bottom{display: none;}
    #slider_contener_1,#slider_contener2{display: none;}
    .products-contener{width: 100%!important;}
    .footer-harmad{width: 100%;}
    .footer-negyed {width: 100%;}
    .footer-negyed a,.footer-negyed img{margin: auto; text-align: center; display: block;}
    .footer-negyed table{margin: auto; text-align: center;}
}