@charset "utf-8";
/* CSS Document */

input, textarea, button{
	outline:none;
}
a{
	color:black;
    text-decoration: none;

}

body{
	margin:0 auto;
	max-width:1050px;
	background:url(img/body-bg.jpg) center fixed repeat-y;
}

#header-banner{
	width:1050px;
	height:200px;
	background-image:url(img/header-banner.jpg);
}

#kosar{
	    float: right;
    position: relative;
    top: 108px;
    right: 110px;
    font-size: 19px;
    font-family: titillium web;
    font-weight: 600;
    text-shadow: 1px 1px 0px rgb(51, 51, 51);
}

#kosar a{
	color:white;
}

#top-menu-container{
	width:1094px;
  position: relative;
  right: 22px;
  z-index:10;
  -webkit-transition: all 0ms linear;
-moz-transition: all 0ms linear;
-ms-transition: all 0ms linear;
-o-transition: all 0ms linear;
transition: all 0ms linear;

}

#top-menu-sep-left{
    background-image: url(img/top-menu-sep-left.png);
    width: 65px;
    height: 35px;
    position: absolute;
    left: -3px;
    top: -2px;
}

#top-menu-sep-right{
    background-image: url(img/top-menu-sep-right.png);
    width: 65px;
    height: 35px;
    position: absolute;
    right: 3px;
    top: -2px;
}

#top-menu{
	width:1094px;
	height:35px;
	background-color:#525252;
}

#top-menu ul{
	margin:0;
	padding:4px 0px;
	
}

#top-menu li, #top-menu li a{
	display:inline-block;
	font-size:20px;
    color: white;
    text-shadow: 0px 0px 0px black !important;
}

.top-menu-separator{
	background-image:url(img/top-menu-separator.png);
	height:20px;
	width:2px;
	display:inline-block;
	margin:0px 20px;
    position: relative;
    top: 3px;

}

#top-menu-bottom{
	float:left;
	width:22px;
	height:12px;
	background:url(img/top-menu-bottom-bg.png) left no-repeat;

}

#top-menu-bottom-r{
	width:1094px;
	height:12px;
	background:url(img/top-menu-bottom-bg-right.png) right no-repeat;

}

#img-menu-container{
	width:1050px;
	height:125px;
	background-image:url(img/img-menu-container-bg.jpg);
	position: relative;
    bottom: 12px;
	margin-bottom:-12px;
}

#img-menu-container-top{
	width:1050px;
	margin:0 auto;
	height:105px;
	padding-top:10px;
	padding-left:5px;
}

#img-menu-container-bottom{
	width:585px;
	margin:0 auto;
	height:105px;
	padding-top:5px;
	padding-left:5px;
}

.img-menu-content{
    width: 162px;
    height: 105px;
    display: inline-table;
	
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.8) 99%, rgba(255,255,255,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(99%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ccffffff',GradientType=0 );

	
    border-radius: 10px;
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.8);
    margin: 0px 4px;
    color: rgb(0, 152, 255);
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    font-weight: bold;
}

.img-menu-content:hover{

background: -moz-linear-gradient(top,  rgba(255,255,255,0.89) 0%, rgba(255,255,255,0.89) 2%, rgba(255,255,255,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.89)), color-stop(2%,rgba(255,255,255,0.89)), color-stop(100%,rgba(255,255,255,0.7)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.89) 2%,rgba(255,255,255,0.7) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.89) 2%,rgba(255,255,255,0.7) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.89) 2%,rgba(255,255,255,0.7) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.89) 2%,rgba(255,255,255,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ffffff', endColorstr='#b3ffffff',GradientType=0 );

    position: relative;
    top: 1px;
    box-shadow: 0px -2px 5px -2px rgba(0, 0, 0, 0.15);
}


.img-menu-content p{
	font-size:14px;
	margin:0px;
	padding:0px;
	display:table-row;
}

.img-menu-content img{
    margin-top: 10px;
    max-height: 60px;
    margin-bottom: -4px;
}

#content{
	background:rgba(255,255,255,0.75);
	display:table;
    box-shadow: #666 0 2px 20px;
	padding-bottom:30px;
    position: relative;
    bottom: 12px;
    margin-bottom: -12px;

}

