/*
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: 14px; line-height: 18px;}
img{max-width: 100%!important; height: auto;}
.page-width{max-width: 975px;}
a{text-decoration: none; color:#C5A35B;}
a:hover{text-decoration: underline; color: #C5A35B;}
.totop{cursor: pointer;}
.background-white{background: #ffffff;}
.background-gold{background: #C5A35B;}
.background-blue{background: #0098DA;}
.background-black{background: #000000;}
.background-grey{background: #26252A;}
.background-light-grey{background: #EFEFEF;}
.color-white{color:white;}
.color-gold{color: #C5A35B;}
.color-blue{color: #0098DA;}
.color-grey{color: #cccccc;}
.error{color:#d90000; display: block; padding: 2px 0px; font-size: 12px; font-weight: bold;}
#same{cursor: pointer;}
#same:hover{color: #C5A35B;}
input[type="submit"]{outline: none; cursor: pointer; background: #000000; color: #ffffff; padding: 8px 13px; border: none; text-transform: uppercase;}
input[type="submit"]:hover{background: #C5A35B; 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: 9;}
#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:#C5A35B;;text-transform: uppercase; }
#top-header{background: url('../design/header-white-bgr.jpg') no-repeat center bottom #FFFFFF; min-height: 115px;}
#top-header-bottom{background: url('../design/header-gold-bgr.jpg') no-repeat center top #C5A35B; min-height: 15px;}

#kereses-form{border: 1px solid #C5A35B; 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: #119CE3; background: #C5A35B; 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; }
#content-inner{box-shadow: 0px 0px 15px #777777; -webkit-box-shadow: 0px 0px 15px #777777; -moz-box-shadow: 0px 0px 15px #777777;}
#content-inner-left{width: 195px;}
#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;}
#menubar ul li a:hover, #menubar ul li:hover a, #menubar ul li.selected a{background:#C5A35B; 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: #C5A35B!important;}

#formobile, #mobilmenu{display: none;}
#showmenu{background: #C5A35B; padding: 5px 10px; text-transform: uppercase; text-align: center; margin-top: 10px; color: #ffffff; cursor: pointer;}
.arrow{display: inline-block; background: #C5A35B; 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 #C5A35B; 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;}
#footer h2{text-transform: uppercase; color: #C5A35B; font-size: 16px; padding: 10px 0px;}
#footer ul{list-style: none;}
#footer ul li{}
#footer ul li a{background: url('../design/menu-arrow-gold.png') no-repeat left center; text-decoration: none; font-size: 14px; line-height: 22px; font-weight: bold; color: #000000; padding: 7px 15px;}
a#lista-fb{color: #C5A35B; 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: #C5A35B; 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;}



.products{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 #C5A35B;}
.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: 16px; line-height: 18px;}
h2.product-name{font-size: 14px; padding: 0px 10px; line-height: 18px; min-height: 70px; font-weight: normal;}
h2.product-name a{color: #C5A35B; text-decoration: none;}
h2.product-name a:hover{color: #C5A35B; text-decoration: none;}
span.plusz1{min-height: 50px; padding: 0px 10px; text-align: left; display: block; font-size: 12px; line-height: 16px;}
.product-allapot{font-size: 14px;}
.product-sizes{position: absolute; right: 5px; bottom: 10px;}
.product-size{background: #C5A35B; border-radius: 30px; font-size: 10px; font-weight: bold; height: 35px; width: 35px; line-height: 12px;}
.product-price{width: 125px; height: 29px; font-size: 15px; font-weight: bold; display: inline-block; color: #000000; background: url('../design/price-label.png') no-repeat center center; 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: #C5A35B; 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:#C5A35B;}
.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: #C5A35B; font-size: 24px; line-height: 28px; padding: 5px 0px 10px 0px; font-weight: normal;}
.article h1:first-child{padding-top: 0px;}
.article p{padding: 5px 0px 10px 0px;}
.article ul, .article ol{margin: 10px 30px;}
.article ul li, .article ol li{line-height: 18px;}
.show-more-products{background: #000000; color:#ffffff; font-weight: bold; padding: 5px 10px; text-align: center; cursor: pointer;}
.show-more-products:hover{background: #C5A35B;}
#szuroform{background: #EFEFEF; padding: 5px 10px; text-align: right;}
#szuroform input, #szuroform select{padding: 5px;}
#szuroform label{position: relative; top:1px;}

@media only screen and (max-width : 800px) {
    #top-header{padding: 0px 15px;}
    #top-black{padding: 0px 15px;}
    #top-header{background: #ffffff;}
    #top-header-bottom{background: #C5A35B;}
    #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) {
    .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;}
}