@charset "utf-8";
@import url('./reset.css') all;
@media screen, projection {
	body {
		color: #313131;
		font: 400 75%/normal 'Open Sans', sans-serif;
		background: #fff url(../images/bg-body.png);
		line-height: normal;
		overflow-x: hidden !important;
	}
	p, address {
		padding: 10px 0 0 0;
		line-height: 150%;
	}
	ul {
		padding: 10px 0 0 0;
	}
	ul li {
		padding: 0 0 0 20px;
		background: none;
		line-height: 150%;
	}
	table {
		margin: 10px 0 0 0;
		width: 100%;
	}
	strong {
		font-weight: 700;
	}
	h1, h2, h3 {
		padding: 10px 0 0 0;
		font-weight: 700;
		line-height: normal;
	}
	h1 {
		font-size: 180%;
	}
	h2 {
		font-size: 150%;
	}
	h3 {
		font-size: 120%;
		font-weight: 400;
	}
	input, textarea {
		font: 100%/normal 'Open Sans', sans-serif;
	}
	a, a:hover {
		color: #000;
		font-weight: normal;
		text-decoration: none;
	}
	a:hover {
		color: #000;
	}
	.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
	}
	.float-left {
		float: left !important;
	}
	.float-right {
		float: right !important;
	}
	.text-left {
		text-align: left !important;
	}
	.text-center {
		text-align: center !important;
	}
	.text-right {
		text-align: right !important;
	}
	.input {
		background: #fff;
		padding: 0;
		margin: 0;
		height: 33px;
		line-height: 33px;
		border: 0;
		border-radius: 5px;
		box-shadow: 0px 0px 3px #666;
		-webkit-appearance: none;
	}
	.button, .button:hover, .button-gray, .button-gray:hover {
		display: inline-block;
		background: #225596;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
	}
	.button-gray, .button-gray:hover {
		background: #8d8d8d;
	}
	.button:hover {
		background: #103665;
	}
	.button-gray:hover {
		background: #696969;
	}
	.button span, .button:hover span, .button-gray span, .button-gray:hover span {
		display: block;
		padding: 10px 15px 11px 15px;
		font-size: 120%;
	}
	.lista {
		text-align: center;
		color: #fff;
	}

	.lista a {
		color: #fff;
	}

	/* Články */
	.article-title {
		padding: 15px 0px 0px;
	}
	.article-title a, .article-title a:Hover {
		text-decoration: none;
	}
	.article-title a:Hover {
		text-decoration: underline;
		color: #31a9ff; 
	}
	.date {
		font-size: 0.9em;
		padding: 0px;
	}
	.art-content {
		background: url(../images/bg-dotted.png) repeat-x left bottom;
		padding: 0px 0px 0px 0px;
		text-align: justify;
	}
	.article {
		padding: 0px;
	}
	.article-list {
		background: url(../images/bg-dotted.png) repeat-x left top;
		margin: 20px 0px 0px;
		padding: 8px 0px 0px;
	}

	/* komentáře */
	#komentare{
		text-align: left;
	}
	#komentare a{
		font-size: 0.9em;
	}
	#komentare p{
		display: block;
		/*border-bottom: 1px solid #E4EAEF;*/
		margin: -10px 0px 27px 0px; 
	}

	/* staré ankety */
	.poll .in {
		font-size: 80%;
	}
	.poll .in p strong {
		display: block;
	}
	.poll .in ul {
		padding: 5px 0 0 0;
	}
	.poll .in ul li {
		padding: 5px 0 0 0;
		background: none;
		display: block;
		clear: left;
	}
	.poll .in ul li a, .poll .in ul li a:hover {
		text-transform: uppercase;
	}
	.poll .in ul li div span {
		display: block;
		float: left;
		width: 50px;
		height: 10px;
		margin: 2px 5px 0 0;
		background: #fff;
	}
	.poll .in ul li div strong {
		display: block;
		float: left;
		font-weight: normal;
	}
	.hin {
		padding: 10px 10px 10px 25px;
		background: #103665 url(../images/arrow-white.png) no-repeat 10px center;
		color: #fff;
		font-size: 130%;"
	}

}
@media screen and (min-width: 320px) {
	body {
		padding: 90px 0 0 0;
	}
	h1 {
		display: none;
	}
	#sub h1, #det h1 {
		display: block;
		padding: 5px 10px 0 10px;
		color: #4e4e4e;
	}
	a:hover {
		text-decoration: none;
	}
	#left .box {
		display: none;
	}
	#right .breadcrumbs {
		padding: 0 10px;
		font-size: 90%;
	}
	#right .stars {
		display: inline-block;
		padding: 0 0 0 5px;
	}
	#right .stars small {
		background: url(../images/icon-star.png) no-repeat 0 0;
		display: inline-block;
		width: 18px;
		float: left;
		height: 17px;
		overflow: hidden;
		line-height: 1000px;
	}
	#right .stars .active {
		background: url(../images/icon-star.png) no-repeat 0 -17px;
	}
	#right .stars span {
		display: none;
	}
	#right .promo {
		border-bottom: 1px solid #dcdcdc;
	}
	#right .promo .slides ul {
		padding: 0;
		border: none;
	}
	#right .promo .slides ul li {
		padding: 0;
		background: none;
		border: none;
	}
	#right .promo .slides ul li a {
		display: block;
		border: none;
	}
	#right .promo .slides ul li a img {
		width: 100%;
		height: auto;
		border: none;
	}
	#right .promo .pager {
		display: none;
	}
	#right .delivery {
		display: none;
	}
	#right .home-top {
		padding: 0;
		background: #fff url(../images/bg-home-promo.png) repeat-x left bottom;
	}
	#right .home-top li {
		padding: 0;
		padding: 10px;
		background: none;
	}
	#right .home-top li .image {
		display: block;
		float: left;
		padding: 0;
		width: 50%;
		min-height:380px;
		text-align: center;
	}
	#right .home-top li .image a img {
		width: 100%;
	}
	#right .home-top li .image .discount {
		display: block;
		background: url(../images/bg-discount.png);
		background-size: 40px 40px;
		text-align: center;
		position: absolute;
		font-weight: 700;
		color: #fff;
		width: 40px;
		height: 34px;
		font-size: 130%;
		padding: 6px 0 0 0;
		text-align: center;
	}
	#right .home-top li .info {
		float: left;
		width: 50%;
	}
	#right .home-top li .info .title {
		padding: 0 0 0 10px;
		font-size: 140%;
	}
	#right .home-top li .desc {
		font-size: 90%;
		padding: 0;
	}
	#right .home-top li .add {
		text-align: center;
	}
	#right .home-top li .add .button {
		text-transform: uppercase;
	}
	#right .home-top .old-price {
		display: block;
		padding: 0 0 0 10px;
	}
	#right .home-top .old-price span {
		text-decoration: line-through;
	}
	#right .home-top .price {
		display: block;
		padding: 0 0 0 10px;
		color: #d00;
		font-size: 170%;
	}
	#right .home-top .vat-price {
		display: block;
		padding: 0 0 0 10px;
	}
	#right .home-selected {
		padding: 0;
		display: none !important;
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
	}
	#right .home-selected li {
		float:left;
		height:297.5px;
		background: none;
		padding: 10px 10px 5px 10px;
		border-top: 1px solid #dcdcdc;
		width:50%;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}
	#right .home-selected li .image {
		display: block;
		float: left;
		padding: 0;
		width: 40%;
	}
	#right .home-selected li .image a {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	#right .home-selected li .image a img {
		width: 100%;
	}
	#right .home-selected li .image .discount {
		display: block;
		background: url(../images/bg-discount.png);
		background-size: 30px 30px;
		text-align: center;
		position: absolute;
		font-weight: 700;
		color: #fff;
		width: 30px;
		height: 28px;
		padding: 2px 0 0 0;
	}
	#right .home-selected li .info {
		float: left;
		width: 60%;
	}
	#right .home-selected li .info .title {
		padding: 0 0 0 10px;
		font-size: 120%;
	}
	#right .home-selected li .info .old-price {
		display: block;
		padding: 0 0 0 10px;
		text-decoration: line-through;
	}
	#right .home-selected li .info .price {
		display: block;
		padding: 0 0 0 10px;
		color: #d00;
		font-size: 140%;
	}
	#right .home-selected li .info .vat-price {
		display: block;
		padding: 0 0 0 10px;
	}
	#right .recom-title, #right .top {
		display: none;
	}
	#right .top div ul {
		padding: 0;
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
	}
	#right .top div ul li {
		display: block;
		background: none;
		padding: 10px 10px 5px 10px;
		border-top: 1px solid #dcdcdc;
	}
	#right .top div ul li .image {
		float: left;
		width: 40%;
		padding: 0;
	}
	#right .top div ul li .image img {
		display:inline-block;
		max-width: 100%;
		max-height:100%;
		text-align:center;
	}
	#right .top div ul li .info {
		float: left;
		width: 60%;
	}
	#right .top div ul li .info .title {
		padding: 0 0 10px 10px;
		font-size: 120%;
	}
	#right .top div ul li .info .price, #right .top div ul li .image .price {
		background: url(../images/bg-best-price.png);
		color: #fff;
		padding: 3px 5px;
		margin: 0 0 0 10px;
		font-size: 140%;
		display: inline-block;
	}
	#right .top div ul li .info .price small, #right .top div ul li .image .price small {
		font-size: 70%;
	}
	#right .best-sell {
		padding: 0;
		border-bottom: 1px solid #dcdcdc;
	}
	#right .best-sell li {
		display: block;
		background: #fff;
		border-top: 1px solid #dcdcdc;
		padding: 0 10px 10px 10px;
	}
	#right .best-sell li .image {
		float: left;
		width: 20%;
	}
	#right .best-sell li .image a img {
		display:inline-block;
		text-align:center;
		max-width:100%;
		max-height:100%;
	}
	#right .best-sell li .info {
		float: left;
		width: 75%;
	}
	#right .best-sell li .info h2 {
		padding: 10px 0 0 10px;
		font-size: 120%;
	}
	#right .best-sell li .info .stock {
		padding: 0 0 0 10px;
		color: #325600;
		font-size: 90%;
	}
	#right .best-sell li .info .desc {
		padding: 0 0 0 10px;
		font-size: 90%;
	}

	.prices {
		float:left;
		margin-left:12px;
	}
	#right .best-sell li .prices .price {
		display: block;
		padding: 7px 0 0 0;
		color: #d00;
		font-size: 140%;
	}

	#right .best-sell-more {
		text-align: center;
		padding: 8px 0 10px 0;
		position: relative;
		z-index: 1;
	}
	#right .best-sell-more a {
		dislay: block;
		text-align: center;
		background: #eef3fa;
		padding: 8px 10px;
	}
	#right #more-best-sell {
		display: none;
	}
	#right .products {
		padding: 0;
		border-bottom: 1px solid #dcdcdc;
		position: relative;
	} 
	#right .products li {
		padding: 0;
		border-top: 1px solid #dcdcdc;
		padding: 10px 10px 5px 10px;
		background: #fff url(../images/bg-product.png) repeat-x 0 0;
	}
	#right #more-best-sell li:first-child {
		border-top: none;
	}
	#right .products li .title {
		padding: 0 0 0 10px;
		font-size: 120%;
	}
	#right .products li .desc {
		clear: both;
		font-size: 90%;
		padding: 0;
	}
	#right .products li .image {
		display: block;
		float: left;
		padding: 0;
		width: 30%;
	}
	#right .products li .image img {
		display:inline-block;
		text-align:center;
		max-width:100%;
		max-height:100%;
	}
	#right .products li .cleaner {
		display: none;
	}
	#right .products li .info {
		float: left;
		position: relative;
		width: 161px;
	}
	#right .products li .info .old-price {
		display: block;
		padding: 0 0 0 10px;
	}
	#right .products li .info .old-price span {
		text-decoration: line-through;
	}
	#right .products li .info .price {
		display: block;
		padding: 0 0 0 10px;
		color: #d00;
		font-size: 140%;
	}
	#right .products li .info .vat-price {
		display: block;
		padding: 0 0 0 10px;
	}
	#right .products li .add {
		position: absolute;
		padding: 0;
		right: 0;
		bottom: 4px;
	}
	#right .products li .add .button {
		text-transform: uppercase;
	}
	#right .products li .stock {
		color: #325600;
	}
	#right .products li .labels {
		width: auto;
		margin: 24px 0 0 0;
		position: absolute;
	}
	#right .products li .labels li {
		height: auto;
		border: none;
		padding: 0px 6px 0px 0px;
		background: transparent url("../images/bg-labels.png") no-repeat scroll right top;
		display: block;
		float: left;
		clear: both;
		margin: 1px 0px 0px;
	}
	#right .products li .labels li span {
		background: #D00 none repeat scroll 0% 0%;
		height: 23px;
		line-height: 24px;
		color: #FFF;
		font-weight: 400;
		font-size: 85%;
		text-transform: uppercase;
		display: block;
		padding: 0px 2px 0px 6px;
	}
	/*#right .products li .bottom-container {
		padding-left: 0 !important;
		width: 100% !important;
	}
	#right .products li .bottom-container .info {
		padding-left: 0;
	}
	#right .products li .bottom-container .info .price {
		padding-left: 0;
	}
	#right .products li .bottom-container .info .vat-price {
		padding-left: 0;
	}
	#right .products li .bottom-container .info .add {
		left: 0;
	}*/
	#right .load-more {
		text-align: center;
		padding-bottom: 20px;
	}
	#right .sort {
		text-align: center;
	}
	#right .sort .slider {
		padding: 40px 0 0 0;
	}
	#right .sort .slider li {
		padding: 0;
	}
	#right .sort .slider .title {
		display: none;
	}
	#right .sort .slider .from {
		position: absolute;
		left: 10px;
		margin: -25px 0 0 0;
	}
	#right .sort .slider .price-slider {
		padding: 0 2px 0 0;
	}
	#right .sort .slider .to {
		position: absolute;
		right: 10px;
		margin: -25px 0 0 0;
	}
	#right .sort .more {
		border-bottom: 1px solid #dcdcdc;
		padding: 20px 0 0 0;
		height: 55px;
		position: relative;
	}
	#right .sort .more .button {
		left: 0;
		position: absolute;
	}
	#right .sort .more .cancel {
		right: 0;
		position: absolute;
		margin: 15px 0 0 0;
	}
	#right .sort .per-page li, #right .sort .pages li {
		padding: 0 3px;
		background: none;
		display: inline-block;
	}
	#right #more-params {
		display: none;
		border-bottom: 1px solid #d4dae4;
		text-align: left;
		padding: 0 0 10px 0;
	}
	#right .sort .sort-by li {
		background: none;
		padding: 0;
	}
	#right .sort .sort-by .title {
		display: none;
	}
	#right .sort .pages li .active, #right .sort .per-page li .active {
		color: #000;
	}
	#cat, #right .subcats {
		padding: 0;
		width: 100%;
	}
	#sub #cat, #det #cat {
		display: none;
	}
	#right .subcats ul {
		border-top: 1px solid #d4dae4;
		padding: 0;
		font-size: 90%;
	}
	#right .in .facebook {
		padding: 10px 0 0 0;
	}
	#right .in .facebook img {
		width: auto;
		height: auto;
	}
	#detail .detail-left .main {
		padding: 10px 0 0 0;
		text-align: center;
	}
	#detail .detail-left .main img {
		display:inline-block;
		width:auto;
		max-width:100%;
	}
	#detail .detail-left .labels {
		padding: 0;
		margin: 9px 0 0 0;
		position: absolute;
	}
	#detail .detail-left .labels li {
		padding: 0 6px 0 0;
		background: url(../images/bg-labels.png) no-repeat right top;
		display: block;
		float: left;
		clear: both;
		margin: 1px 0 0 0;
	}
	#detail .detail-left .labels li span {
		background: #d00;
		height: 23px;
		line-height: 24px;
		color: #fff;
		font-weight: 400;
		font-size: 85%;
		text-transform: uppercase;
		display: block;
		padding: 0 2px 0 6px;
	}
	#detail .detail-right .desc {
		padding: 10px 0;
		border-bottom: 1px solid #ededed;
		cursor:pointer;
	}
	#detail .detail-right .prices {
		padding: 0;
		margin: 0;
		font-size: 120%;
		display:block;
		width:100%;
	}
	#detail .detail-right .prices li {
		padding: 10px 0 0 0;
		background: none;
		clear: both;
		display: block;
		width:100%;
	}
	#detail .detail-right .prices li span {
		display: block;
	}
	#detail .detail-right .prices li .title {
		float: left;
		width:50%;
	}
	#detail .detail-right .prices li .value {
		float: left;
		text-align: left;
		width:50%;
	}
	#detail .detail-right .prices li .final-price {
		font-size: 200%;
		color: #d00;
	}
	#detail .detail-right .prices li .old-price {
		text-decoration: line-through;
	}
	#detail .detail-right .buy {
		background: #f2f2f2;
		margin: 10px 0 0 0;
		padding: 15px 10px;
	}
	#detail .detail-right .buy .status {
		padding: 0;
		float: left;
	}
	#detail .detail-right .buy .status li {
		padding: 0;
		background: none;
		display: block;
	}
	#detail .detail-right .buy .status .stock {
		color: #325600;
	}
	#detail .detail-right .buy .status .delivery span {
		display: block;
	}
	#detail .detail-right .buy .count {
		padding: 9px 0 0 0;
		float: right;
	}
	#detail .detail-right .buy .count li {
		padding: 0;
		float: left;
		display: block;
	}
	#detail .detail-right .buy .count .total {
		padding: 4px 0 0 0;
	}
	#detail .detail-right .buy .count .total .input {
		text-align: center;
		width: 40px;
	}
	#detail .detail-right .buy .count .unit {
		padding: 11px 12px 0 8px;
	}
	#detail .detail-right .buy .count .submit .button {
		text-transform: uppercase;
		font-weight: 700;
	}
	#detail .detail-right .additional {
		float: left;
		width: 70%;
	}
	#detail .detail-right .additional li {
		padding: 0;
		background: none;
	}
	#detail .detail-right .additional li .title {
		display: block;
		float: left;
		width: 50%;
	}
	#detail .detail-right .additional li .value {
		display: block;
		float: right;
		width: 50%;
		text-align: right;
	}
	#detail .detail-right .tools {
		float: left;
		width: 30%;
	}
	#detail .detail-right .tools li {
		background: none;
		padding: 8px 0 0 0;
		text-align: center;
	}
	#detail .detail-right .tools li a {
		display: inline-block;
	}
	#detail .detail-right .tools li a span {
		display: none;
	}
	#detail .detail-right .tools .print a {
		background: url(../images/icon-print.png);
		width: 25px;
		height: 25px;
	}
	#detail .detail-right .tools .email a {
		background: url(../images/icon-email.png);
		width: 25px;
		height: 20px;
	}
	
	#steps {
		padding: 10px 10px 0 10px;
		margin: 0 0 0 0;
	}
	#steps li {
		padding: 0;
		background: 0;
		width: 30%;
		display: block;
		float: left;
		margin: 0 5% 0 0;
		position: relative;
	}
	#steps li:last-child {
		margin: 0;
	}
	#steps li strong {
		display: block;
		color: #d1d1d1;
		font-size: 250%;
		border-radius: 5px;
		text-align: center;
		padding: 15px 0 60px 0;
		margin: 0 0 30px 0;
	}
	#steps li .step-1 {
		background: #eee url(../images/icon-basket.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps .active .step-1 {
		background: #eee url(../images/icon-basket-active.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps li .step-2 {
		background: #eee url(../images/icon-cc.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps .active .step-2 {
		background: #eee url(../images/icon-cc-active.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps li .step-3 {
		background: #eee url(../images/icon-final.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps .active .step-3 {
		background: #eee url(../images/icon-final-active.png) no-repeat center 50px;
		background-size: 30px 30px;
	}
	#steps .active strong, #steps .active span {
		color: #225596;
	}
	#steps li span {
		position: absolute;
		display: block;
		text-align: center;
		bottom: 0;
		width: 100%;
	}
	#steps li small {
		display: block;
		position: absolute;
		background: url(../images/arrow-basket.png) no-repeat 0 0;
		background-size: 7px 30px;
		width: 7px;
		height: 30px;
		right: -7px;
		top: 30px;
	}
	#steps li:last-child small {
		background: url(../images/arrow-basket-down.png) no-repeat center top;
		background-size: 30px 7px;
		width: 100%;
		height: 7px;
		bottom: 23px;
		right: auto;
		top: auto;
	}
	#basket thead tr th {
		font-size: 90%;
		text-align: center;
		background: #eef3fa;
		padding: 5px 7px 7px 7px;
		vertical-align: middle;
		border-bottom: 2px solid #fff;
	}
	#basket tbody tr td {
		padding: 5px 7px 7px 7px;
		vertical-align: middle;
		background: #eef3fa;
		text-align: center;
	}
	#basket tbody tr .image {
		display: none;
	}
	#basket tbody tr .title {
		text-align: left;
	}
	#basket tbody tr .price-item {
		white-space: nowrap;
	}
	#basket tbody tr .price {
		font-size: 120%;
		white-space: nowrap;
	}
	#basket tbody tr .count ul {
		padding: 0;
		min-width: 140px;		display: inline-block;
	}
	#basket tbody tr .count ul li {
		padding: 0;	