#up{
	cursor:pointer;
    position: relative;
    height: 30px;
    width: 50px;
    background: white;
    border-radius: 10px 10px 0 0;
    font-size: 26px;
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.27), inset 0px 0px 20px -3px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    left: 222px;
    opacity: 0.3;
    text-shadow: 2px 2px 0px rgb(255, 255, 255);
	display:none;
}

#up:hover{
	opacity:1;
}

#menucat-container{
	margin-top:25px;
	width:1050px;
	position:relative;
}

ul.menu_new {
  position: relative;
  left: -65px;
  width: 297px;
  text-shadow: 0px 0.5px 0.5px rgba(255, 255, 255, 0.8);
  margin:0px;
}

ul.menu_new li{
	  background: url(img/li_back_.png);
	  display: block;
	  padding: 4px 4px 8px 17px;
	  text-decoration: none;
	  text-align: right;
	  border-radius: 2px;
	  font-size:16px;
}

ul.menu_new li a:hover {
  background: rgba(255,255,255,0.25);
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.02);
}

ul.menu_new div {
  box-shadow: 1px 3px 3px -3px rgba(0,0,0,0.55);
  padding-bottom: 3px;
  margin-top: -7px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  position: relative;
  top: 6px;
}

ul.menu_new li a:link, ul.menu_new li a:visited {
  text-decoration: none;
  color: black;
}

.categories-menu{
	position:absolute;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;}

.category-container{
	width:760px;
	position:relative;
	margin-left:290px;
}

.category-name{
	font-size:26px;
	font-weight:bold;
	text-shadow:1px 1px 0px white;
	padding-left:5px;
	width:100%;
	height:30px;
	background:black;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=1 );
}

.seo-text{
    font-size: 14px;
    color: rgb(228, 228, 228);
    text-shadow: 0px 0px 7px #DADADA;
    display: inline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

#elvalaszto{
	background-image:url(img/elvalaszto.png);
	width:65px;
	height:80px;
	  position: relative;
  left: 272px;
  top: 20px;

}

.horizontal-separator{
	  height: 1px;
  background: #e9e8e8;
  margin: 0px 0;
  float:none;

}

.products-row{
	overflow:hidden;
	margin:10px 0px;
	}

.product-container{
	position: relative;
	width:225px;
	min-height:320px;
	float:left;
    box-shadow: -3px 4px 10px -4px rgba(0, 0, 0, 0.18), 3px 4px 10px -4px rgba(0, 0, 0, 0.18);
	margin: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 );
}

.product-container:hover{
	    position: relative;
    top: 2px;
}

.product-name h2{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 3px 0px;
    color: #095197;
	  text-shadow: 1px 1px 0px white;
}

.product-description li{
	list-style-type:none;
	text-shadow:1px 1px 0px white;
}

.productdetails{
	width:99%;
}

.productdetails h1{
	    color: #0d4c89;
    border-bottom: solid 1px #ddd;
    font-family: 'Titillium Web', Arial;
    padding: 5px;
    font-size: 1.4em;
    line-height: 1.19em;
    font-weight: 600;
    margin: 0 -5px 10px -5px;

}

.productdetails table,tr,td{
	     border: solid 1px #ddd;
		 border-collapse: collapse;
		 font-family: arial, helvetica, sans-serif;
		 font-size:14px;
		     color: #333;

}

.productdetails ul{
	    list-style-position: outside;
    list-style-type: square;
    padding: 0 0 0 15px;
    margin: 10px 0 10px 0px;
}

.product-image img{
	max-height:60px;
}

#footer{
    background: linear-gradient(to bottom, rgb(144, 144, 144) 0%,rgb(53, 53, 53) 100%);
    box-shadow: 0px 8px 20px 0px #666;
	padding-bottom:1px;
}

.footer-sep{
    width: 5px;
    height: 235px;
    background: url(img/footer-sep.png);
    display: inline-block;
    margin: 0px 35px;
    vertical-align: sub;
}

#footer-content{
	margin:0 auto;
	width:1005px;
}

#partnerek{
	display:inline-block;
    vertical-align: top;
	margin-top:60px;
}

.partnerek-content{
	float:left;
    min-width: 125px;
    min-height: 105px;
}

.partnerek-content img{
	margin:0px;
}

