/* kosár kezdete*/
.cart_totals {
    float: left;
    text-align: right;
    width: 100%;
}

.cart_totals .tovabb {
	clear: both;
	float: left;
}

.table-cart {
    width: 100%;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
}

.table-cart th,
.table-cart td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    height: 75px;
}

.table-cart a {
	color: #fff;
}

.table-cart .product-thumbnail .product {
    position: relative;
    padding-left: 70px;
}

.table-cart .product-thumbnail img {
    max-width: 60px;
    max-height: 60px;
    position: absolute;
    top: -20px;
    left: 0px;

}

.table-cart .product-price,
.table-cart .product-subtotal {
  /*  font-family: "Open Sans", sans-serif;*/
}

.table-cart .product-remove a {
    font-size: 12px;
    color: #fff;
}

.table-cart .product-remove a:hover {
    color:#249ae8;
    text-decoration: underline;
}
.form-control {
    border-radius: 0px;
    border: 1px solid #ebebeb;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
	padding:5px;
}

.form-control:focus {
    border: 1px solid #ffd400;
}
.input-group.fixed-width .input-control {
    display: table-cell;
}

.input-group.fixed-width .input-control .input-xsmall {
    width: 100px;
}

.input-group.fixed-width .fixed-width-addon {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    padding: 4px 12px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    background: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    min-width: 39px;
    display: table-cell;
}
.hide{
	display:none!important;
	}

.summary-list li {
    margin-bottom: 10px;
}

.summary-list .summary-title {
    font-weight: 900;
}
.text-right{
	text-align:right;
}
input.form-control.input-xsmall{
	margin:0;
}
/* kosár vége*/
/* form kezdete*/

.btn, input.btn
 {
	text-align:center;
	margin:10px 0 0 0  !important;
	transition: all 0.2s;
	background-color:#ff0000 !important;
	padding:10px 50px;
	color:#fff;
	border-radius:6px;
	border:none  !important;
	text-decoration:none;
	font-weight:bold;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	transition: 0.2s;
	font-size:16px !important;
}
.btn:hover,input.btn:hover
 {
	color:#fff;
	background-color:#6DC405;
	transition: 0.2s;
	/*transform:scaleX(1.05) scaleY(1.05);*/
	transition: all 0.2s;
}

a.btn{
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}









.form{
	width:100%;
	margin:0;
}
@media screen and (min-width: 1240px) {
.form form{
width:80%;
margin:30px 10% 0 10%;
}
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
.form form{
width:80%;
margin: 0 auto;
}
}
@media screen and (max-width: 600px){
.form form{
width:80%;
margin: 0 auto;
}
}
.form .form-group {
    margin-bottom: 15px;
}
.form label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
.form .form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: calc(100% - 24px);
	margin-left:0;
}
.form select.form-control{
	 box-sizing: content-box;
	
}
.form select.form-control option{
	height: 24px;
	padding: 12px;
}

.form textarea.form-control {
    height: auto;
}
.form .button {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

.form input[type="submit"] {
	clear: both;
	padding: 10px 40px;
	font-size: 20px;
	background-color: #f0f0f0;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	transition: 0.2s;
}

.form input[type="submit"]:hover {
	background-color: #6DC405;
	transition: 0.2s;
	padding: 10px 50px;
}
.login{
	width: calc(33% - 20px);
	float:left;
	margin: 0 10px;
}
.w100{
	width: calc(100% - 20px);
}
.w50{
	width: calc(50% - 20px);
	float:left;
	margin: 0 20px 0 0;
}

.login h2{
	border-bottom: 1px solid #eee;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
a.forgotten-password{
	margin-top:10px;
	text-decoration:none;
	display:inline-block;
}

/* form vége*/
/*kosár kezdete*/
 .kosar {
	/*float:right !important;*/
	background-color:#fff;
	height:80px;
	width: 100px;
	transition: 0.2s;
	background-image:url(/images/kosar-bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	text-align:right;
	padding:0;
	display:inline-block;
	clear:both;
}

 .kosar:hover {
	background-color:#c3c3c3;
	transition: 0.2s;
}

 .kosar a {
	display:block;
	color:#000;
	font-weight: 500;
	font-size: 15px;
	text-decoration:none;
	padding:22px 0 40px 24px;
	text-align: center;
}
 .kosar a span {
	position: relative;
	top: -10px;
	left: 30px;
	background-color: #000;
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
}
	
	.termekek{
	display:table;
	border-collapse: separate;
  border-spacing: 15px;
  width:100%;
	}
	.termek div{
	padding:5px;
	}
		.termek{
		display:table-row;
		}

		.termek .kep {
			/*display: table-cell;*/
			width:300px;
			/*height:200px;*/
			max-width:100%;
			max-height:auto;
			background-repeat: no-repeat;
			background-size: contain;
		}

.termek h3 {
	color: #f1592a;
	margin: 0;
}

		.termek .szoveg {
			/*display: table-cell;*/

		}

		.termek .kosarba {
			display: table-cell;
		}

.termek .ar {
	padding: 5px;
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 500px) {
	.termek .kep, .termek .szoveg, .termek .kosarba{
		display: table-row;
		width:100%;
		float:left;
	}
	.termek .kosar-gomb {
		margin: 0 25% 50px 25%;
	}
	.termek .kep {
		text-align: center;
	}
}

.clear{
	display:inline-block;
	width:100%;
	clear:both;
}
.kosarnav{
	display:table;
	width:100%;
}
.kosarnav .cim{
	float: left;
	display:table-cell;
}
.kosarnav .cim h1{
	text-align:left;
}

.kosarnav .s{
	clear: both;
	float: left;
}

.kosarnav .k{
	/*display:table-cell;
	text-align: right;*/
	/*vertical-align: middle;*/
	float: right;
	margin: -70px 0 0 0;
}
/*kosár vége*/
/* vtab kezdete*/
.vtab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}
.vtab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

.vtab button:hover {
    background-color: #ddd;
}

.vtab button.active {
    background-color: #ccc;
}

.tabcontent {
    float: left;
    padding: 0px 12px;
  /*  border: 1px solid #ccc;*/
    width: calc(70% - 27px);
    border-left: none;
    min-height: 300px;
	
}
.vaccordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	margin-bottom:1px;
}

.vaccordion.active, .vaccordion:hover {
    background-color: #ccc;
}

.vaccordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.vaccordion.active:after {
    content: "\2212";
}

.vpanel {
    padding: 0 18px;
    background-color: black;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* vtab vége*/