/**************
	alapok
***************/
body {
	position: relative;
}

.left{
	float: left;
}
.right{
	float: right;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.clear{
	clear: both;
}
a.link,.link{
	color: #898989;
	cursor: pointer;
	border-bottom: 1px dotted;
}
a img{
	border: 0;
}
.margin-b-5{
	margin-bottom: 5px;
}
.margin-b-10{
	margin-bottom: 10px;
}
.margin-b-20{
	margin-bottom: 20px;
}
.margin-b-40{
	margin-bottom: 40px;
}
.margin-r-20{
	margin-right: 20px;
}
.margin-t-10{
	margin-top: 10px;
}
.margin-t-20{
	margin-top: 20px;
}
.margin-t-30{
	margin-top: 30px;
}
.margin-tb-20{
	margin: 20px 0;
}
.dotted{ /* ezt kell ahhoz hozzá adni, ahol 1 sorban van a szöveg és ki kell pntozni, ha hosszú*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pic-parent{ /* ez kell az IE középre igazítás miatt oda, ahol függőlegesen kell középre igazítani. Ebben legyen az img, és egy .ie-span span is (ennek css-e az ie.css-ben van! */
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.pic-parent *{
	vertical-align: middle;
}
.pic-parent img{
    border: 0 none;
}

.pop-up{
	background: #ffffff;
	border: 2px solid #354C83;
	display: none;
	position: absolute;
	width:300px;
	padding: 15px;
	top: 101px;
	left: 50%;
	margin-left: -170px;
	z-index: 1000000000;
}
.pop-up .close{
	margin-left: 10px;
	cursor: pointer;
}
.pop-up .pop-up-close{
	background: url('pic/sprites.png') no-repeat -88px -80px transparent;
	display: inline-block;
	position: absolute;
	right:10px;
	top: 10px;
	height: 20px;
	width: 20px;
}
#opener-window.pop-up{
	width: 560px;
	margin-left: -280px;
}
#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1001;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	display: none;
}

.hidden {
    display: none !important;
}

/********************
	front-end
*********************/

#page-content{
	background-color: #ffffff;
	position: relative;
}
#header{
	/* TODO visszaálítani desktopon a hátteret */
	/* background: url('pic/header-bg.jpg') repeat-x 0 0 transparent; */
	/* height: 103px; */
	position: relative;
}
#header .inner{
	/* height: 103px; */
	max-width: 1000px;
	margin: auto;
}

#header .inner .other-user{
    color: #385292;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
}
#header .inner .other-user .button{
    font-weight: normal;
    line-height: 23px;
    margin-left: 10px;
    padding: 0 10px;
}

#header .menu{
	position: relative;
}

	/*
		menu hover/active
	*/
#header .menu .menupont.active,
#header .menu .menupont.login-open{ /*ez a login-box lenyitásánál adódik hozzá a menüponthoz*/
	background-color: #385292;
}
#header .menu .menupont .shadow-left,
#header .menu .menupont .shadow-right{
	display: none;
	position: absolute;
	top: 0;
	width: 10px;
	height: 79px;
}
#header .menu .menupont .shadow-left{
	left:0;
	background: url('pic/sprites.png') no-repeat -12px -21px transparent;
}
#header .menu .menupont .shadow-right{
	right: 0;
	background: url('pic/sprites.png') no-repeat 0 -21px transparent;
}
#header .menu .menupont.active .shadow-left,
#header .menu .menupont.active .shadow-right,
#header .menu .menupont.login-open .shadow-left,
#header .menu .menupont.login-open .shadow-right{
	display: block;
}

	/*
		menu ikonok
	*/