min-width: 39px;		float: left;
		display: block;
	}
	#basket tbody tr .count ul .total {
		padding: 4px 0 0 0;
	}
	#basket tbody tr .count ul .total .input {
		text-align: center;
		width: 40px;
	}
	#basket tbody tr .count ul .unit {
		padding: 11px 12px 0 8px;
	}
	#basket tbody tr .count ul .submit .button {
		text-transform: uppercase;
		font-weight: 700;
	}
	#basket tbody .complete td {
		text-align: left;
		padding-top: 0;
	}
	#basket tbody .complete ul {
		padding: 0;
	}
	#basket tbody .complete ul li {
		padding: 0;
		background: none;
		display: block;
		float: left;
	}
	#basket tbody .complete ul li:first-child {
		margin-left: -1px;
	}
	#basket tbody .complete ul .title {
		padding: 3px 0 0 5px;
		display: block;
	}
	#basket tbody .total td {
		border-top: 2px solid #fff;
	}
	#basket tbody .total .price {
		text-align: center;
		color: #d00;
		font-size: 150%;
		white-space: nowrap;
	}
	#basket .section {
		background: #eee;
		margin: 10px 0 0 0;
		padding: 10px;
	}
	#basket .shipping {
		padding: 10px 0 0 0;
		display: table;
		width: 100%;
	}
	#basket .shipping li {
		padding: 0;
		display: table-cell;
		background: none;
		vertical-align: top;
	}
	#basket .shipping .option {
		width: 30%;
	}
	#basket .shipping .option ul {
		padding: 0;
		white-space: nowrap;
	}
	#basket .shipping .option ul li {
		dislay: inline-block;
	}
	#basket .shipping .option ul li .title {
		padding: 3px 15px 0 5px;
		display: block;
	}
	#basket .shipping .price {
		padding: 3px 15px 0 0;
		white-space: nowrap;
		width: 23%;
	}
	#basket .shipping .desc {
		padding: 3px 0 0 0;
		width: 47%;
	}
	#basket .shipping .desc br {
		display: none;
	}
	#basket .comments {
		padding: 15px 0 0 0;
	}
	#basket .comments li {
		padding: 0;
		background: none;
	}
	#basket .comments li {
		text-align: center;
	}
	#basket .comments li span textarea {
		width: 95.5%;
		padding: 2%;
		height: 80px;
	}
	#basket .invoice {
		padding: 10px 0 0 0;
	}
	#basket .invoice .title {
		padding: 3px 0 0 5px;
		display: block;
	}
	#basket .invoice li:first-child {
		margin-left: -3px;
	}
	#basket .invoice li {
		padding: 0;
		background: none;
		display: block;
		float: left;
	}
	#basket .contacts {
		padding: 0;
	}
	#basket .contacts li {
		padding: 0;
		background: none;
		display: block;
		clear: both;
	}
	#basket .contacts li .title {
		padding: 10px 0 0 0;
		display: block;
	}
	#basket .contacts li .form {
		padding: 5px 0 0 0;
		display: block;
	}
	#basket .contacts .name .form, #basket .contacts .address .form, #basket .contacts .city .form {
		display: block;
		width: 49%;
		float: left;
		margin: 0 2% 0 0;
	}
	#basket .contacts .address .form {
		width: 69%;
	}
	#basket .contacts .city .form {
		width: 29%;
	}
	#basket .contacts .name .form:last-child, #basket .contacts .address .form:last-child, #basket .contacts .city .form:last-child {
		margin: 0;
	}
	#basket .contacts .address .form:last-child {
		width: 29%;
	}
	#basket .contacts .city .form:last-child {
		width: 69%;
	}
	#basket .contacts li .form input {
		width: 95.5%;
		padding: 0 2%;
	}
	#basket .colored {
		padding: 0 10px 15px 10px;
		margin: 10px 0 20px 0;
		background: #eef3fa;
	}
	#basket .padded {
		padding: 0 10px 0 10px;
	}
	#basket .terms {
		width: 95.5%;
		padding: 0 2%;
	}
	#basket .terms {
		padding: 10px 0 0 0;
	}
	#basket .terms li {
		padding: 0;
		background: none;
		display: block;
		float: left;
	}
	#basket .terms li:first-child {
		margin-left: -3px;
	}
	#basket .terms .title {
		padding: 3px 0 0 5px;
		display: block;
	}
	#basket .tools {
		text-align: center;
	}
	#basket .tools .recout {
		margin: 0 21px 0 0 !important;
	}
	#basket .next, #basket .final {
		text-align: center;
		padding: 10px 0 0 0;
	}
	#basket .next .button span, #basket .next .button:hover span, #basket .final .button span, #basket .final .button:hover span {
		padding: 16px 28px 19px 15px;
		font-size: 200%;
		font-weight: 700;
		margin: 0 15px 0 0;
		background: url(../images/arrow-steps.png) no-repeat right center;
	}
	#basket .final .button span, #basket .final .button:hover span {
		padding: 16px 28px 19px 15px;
		font-size: 200%;
		font-weight: 700;
		margin: 0;
		background: none;
	}
	#delivery {
		display: none;
	}
	
	
	#variant tbody tr td {
		background: #eef3fa;
		border-top: 2px solid #fff;
		padding: 5px 7px 7px 7px;
		vertical-align: middle;
	}
	#variant tbody tr:first-child td {
		border-top: none;
	}
	#variant tbody tr .title small {
		white-space: nowrap;
		font-size: 90%;
	}
	#variant tbody tr .price small {
		display: block;
		white-space: nowrap;
		font-size: 90%;
	}
	#variant tbody tr .price strong {
		display: block;
		font-size: 150%;
		color: #d00;
	}
	#variant tbody tr .count ul {
		padding: 0;
		display: block;
		float: right;
	}
	#variant tbody tr .count ul li {
		padding: 0;
		float: left;
		display: block;
	}
	#variant tbody tr .count ul .total {
		padding: 4px 0 0 0;
	}
	#variant tbody tr .count ul .total .input {
		text-align: center;
		width: 40px;
	}
	#variant tbody tr .count ul .unit {
		padding: 11px 12px 0 8px;
	}
	#variant tbody tr .count ul .submit {
		float: none;
	}
	#variant tbody tr .count ul .submit .button {
		text-transform: uppercase;
		font-weight: 700;
		margin: 7px 0 0 0;
	}
	
	
	
	
	
	#cat li, #right .subcats ul li {
		padding: 0;
		background: #eef3fa url(../images/bg-left-nav.png) repeat-x left top;
		display: block;
		border-bottom: 1px solid #d4dae4;
	}
	#cat li a, #right .subcats ul li a {
		display: block;
		padding: 8px 10px 7px 25px;
		font-size: 120%;
		color: #000;
		background: url(../images/icon-left-nav-plus.png) no-repeat 10px center;
	}
	#right .subcats ul li a {
		padding-left: 10px;
		background: none;
	}
	#cat li ul {
		padding: 0;
		display: none;
		border-top: 1px solid #fff;
	}
	#cat li ul li {
		background: #eef3fa;
	}
	#cat li ul li a {
		padding: 7px 10px 6px 25px;
		font-size: 100%;
	}
	#cat li ul li:last-child {
		border-bottom: none;
	}
	#cat .active {
		background: #8d8d8d;
	}
	#cat .active a {
		color: #fff;
		background: url(../images/icon-left-nav-minus.png) no-repeat 10px center;
	}
	#cat .active ul li a {
		color: #000;
		background: none;
	}
	#cat-toggle {
		background: #eef3fa url(../images/bg-left-nav.png) repeat-x left top;
		border-bottom: 1px solid #d4dae4;
		padding: 0 10px;
	}
	#cat-toggle a {
		display: block;
		padding: 8px 0 7px 0;
		color: #000;
		font-weight: bold;
		background: url(../images/arrow-black.png) no-repeat right center;
	}
	#header {
		position: fixed;
		top: 0;
		border-bottom: 2px solid #225596;
		height: 88px;
		z-index: 3;
	}
	#header .in .top {
		padding: 35px 0 0 0;
		border-bottom: 1px solid #fff;
		background: #fff;
	}
	#header .in .top .toggle-menu {
		width: 35px;
		height: 35px;
		background: url(../images/icon-toggle-menu.png);
		position: absolute;
		top: 0;
		right: 0;
	}
	#header .in .top .toggle-user {
		width: 35px;
		height: 35px;
		background: url(../images/icon-toggle-user.png);
		position: absolute;
		top: 0;
		right: 36px;
	}
	#header .in .top .toggle-user span {
		display: none;
	}
	#header .in .top .toggle-basket {
		width: 35px;
		height: 35px;
		background: url(../images/icon-toggle-basket.png);
		position: absolute;
		top: 0;
		right: 72px;
	}
	#header .in .top .toggle-basket small {
		display: block;
		position: absolute;
		background: #f4f4f4;
		font-size: 70%;
		font-weight: 700;
		padding: 1px 2px;
		top: 3px;
		right: 3px;
		min-width: 10px;
		text-align: center;
		border-radius: 10px;
		box-shadow: 0px 0px 3px #666;
	}
	#header .in .top .toggle-basket strong {
		display: none;
	}
	#header .in .top .logo {
		position: absolute;
		left: 10px;
		top: 4px;
	}
	#header .in .top .logo span {
		display: block;
		padding: 2px 0 0 0;
		font-size: 140%;
	}
	#header .in .top .logo span a {
		color: #0B3D6E;
		font-weight: 700;
	}
	#header .in .top .logo a img {
		height: 27px;
		width: auto;
	}
	#header .in .top .classic span {
		display: none;
	}
	#header .menu {
		display:block;
		width:100%;
		background:#f1f6fc;
		
		background:#105A90;
		position: absolute;
		top: 35px;
		z-index: 1;
	}
	#header .in .user, #header .in .basket {
		position: absolute;
		top: 36px;
		width: 100%;
		display: none;
		z-index: 1;
	}
	#header .menu ul  {
		margin:0;
		list-style:none;
		padding: 0;
		text-align:center;
	}
	#header .menu ul li {
		padding: 0;
		background: none;
		line-height: normal;
		display:inline-block;
		position:relative;
		
		text-align: left;
		border-top: 1px solid #fff;
		line-height: 30px;
	}
	#header .menu ul li:before {
		content:"";
		width:1px;
		height:12px;
		position:absolute;
		top:8px;
		left:0;
		background:#64696f;
	}
	#header .menu ul li:first-child:before {
		display:none;
	}
	#header .menu ul li a {
		color: #000208;
		display: block;
		padding: 5px 10px;
		
		color: #fff;
	}
	#header .in .user, #header .in .basket .list {
		background: #94c64f;
		color: #fff;
		padding: 0 0 10px 0;
	}
	#header .in .user .in {
		background: none;
	}
	#header .in .user .form, #login .in ul {
		padding: 0;
		margin: 0 10px;
	}
	#login {
		padding: 0;
	}
	#login .in ul {
		margin: 0;
	}
	#header .in .user .form li, #login .in ul li {
		padding: 0;
		background: none;
	}
	#header .in .user .form li .title, #login .in ul li .title {
		display: block;
		padding: 10px 0 0 0;
	}
	#header .in .user .form li .form, #login .in ul li .form {
		display: block;
		padding: 5px 0 0 0;
		margin: 0;
	}
	#header .in .user .form li .form .input, #login .in ul li .form .input {
		width: 100%;
		text-indent: 5px;
	}
	#header .in .user .submit, #login .in .submit {
		padding: 10px 10px 0 10px;
		text-align: right;
	}
	#login .in .submit {
		padding-right: 0;
	}
	#header .in .user .submit .button span, #login .in .submit .button span {
		background: url(../images/arrow-white.png) no-repeat 0 center;
		padding-left: 12px;
		margin: 0 0 0 10px;
	}
	#header .in .user .nav, #header .in .basket .list .nav, #login .in .nav {
		padding: 7px 10px 0 10px;
		font-size: 90%;
	}
	#login .in .nav {
		padding-left: 0;
	}
	#header .in .user .nav li, #header .in .basket .list .nav li, #login .in .nav li {
		background: url(../images/arrow-white.png) no-repeat 0 5px;
		padding: 3px 0 0 15px;
	}
	#login .in .nav li {
		background: url(../images/arrow-blue.png) no-repeat 0 5px;
	}
	#header .in .user .nav li a, #header .in .basket .list .nav li a {
		color: #fff;
	}
	#header .in .basket .list table {
		margin: 0;
	}
	#header .in .basket .list table tbody tr td {
		border-bottom: 1px solid #b4d784;
		padding: 10px 3px;
	}
	#header .in .basket .list table tbody tr td a {
		color: #fff;
	}
	#header .in .basket .list table tbody tr .image {
		display: none;
	}
	#header .in .basket .list table tbody tr .title {
		padding-left: 10px;
	}
	#header .in .basket .list table tbody tr .price {
		padding-right: 10px;
		text-align: right;
	}
	#header .in .basket .list .float-left {
		padding: 10px 0 0 10px;
	}
	#header .in .basket .list .float-right {
		padding: 10px 10px 0 0;
	}
	#header .in .basket .list .float-right .button span {
		background: url(../images/arrow-white.png) no-repeat 0 center;
		padding-left: 12px;
		margin: 0 0 0 10px;
	}
	#header .in .search .in {
		padding: 10px 10px 0 10px;
		background: url(../images/bg-search.png);
		border-top: 1px solid #225596;
		height: 41px;
	}
	#header .in .search .in ul {
		background: #fff;
		padding: 0;
		margin: 0;
		height: 33px;
		width: 100%;
		border-radius: 5px;
		box-shadow: 0px 0px 3px #ccc;
	}
	#header .in .search .in ul li {
		padding: 0;
		background: none;
		display: block;
	}
	#header .in .search .in ul .keyword span input {
		float: left;
	}
	#header .in .search .in ul .keyword span input {
		border: none;
		height: 33px;
		line-height: 33px;
		padding: 0;
		text-indent: 5px;
		width: 80%;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#header .in .search .in ul .submit {
		width: 41px;
		float: right;
	}
	#header .in .search .in ul .submit a {
		display: block;
		background: url(../images/icon-search.png) no-repeat center center;
		width: 41px;
		height: 33px;
	}
	#header .in .search .in ul .submit a span {
		display: none;
	}
	#header.scroll {
		box-shadow: 0 0 10px #666;
	}
	#footer {
		background: #225596;
	}
	#footer .in {
		text-align: center;
	}
	#footer .in .copyright {
		display: none;
	}
	#footer .in .nav {
		padding: 10px 0 0 0;
		display: inline-block;
		width: 140px;
	}
	#footer .in .nav li {
		padding: 0;
		background: none;
		display: block;
	}
	#footer .in .nav li a {
		color: #fff;
	}
	#footer .in .contact {
		padding: 10px 0 10px 0;
	}
	#footer .in .contact li {
		padding: 0;
		background: none;
		display: inline-block;
	}
	#footer .in .contact li span {
		color: #fff;
	}
	#footer .in .contact li a {
		color: #fff;
	}
	#footer .in .contact li .title {
		color: #9A9A9A;
	}
	#footer .in .contact li .title:after {
		content: ':';
	}
	#footer .in .newsletter {
		padding: 10px 10px 1px 10px;
		background: #105a90;
		border-top: 1px solid #225596;
		height: 41px;
		color: #fff;
		margin: 1px 0 0 0;
	}
	#footer .in .newsletter p {
		display: none;
	}
	#footer .in .newsletter ul {
		background: #fff;
		padding: 0;
		margin: 0;
		height: 33px;
		width: 100%;
		border-radius: 5px;
		box-shadow: 0px 0px 3px #333;
	}
	#footer .in .newsletter ul li {
		padding: 0;
		background: none;
		display: block;
	}
	#footer .in .newsletter ul .keyword span input {
		float: left;
	}
	#footer .in .newsletter ul .keyword span input {
		border: none;
		height: 33px;
		line-height: 33px;
		padding: 0;
		text-indent: 5px;
		width: 70%;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#footer .in .newsletter ul .submit {
		float: right;
		padding: 0;
	}
	#footer .in .newsletter ul .submit .button span {
		padding: 6px 15px 0 15px;
		height: 27px;
	}
	#top {
		display: none;
	}
	.wrap {
		width: 100%;
	}
	.wrap .in {
		position: relative;
	}
	.wrap .in .in, .wrap .in .text {
		padding: 0 10px 10px 10px;
		background: #ffffff;
	}
}
@media screen and (min-width: 768px) {
	body {
		padding: 122px 0 0 0;
	}
	p {
		padding: 15px 0 0 0;
	}
	ul {
		padding: 15px 0 0 0;
	}
	#header .menu ul {
		text-align:right;
	}
	a:hover {
		text-decoration: underline;
	}
	#content {
		margin-top:63px;
	}
	#content .in {
		border-left: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		width: 758px;
		background: #fff;
	}
	#content .in #left {
		float: left;
		width: 184px;
	}
	#content .in #right {
		float: right;
		width: 575px;
		border-left: 1px solid #dcdcdc;
	}
	#sub #content .in #right, #det #content .in #right {
		padding: 40px 0 0 0;
	}
	#content .in #right .breadcrumbs {
		position: absolute;
		top: 0;
		border-bottom: 1px solid #ededed;
		margin: 0 10px;
		width: 555px;
		padding: 8px 0 7px 0;
	}
	#content .in #right .breadcrumbs span {
		display: inline-block;
		padding: 0 5px;
	}
	#left .box {
		display: block;
	}
	#left .box a, #left .box a:hover {
		text-decoration: underline;
	}
	#left .box h3 {
		padding: 10px 10px 10px 25px;
		background: #103665 url(../images/arrow-white.png) no-repeat 10px center;
		color: #fff;
		font-size: 130%;
	}
	#left .box  .in {
		background: #eef3fa;
		padding: 0 25px 20px 25px;
	}
	#left .contact {
		margin: 30px 0 0 0;
	}
	#left .contact .in {
		font-size: 120%;
	}
	#left .contact .in ul li {
		padding: 0;
		background: none;
	}
	#left .news .in, #left .poll .in, #left .blog .in {
		font-size: 80%;
	}
	#left .news .in p strong, #left .poll .in p strong, #left .blog .in p strong {
		display: block;
	}
	#left .news ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#left .news ul li {
		display:block;
		padding:0;
		width:100%;
	}
	#left .news ul li a {
		display:block;
		width:100%;
		padding:10px 25px;
		border-bottom:1px solid #dcdcdc;
		background:#eef3fa;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}
	#left .news ul li a:hover {
		background:#ffffff;
	}
	#left .poll .in ul {
		padding: 5px 0 0 0;
	}
	#left .poll .in ul li {
		padding: 5px 0 0 0;
		background: none;
		display: block;
		clear: left;
	}
	#left .poll .in ul li a, #left .poll .in ul li a:hover {
		text-transform: uppercase;
	}
	#left .poll .in ul li div span {
		display: block;
		float: left;
		width: 50px;
		height: 10px;
		margin: 2px 5px 0 0;
		background: #fff;
	}
	#left .poll .in ul li div strong {
		display: block;
		float: left;
		font-weight: normal;
	}
	#cat {
		width: 184px;
	}
	#cat li a {
		cursor: pointer;
	}
	#sub #cat, #det #cat {
		display: block;
	}
	#cat-toggle {
		display: none;
	}
	#right .stars {
		display: block;
		padding: 0;
	}
	#right .stars small {
		display: block;
		float: left;
	}
	#right .stars span {
		display: block;
		text-indent: 5px;
	}
	#right .promo {
		padding: 10px 0 10px 10px;
	}
	#right .promo .slides {
		float: left;
		width: 100%;
	}
	#right .promo .slides li a {
		display: block;
		height: 190px;
	}
	#right .promo .pager {
		float: left;
		display: none;
		width: 165px;
		padding: 0;
	}
	#right .promo .pager li {
		background: none;
		padding: 0;
		display: block;
		height: 38px;
		position: relative;
	}
	#right .promo .pager li a {
		left: -7px;
		height: 38px;
		line-height: 38px;
		padding: 0 0 0 30px;
		position: absolute;
		color: #000;
		font-weight: 700;
		display: block;
	}
	#right .promo .pager .active {
		background: #225596;
	}
	#right .promo .pager .active a {
		color: #fff;
		background: url(../images/arrow-promo.png) no-repeat 0 center;
	}
	#right .home-top {
		width: 245px;
		float: left;
		
		border-bottom: 1px solid #dcdcdc;
	}
	#right .home-top li {
		position: relative;
	}
	#right .home-top li .image {
		float: none;
		width: auto;	
		text-align: center;
	}
	#right .home-top li .image .discount {
		right: 10px;
	}
	#right .home-top li .info {
		float: left;
		width: auto;
	}
	#right .home-top li .info .title, #right .home-top .old-price, #right .home-top .price, #right .home-top .vat-price {
		padding: 0;
	}
	#right .home-top li .desc {
		padding: 0 0 10px 0;
	}
	#right .home-selected {
		width: 330px;
		float: left;
		border-bottom: none;
		display: table !important;
	}
	#right .home-selected li {
		float: left;
		border-left: 1px solid #dcdcdc;
		border-top: none;
		border-bottom: 1px solid #dcdcdc;
		width: 144px;
		position: relative;
		display: table-cell;
	}
	#right .home-selected li:nth-child(n+5) {
		display: none;
	}
	#right .home-selected li .image {
		float: none;
		width: auto;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		height: 150px;
	}
	#right .home-selected li .image a img {
		max-width: auto;
	}
	#right .home-selected li .image .discount {
		right: 10px;
	}
	#right .home-selected li .info {
		float: none;
	}
	#right .home-selected li .info .title {
		padding: 0 0 10px 0;
		width: 144px;
	}
	#right .home-selected li .info .old-price, #right .home-selected li .info .price, #right .home-selected li .info .vat-price {
		padding: 0;
	}
	#right .recom-title {
		display: block;
	}
	#right .top {
		display: block;
	}
	#right .top div ul {
		padding: 0 25px;
	}
	#right .top div ul li {
		float: left;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px dotted #dcdcdc;
		width: 110px;
	}
	#right .top div ul li:first-child {
		border-left: 1px dotted #dcdcdc;
	}
	#right .top div ul li .image {
		float: none;
		width: auto;
		margin: 10px 0 0 0;
		text-align: center;
	}
	#right .top div ul li .image img {
		max-width: 100%;
	}
	#right .top div ul li .image .price {
		margin: 0;
		padding: 3px 10px 7px 10px;
		position: absolute;
	}
	#right .top div ul li .image .price small {
		display: block;
	}
	#right .top div ul li .info {
		float: none;
		width: auto;
	}
	#right .top div ul li .info .title {
		padding: 0;
	}
	#right .top-nav {
		display: block;
		position: relative;
	}
	#right .top-nav .prev, #right .top-nav .next {
		display: block;
		width: 25px;
		background: #fff url(../images/bg-top-rating-nav-prev.png) repeat-y right 0;
		position: absolute;
		left: 0;
		border-bottom: 1px solid #dcdcdc;
	}
	#right .top-nav .next {
		background: #fff url(../images/bg-top-rating-nav-next.png) repeat-y 0 0;
		right: 0;
		left: auto;
	}
	#right .top-nav .prev a, #right .top-nav .prev a:hover, #right .top-nav .next a, #right .top-nav .next a:hover {
		display: block;
		background: #225596 url(../images/arrow-prev-white.png) no-repeat center center;
		height: 35px;
		width: 20px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		right: 0;
		position: absolute;
	}
	#right .top-nav .next a, #right .top-nav .next a:hover {
		background: #225596 url(../images/arrow-next-white.png) no-repeat center center;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		right: auto;
		left: 0;
	}
	#right .top-nav .prev a:hover {
		background: #103665 url(../images/arrow-prev-white.png) no-repeat center center;
	}
	#right .top-nav .next a:hover {
		background: #103665 url(../images/arrow-next-white.png) no-repeat center center;
	}
	#right .products li {
		width: 267px;
		border-top: 0;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		float: left;
		padding: 10px;
		display: block;
	}
	#right .products .labels {
		padding: 0;
		margin: 97px 0 0 0 !important;
		position: absolute;
		top:0;
		left:0;
	}
	#right .products .labels li {
		padding: 0 6px 0 0;
		background: url(../images/bg-labels.png) no-repeat right top;
		display: block;
		float: left;
		clear: both;
		margin: 1px 0 0 0;
		width: auto;
	}
	#right .products .labels li span {
		background: #d00;
		height: 34px;
		line-height: 34px;
		color: #fff;
		font-weight: 400;
		font-size: 120%;
		text-transform: uppercase;
		display: block;
		padding: 0 4px 0 10px;
	}
	#right .products li:nth-child(1), #right .products li:nth-child(2) {
		border-top: 1px solid #dcdcdc;
	}
	#right .products li:nth-child(2n+0) {
		border-right: 0;
	}
	#right .products li .title {
		padding: 0;
		font-size: 140%;
			min-height: 47px;
			text-align: center;
	}
	#right .products li .desc {
		padding: 10px 0 0 0;
			min-height: 48px;
	}
	#right .products li .image {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px 0 0 0;
		vertical-align: middle;
		display: table-cell;
	}
	#right .products li .image img {
		max-width: 100%;
	}
	#right .products li .cleaner {
		display: block;
	}
	#right .products li .info {
		float: left;
		padding: 0 0 10px 0;
	}
	#right .products li .info .price {
		font-size: 220% !important;
		padding: 3px 0 5px 10px;
	}
	#right .products li .add {
		position: relative;
		float: right;
		right: auto;
		bottom: auto;
		padding: 12px 10px 0 0;
	}
	#right .products li .stock {
		color: #325600;
		clear: both;
		text-align: center;
		padding: 10px 0 0 0;
		border-top: 1px solid #dcdcdc;
		font-size: 120%;
	}
	#right .best-sell {
		margin: 0 10px;
	}
	#right .best-sell li {
		padding: 0 0 10px 0;
	}
	#right .best-sell li .image {
		width: 15%;
	}
	#right .best-sell li .info {
		width: 67%;
	}
	#right .best-sell li .info h2, #right .best-sell li .info .stock {
		display: inline-block;
	}
	#right .best-sell li .prices {
		width: 18%;
		float: left;
		text-align: right;
		padding: 30px 0 0 0;
	}
	#right .best-sell li .prices .price {
		width: 15%;
		display: inline;
		text-align: right;
		white-space: nowrap;
	}
	#right .best-sell li .prices .vat-price {
		display: block;
	}
	#right .best-sell-more {
		font-size: 110%;
		cursor: pointer;
	}
	#right #more-params {
		padding: 0 15px 15px 15px;
	}
	#right .sort {
		padding: 0;
		margin: 15px 0 0 0;
		background: #eee;
		border: 1px solid #eee;
	}
	#right .sort .slider {
		margin: 0px 10px 0 10px;
		padding: 0;
		background: #eee;
		text-align: left;
	}
	#right .sort .slider li {
		display: block;
	}
	#right .sort .slider .title {
		float: left;
		display: block;
		width: 35%;
		padding: 16px 0 0 0;
	}
	#right .sort .slider .from {
		margin: 0;
		left: 0;
		position: relative;
		float: left;
		width: 15%;
		padding: 16px 0 0 0;
	}
	#right .sort .slider .price-slider {
		padding: 20px 0 0 0;
		position: relative;
		float: left;
		width: 35%;
	}
	#right .sort .slider .to {
		margin: 0;
		left: 0;
		width: 15%;
		text-align: right;
		position: relative;
		float: left;
		padding: 16px 0 0 0;
	}
	#right .sort .more {
		border-top: 1px solid #fff;
		padding: 15px 0 0 0;
		margin: 15px 0 0 0;
		background: #eee;
	}
	#right .sort .more .button {
		left: 10px;
	}
	#right .sort .more .cancel {
		margin: 13px 0 0 0;
		right: 10px;
	}
	#right .sort .holder {
		position: relative;
		padding: 15px 0px;
		background: #fff url(../images/bg-sort.png) repeat-x left bottom;
	}
	#right .sort .per-page {
		text-align: left;
		position: absolute;
		left: 10px;
		top: 18px;
		padding: 0;
	}
	#right .sort .per-page li {
		padding: 0 3px 0 0;
		text-align: left;
	}
	#right .sort .per-page .title {
		display: block;
		padding: 0;
	}
	#right .sort .sort-by {
		padding: 0;
	}
	#right .sort .pages {
		position: absolute;
		right: 10px;
		padding: 0;
		top: 17px;
		*zoom:1;
	}
	#right .sort .pages:before,
	#right .sort .pages:after {
		display: table;
		content: "";
		line-height: 0;
	}
	#right .sort .pages:after {
		clear: both;
	}
	#right .sort .pages li {
		padding: 0;
		float:left;
		margin-left:4px;
	}
	#right .sort .pages li a {
		display: block;
		float: left;
		border: 1px solid #dcdcdc;
		padding: 6px;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	}
	#right .sort .pages li a:hover {
		border-color:#225596;
		text-decoration:none;
		color:#3591bb;
	}
	#right .sort .pages li .active {
		background: #225596;
		color:#ffffff;
		cursor:default;
		border-color:#225596;
	}
	#right .sort .pages li .active:hover {
		color:#ffffff;
	}
	#right .subcats {
		padding: 0 10px;
		width: auto;
	}
	#right .subcats ul {
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 1;
		border: none;
	}
	#right .subcats ul li {
		width: 49%;
		display: block;
		margin: 0 2% 0 0;
		padding: 0;
		float: left;
		border: none;
	}
	#right .subcats ul li:nth-child(2n+0) {
		margin: 0;
	}
	#right .subcats ul li a {
		background: #eef3fa url(../images/arrow-subcats.png) no-repeat right center;
		margin: 10px 0 0 0;
		padding: 10px 10px 10px 10px;
	}
	#detail .detail-left {
		width: 43%;
		margin: 0 2% 0 0;
		float: left;
	}
	
	#detail .detail-right {
		float: left;
		width: 55%;
	}
	#detail .detail-right .desc {
		padding: 10px;
	}
	#detail .detail-right .prices li {
		padding: 10px 10px 0 10px;
	}
	#detail .detail-right .additional li {
		padding: 0 10px;
		background: none;
	}
	
	
	#steps {
		padding: 20px 50px 0 50px;
	}
	#steps li strong {
		padding-bottom: 80px;
		margin-bottom: 35px;
	}
	#steps li .step-1 {
		background: #eee url(../images/icon-basket.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps .active .step-1 {
		background: #eee url(../images/icon-basket-active.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps li .step-2 {
		background: #eee url(../images/icon-cc.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps .active .step-2 {
		background: #eee url(../images/icon-cc-active.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps li .step-3 {
		background: #eee url(../images/icon-final.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps .active .step-3 {
		background: #eee url(../images/icon-final-active.png) no-repeat center 55px !important;
		background-size: 40px 40px !important;
	}
	#steps .active strong, #steps .active span {
		color: #225596;
	}
	#steps li small {
		background: url(../images/arrow-basket.png) no-repeat 0 0;
		background-size: auto !important;
		width: 14px;
		height: 58px;
		right: -14px;
		top: 28px;
	}
	#steps li:last-child small {
		background: url(../images/arrow-basket-down.png) no-repeat center top;
		background-size: auto;
		height: 14px;
		bottom: 21px;
	}
	#basket thead tr th {
		padding: 9px 10px 11px 10px;
	}
	#basket tbody tr td {
		padding: 9px 10px 11px 10px;
	}
	#basket tbody tr .image {
		display: table-cell;
		width: 15% !important;
		padding-right: 0;
	}
	#basket tbody tr .image a img {
		width: 100%;
	}
	#basket .invoice {
		position: absolute;
		right: 20px;
		margin: -40px 0 0 0;
	}
	#basket .contacts li {
		padding: 10px 0 0 0;
	}
	#basket .contacts li .title {
		float: left;
		width: 30%;
		padding: 15px 0 0 0;
	}
	#basket .contacts li div {
		float: left;
		width: 70%;
	}
	#basket .terms {
		padding: 10px 0 0 30%;
	}
	#basket .next, #basket .final {
		text-align: left;
		padding: 20px 0 15px 25%;
	}
	
	
	
	
	
	
	#variant tbody tr td {
		padding: 10px 10px;
	}
	#variant tbody tr .title {
		font-size: 120%;
	}
	#variant tbody tr .title small {
		font-size: 80%;
	}
	#variant tbody tr .price strong {
		font-size: 200%;
	}
	#variant tbody tr .count ul .submit {
		float: left;
	}
	#variant tbody tr .count ul .submit .button {
		margin: 0;
	}
	
	
	
	
	
	
	
	#header {
		border-bottom: 5px solid #225596;
		height: 179px;
		background: url(../images/bg-header.png) repeat-y center top;
	}
	#header .in {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	#header .in .top {
		background: none;
		padding: 0;
		border-bottom: none;
		margin: 0 auto;
		height: 30px;
		position: relative;
	}
	#header .in .top .toggle-menu {
		display: none;
	}
	#header .in .top .toggle-user {
		width: 70px;
		height: 32px;
		padding: 9px 0 0 40px;
		background: #94c64f url(../images/icon-toggle-user.png) no-repeat left center;
		top: 54px;
		right: 0;
		cursor: pointer;
		box-shadow: 0px 0px 3px #ccc;
		text-align: left;
		color: #fff;
		font-size: 130%;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	#header .in .top .toggle-user span {
		display: block;
	}
	#header .in .top .toggle-basket {
		display: block;
		cursor: pointer;
		width: 150px;
		padding: 9px 15px 0 40px;
		color: #fff;
		height: 32px;
		background: #94c64f url(../images/icon-toggle-basket.png) no-repeat left 2px;
		top: 54px;
		right: 110px;
		box-shadow: 0px 0px 3px #ccc;
		font-size: 130%;
		text-align: left;
	}
	#header .in .top .toggle-basket small {
		display: block;
		position: static;
		float: left;
		background: none;
		box-shadow: none;
		font-size: 100%;
		padding: 0;
		font-weight: 400;
	}
	#header .in .top .toggle-basket small:after {
		content: 'pc:';
	}
	#header .in .top .toggle-basket strong {
		display: block;
		float: right;
	}
	#header .in .top .logo {
		position: absolute;
		left: 10px;
		top: 50px;
	}
	#header .in .top .logo span {
		display: block;
		padding: 6px 0 0 0;
		font-size: 220%;
	}
	#header .in .top .logo span a {
		color: #0B3D6E;
		font-weight: 700;
	}
	#header .in .top .logo a img {
		height: 132px;
		width: auto;
	}
	#header .in .top .classic {
		/* background: #fff; */
		left: 10px;
		top: 4px;
		padding: 10px 20px;
	}
	#header .in .top .classic span {
		display: none;
	}
	#header .in .top .menu, #header .in .user, #header .in .basket .list {
		position: absolute;
		top: 36px;
		width: 100%;
		display: none;
	}
	#header .in .top .menu {
		display: block;
		font-size: 90%;
		position: static;
	}
	#header .in .top .menu ul  {
		background: none;
		display: block;
		float: right;
		padding: 7px 7px 0 0;
	}
	#header .in .top .menu ul li {
		border: 0;
		padding: 0 0 0 5px;
		float: left;
		background: url(../images/bg-menu-item.png) no-repeat right center;
	}
	#header .in .top .menu ul li:last-child {
		background: none;
	}
	#header .in .top .menu ul li a, #header .in .top .menu ul li a:hover {
		color: #105a90;
		padding: 0 7px 0 0;
	}
	#header .in .top .menu ul li a:hover {
		color: #000;
	}
	#header .in .top .menu ul li:last-child a, #header .in .top .menu ul li:last-child a:hover {
		padding: 0;
	}
	#header .in .user, #header .in .basket {
		position: relative;
		background: none;
		padding: 0;
		text-align: left;
		width: 760px;
		margin: 0 auto;
		z-index: -1;
	}
	#header .in .user .in {
		width: 520px !important;
		position: absolute;
		right: 0;
		display: block;
		font-size: 120%;
		width: 520px;
		color: #000;
		background: #eef3fa;
		padding: 10px 10px 20px 10px;
		margin: -12px 0 0 0;
		border-radius: 5px;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
		top:64px;
	}
	#header .in .user .in:before {
		content:"";
		width:0;
		height:0;
		position:absolute;
		top:-13px;
		right:40px;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:13px solid #eef3fa;
		z-index:200;
	}
	#header .in .user .in:after {
		content:"";
		width:0;
		height:0;
		position:absolute;
		top:-14px;
		right:38px;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		border-bottom:14px solid #d7dce1;
		z-index:100;
	}
	#header .in .user .form {
		padding: 0 0 0 0;
	}
	#header .in .user .form li {
		display: block;
		clear: both;
		padding: 15px 0 0 0;
	}
	#header .in .user .form li .title {
		width: 170px;
		float: left;
		text-align: right;
		padding-right: 20px;
	}
	#header .in .user .form li .form {
		float: left;
		width: 240px;
	}
	#header .in .user .submit {
		clear: both;
		text-align: left;
		padding: 20px 0 0 200px;
	}
	#header .in .user .nav, #header .in .basket .list .nav {
		font-size: 75%;
		text-align: left;
		padding: 15px 0 0 200px;
	}
	#header .in .user .nav li, #header .in .basket .list .nav li {
		background: url(../images/arrow-blue.png) no-repeat 0 5px;
	}
	#header .in .user .nav li a, #header .in .basket .list .nav li a {
		color: #105a90;
	}
	#header .in .basket .list {
		display: block;
		width: 520px;
		right: 0;
		color: #000;
		background: #fff url(../images/bg-basket.png) repeat-x center top;
		padding: 10px 10px 20px 10px;
		margin: -48px 0 0 0;
		border-radius: 5px;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
		top:100px;
	}
	#header .in .basket .list:before {
		content:"";
		width:0;
		height:0;
		position:absolute;
		top:-13px;
		right:200px;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:13px solid #eef3fa;
		z-index:200;
	}
	#header .in .basket .list:after {
		content:"";
		width:0;
		height:0;
		position:absolute;
		top:-14px;
		right:198px;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		border-bottom:14px solid #d7dce1;
		z-index:100;
	}
	#header .in .basket .list table {
		margin-bottom:20px;
	}
	#header .in .basket .list table tbody tr td {
		border-bottom: 1px solid #dcdcdc;
		vertical-align: middle;
		font-size: 120%;
		padding: 5px 0;
	}
	#header .in .basket .list table tbody tr td a {
		color: #105a90;
	}
	#header .in .basket .list table tbody tr .image {
		display: table-cell;
		width: 55px;
 text-align: center;	}
	#header .in .basket .list table tbody tr .image img {
		max-width: 55px;
		max-height: 55px;
	}
	#header .in .basket .list table tbody tr .title {
		padding-left: 10px;
	}
	#header .in .basket .list table tbody tr .title a, #header .in .basket .list table tbody tr .title a:hover {
		font-weight: 600;
	}
	#header .in .basket .list table tbody tr .price {
		padding-right: 0;
		color: #d00;
		font-weight: 600;
	}
	#header .in .basket .list .nav {
		padding: 13px 0 0 10px;
		float: left;
		font-size: 90%;
	}
	#header .in .basket .list .nav li {
		background: none;
		padding: 0;
	}
	#header .in .basket .list .nav li a, #header .in .basket .list .nav li a:hover {
		color: #105a90;
	}
	#header .in .search {
		background: #eef3fa;
	}
	#header .in .search .in {
		padding: 0;
		background: none;
		height: auto;
		width: 760px !important;
	}
	#header .in .search .in ul {
		width: 220px;
		height: 41px;
		position: absolute;
		padding: 0 10px 0 0;
		top: 24px;
		right: 310px;
		background: #fff url(../images/bg-search-in.png) no-repeat center right;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#header .in .search .in ul .keyword span input {
		height: 41px;
		line-height: 41px;
	}
	#header .in .search .in ul .submit a {
		height: 41px;
		cursor: pointer;
	}

	#header.scroll .in .top {
		height: auto;
	}
	#header.scroll .in .top .toggle-user, #header.scroll .in .top .toggle-basket {
		top: 15px;
	}
	#header.scroll .in .top .logo {
		top: 12px;
	}
	#header.scroll .in .top .logo a img {
		height: 70px;
	}
	#header.scroll .in .top .classic {
		top: -7px;
	}
	#header.scroll .in .top .menu, #header.scroll .menu {
		display: none;
	}
	#header.scroll .in .basket .list {
		margin-top: -57px;
	}
	#header.scroll .in .user .in {
		margin-top: -21px;
	}
	#header.scroll .in .search .in ul {
		top: 15px;
	}
	
	
	#header .menu {
		display:block;
		width:100%;
		background:#f1f6fc;
		
		background:#f1f6fc;
		position: relative;
		top: auto;
		z-index: 1;
	}
	
	
	#header .menu ul li {
		padding: 0;
		background: none;
		line-height: normal;
		display:inline-block;
		position:relative;
		
		text-align: center;
		border-top: none;
		line-height: auto;
	}
	#header .menu ul li:first-child:before {
		display:none;
	}
	#header .menu ul li a {
		color: #000208;
	}
	
	
	
	#footer .in {
		text-align: left;
		width: 740px !important;
	}
	#footer .in .copyright {
		display: block;
		float: left;
		/* background: url(../images/logo-footer.png) no-repeat 0 0; */
		width: 85px;
		/* padding: 90px 0 0 0; */
		text-align: center;
		color: #fff;
		margin: 17px 0 10px 0;
	}
	#footer .in .nav {
		padding: 25px 0 0 30px;
		float: left;
		display: block;
		width: auto;
	}
	#footer .in .contact {
		padding: 26px 0px 10px 0;
		float: right;
	}
	#footer .in .contact li {
		display: block;
	}
	#footer .in .contact li:last-child {
		padding: 10px 0 0 0;
	}
	#footer .in .contact li span {
		display: block;
	}
	#footer .in .contact li .title:after {
		content: '';
	}
	#footer .in .newsletter {
		background: none;
		padding-right: 0;
		width: auto;
		float: right;
		height: auto;
		border: none;
	}
	#footer .in .newsletter p {
		display: block;
	}
	#footer .in .newsletter ul {
		width: auto !important;
		float: right;
		margin: 5px 0 0 0;
	}
	#footer .in .newsletter ul li {
		display: block;
		float: left;
	}
	#footer .in .newsletter ul .keyword span input {
		float: left;
		width: 160px;
	}
	#footer .in .newsletter ul .submit {
		float: left;
	}
	#login {
		padding: 0 90px;
	}
	#login .in {
		padding: 10px 25px 20px 25px;
		margin: 20px 0 0 0;
		background: #eef3fa;
	}
	#login .in .form li {
		display: block;
		clear: both;
		padding: 10px 0 0 0;
	}
	#login .in .form li .title {
		float: left;
		width: 36%;
		padding: 12px 4% 0 0;
		text-align: right;
	}
	#login .in .form li .form {
		float: left;
		width: 60%;
	}
	#login .in .submit {
		padding: 10px 0 0 40%;
		text-align: left;
	}
	.wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.wrap .in {
		width: 760px !important;
		margin: 0 auto;
		text-align: left;
	}
	.wrap .in .in {
		width: auto !important;
		border: 0 !important;
	}
	.cleaner {
		clear: both;
	}
}
@media only screen and (max-width:768px) {
	#right .home-top li .image {
		min-width:0;
	}
}
@media only screen and (min-width: 1024px) {
	#sub h1, #det h1 {
		padding: 20px 30px 0 30px;
		font-size: 260%;
	}
	#det h1 {
		padding: 0 15px 0 15px;
	}
	#content .in {
		width: 988px;
	}
	#content .in #left {
		width: 203px;
	}
	#content .in #right {
		width: 785px;
	}
	#det #content .in #right {
		width: 784px;
	}
	#content .in #right .breadcrumbs {
		width: 755px;
		margin: 0 15px;
	}
	#cat { 
		width: 204px;
	}
	#right .promo {
		float: left;
	}
	#right .promo .slides {
		width: 610px; /* 445 pokud bude akce a doprava zdarma vedle toho */
	}
	#right .promo .slides li a {
		height: 210px;
	}
	#right .promo .pager {
		display: block;
	}
	#right .promo .pager li {
		height: 42px;
	}
	#right .promo .pager li a {
		height: 42px;
		line-height: 42px;
	}
	#right .promo .pager .active a {
		background: url(../images/arrow-promo.png) no-repeat 0 center;
		background-size: 20px 42px;
	}
	#right .delivery {
		display: block;
		float: left;
		border-left: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		height: 231px;
		width: 164px;
	}
	#right .delivery ul {
		padding: 0;
	}
	#right .delivery ul li {
		padding: 0;
		display: block;
		background: none;
	}
	#right .delivery ul li a, #right .delivery ul li a:hover {
		display: block;
		text-align: center;
		text-transform: uppercase;
		color: #737373;
		font-weight: bold;
		font-size: 90%;
		height: 35px;
		padding: 80px 0 0 0;
	}
	#right .delivery ul .last a, #right .delivery ul .last a:hover {
		background: url(../images/icon-last-minute.png) no-repeat center 20px;
	}
	#right .delivery ul .free a, #right .delivery ul .free a:hover {
		background: url(../images/icon-delivery-free.png) no-repeat center 25px;
		border-top: 1px solid #dcdcdc;
	}
	#right .home-top {
		width: 290px;
	}
	#right .home-top li {
		padding: 10px 15px;
	}
	#right .home-selected {
		width: 495px;
	}
	#right .home-selected li:nth-child(n+5) {
		display: block;
	}
	#right .top div ul {
		padding: 0 36px;
	}
	#right .top div ul li {
		width: 157px;
	}
	#right .top div ul li .image a img {
		width: auto;
	}
	#right .top div ul li .image .price {
		padding: 3px 35px 7px 15px;
	}
	#right .top-nav .prev, #right .top-nav .next {
		width: 36px;
	}
	#right .top-nav .prev a, #right .top-nav .prev a:hover, #right .top-nav .next a, #right .top-nav .next a:hover {
		height: 40px;
		width: 25px;
	}
	#right .products li {
		width: 231px;
		padding: 10px 15px;
	}
	#right .products li:nth-child(2n+0) {
		border-right: 1px solid #dcdcdc;
	}
	#right .products li:nth-child(3n+0) {
		border-right: none;
		display: block;
	}
	#right .products li:nth-child(3) {
		border-top: 1px solid #dcdcdc;
	}
	#right .products li .image img {
		max-width: 100%;
	}
	#right .best-sell {
		margin: 0 15px;
	}
	#right .best-sell li {
		padding: 0 0 10px 0;
	}
	#right .best-sell li .image {
		width: 18%;
	}
	#right .best-sell li .info {
		width: 64%;
	}
	#right .best-sell li .info h2, #right .best-sell li .info .stock {
		display: inline-block;
	}
	#right .best-sell li .prices {
		width: 18%;
		float: left;
		text-align: right;
		padding: 30px 0 0 0;
	}
	#right .best-sell li .prices .price {
		width: 15%;
		display: inline;
		text-align: right;
		white-space: nowrap;
	}
	#right .best-sell li .prices .vat-price {
		display: block;
	}
	#right .best-sell-more {
		font-size: 110%;
	}
	
	
	#right .subcats {
		padding: 0 15px;
	}
	#right .subcats ul li, #right .subcats ul li:nth-child(2n+0) {
		width: 24%;
		margin: 0 1.33333% 0 0;
	}
	#right .subcats ul li:nth-child(4n+0) {
		margin: 0;
	}
	#right .subcats ul li a {
		padding: 15px 10px;
	}
	
	
	#right .sort .slider .title {
		width: 25%;
	}
	#right .sort .slider .from {
		width: 15%;
	}
	#right .sort .slider .price-slider {
		width: 45%;
	}
	#right .sort .slider .to {
		width: 15%;
	}
	#detail {
		padding-top: 0;
	}
	#detail .detail-left {
		width: 48%;
	}
	#detail .detail-right {
		width: 50%;
	}
	#detail .detail-right .desc {
		padding-bottom: 15px;
	}
	#detail .detail-right .buy {
		padding: 20px 10px !important;
	}
	#detail .detail-right .buy .status .delivery {
		height: auto;
		border: none;
	}
	#detail .detail-right .buy .status .delivery span {
		display: inline;
	}
	#detail .detail-right .buy .count {
		padding: 0;
	}
	#detail .detail-right .additional li {
		line-height: 200%;
	}
	
	
	#steps {
		padding: 20px 90px 0 90px;
	}
	#steps li strong {
		padding-bottom: 100px;
		font-size: 320%;
	}
	#steps li span {
		font-size: 120%;
	}
	#steps li .step-1 {
		background: #eee url(../images/icon-basket.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps .active .step-1 {
		background: #eee url(../images/icon-basket-active.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps li .step-2 {
		background: #eee url(../images/icon-cc.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps .active .step-2 {
		background: #eee url(../images/icon-cc-active.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps li .step-3 {
		background: #eee url(../images/icon-final.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps .active .step-3 {
		background: #eee url(../images/icon-final-active.png) no-repeat center 60px !important;
		background-size: auto !important;
	}
	#steps li small {
		top: 38px;
	}
	#basket thead tr th, #basket tbody tr td {
		padding: 9px 15px 11px 15px;
	}
	#basket tbody tr .image {
		width: 10%;
	}
	#basket tbody .total .price {
		font-size: 200%;
	}
	#basket .section {
		margin-top: 15px;
	}
	#basket .shipping {
		padding-top: 15px;
	}
	#basket .shipping .desc br {
		display: block;
	}
	#basket .comments {
		padding-top: 20px;
	}
	#basket .colored {
		margin-top: 20px;
	}
	#basket .contacts {
		padding-right: 23%;
	}
	#basket .invoice {
		right: 25px;
	}
	#basket .terms, #basket .next, #basket .final {
		 padding-left: 32.1% !important; 
	}
	
	
	#variant tbody tr td {
		padding: 15px;
	}
	#variant tbody tr .price strong {
		font-size: 220%;
	}
	
	
	#header {
		background: url(../images/bg-header-desktop.png) repeat-y center top;
	}
	#header .in .top .menu {
		font-size: 100%;
	}
	#header .in .user, #header .in .basket {
		width: 990px;
	}
	#header .in .search .in {
		width: 990px !important;
	}
	#footer .in {
		width: 970px !important;
	}
	#footer .in .nav {
		padding-left: 80px;
		float: left;
		display: block;
		width: auto;
	}
	#footer .in .contact {
		padding-right: 60px;
	}
	#footer .in .newsletter ul .keyword span input {
		width: 200px;
	}
	#top {
		position: fixed;
		display: block;
	}
	#top a, #top a:hover {
		text-align: center;
		cursor: pointer;
		padding: 45px 0 0 0;
		text-transform: uppercase;
		font-size: 90%; 
		color: #2e2d2d;
		width: 39px;
		background: url(../images/icon-top.png) no-repeat center 0;
	}
	.wrap .in {
		width: 990px !important;
	}
	.wrap .in .in {
		padding: 5px 15px 15px 15px;
	}
	.wrap .in .text {
		padding: 0 30px 15px 30px;
	}
}