.partnerek-content p{
    margin: 0px;
    padding: 0px;
    color: white;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.77);
}

.partnerek-content .footer-title{
    margin-top: 20px;
    color: white;
    font-family: titillium web;
    font-weight: 600;
    text-shadow: 1.5px 1px 0px rgba(0, 0, 0, 0.74);
    font-size: 20px;
}

.footer-title{
	    color: white;
    font-family: titillium web;
    font-weight: 600;
    text-shadow: 1.5px 1px 0px rgba(0, 0, 0, 0.74);
    font-size: 20px;
}

#elerhetoseg{
	display:inline-block;
    vertical-align: top;
	min-width:218px;
}

.elerhetoseg-content{
	margin-top:45px;
}

.elerhetoseg-content img{
	float:left;
	margin-right:5px;
}

.elerhetoseg-content p{
    font-size: 18px;
    padding-top: 3px;
    color: white;
    font-weight: 600;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.73);
    margin: 6px 0px;
}

#irjon{
	display:inline-block;
	width:240px;
}

#irjon input{
	padding-left: 5px;
    margin: 5px 0px;
    width: 230px;
    color: black;
    text-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 0px;
    height: 20px;
    border: none;
    box-shadow: inset 3px 4px 10px -1px rgba(0, 0, 0, 0.72), 1px 1px 1px -1px rgb(255, 255, 255), -1px -1px 1px -1px rgba(255, 255, 255, 0.22);
	background:#FAFFBD;
}

#irjon textarea{
    font-family: "arial";
    padding: 5px 0px 0px 5px;
    margin: 5px 0px;
    margin-bottom: 10px;
    width: 230px;
    height: 110px;
    color: black;
    text-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 0px;
    border: none;
    box-shadow: inset 3px 4px 10px -1px rgba(0, 0, 0, 0.72), 1px 1px 1px -1px rgb(255, 255, 255), -1px -1px 1px -1px rgba(255, 255, 255, 0.22), 0px 4px 9px -3px rgba(250, 255, 189, 0.79);
	overflow:hidden;
	background:#FAFFBD;
}

#vertical-line{
	    width: 90%;
    border-bottom: white 1px solid;
	margin-top:20px;
}

#footer-sub{
	width:1050px;
	margin-bottom:0px;
    margin-top:50px;
}

#footer-sub h1{
	color:white;
	font-size:12px;
}

#submitBtn{
    width: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0px 10px 3px 10px;
    box-shadow: 0px 0px 5px 0px black,inset 0px 0px 15px -4px black;
    cursor: pointer;
    font-family: titillium web;
    font-weight: 600;
    font-size: 14px;
    text-shadow: 1px 1px 0px #9A9A9A;
    border-color: darkgrey;
    border-top-color: rgba(255, 255, 220, 0.67);
    border-left-color: rgba(255, 255, 220, 0.22);
}

#breadcumb{
margin:0 0 10px 0;
padding:0;
}

#breadcumb li{
    list-style: none;
    display: inline-block;
}

#breadcumb a{
    color: blue;
    text-decoration: underline;
}

.additional-images {
	margin:10px 0;
	display:inline-block;
}

.additional-images img {
    margin-right: 8px;
    width: 50px;
    height: auto;
}

.floatleft{
	float:left;
}

.addtocart-button{
	    width: 100%;
    height: 60px;
    cursor: pointer;
}

.c-price-container{
    position: absolute;
    width: 104%;
    bottom: 10px;
    left: -4px;
    border-radius: 5%;
    overflow: hidden;
}

span.c-sales-price {
    font-size: 34px;
    background: #a0442d;
    color: white;
    text-shadow: 1px 1px 1px black;
    box-shadow: inset 25px 0px 20px -20px rgba(0, 0, 0, 0.25), inset -25px 0px 20px -20px rgba(0, 0, 0, 0.25);
}

.c-discount-amount{
    display: block;
    margin-top: 0px;
    background: rgb(255, 255, 255);
    color: #D00003;
    padding: 3px;
    font-family: arial;
    box-shadow: inset 25px 0px 20px -20px rgba(0, 0, 0, 0.25), inset -25px 0px 20px -20px rgba(0, 0, 0, 0.25), 0px 8px 9px -11px rgb(0, 0, 0);

}