#header .menu .menupont .menu-icon.belepes{
	background: url('pic/sprites.png') no-repeat -76px 0 transparent;
}
#header .menu .menupont .menu-icon.kilepes{
	background: url('pic/sprites.png') no-repeat -58px 0 transparent;
}
#header .menu .menupont .menu-icon.regisztracio,
#header .menu .menupont .menu-icon.adataim{
	background: url('pic/sprites.png') no-repeat -20px 0 transparent;
}
#header .menu .menupont .menu-icon.kosar{
	background: url('pic/sprites.png') no-repeat -39px 0 transparent;
}
#header .menu .menupont .menu-icon.vasarlasaim{
	background: url('pic/sprites.png') no-repeat 0 0 transparent;
}
#header .menu .menupont .menu-icon.termekek{
	background: url('pic/sprites.png') no-repeat 0 -121px transparent;
}
.kosar-db{
    background-color: #3937B3;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    line-height: 17px;
    padding: 2px 4px 3px 3px;
    position: absolute;
    /* right: 25px; */
    text-align: center;
    /* top: 8px; */
	width: 16px;
}


#container{
	max-width: 1000px;
	min-height: 500px;
	margin: auto;
}

.page-title{
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0;
}
.sub-title{
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}

.webterkep{
	line-height: 24px;
	max-width: 1000px;
	margin: auto;
	padding: 10px 0;
}
.webterkep,
.webterkep span,
.webterkep a {
    color: #2C2C2E;
    font-size: 11px;
}
.webterkep a{
	border-bottom: 1px dotted;
}
.webterkep span {
    margin: 0 5px;
}

.pdf-icon{
    background: url("pic/sprites.png") no-repeat scroll -109px -80px transparent;
    display: inline-block;
    height: 22px;
    width: 18px;
	vertical-align: middle;
	margin-right: 5px;
}


/************************
	inputok + bejelentkezés
************************/
.form-row{
    margin-bottom: 10px;
}
.text-div-title{
	display: inline-block;
	width: 140px;
}
.text-div { /* ebben van az input */
    display: inline-block;
	background-color: #385292;
}
.text-div-info {
	display: inline-block;
	margin-left: 140px;
    font-size: 11px;
}
.text-div.bg-white{
	background-color: #ffffff;
}
.text-div.error-text-div{
	background-color: #BF2B2F;
}
.text-div.error-text-div:hover{
	border-color: red;
}
.text-div input[type="text"], input[type="password"], textarea, select {
	background: none;
	border: none;
	color: #ffffff;
    font-size: 12px;
	font-family: arial, sans-serif;
	outline: none;
	margin: 5px;
	width: 250px;
}
.text-div:hover,
select:hover{
	outline: none;
}
select{
	background-color: #385292;
	min-width: 100px;
	width: auto;
	padding: 0;
}
option{
	padding: 0 10px;
}
textarea{
	height: 100px;
	vertical-align: top;
	font-family: arial, sans-serif;
}
input[type="text"].mennyiseg-input{
	width:25px;
	margin-right:5px;
	text-align: center;
}

.login-box{
    background-color: #385292;
	color: #ffffff;
	display: none;
    right: 0;
    padding: 15px;
    position: absolute;
    top: 103px;
    width: 290px;
    z-index: 10000;
	text-transform: none;
}
.login-box .text-div{
	background-color: #ffffff;
}
.login-box .text-div.error-text-div{
	background-color: #E7A0A2;
}
.login-box span.text-div-title {
    display: inline-block;
    width: 53px;
}
.login-box input[type="text"], .login-box input[type="password"] {
	color: #2C2C2E;
    width: 220px;
}
.login-box input[type="submit"] {
    background-color: #FFFFFF;
    border: 0 none;
    color: #385292;
    cursor: pointer;
    padding: 4px 10px;
}
.psw-reminder-submit{
	display: none;
}
.elfelejtett-jelszo-checker {
    display: none;
}
.elfelejtett-jelszo {
    cursor: pointer;
    margin-left: 5px;
}

.flag.hu{
	background: url('pic/flag-hu.png') no-repeat 0 0 transparent;
}
.flag.en{
	background: url('pic/flag-en.png') no-repeat 0 0 transparent;
}