/* EDIT */

ul.volby {
	display:block !important;
	width:100% !important;	
	margin:0 !important;
	padding:0 !important;
	float:none !important;

	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}

ul.volby li {
	display:block !important;
	width:100% !important;
	padding-left:10px !important;
	min-height:35px;
	margin-top:4px;

	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}

ul.volby li .title {
	float:left;
	text-align:left;
	width:40%;
	padding-top:6px;
}

ul.volby li .select {
	float:right;
	width:50%;
}

ul.volby li .select .chosen-container {
	width:100% !important;
	display:block;
}

ul.count {
	display:block;
	width:100%;
	text-align:right;
	margin-top:12px;
}

ul.count li {
	float:none !important;
	display:inline-block !important;
}

ul.status {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

ul.status li {
	display:block !important;
	width:100% !important;
	float:none !important;
	text-align:left;
	padding-left:10px !important;

	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}

ul.status li span {
	float:right;
	font-weight:bold;
	font-size:14px;
	width:50%;
	text-align:left;
}

@media only screen and (min-width:320px) {
	#content .in #right ul.home-selected {
		display:block;
		width:100%;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li {
		display:block;
		width:100%;
		height:auto;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .image {
		float:left;
		width:40%;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .image img {
		display:block;
		max-width:100%;
		max-height:100%;
		width:auto;
		height:auto;

	}

}

.chosen-results li {
	padding:5px 6px !important;
}

.highlighted {
	color:#000000 !important;
	text-decoration:underline;
}

.result-selected {
	background:#225596 !important;
	color:#ffffff !important;
}

@media only screen and (max-width:768px) {
	#right .products li {
		/*clear:both;*/
		*zoom: 1;
	}

	#right .products li:before, #right .products li:after {
		display: table;
		content: "";
		line-height: 0;
	}

	#right .products li:after {
		clear: both;
	}

	#right .products li .desc {
		clear:none;
	}

	#right .products li .title {
		font-size:150%;
		padding-bottom:10px;
		padding-left:0;
	}

	#right .products li .bottom-container {
		position:relative;
		float:left;
		width:50%;
		padding-left:20px;
		padding-bottom:100px;
	}

	#right .products li .info {
		position:absolute;
		bottom:0;
		padding-left:12px;
		left:0;	
		padding-bottom:50px;
	}

	#right .products li .stock {
		padding:0;	
	}

	#right .products li .add {
		right:auto;
		left:20px;
	}

	#right .products li .cleaner {
		clear:none;
	}
}