.edit-address{
/*	display: none;*/
}
.edit-address .text-div-title{
/*	width:85px;*/
}
.input-helyett-text{
	color: #ffffff;
    padding: 6px;
	width: 260px;
	display: inline-block;
	max-width: 100%;
}
.text-div .input-helyett-text{
	color: #ffffff;
}
.text-div.bg-white .input-helyett-text{
	color: #2C2C2E;
}
.address-box{
    border-bottom: 1px dotted #ddd;
    padding: 30px 0;
}

.address-input{
    display: none;
}

.activation-message{
    display: block;
    line-height: 20px;
	text-align: center;
	margin-bottom: 40px;
}

.errors-global{
    margin: 10px 0;
    color: #99171A;
}


/**** gombok ****/

.white-button{
	background-color: #ffffff;
	border: none;
	display: inline-block;
	color: #385292;
	cursor: pointer;
	padding: 4px 10px;
}
.blue-button{
	background-color: #385292;
	border: none;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	padding: 4px 10px;
}
.red-button{
	background-color: #BD362F;
	border: none;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	padding: 4px 10px;
}
.delete-button{
	background-color: #464646;
	border: none;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	padding: 4px 10px;
}
.white-button.cart-button{
	display: block;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
.white-button.cart-button .cart-icon{
    background: url("pic/sprites.png") repeat scroll -150px 0 transparent;
    display: inline-block;
    height: 30px;
    margin-left: 6px;
    vertical-align: middle;
    width: 49px;
}
.gray-button{
	background-color: #DDDDDD;
	border: none;
	display: inline-block;
	color: #000000;
	cursor: pointer;
	padding: 4px 10px;
}
.gray-button.passive {
	cursor: auto;
}
.gray-button.active{
	border: 1px solid #BBBBBB;
    color: #385292;
}

/***********************
	kategória
***********************/

.szures-block .title{
	font-size: 18px;
}
.szures-block .title span{
	font-size: 15px;
}
.szures-block ul{
	margin: 13px 0;
	padding: 0;
	list-style: none;
}
.szures-block .text-div{
	margin: 13px 0;
}
input.range-text{
	border: 0pt none; padding: 0pt; text-align: right; width: 150px;
}
.page-title .kategoria-leiras{
	background-color: #EFEFEF;
    font-size: 16px;
    padding: 10px;
}
.szures-block input[type='text'].search-input{
	font-size: 15px;
    height: 16px;
    padding: 2px;
    vertical-align: top;
	width: 172px;
}
.szures-block .search-btn{
	background: url("pic/pagination.jpg") no-repeat scroll -132px 0 transparent;
    cursor: pointer;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.szures-block .search-btn:hover{
	background-position: -220px 0;
}

/*****
	kat + termék doboz
*****/

ul.list{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list li.list-box{
	border: 1px solid #DCDCDE;
	float: left;
	margin: 0 7px 7px 0;
	position: relative;
	max-width: 47%;
}
ul.list li.list-box a.list-box-a{
    color: #656565;
    display: block;
    height: 188px;
    margin-bottom: -1px;
    margin-left: -1px;
    /* width: 188px; */
}
/*ul.list li.list-box.product-box .product-slide-div a.list-box-a{
	width: 188px;
	height: 188px;
}*/
ul.list li.list-box a .img {
	/* display: table-cell;
	margin: 0 auto;
    height: 148px;
    text-align: center;
	vertical-align: middle;
	max-width: 100%; */
	/* width: 100%; */
	height: 148px;
	display: block;
	margin: 4px;
	/* background-size: contain;
	background-repeat: no-repeat; */
}
ul.list li.list-box.product-box a .img{
	/* width: 188px; */
	height: 128px;
}
ul.list li.list-box a .img img{
    border: 0 none;
    max-height: 147px;
	width: 100%;
	margin-left: 1px;
}
ul.list li.list-box.product-box a .img img{
	max-height: 128px;
    max-width: 175px;
}
ul.list li.list-box a .name{
	display: block;
	cursor: pointer;
	height: 40px;
	text-transform: uppercase;
	text-align: center;
}

@media screen and (max-width: 400px) {
	ul.list li.list-box a .name{
		font-size: 9px;
	}
}

ul.list li.list-box.product-box a .id{
	display: block;
	font-size: 11px;
	height: 20px;
	text-align: center;
}
.product-slide-div {
    position: relative;
}
.product-slide-div:hover .product{
	cursor: pointer;
}
.product-slide-toggle{
    background-color: #354C83;
    top: 187px;
    color: #FFFFFF;
    display: none;
    left: -1px;
    padding: 10px;
    position: absolute;
	width: 189px;
	/* width: 100%; */
    z-index: 10;
	text-align: center;
}
.product-slide-toggle div{
	text-align: left;
}
.product-slide-toggle span.price-title{
	display: inline-block;
}





.message{
	width: 100%;
}
.message > div {
    margin: 10px;
    position: relative;
}
.message .message-text {
    padding-right: 20px;
}
.message-close{
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.message.info .message-close{
	background: url("pic/sprites.png") no-repeat scroll -46px -80px transparent;
}
.message.error .message-close{
	background: url("pic/sprites.png") no-repeat scroll -67px -80px transparent;
}
.message.attention .message-close{
	background: url("pic/sprites.png") no-repeat scroll -25px -80px transparent;
}
.message.info{
	background-color: #D9F7DE;
	border: 1px solid #26A339;
	color: #26A339;
}
.message.error{
    background-color: #FEF9F4;
    border: 1px solid #FD2E2E;
    color: #FD2E2E;
}
.message.attention{
	background-color: #FBF4EC;
	border: 1px solid #FF8910;
	color: #C96400;
}

.question-icon{
    background: url("pic/sprites.png") no-repeat scroll -128px -80px transparent;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
}

/* rendezés */
.order > div.left{
	margin:0 20px;
}
.order-arrows{
	width: 18px;
	float: left;
	margin-left: 5px;
}
.order-arrows .order-button {
	border-color: #cccccc transparent transparent;
    border-style: solid;
    border-width: 7px;
    cursor: pointer;
    float: left;
}
.order-arrows .order-button.up {
    border-color: transparent transparent #CCCCCC;
    margin-top: -5px;
}

.order-arrows .order-button.down {
    margin-bottom: -7px;
    margin-top: 2px;
}
.order-arrows .order-button:hover,
.order-arrows .order-button.ordered{
	border-color: #E57996 transparent transparent;
}
.order-arrows .order-button.up:hover,
.order-arrows .order-button.up.ordered{
	border-color: transparent transparent #E57996;
}
/* lapozás*/

.pagination-block{
	background-color: #354C83;
	color: #ffffff;
	padding: 8px 20px;
}
.pagination .pag-button {
    background: url("pic/sprites.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 16px;
    margin: 0 1px;
    width: 16px;
}
.pagination .pag-button.first {
    background-position: 0 -102px;
}
.pagination .pag-button.prev {
    background-position:  -20px -102px;
}
.pagination .pag-button.next {
    background-position:  -38px -102px;
}
.pagination .pag-button.last {
    background-position:  -57px -102px;
}
.pagination .pag-button.first.disable,
.pagination .pag-button.prev.disable,
.pagination .pag-button.next.disable,
.pagination .pag-button.last.disable{
    opacity: 0.3;
	filter:alpha(opacity=30);
}
.pag-num {
    color: #ffffff;
	cursor: pointer;
    float: left;
    line-height: 17px;
	margin: 0 1px;
    padding: 0 5px;
    text-align: center;
}
.pag-num:hover,
.pag-num.pag-active {
    background-color: #FFFFFF;
	color: #354C83;
    cursor: default;
}


/******************
	oldaltérkép
******************/

.level-1{
	padding-left: 20px;
}
.level-1, .level-2, .level-3{
	list-style: none;
}
.level-2, .level-3{
	padding: 0;
}
.level-2{
	float: left;
	clear: both;
}
.level-2 > li{
	float: left;
	width: 120px;
	padding: 15px;
}
.level-2 > li > a{
	font-weight: bold;
}

.select2-results__option .select2-span {
	width: 100%!important;
}