@media only screen and (min-width:768px) {

	#footer {
		padding-bottom:20px;
	}

	#footer .newsletter p {
		height:auto !important;
	}

	#right .products li .add {
		top:1px;
	}

	#right .best-sell li .image {
		height:60px;
		text-align:center;
	}

	#right .best-sell li .image img {
		line-height:60px;
	}

	#right .best-sell li .prices {
		margin-left:0 !important;
	}

	#content .products {
		display:block;
		width:100%;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .products li {
		float:left;
		width:50%;
		/*height:418px;*/
		height:478px;
		position:relative;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .products li .image {
		display:block;
		width:100%;
		height:235px;
		text-align:center;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .products li .image img {
		display:inline-block;
		width:auto;
		height:auto;
		max-height:100%;
		max-width:100%;
		text-align:center;
		line-height:235px;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .products li .bottom-container {
		position:absolute;
		bottom:0px;
		left:0;
		width:100%;
		padding:10px;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .products li .add {
		margin-top:1px;
		padding:0;
		right: 0px;
		left: auto;
		bottom: 23px;
		top: auto;
	}

	#content .in #right ul.home-selected {
		display:inline-block;
		width:330px;
		overflow:hidden;
		border-bottom:1px solid #dcdcdc;
	}

	#content .in #right ul.home-selected li {
		display:inline-block;
		float:left;
		width:50%;
		position:relative;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .image {
		float:left;
		width:100%;
		height:148px;
		text-align:center;
	}

	#content .in #right ul.home-selected li .info {
		float:left;
		width:100%;
		text-align:left;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .info .price-container {
		position:absolute;
		bottom:10px;
		padding:0 10px;
		left:0;
		width:100%;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .info .title {
		display:block;
		max-height:55px;
		overflow:hidden;
		vertical-align:top;
		width:100%;
		text-align:left;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}


	#content .in #right ul.home-selected li .image img {
		float:none;
		display:inline-block;
		max-width:100%;
		max-height:100%;
		line-height:158px;
		text-align:center;
		width:auto;
		height:auto;
	}

	#content .in .bx-viewport {
		background:#ffffff;
	}

	#content .in .top ul li {
		height:152px;
		float:left;
		width:25%;
		position:relative;
		clear:none;
		background:#ffffff;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in .top ul li .image {
		height:82px !important;
		display:block;
		width:100%;
		text-align:center;
		overflow:hidden;
		position:absolute;
		bottom:10px;
		left:0;
		margin:0;
		padding:0;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in .top ul li .title {
		display:block;
		width:100%;
		max-height:45px;
		overflow:hidden;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in .top ul li .image span.price {
		width::40%;
		height:51px;
		position:absolute;
		display:block;
		top:0;
		left:10px;
		text-align:left;

	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in .top ul li .image img {
		text-align:center;
		max-height:100%;
		max-width:100%;
		width:auto;
		height:auto;
		display:inline-block;
		line-height:102px;
	}
}

@media only screen and (min-width: 1024px) {


	#content .products li {
		width:33.3%;
	}

	#content .products li .image {
		height:215px;
	}

	#content .in #right ul.home-selected { 
		display:inline-block;
		width:495px;
	}

	#content .in #right ul.home-selected li {
		display:inline-block;
		float:left;
		width:33.3%;
		position:relative;
		overflow:hidden;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}
#content .products li .add {
	bottom: 0;
}
	#content .in #right ul.home-selected li .image {
		float:left;
		width:100%;
		height:148px;
		text-align:center;
	}

	#content .in #right ul.home-selected li .info {
		float:left;
		width:100%;
		text-align:left;

  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
	}

	#content .in #right ul.home-selected li .info .title {
		display:block;
		max-height:40px;
		overflow:hidden;
		width:100%;
		text-align:left;
	}


	#content .in #right ul.home-selected li .image img {
		float:none;
		display:inline-block;
		max-width:100%;
		max-height:100%;
		line-height:158px;
		text-align:center;
		width:auto;
		height:auto;
		
	}
}


@media only screen and (min-width:320px) {
	#variant tbody tr .title {
		width: 230px;
	}
	#variant tbody tr .price {
		text-align: right;
	}
}

@media only screen and (min-width:768px) {
	#variant tbody tr .title {
		width: 210px;
	}
	#variant tbody tr .price {
		text-align: right;
		width: 125px;
	}
}

@media only screen and (min-width: 1024px) {

	#variant tbody tr .title {
		width: 365px;
	}
	#variant tbody tr .price {
		text-align: right;
		width: 137px;
	}
}

#header .in .search .in ul li.close {
	display:none;
}

@media (min-width:768px) and (max-width:1023px) {
	#header .in .top .toggle-basket:before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:5px;
		height:41px;
		background:url(../images/bg-search-in-tablet.png) center center no-repeat;
	}

	#header .in .search {
		position:absolute;
		top:54px;
		right:325px;
		width:41px;
		height:41px;

  -webkit-transition: all,300ms,ease-in-out;
	 -moz-transition: all,300ms,ease-in-out;
	   -o-transition: all,300ms,ease-in-out;
		  transition: all,300ms,ease-in-out;
	}

	#header.scroll .in .search {
		top:0;
		background: transparent;
	}

	#header .in .search.activated {
		right:0;
		width:315px;
	}

	#header .in .search .in {
		position:absolute;
		top:0;
		height:41px;
		right:0;
		width:100% !important;
	}

	#header .in .search .in ul {
		position:absolute;
		top:0;
		padding:0;
		right:0;
		background:none;
		width:100%;
	}

	#header .in .search .in ul li.submit {
		position:absolute;
		top:0;
		width:41px;
		height:41px;
		right:0;
	}

	#header .in .search .in ul li.keyword {
		width:100%;
		height:41px;
		position:relative;
	}

	#header .in .search .in ul li.keyword span {
		display:block;
		width:100%;
		height:41px;
	}

	#header .in .search .in ul li.keyword input {
		width:100%;
		padding-right:41px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	}

	#header .in .search.activated .in ul li.keyword input {
		padding-left:40px;
	}

	#header .in .search .in ul li.close {
		display:block;
		position:absolute;
		top:9px;
		left:8px;
		width:25px;
		height:25px;
		text-indent:-9999px;
		cursor:pointer;
		visibility:hidden;
	}

	#header .in .search.activated .in ul li.close {
		visibility:visible;
	}

	#header .in .search .in ul li.close:before, #header .in .search .in ul li.close:after {
		content:"";
		width:19px;
		height:1px;
		background:#c1c1c1;
		position:absolute;
		top:12px;
		left:3px;
	}

	#header .in .search .in ul li.close:before {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
	}

	#header .in .search .in ul li.close:after {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
	}

	#header .in .search .in ul li.submit a.button {
		background:url(../images/icon-search.png) center center no-repeat #ffffff;
	}
}

@media (max-width:540px) {
	#header .menu {
		display:none;
	}
	#header .menu ul li {
		display:block;
		width:100%;
	}

	#header .menu ul li:before {
		display:none;
	}
}