/* ----------------------------------------------------------------------------------------------------------

Autor:      ManoloDesign (www.manolodesign.cz)
Klient:     
Vstup:      screen, projection

---------------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'TitilliumWeb-SemiBold';
  src: url('fonts/TitilliumWeb-SemiBold.eot');
  src: url('fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'), 
  url('fonts/TitilliumWeb-SemiBold.woff') format('woff'), 
  url('fonts/TitilliumWeb-SemiBold.ttf') format('truetype'), 
  url('fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
}
@font-face {
  font-family: 'TitilliumWeb-Regular';
  src: url('fonts/TitilliumWeb-Regular.eot');
  src: url('fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), 
  url('fonts/TitilliumWeb-Regular.woff') format('woff'), 
  url('fonts/TitilliumWeb-Regular.ttf') format('truetype'), 
  url('fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
}
/* ---------------------------------------------------------------------------------------------------------
    Tagy
---------------------------------------------------------------------------------------------------------- */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
span {
  padding: 0;
  margin: 0;
  list-style: none;
}
fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
form,
input,
label,
textarea {
  margin: 0px;
  padding: 0px;
}
html {
  background: #242424;
  /*background: #000 url('img/bg2.jpg') repeat-y top center;*/
}
body {
  background: url('img/bg.jpg') no-repeat center 78px;
  font-size: 62.5%;
  font-family: 'Titillium Web','TitilliumWeb-Regular', sans-serif;
}
a img {
  border: none;
}
img {
  margin: 0px;
  padding: 0px;
}
.clear {
  clear: both;
}
.inner {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
a:hover {
  text-decoration: none;
}
*:focus {
  outline: 0;
}
.ipt-search ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}
.ipt-search :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.ipt-search ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}
.ipt-search :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}
.mobile-menu {
  display: none;
}
.mobile-item {
  display: none;
}
/* ----------------------------------------------------------------------------------------------------------
    layout
---------------------------------------------------------------------------------------------------------- */
header {
  background: url('img/header-bg.jpg') repeat-x top left;
  height: 78px;
  color: #fff;
  font-size: 1.4em;
}
#header-wrap {
  background: url('img/header-main.jpg') no-repeat top center;

}
/* ----------------------------------------------------------------------------------------------------------
    header
---------------------------------------------------------------------------------------------------------- */
header .inner {
  height: 78px;
}
header a {
  color: #fff;
  text-decoration: none;
}
header a:hover {
  text-decoration: underline;
}
header #logo {
  display: block;
  float: left;
  margin: 13px 0 0 36px;
}
header ul {
  display: block;
  float: left;
  margin: 0px;
  padding: 0 0 0 173px;
  line-height: 77px;
}
header ul li {
  margin: 0px;
  padding: 0 0 0 32px;
  display: block;
  float: left;
}
header ul li a {
  display: block;
  float: left;
  text-transform: uppercase;
}
header ul li.login-item a {
  display: inline;
  float: none;
}
header ul li.login-item a span {
  text-transform: none;
}
header #basket-box {
  font-size: 1.1em;
  float: right;
  line-height: 77px;
}
header #basket-box a span {
  color: #e21c26;
}
/* ----------------------------------------------------------------------------------------------------------
    main
---------------------------------------------------------------------------------------------------------- */
main .motto {
  padding: 13px 0 8px 0;
}
main .motto .title {
  float: left;
  color: #dcdcdc;
  font-weight: normal;
  padding: 0px 0 0 23px;
  line-height: 39px;
  font-size: 2.4em;
}
main .motto .title span {
  color: #fff;
  font-family: 'TitilliumWeb-SemiBold';
}
main .motto form {
  position: relative;
  float: right;
}
main .motto form p.ipt-search {
  background: url('img/ipt-search.png') no-repeat top left;
  width: 212px;
  height: 39px;
  float: left;
  line-height: 39px;
}
main .motto form p.ipt-search input {
  background: none;
  border: none;
  height: 39px;
  line-height: 39px;
  color: #fff;
  width: 180px;
  padding: 0 0 0 17px;
}
main .motto form p.btn-search {
  background: url('img/btn-lupa.png') no-repeat top left;
  width: 29px;
  height: 39px;
  line-height: 39px;
  float: left;
}
main .motto form input {
  cursor: pointer;
  background: none;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 29px;
  height: 39px;
  line-height: 39px;
}
main .motto form .search-show {
  position: absolute;
  top: 38px;
  left: -109px;
  z-index: 100;
  background: #fff;
  width: 350px;
}
main .motto form .search-show ul {
  margin: 0px;
  padding: 0px;
}
main .motto form .search-show ul li {
  clear: both;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #dadbdc;
}
main .motto form .search-show ul li a img {
  float: left;
  vertical-align: middle;
  width: 50px;
}
main .motto form .search-show ul li a {
  color: #5a5d60;
  font-size: 1.4em;
}
main .motto form .search-show ul li span {
  display: block;
  float: left;
  line-height: 1.3em;
  margin-left: 20px;
  width: 240px;
}
main .motto form .search-show ul li span .title-search {
  padding: 0px;
  line-height: normal;
  float: none;
  color: #5a5d60;
  text-decoration: underline;
}
main .motto form .search-show ul li a:hover span .title-search {
  text-decoration: none;
}
main .motto form .search-show .sfoot,
main .motto form .search-show ul li.head {
  background: #55b458;
  height: 14px;
  line-height: 14px;
  color: #fff;
  font-size: 1.5em;
}
main .motto form .search-show .sfoot {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 1.3em;
  padding: 0 0 0 20px;
}
main #wrap-content {
  background: #fff;
  border-radius: 3px;
}
main #leftPanel {
  float: left;
  width: 276px;
}
main #rightPanel {
  float: right;
  width: 724px;
}
#home main #rightPanel {
  width: 715px;
}
#finish-basket main #rightPanel,
#registrace main #rightPanel {
  width: 1000px;
  float: none;
  background: #fff;
  border-radius: 3px;
}
#registrace main #rightPanel form {
  padding: 26px 0 0 0;
}
#kontakt main #rightPanel {
  width: 1000px;
  background: #ffffff url('img/kontakt-bg.png') no-repeat top left;
  min-height: 320px;
  border-radius: 3px;
}
main .formTitle {
  font-size: 2.1em;
  font-family: 'TitilliumWeb-SemiBold';
  margin: 0 0 22px 6px;
}
main #loginTitle {
  padding: 0 0 0 30px;
  background: url('img/ico-key.jpg') no-repeat center left;
}
main #personTitle {
  padding: 0 0 0 32px;
  background: url('img/ico-person.jpg') no-repeat center left;
}
main #addressTitle {
  background: url('img/ico-addres.jpg') no-repeat center left;
  padding: 0 0 0 34px;
}
main #deliveryTitle {
  background: url('img/ico-delivery.jpg') no-repeat center left;
  padding: 0 0 0 24px;
}
main #trafficTitle {
  background: url('img/ico-traffic.jpg') no-repeat center left;
  padding: 0 0 0 32px;
  margin-top: 15px;
  margin-bottom: 25px;
}
main #payTitle {
  background: url('img/ico-pay.jpg') no-repeat center left;
  padding: 0 0 0 32px;
}
#traffic-box em,
#pay-box em {
  color: #EF1C1C;
  display: block;
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
  padding: 4px 0 12px;
}
main form .column1 {
  width: 338px;
  float: left;
  padding: 0 0 0 25px;
}
main form .column1 .pass-send {
  padding: 7px 0 20px 14px;
}
main form .column1 a {
  clear: both;
  color: #E11C26;
  font-size: 1.3em;
}
main form .column2 {
  float: left;
  width: 300px;
}
main form .column22 {
  width: 600px;
}
main form .column2 a {
  float: left;
  margin: 0 10px 0 0;
}
main form p.note {
  color: #5f5f5f;
  font-size: 1.3em;
  line-height: 2.0em;
}
main form .column21 {
  float: left;
  width: 350px;
}
main form .column211 {
  width: 592px;
}
main form .column3 {
  float: left;
  width: 324px;
}
main form .column31 {
  float: left;
  width: 236px;
}
main #rightPanel form .field {
  width: 236px;
  min-height: 40px;
  background: url('img/input.jpg') no-repeat top left;
  padding: 0 14px;
}
main #rightPanel form .field em {
  color: #EF1C1C;
  display: block;
  padding: 4px 0 12px 0;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
}
main #rightPanel form .active-field {
  background: url('img/field-active.jpg') no-repeat top left;
}
main form .column2 .field {
  margin: 0 0 0 5px;
}
main #rightPanel form .field input {
  background: none;
  border: none;
  width: 236px;
  height: 34px;
  line-height: 34px;
}
main #rightPanel form .field a {
  display: block;
  color: #737373;
  line-height: 34px;
  text-decoration: none;
  font-size: 1.5em;
}
main #rightPanel form .field a span {
  color: #E11C26;
}
main #rightPanel form .active-field a {
  color: #fff;
}
main #rightPanel form .active-field a span {
  color: #fff;
}
main #rightPanel form .check {
  position: relative;
  clear: both;
  padding: 10px 0 0px 10px;
}
main #rightPanel form .check em {
  display: block;
  position: absolute;
  top: 56px;
  left: 40px;
  color: #EF1C1C;
  padding: 4px 0 12px 0;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
}
main #rightPanel form .column21 .check em {
  left: 23px;
}
main #rightPanel form .check input {
  float: left;
  display: block;
}
main #rightPanel form .check label {
  line-height: 1.1em;
  font-size: 1.4em;
  display: block;
  float: left;
  width: 276px;
  color: #5f5f5f;
  padding: 0 0 0 15px;
}
main #delivery-wrap {
  /*padding: 31px 0 0 10px;*/
  padding: 13px 0 0 10px;
}
main .footer-form {
  height: 96px;
  /*line-height: 91px;*/
  position: relative;
  text-align: center;
  clear: both;
  margin: 38px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #eaeaea;
}
main .footer-form p {
  padding: 10px 0 0 0;
  font-size: 1.3em;
  color: #E11C26;
}
main .submit,
main .footer-form input {
  /*position: absolute;
    top: 25px;
    right: 27px;*/
  /*background: url('img/btn-submit.jpg') no-repeat top left;*/
  background: #51B555;
  padding: 0 30px;
  border-radius: 3px;
  min-width: 201px;
  height: 45px;
  border: none;
  color: #fff;
  font-size: 1.8em;
  cursor: pointer;
  font-family: 'TitilliumWeb-SemiBold';
}
main .submit:hover,
main .footer-form input:hover {
  /*background: url('img/btn-submit-hover.jpg') no-repeat top left;*/
  background: #349337;
}
main .submit {
  position: static;
}
main a.submit {
  display: block;
  text-align: center;
  line-height: 45px;
  text-decoration: none;
  font-family: 'TitilliumWeb-SemiBold';
}
main #product-gallery {
  width: 290px;
  float: left;
  margin: 5px 0 0 22px;
}
main #product-gallery #main-img {
  text-align: center;
  height: 306px;
}
main #product-gallery #main-img a {
  height: 306px;
  display: table-cell;
  vertical-align: middle;
}
main #product-gallery #main-img ul {
  margin: 0px;
  padding: 0px;
}
main #product-gallery #main-img ul li {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
}
main #product-gallery #main-img a.mobile-item {
  display: none;
}
main #product-gallery #view-img {
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 258px;
  text-align: left;
  margin: 0 0 0 9px;
  padding: 0px;
}
main #product-gallery #view-img-wrap ul {
  width: 20000em;
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
}
main #product-gallery #view-img-wrap ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  float: left;
}
main #product-gallery #view-img-wrap ul li a {
  display: table-cell;
  vertical-align: middle;
  height: 78px;
}
main #product-gallery #view-img-wrap ul li img {
  border: 1px solid #e0e0e0;
  margin: 0 9px 0 0px;
}
main #product-gallery #view-img-wrap ul li.last img {
  margin: 0px;
}
main #product-gallery #view-img-wrap {
  position: relative;
  width: 282px;
  padding: 0 0 0 6px;
}
main #product-gallery .gallery-control-prev {
  position: absolute;
  top: 30px;
  left: 0px;
  display: block;
  background: url('img/ico-gallery-prev.jpg') no-repeat top left;
  width: 10px;
  height: 21px;
  text-decoration: none;
}
main #product-gallery .gallery-control-next {
  position: absolute;
  top: 30px;
  right: 0px;
  display: block;
  background: url('img/ico-gallery-next.jpg') no-repeat top left;
  width: 10px;
  height: 21px;
  text-decoration: none;
}
main #product-gallery .inactive {
  background: none;
}
main #product-info {
  float: left;
  width: 370px;
  padding: 0 0 0 28px;
}
main #product-info p.perex {
  font-size: 1.4em;
  color: #6d6d6d;
  line-height: 1.2em;
  padding: 0 0 19px 0;
}
main #product-info p.param strong {
  color: #010101;
}
main #product-info p.param {
  font-size: 1.4em;
  color: #6d6d6d;
}
main #product-info .price-wrap {
  float: left;
}
main #product-info .detail-producer {
  float: left;
  padding: 20px 0 0 30px;
}
main #product-info p.price-vat {
  padding: 22px 0 3px 0;
  font-size: 2.0em;
  color: #e21c26;
  font-family: 'TitilliumWeb-SemiBold';
  line-height: 1.0em;
}

main #product-info p.price-vat.no-padding-price {
  padding-top: 0px;
}

main #product-info p.price {
  color: #7a7a7a;
  font-size: 1.5em;
  line-height: 1.0em;
}

main #product-info p.old_price{
  font-size: 1.5em;
  color: #7a7a7a;


  padding: 22px 0 3px 0;
}

main #product-info p.code-product {
  color: #7a7a7a;
  font-size: 1.5em;
  line-height: 1.0em;
  padding: 10px 0 0 0;
}
main #product-info form {
  clear: both;
  padding: 25px 0 0 0;
}
main #product-info form .param select {
  width: 177px;
  float: left;
  margin: 0 22px 0 0;
}
main #product-info form .stock {
  color: #51b555;
  font-size: 1.4em;
  float: left;
  padding: 6px 0 0 0;
}
main #product-info form .no-stock {
  color: #E11C25;
}
main #product-info form .qnt {
  background: url('img/ipt-buy.jpg') no-repeat top left;
  width: 24px;
  height: 44px;
  padding: 0 10px;
  float: left;
}
main #product-info form .qnt input {
  text-align: center;
  width: 24px;
  height: 44px;
  line-height: 44px;
  background: none;
  border: none;
}
main #product-info form .unit {
  float: left;
  color: #c4c4c4;
  line-height: 41px;
  font-size: 1.9em;
  text-align: center;
  width: 38px;
}
main #product-info form .buy {
  padding: 27px 0 0 0;
}
main #product-info form .buy a {
  float: left;
  display: block;
  background: url('img/btn-buy-detail.jpg') no-repeat top left;
  width: 235px;
  height: 44px;
}

main #product-info form .buy a.lang-buy-en {
  background: url('img/btn-buy-detail-en.jpg') no-repeat top left;
}

main #product-info form .buy a:hover {
  background: url('img/btn-buy-detail-hover.jpg') no-repeat top left;
}

main #product-info form .buy a.lang-buy-en:hover {
  background: url('img/btn-buy-detail-en-hover.jpg') no-repeat top left;
}

main #product-info form .buy a span {
  display: none;
}
main .detail-title {
  font-size: 2.2em;
  color: #e21c26;
  font-weight: normal;
  width: 377px;
  padding: 13px 0 15px 18px;
}
main #other-info {
  clear: both;
  margin: 20px 23px 0;
  background: url('img/detail-tab-bg.jpg') repeat-x top left;
}
main #other-info ul {
  margin: 0px;
  padding: 0px;
  height: 44px;
  background: url('img/detail-tab-left.jpg') no-repeat top right;
}
main #other-info ul li.first {
  background: url('img/detail-tab-right.jpg') no-repeat top left;
}
main #other-info ul li.ui-tabs-active {
  background: url('img/detail-tab-bg-active.jpg') repeat-x top left;
}
main #other-info ul li {
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
  line-height: 42px;
}
main #other-info ul li a {
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  background: url('img/detail-tab-sep.jpg') no-repeat top right;
  font-size: 1.4em;
}
main #other-info ul li a span {
  display: block;
  float: left;
  height: 44px;
  padding: 0 45px;
}
main #other-info ul li.ui-tabs-active a {
  background: url('img/detail-tab-right-active.jpg') no-repeat top right;
}
main #other-info ul li.ui-tabs-active:first-child span {
  background: url('img/detail-tab-left-active.jpg') no-repeat top left;
}
main #other-info .detail-tab {
  border: 1px solid #e2e2e2;
  border-top: none;
  border-radius: 0  0 3px 3px;
  padding: 6px 22px 19px 12px;
  font-size: 1.4em;
  color: #6D6D6D;
}
main #other-info #parametr table tr th,
main #other-info #parametr table tr td {
  text-align: left;
  padding: 0 20px 0 0;
}
main #other-info .detail-tab p {
  padding: 10px 0 0 0;
}
main .recomend {
  color: #fff;
  text-align: center;
  font-size: 2.0em;
  font-weight: normal;
  padding: 12px 0 18px 0;
}
main .detail-tips-wrap {
  float: left;
  position: relative;
  padding: 10px 0 40px 20px;
  min-height: 174px;
  margin: 19px 0 0 33px;
}
main .detail-tips-wrap h3 {
  padding: 4px 0 0 46px;
  font-weight: normal;
  font-size: 1.6em;
}
main .detail-tips {
  border: 1px solid #e1e1e1;
  width: 250px;
  min-height: 65px;
  border-radius: 3px;
  margin: 11px 0 0 21px;
  padding: 29px 0px 10px 21px;
  color: #6e6e6e;
  font-size: 1.3em;
}
main #tips-dealer {
  margin-right: 8px;
}
main #tips-dealer .figure {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 174px;
  background: url('img/detail-prodejce.png') no-repeat top left;
}
main #tips-customer .figure {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 90px;
  height: 174px;
  background: url('img/detail-customer.png') no-repeat top left;
}
/*main #tips-dealer{
    min-height: 174px;
    background: url('img/detail-prodejce.png') no-repeat top left;
}*/
main .column21 .required-title {
  clear: both;
  padding: 10px 0 0 20px;
  font-size: 1.3em;
  color: #737373;
}
#kontakt main #rightPanel h1 {
  background: url('img/ico-phone.jpg') no-repeat center left;
  font-family: 'TitilliumWeb-SemiBold';
  padding: 0px 0 0 30px;
  font-size: 2.2em;
}
#kontakt main #rightPanel #kontakt-wrap {
  position: relative;
  padding: 35px 20px 0 23px;
}
#kontakt main #rightPanel .kontakt-column {
  float: left;
  width: 247px;
  padding: 34px 0 0 0;
}
#kontakt main #rightPanel .kontakt-column h2 {
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 1.7em;
}
#kontakt main #rightPanel .kontakt-column p {
  font-size: 1.5em;
}
#kontakt main #rightPanel .kontakt-column p.position {
  font-style: oblique;
  color: #818181;
  padding: 0 0 5px 0;
}
#kontakt main #rightPanel .kontakt-column p.phone span {
  color: #e21c26;
}
#kontakt main #rightPanel .kontakt-column p.email {
  padding: 5px 0 0 0;
}
#kontakt main #rightPanel .kontakt-column p.email a {
  color: #397887;
}
#kontakt main #rightPanel a.send-btn {
  clear: both;
  display: block;
  background: url("img/btn-submit.jpg") no-repeat scroll left top;
  color: #fff;
  font-size: 1.8em;
  height: 45px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
  font-family: 'TitilliumWeb-SemiBold';
  position: absolute;
  right: 149px;
  top: 120px;
  width: 221px;
}
/*----------------------------------------------------------------------------------------------------------
    main/#leftPanel
---------------------------------------------------------------------------------------------------------- */
main #leftPanel nav ul {
  position: relative;
  margin: 0px;
  padding: 0px;
}
main #leftPanel nav ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  padding: 0 18px 0 0;
  background: #fff;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
#home main #leftPanel nav ul li {
  border-right: none;
}
main #leftPanel nav ul li.first {
  border-radius: 3px 0 0 0;
}
#text-list main #leftPanel nav ul li {
  background: url('img/text-list-menu.jpg') repeat top left;
  border-right: none;
  border-bottom: 1px solid #2c2d2d;
}
#text-list main #leftPanel nav ul li.open:hover,
#text-list main #leftPanel nav ul li.open {
  background: #fff;
}
#text-list main #leftPanel nav ul li a {
  color: #fff;
  background: none;
}
#text-list main #leftPanel nav ul li.open a {
  background: #ffffff url('img/ico-arrow-down.jpg') no-repeat right center;
  color: #020202;
}
#home main #leftPanel nav ul li.first {
  border-radius: 3px 3px 0 0;
}
main #leftPanel nav ul li.last,
main #leftPanel nav ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 0 3px;
}
#home main #leftPanel nav ul li.last {
  border-radius: 0 0 3px 3px;
}
main #leftPanel nav ul li a {
  font-size: 1.6em;
  display: block;
  font-weight: 600;
  /*font-family: 'TitilliumWeb-SemiBold', sans-serif;*/
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  background: url('img/ico-arrow.png') no-repeat right center;
  padding: 11px 0px 10px 25px;
}
#text-list main #leftPanel nav ul li.active,
main #leftPanel nav ul li.active,
#text-list main #leftPanel nav ul li:hover,
main #leftPanel nav ul li:hover {
  background: #e21c26;
  border-bottom: 1px solid #e21c26;
}
#text-list main #leftPanel nav ul li.active,
main #leftPanel nav ul li.active {
  border-bottom: 1px solid #e21c26;
}
main #leftPanel nav ul li.active a,
main #leftPanel nav ul li:hover a {
  color: #fff;
}
main #leftPanel nav ul li ul {
  /*display: none !important;*/
  display: none;
  top: 0px !important;
  left: 276px !important;
  position: absolute;
  width: 724px;
  min-height: 553px;
  background: #fff;
  border-radius: 0 3px 3px 3px;
  z-index: 100;
  border-bottom: 3px solid #ECECEC;
}
main #leftPanel nav ul li:hover ul {
  display: block;
}
main #leftPanel nav ul li:hover ul li {
  background: #fff;
}
main #leftPanel nav ul li ul li.subtitle {
  background: #e21c26;
  padding: 11px 0 11px 25px;
  font-size: 1.6em;
  color: #fff;
  border-radius: 0 3px 0 0;
}
main #leftPanel nav ul li:hover ul li.subtitle a,
main #leftPanel nav ul li ul li.subtitle a {
  background: none;
  padding: 0px;
  display: inline;
  font-size: 0.9em;
  color: #4d0000;
  text-transform: none;
  font-family: 'TitilliumWeb', sans-serif;
}
main #leftPanel nav ul li ul li {
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
  border: none;
}
main #leftPanel nav ul li ul li img {
  vertical-align: middle;
}
main #leftPanel nav ul li:hover ul li:hover {
  border: none;
}
main #leftPanel nav ul li ul li.subItem {
  float: left;
  width: 218px;
  padding: 23px 0 0px 23px;
}
main #leftPanel nav ul li ul li.subItem1 {
  clear: both;
  width: 238px;
  padding: 23px 0 0px 32px;
}
main #leftPanel nav ul li ul li.subItem2 {
  width: 200px;
}
main #leftPanel nav ul li ul li.subItemLast {
  width: 200px;
}
main #leftPanel nav ul li:hover ul li a {
  color: #909090;
}
main #leftPanel nav ul li ul li div.subItem-wrap {
  height: 100px;
}
main #leftPanel nav ul li ul li div.subItem-wrap p {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}
main #leftPanel nav ul li ul li img {
  float: left;
  margin: 0 26px 0 0;
}
main #leftPanel nav ul li ul li a.main-subItem {
  color: #000;
  display: block;
  font-size: 1.5em;
  text-decoration: underline;
  padding: 0 0 5px 0;
}
main #leftPanel nav ul li ul li a.main-subItem:hover {
  text-decoration: none;
  color: #e21c26;
}
main #leftPanel nav ul li ul li a {
  font-family: 'TitilliumWeb', sans-serif;
  display: inline;
  background: none;
  margin: 0px;
  padding: 0px;
  color: #909090;
  font-size: 1.0em;
  text-transform: none;
}
main #leftPanel nav ul li ul li a:hover {
  text-decoration: underline;
}
main #leftPanel .fb-panel {
  padding: 30px 0 0 0;
  text-align: center;
}
#finish-basket main #rightPanel {
  text-align: center;
}
#finish-basket main #rightPanel #bread {
  text-align: left;
}
#finish-basket main h1 {
  color: #8ac550;
  font-weight: normal;
  font-size: 4.0em;
  padding: 47px 0 0 0;
}
#finish-basket main #rightPanel p {
  color: #a2a2a2;
  font-size: 1.6em;
  line-height: 1.2em;
}
#finish-basket main #rightPanel p a {
  color: #80bc48;
}
#finish-basket main .back-btn {
  float: none;
  margin: 0 auto;
  margin-top: 54px;
  padding-bottom: 20px;
}
main .text-footer {
  clear: both;
  position: relative;
  text-align: center;
  padding: 5px 0 10px 0;
  margin: 30px 0 0 0;
}
main .text-footer .article-btn {
  top: 0px;
  position: absolute;
  display: block;
  background: url('img/article-nav-btn.jpg') no-repeat top left;
  width: 133px;
  height: 31px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  color: #454545;
}
main .text-footer .article-btn:hover {
  background: url('img/article-nav-btn-hover.jpg') no-repeat top left;
}
main .text-footer .article-btn span {
  font-size: 1.2em;
  padding: 0 10px 0 0;
}
main .text-footer .prev-article {
  left: 0px;
}
main .text-footer .next-article {
  right: 0px;
}
main .text-footer .next-article span {
  padding: 0 0px 0 10px;
}
/* ----------------------------------------------------------------------------------------------------------
    main/#rightPanel
---------------------------------------------------------------------------------------------------------- */
main #rightPanel #banner-wrap {
  position: relative;
}
main #rightPanel #banner {
  position: relative;
  overflow: hidden;
  width: 715px;
  height: 229px;
}
main #rightPanel #banner ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
main #rightPanel #banner ul li {
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
  list-style-type: none;
}
main #rightPanel #banner ul li a img {
  border-radius: 3px 3px 0 0;
}
main #rightPanel .banner-pagination-wrap {
  position: absolute;
  top: 0px;
  right: 16px;
}
main #rightPanel .banner-pagination {
  display: table-cell;
  height: 218px;
  vertical-align: middle;
}
main #rightPanel .banner-pagination a {
  display: block;
  width: 7px;
  height: 7px;
  background: url('img/ico-point.png') no-repeat top left;
  text-indent: -5000px;
  margin: 6px 0px;
}
main #rightPanel .banner-pagination a.active {
  background: url('img/ico-point-active.png') no-repeat top left;
}
main #rightPanel #list-product {
  position: relative;
  background: #fff;
  border-radius: 0 3px 3px 3px;
}
main #rightPanel #list-product #detail-sign {
  position: absolute;
  top: 66px;
  right: 44px;
}
main #rightPanel #list-product #detail-sign #detail-sign-ico {
  float: left;
  padding: 0 20px 0 0;
}
main #rightPanel #list-product #detail-sign .fb-like {
  float: left;
}
main #rightPanel #list-product #detail-sign #detail-sign-ico img {
  margin: 0 0 0 10px;
}
/* ----------------------------------------------------------------------------------------------------------
    driver-tip
---------------------------------------------------------------------------------------------------------- */
#driver-article-wrap {
  position: relative;
}
#driver-tip {
  color: #fff;
  clear: both;
  background: url('img/driver-tip-bg.jpg') no-repeat top left;
  height: 209px;
  margin: 10px 0;
}
#driver-tip h4 {
  float: left;
  font-weight: normal;
  font-size: 2.8em;
  width: 268px;
  text-align: center;
  line-height: 202px;
}
#driver-tip #driver-article {
  position: relative;
  overflow: hidden;
  width: 715px;
  height: 209px;
  float: right;
}
#driver-tip #driver-article ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#driver-tip #driver-article ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  float: left;
}
#driver-tip #driver-article ul li .article-wrap {
  padding: 29px 0px 0 21px;
}
#driver-tip #driver-article ul li p.img-article {
  float: left;
  padding: 0 27px 0 0;
}
#driver-tip #driver-article ul li p.img-article img {
  border: 3px solid #d8d8d8;
  border-radius: 3px;
}
#driver-tip #driver-article ul li h3 {
  font-weight: normal;
  width: 678px;
  padding: 0 0px 12px 0;
}
#driver-tip #driver-article ul li h3 a {
  font-size: 2.2em;
  line-height: 1.2em;
  text-decoration: none;
  color: #fff;
}
#driver-tip #driver-article ul li h3 a:hover {
  text-decoration: underline;
}
#driver-tip #driver-article ul li p.perex {
  width: 678px;
  font-size: 1.5em;
  color: #aeaeae;
  padding: 0 20px 0 0;
}
#driver-tip #driver-article ul li p.perex a {
  color: #52b656;
}
#driver-tip #driver-article ul li p.perex a:hover {
  text-decoration: none;
}
#driver-tip .driver-article-paginator-wrap {
  position: absolute;
  top: 0px;
  right: 16px;
}
#driver-tip .driver-article-paginator {
  display: table-cell;
  height: 209px;
  vertical-align: middle;
}
#driver-tip .driver-article-paginator a {
  display: block;
  width: 7px;
  height: 7px;
  background: url('img/ico-point.jpg') no-repeat top left;
  text-indent: -5000px;
  margin: 6px 0px;
}
#driver-tip .driver-article-paginator a.active {
  background: url('img/ico-point-active.jpg') no-repeat top left;
}
/* ----------------------------------------------------------------------------------------------------------
    tabs-product
---------------------------------------------------------------------------------------------------------- */
#tabs-product ul#tabs-product-menu {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 276px;
}
#tabs-product ul#tabs-product-menu li {
  margin: 0px;
  padding: 0 18px 0 0;
  display: block;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
  background-position: center left;
  border-bottom: 1px solid #dedede;
}
#tabs-product ul#tabs-product-menu li.tabs-first {
  border-radius: 3px 0 0 0;
}
#tabs-product ul#tabs-product-menu li.tabs-last {
  border-radius: 0 0 0 3px;
}
#tabs-product ul#tabs-product-menu li#sign-4 {
  background-image: url('img/ico-news.png');
  background-position: 28px 50%;
}
#tabs-product ul#tabs-product-menu li#sign-3 {
  background-image: url('img/ico-akce.png');
  background-position: 25px 50%;
}
#tabs-product ul#tabs-product-menu li#sign-1 {
  background-image: url('img/ico-top.png');
  background-position: 26px 50%;
}
#tabs-product ul#tabs-product-menu li#sign-2 {
  background-image: url('img/ico-vyprodej.png');
  background-position: 28px 50%;
}
#tabs-product ul#tabs-product-menu li.ui-state-active {
  background-color: #fff;
}
#tabs-product ul#tabs-product-menu li a {
  font-size: 1.6em;
  display: block;
  font-weight: normal;
  font-family: 'TitilliumWeb-SemiBold', sans-serif;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  background: url('img/ico-arrow.png') no-repeat right center;
  padding: 11px 0px 10px 65px;
}
.tabs-product-wrap {
  float: left;
  width: 724px;
  border-radius: 0 3px 3px 3px;
}
.tabs-product-wrap ul {
  margin: 0px;
  padding: 0px;
}
.tabs-product-wrap ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  float: left;
}
/* ----------------------------------------------------------------------------------------------------------
    social
---------------------------------------------------------------------------------------------------------- */
#social {
  clear: both;
  padding: 18px 0;
  text-align: center;
  color: #fff;
  font-size: 1.6em;
}
#social a {
  color: #fff;
  text-decoration: none;
}
#social img {
  vertical-align: middle;
  margin: 0 0 0 18px;
}
/* ----------------------------------------------------------------------------------------------------------
    bread
---------------------------------------------------------------------------------------------------------- */
#bread {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ECECEC;
  padding: 13px 0 11px 13px;
}
#text-list #bread,
#text #bread {
  background: #fff;
  border-radius: 0 3px 0 0;
  padding-left: 29px;
}
#kontakt #bread,
#registrace #bread {
  padding: 13px 0 11px 23px;
}
#bread li {
  display: inline;
  margin: 0px;
  padding: 0 0 0 2px;
  font-size: 1.4em;
  color: #868686;
}
#bread li a {
  color: #868686;
  text-decoration: none;
  padding: 0 5px 0 0;
}
#bread li a:hover {
  text-decoration: underline;
}
#bread li span {
  color: #ef1c1c;
}
/* ----------------------------------------------------------------------------------------------------------
    producer
---------------------------------------------------------------------------------------------------------- */
#producer {
  background: url('img/producer-bg.png') no-repeat top left;
  width: 1000px;
  height: 209px;
}
#producer h4 {
  float: left;
  width: 241px;
  font-weight: normal;
  font-size: 2.0em;
  line-height: 1.4em;
  padding: 77px 0px 0 27px;
}
#producer #producer-list-wrap {
  position: relative;
}
#producer #producer-list {
  float: right;
  height: 209px;
  overflow: hidden;
  position: relative;
  width: 685px;
  margin: 0 30px 0 0;
}
#producer #producer-list ul {
  width: 20000em;
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#producer #producer-list ul li {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
  float: left;
}
#producer #producer-list ul li a {
  display: table-cell;
  text-align: center;
  height: 209px;
  vertical-align: middle;
  width: 232px;
}
#producer .producer-list-paginator-wrap {
  position: absolute;
  right: 16px;
  top: 0px;
}
#producer .producer-list-paginator {
  display: table-cell;
  height: 209px;
  vertical-align: middle;
}
#producer .producer-list-paginator a {
  display: block;
  width: 7px;
  height: 7px;
  background: url('img/ico-point.png') no-repeat top left;
  text-indent: -50000px;
  margin: 6px 0px;
}
#producer .producer-list-paginator a.active {
  background: url('img/ico-point-active.png') no-repeat top left;
}
/* ----------------------------------------------------------------------------------------------------------
    item-product
---------------------------------------------------------------------------------------------------------- */
.list-product {
  background: #fff;
}
#best-product {
  border-radius: 0 0 3px 3px;
}
.item-product {
  position: relative;
  width: 215px;
  height: 215px;
  float: left;
  padding: 10px 14px 14px 12px;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
#best-product .item-product {
  width: 212px;
}
.item-product-last {
  border-right: none;
  width: 214px;
}
.product-item-last-line {
  border-bottom: none;
}
#best-product .item-product-last {
  width: 211px;
}
.item-product h3 {
  width: 186px;
  height: 40px;
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: normal;
  overflow: hidden;
}
.item-product h3 a {
  color: #000;
  text-decoration: none;
}
.item-product h3 a:hover {
  text-decoration: underline;
}
.item-product .img-product {
  display: table-cell;
  height: 140px;
  width: 210px;
  text-align: center;
  vertical-align: middle;
}
.item-product .footer-product {
  position: relative;
}
.item-product .footer-product p.price-product {
  font-size: 1.5em;
}
.item-product .footer-product p.price-product span {
  font-weight: bold;
}
.item-product .footer-product p.stock-product {
  color: #6db312;
  font-size: 1.2em;
  padding: 1px 0 0 0;
  line-height: 1.0em;
}
.item-product .footer-product p.no-stock {
  color: #E11C25;
}
.item-product .footer-product a {
  position: absolute;
  top: 5px;
  right: -3px;
  display: block;
  background: url('img/btn-buy.jpg') no-repeat top left;
  width: 89px;
  height: 32px;
}
.item-product .footer-product a span {
  display: none;
}
.item-product .sign-product {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  width: 21px;
}
.item-product .sign-product img {
  margin: 0 0 11px 0;
}
/* ----------------------------------------------------------------------------------------------------------
    text-main
---------------------------------------------------------------------------------------------------------- */
#text-main {
  background: #fff;
  padding: 20px 25px 20px 30px;
  font-size: 1.4em;
  color: #5f5f5f;
}
#text-main p {
  padding: 16px 0;
}
#products #text-main p {
  font-size: 0.9em;
  padding: 0 0 8px 0;
}
#text-main h1 {
  color: #000;
  font-size: 1.7em;
}
#text-main a {
  color: #E11C25;
}
#products #text-main h1 {
  font-weight: normal;
  font-size: 1.2em;
  padding: 10px 0 0 0;
}
#text-main h2 {
  color: #000;
  font-size: 1.3em;
  padding: 15px 0 0 0;
}
#text-main h3 {
  color: #000;
  font-size: 1.3em;
}
#text-main h4 {
  color: #000;
  font-size: 1.1em;
}
#text-main .product-list-info-img {
  float: left;
  /*width: 214px;*/
  padding: 0 30px 0 0;
}
#text-main .producer-list-img {
  width: auto;
}
#text-main .producer-list-img img {
  margin: 0px 20px 0 0;
}
#text-main #producer-text {
  padding: 10px 0 0 0;
}
/* ----------------------------------------------------------------------------------------------------------
    filter
---------------------------------------------------------------------------------------------------------- */
.filter {
  clear: both;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  background: #f4f4f4;
  height: 35px;
  padding: 10px 0 0 20px;
  margin: 23px 0 0 0;
  color: #8f8f8f;
}
.filter .openParametr {
  display: block;
  float: left;
  color: #8f8f8f;
  font-size: 1.5em;
  padding: 0 0 0 33px;
  background: url('img/open-param.jpg') no-repeat center left;
}
.filter .openParametr:hover {
  text-decoration: none;
}
.filter .sort {
  margin: 0 0 0 20px;
  padding: 0 12px 0 13px;
  font-size: 1.5em;
  float: left;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.filter .sort-title {
  float: left;
  padding: 0 10px 0 0px;
}
.filter select {
  width: 136px;
}
.filter .jNiceWrap {
  float: left;
}
.filter .paginator {
  margin: 0px;
  padding: 0 16px 0 0px;
  float: right;
}
.filter .paginator li {
  margin: 0 0 0 5px;
  list-style-type: none;
  display: block;
  float: left;
  background: url('img/paginator-bg.jpg') repeat-x top left;
}
.filter .paginator li.page-dot {
  background: none;
}
.filter .paginator li a {
  display: block;
  float: left;
  background: url('img/paginator-left.jpg') no-repeat top left;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #a4a4a4;
  text-decoration: none;
}
.filter .paginator li.next a,
.filter .paginator li.prev a {
  padding: 0 0 0 13px;
}
.filter .paginator li a span {
  display: block;
  float: left;
  background: url('img/paginator-right.jpg') no-repeat top right;
  height: 24px;
  line-height: 24px;
  font-size: 1.3em;
  padding: 0 8px 0 0px;
}
.filter .paginator li.next a span,
.filter .paginator li.prev a span {
  padding: 0 13px 0 0px;
}
.filter .paginator li.active,
.filter .paginator li:hover {
  background: url('img/paginator-bg-hover.jpg') repeat-x top left;
}
.filter .paginator li.active a,
.filter .paginator li:hover a {
  background: url('img/paginator-left-hover.jpg') no-repeat top left;
  color: #fff;
}
.filter .paginator li.active a span,
.filter .paginator li:hover a span {
  background: url('img/paginator-right-hover.jpg') no-repeat top right;
}
#product-list-footer {
  border-radius: 0 0 3px 3px;
}
.filter p.top {
  float: left;
  border-right: 1px solid #dfdfdf;
  padding: 0 33px 5px 0;
}
.filter p.top a {
  padding: 0 0 0 29px;
  font-size: 1.5em;
  color: #8F8F8F;
  background: url('img/top.jpg') no-repeat center left;
}
/* ----------------------------------------------------------------------------------------------------------
    basket-items
---------------------------------------------------------------------------------------------------------- */
#basket-items {
  width: 100%;
  border-collapse: collapse;
}
#basket-items tr th {
  background: #f0f0f0 url('img/table-header-bg.jpg') no-repeat center right;
  height: 50px;
  line-height: 40px;
  color: #777;
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  padding: 0 0 0 25px;
}
#basket-items tr .photo {
  width: 89px;
}
#basket-items tr td.photo {
  text-align: center;
}
#basket-items tr .note {
  width: 443px;
}
#basket-items tr .count {
  width: 90px;
}
#basket-items tr .price {
  width: 178px;
}
#basket-items tr .delete {
  background-image: none;
}
#basket-items tr td.note {
  padding: 0 0 0 25px;
}
#basket-items tr .note h3 {
  font-weight: normal;
}
#basket-items tr .note h3 a {
  text-decoration: none;
  color: #e21c26;
  font-size: 1.5em;
}
#basket-items tr .note h3 a:hover {
  text-decoration: underline;
}
#basket-items tr .note p {
  padding: 5px 20px 0 0;
  font-size: 1.3em;
}
#basket-items tr td.count {
  text-align: center;
}
#basket-items tr .count input {
  border: 1px solid #cacaca;
  width: 26px;
  height: 21px;
  text-align: center;
}
#basket-items tr td {
  border-bottom: 1px solid #f0f0f0;
}
#basket-items tr .price .price-vat {
  color: #e21c26;
  font-size: 1.8em;
  font-family: 'TitilliumWeb-SemiBold';
}
#basket-items tr td.price {
  padding: 0 0 0 25px;
}
#basket-items tr .price .price-no-vat {
  color: #7a7a7a;
  font-size: 1.3em;
}
#basket-items tr td.delete {
  text-align: center;
}
#basket-items tr .delete a {
  display: block;
  background: url('img/ico-delete.jpg') no-repeat top center;
  text-decoration: none;
  height: 13px;
}
#basket-items .totalPriceTitle {
  height: 67px;
  color: #010101;
  font-size: 1.8em;
  padding: 0 0 0 25px;
}
#basket-items .totalPrice {
  color: #e21c26;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 1.8em;
  padding: 0 0 0 25px;
}
main #btn-box {
  float: right;
  margin: 25px 26px 10px 0;
}
main .next-btn,
main .back-btn {
  float: left;
  display: block;
  text-align: center;
  background: url('img/btn-back.jpg') no-repeat top left;
  width: 221px;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  color: #fff;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 1.9em;
  margin: 0 0px 0 30px;
}
main .back-btn:hover {
  background: url('img/btn-back-hover.jpg') no-repeat top left;
}
main .next-btn {
  background: url('img/btn-submit.jpg') no-repeat top left;
}
main .next-btn:hover {
  background: url('img/btn-submit-hover.jpg') no-repeat top left;
}
main #form-footer-step2 {
  position: relative;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
main #form-footer-step2 a {
  position: absolute;
  top: 25px;
  left: 25px;
  margin: 0px;
}
main #form-footer-step2 input {
  position: absolute;
  top: 25px;
  right: 23px;
}
main #form-footer-step2 input.payu {
  background: #51b555 url('img/payu-submit.jpg') no-repeat top right;
  padding: 0 59px 0 20px;
}
main #form-footer-step2 p {
  /*color: #e30000;*/
  font-size: 1.4em;
  padding: 38px 0 0 0;
}
main form .column2 .mobile-btn-registrace {
  background: #838383;
}
main form .column2 .mobile-title-basket {
  text-align: center;
  display: block;
  font-size: 1.9em;
  padding: 30px 0 30px 0;
  clear: both;
}
/* ----------------------------------------------------------------------------------------------------------
    param
---------------------------------------------------------------------------------------------------------- */
.param {
  clear: both;
}

.param #selectParamWrap {
  width: 200px;
  float: left;
}

.param .jNiceWrap {
  width: 200px;
  margin: 0 0 10px 0;
  /*float: left;*/
}
.param fieldset {
  color: #8F8F8F;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #dfdfdf;
}
.param fieldset p.title {
  float: left;
  width: 141px;
  font-size: 1.5em;
  padding: 2px 0 0 52px;
}
.param fieldset .param-wrap {
  float: left;
  border-left: 1px solid #dfdfdf;
  padding: 6px 0 0px 16px;
  width: 476px;
}
.param fieldset .param-wrap p {
  float: left;
  padding: 0 0 15px 0;
}
.param fieldset label {
  font-size: 1.5em;
  float: left;
  padding: 0 9px 0 8px;
  line-height: 0.8em;
}
.param fieldset input {
  float: left;
}
/* ----------------------------------------------------------------------------------------------------------
    footer
---------------------------------------------------------------------------------------------------------- */
footer {
  padding: 12px 0 24px 0;
  font-size: 1.2em;
  color: #696969;
  text-align: center;
}
footer p {
  display: inline;
}
footer p br {
  display: none;
}
footer a {
  color: #696969;
}
footer ul {
  display: inline;
  margin: 0px;
  padding: 0px;
}
footer ul li {
  margin: 0px;
  padding: 0 0 0 19px;
  list-style-type: none;
  display: inline;
}
.true-msg {
  border: 2px solid #51B555;
  border-radius: 3px;
  color: #fff;
  padding: 10px;
  font-size: 1.6em;
  margin: 0 0 10px 0;
  background: #2D602F;
}
.err-msg {
  border: 2px solid #E21D27;
  background: #ED848A;
  border-radius: 3px;
  color: #fff;
  padding: 10px;
  font-size: 1.6em;
  text-align: center;
  margin: 20px 10px 10px 10px;
}
#registraceForm .true-msg {
  margin: 0 25px 15px;
}
.info-msg {
  border: 2px solid #E8946A;
  border-radius: 3px;
  color: #E8946A;
  padding: 10px;
  font-size: 1.6em;
  margin: 20px 10px 10px 10px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #driver-tip #driver-article ul li h3 a {
    font-size: 2.0em;
    width: 640px;
  }
  #driver-tip #driver-article ul li p.perex {
    font-size: 1.0em;
    width: 640px;
  }
}
.fb_edge_widget_with_comment span.fb_send_button_form_widget {
  top: 100px!important;
  /*for example*/
  left: 100px!important;
  /*for example*/
}
#subCategoryMenu {
  border-top: 1px solid #ececec;
}
#subCategoryMenu ul {
  margin: 0px;
  padding: 0 0 10px 0;
}
#subCategoryMenu ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  float: left;
  padding: 23px 0 0 23px;
  width: 218px;
  height: 82px;
}
#subCategoryMenu ul li a {
  color: #000;
  display: block;
  font-size: 1.5em;
  text-decoration: underline;
}
#subCategoryMenu ul li a:hover {
  color: #E21C26;
  text-decoration: none;
}
#subCategoryMenu ul li a .subMenuImg {
  display: inline-block;
  width: 76px;
}
#subCategoryMenu ul li a img {
  vertical-align: middle;
}
@media only screen and (max-width: 580px) {
  /*480*/
  .ipt-search ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #000;
  }
  .ipt-search :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
  }
  .ipt-search ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
  }
  .ipt-search :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #000;
  }
  .opentParametrCorn {
    position: absolute;
    width: 10px;
    height: 113px;
    top: 0px;
    content: "";
  }
  div.radio,
  div.checker {
    float: left;
    width: 25px;
    height: 25px;
  }
  div.radio span,
  div.checker span {
    background: url('img/mobile-checkbox.jpg') no-repeat top left;
    width: 25px;
    height: 25px;
  }
  div.radio span.checked,
  div.checker span.checked {
    background: url('img/mobile-checkbox-active.jpg') no-repeat top left;
  }
  div.radio input,
  div.checker input {
    width: 25px;
    height: 25px;
  }
  div.checker.focus span.checked,
  div.checker.hover span.checked,
  div.checker.focus span,
  div.checker.hover span {
    background-position: top left;
  }
  .green-btn {
    margin: 0px;
    padding: 0px;
    background: #51b656;
    width: 100%;
    border-radius: 3px;
    height: 80px;
    line-height: 80px;
    font-size: 2.1em;
  }
  .green-btn-hover {
    background: #349337;
  }
  .mobile-item {
    display: block;
  }
  body {
    background: #181818;
  }
  .inner {
    width: 100%;
  }
  main .inner {
    background: #fff;
  }
  header {
    background: none;
    height: auto;
    position: relative;
  }
  header #header-wrap {
    background: none;
    width: 93%;
    border-bottom: 2px solid #333;
    margin: 0 auto;
  }
  header .inner {
    /*position: relative;*/
    position: static;
    width: 100%;
    /*min-height: 95px;*/
    height: auto;
    display: table;
  }
  header ul {
    display: none;
    position: absolute;
    top: 100px;
    left: 0px;
    float: none;
    line-height: normal;
    padding: 10px 0 40px 3%;
    margin: 0px;
    background: #181818;
    width: 97%;
    z-index: 10;
  }
  header ul li {
    position: relative;
    width: 90%;
    display: block;
    padding: 25px 0px;
    margin: 0 0 0 10%;
    text-align: left;
    clear: both;
    border-bottom: 1px solid #333;
  }
  header ul li a {
    text-align: left;
    width: 100%;
    display: block;
  }
  header ul li:after {
    position: absolute;
    content: "";
    background: url('img/mobile-submenu-item.png') no-repeat center left;
    left: -6%;
    top: 0px;
    width: 11px;
    height: 12px;
    padding: 30px 0;
  }
  header #logo {
    margin: 0px;
    height: 92px;
    line-height: normal;
    /*width: 57%;*/
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 54%;
    float: none;
  }
  header #logo img {
    vertical-align: middle;
  }
  header #basket-box {
    /*float: right;*/
    line-height: 55px;
    /*width: 168px;*/
    /*margin: 20px 0px 0 20px;*/
    height: 72px;
    float: none;
    display: table-cell;
    width: 40%;
    vertical-align: middle;
  }
  header #basket-box a {
    display: none;
  }
  header #basket-box a.mobile-basket {
    background: url('../images/btn-basket.jpg') repeat-x top left;
    text-indent: -5000em;
    display: block;
    height: 55px;
    width: 39px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.4em;
    text-transform: uppercase;
    float: left;
    padding: 0 12px;
    margin: 0 7% 0 0;
    position: relative;
  }
  
  header #basket-box a.mobile-basket::before {
      position: absolute;
      background: url('img/ico_kosik.png') no-repeat top left;
      top: 5px;
      left: 5px;
      content: "";
      width: 48px;
      height: 46px;
  }
  
  header #basket-box a.mobile-search {
    float: left;
    background: url('img/mobil-lupa.jpg') no-repeat center left;
    display: block;
    width: 32px;
    height: 55px;
  }
  header .mobile-menu {
    height: 94px;
    background: url('../images/mobile-menu.png') no-repeat 40% 50%;
    cursor: pointer;
    padding: 0 0 0 0px;
    width: 13%;
    display: table-cell;
    float: none;
  }
  main .motto {
    display: block;
    padding: 0px;
    height: 0px;
  }
  main .motto p.title {
    display: none;
  }
  #home main .motto {
    height: auto;
    position: static;
    display: block;
    background: #181818;
  }
  main .motto .title {
    text-align: center;
    font-size: 2.6em;
    color: #fff;
    padding: 21px 0px 0px;
    float: none;
  }
  main .motto .title span {
    display: block;
    font-family: 'TitilliumWeb-Regular';
    font-size: 1.6em;
  }
  main .motto .title em {
    display: none;
  }
  main .motto br {
    display: none;
  }
  main #leftPanel,
  main .motto form {
    display: none;
  }
  main .motto form {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #181818;
    width: 100%;
    padding: 20px 0;
    z-index: 100;
  }
  main .motto form fieldset {
    width: 93%;
    margin: 0 auto;
  }
  main .motto form fieldset .ipt-search {
    background: none;
    height: 56px;
    line-height: 56px;
    width: 90%;
  }
  main .motto form fieldset .ipt-search input {
    background: #fff;
    border-radius: 8px;
    color: #000;
    line-height: 56px;
    height: 56px;
    width: 96%;
    padding: 0 2%;
    font-size: 1.6em;
  }
  main .motto form fieldset .btn-search {
    background: none;
    padding: 0 0 0 10px;
    height: 56px;
  }
  main .motto form fieldset .btn-search input {
    height: 56px;
    background: url("img/mobil-lupa.jpg") no-repeat center left;
  }
  #home main #leftPanel {
    float: none;
    width: 100%;
    display: block;
    padding: 0 0 40px 0;
    background: #181818;
  }
  #home main #leftPanel nav {
    width: 93%;
    margin: 0 auto;
  }
  #home main #leftPanel nav ul li {
    background: url('../images/menu-bg.jpg') repeat-x top left;
    min-height: 70px;
    border: none;
    border-radius: 4px;
    line-height: normal;
    padding: 0px;
    margin: 0 0 8px 0;
  }
  #home main #leftPanel nav ul li a {
    background: url('../images/menu-plus.png') no-repeat top left;
    padding: 0 0 0 106px;
    /*line-height: 70px;*/
    height: 70px;
  }
  
  #home main #leftPanel nav ul li a span.menu-first-item{
      display: table-cell;
      height: 70px;
      vertical-align: middle;
      line-height: 1.1em;
  }
  
  #home main #leftPanel nav ul li:hover {
    background: url('../images/menu-bg.jpg') repeat-x top left;
    color: #000;
    border: none;
  }
  #home main #leftPanel nav ul li:hover a {
    color: #000;
  }
  #home main #leftPanel nav ul li a:hover {
    color: #000;
  }
  #home main #leftPanel nav ul li ul {
    position: static;
    width: auto;
    background: #ffffff url("img/mobile-menu-bg.jpg") repeat-y top left;
    padding: 0 0 0 70px;
    border: none;
    margin: 0 0 20px 0;
    min-height: 100px;
  }
  #home main #leftPanel nav ul li ul li.subItem {
    clear: both;
    float: none;
    padding: 20px 0 20px 5%;
    width: 95%;
    min-height: 69px;
    background: url('img/mobile-menu-arrow.jpg') no-repeat 94% 50%;
    border-bottom: 1px solid #cbcbcb;
  }
  #home main #leftPanel nav ul li ul li.subItem a {
    text-decoration: none;
  }
  #home main #leftPanel nav ul li ul li.subItem a:hover {
    color: #000;
  }
  #home main #leftPanel nav ul li ul li.subItem:hover {
    border-bottom: 1px solid #cbcbcb;
  }
  #home main #leftPanel nav ul li ul li div.subItem-wrap {
    height: 69px;
    display: table-cell;
    vertical-align: middle;
  }
  #home main #leftPanel nav ul li ul li div.subItem-wrap p {
    height: auto;
  }
  #home main #leftPanel nav ul li ul li div.subItem-wrap p a {
    line-height: normal;
    padding: 0px;
    background: none;
    height: auto;
  }
  #home main #leftPanel nav ul li ul li.subtitle {
    display: none;
  }
  #home main #leftPanel nav ul li ul li a.main-subItem {
    line-height: normal;
  }
  #home #text-list main #leftPanel nav ul li:hover ul,
  #home main #leftPanel nav ul li:hover ul {
    display: none;
  }
  #home main #leftPanel nav ul li.last,
  #home main #leftPanel nav ul li.last,
  #home main #leftPanel nav ul li.first,
  #home main #leftPanel nav ul li.first {
    border-radius: 4px;
  }
  #social,
  #driver-tip,
  #best-product,
  main #rightPanel #banner-wrap {
    display: none;
  }
  main #rightPanel {
    width: 100%;
    clear: both;
    float: none;
  }
  main #rightPanel #list-product {
    border-radius: 0px;
  }
  #text-list #bread,
  #text #bread,
  #bread {
    background: #181818;
    padding: 30px 0 30px 25px;
    border-radius: 0px;
  }
  #text-list #bread li,
  #text #bread li,
  #bread li {
    color: #fff;
    font-size: 1.5em;
  }
  #text-list #bread li span,
  #text #bread li span,
  #bread li span {
    color: #fff;
  }
  #text-list #bread li a,
  #text #bread li a,
  #bread li a {
    color: #fff;
  }
  /*@pad: 10%;*/
  .filter {
    height: auto;
    background: none;
    border: none;
    margin: 0 auto;
    padding: 0px;
    width: 85%;
  }
  .filter .sort {
    display: none;
  }
  .filter ul.paginator {
    display: none;
  }
  .filter ul.paginator li {
    background: #d7d7d7;
    border-radius: 4px;
    /*padding: 0 @pad;*/
  }
  .filter ul.paginator li a {
    background: none;
    color: #000;
    height: 45px;
    line-height: 45px;
    min-width: 45px;
    text-align: center;
    padding: 0px;
  }
  .filter ul.paginator li a span {
    background: none;
    height: 45px;
    line-height: 45px;
    padding: 0px;
    min-width: 45px;
    text-align: center;
    font-size: 1.5em;
  }
  .filter ul.paginator li:hover,
  .filter ul.paginator li.active {
    background: #b01f25;
    border-radius: 4px;
  }
  .filter ul.paginator li:hover a,
  .filter ul.paginator li.active a {
    background: none;
  }
  .filter ul.paginator li:hover a span,
  .filter ul.paginator li.active a span {
    background: none;
  }
  .filter ul.paginator li.page-dot {
    padding: 0 10px;
    background: none;
  }
  .filter ul.paginator li.next a,
  .filter ul.paginator li.prev a {
    padding: 0px;
  }
  .filter ul.paginator li.next a span,
  .filter ul.paginator li.prev a span {
    padding: 0px;
  }
  .filter a.openParametr {
    position: relative;
    display: block;
    color: #515151;
    text-decoration: none;
    font-size: 1.8em;
    width: 100%;
    height: 113px;
    line-height: 113px;
    padding: 0px;
    background: url('img/mobile-filtr-btn.jpg') repeat-x top left;
    text-align: center;
  }
  .filter a.openParametr:after {
    position: absolute;
    width: 10px;
    height: 113px;
    top: 0px;
    content: "";
    left: 0px;
    background: url('img/mobile-filtr-btn-left.jpg') no-repeat top left;
  }
  .filter a.openParametr:before {
    position: absolute;
    width: 10px;
    height: 113px;
    top: 0px;
    content: "";
    right: 0px;
    background: url('img/mobile-filtr-btn-right.jpg') no-repeat top left;
  }
  #product-list-footer {
    clear: both;
    float: none;
    background: #fff;
    border: none;
    text-align: center;
  }
  #product-list-footer p.top {
    display: none;
  }
  #product-list-footer ul.paginator {
    display: block;
    float: none;
  }
  #product-list-footer ul.paginator li {
    float: none;
    display: inline-block;
  }
  #tabs-product {
    background: #fff;
  }
  #tabs-product ul#tabs-product-menu {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  #tabs-product ul#tabs-product-menu li {
    border-bottom: none;
    padding: 10px 0 0 2%;
    background: none;
    display: block;
    float: left;
    border-radius: 4px;
  }
  #tabs-product ul#tabs-product-menu li#sign-4,
  #tabs-product ul#tabs-product-menu li#sign-3,
  #tabs-product ul#tabs-product-menu li#sign-2,
  #tabs-product ul#tabs-product-menu li#sign-1 {
    background-image: none;
  }
  #tabs-product ul#tabs-product-menu li a {
    background: none;
    display: block;
    float: left;
    height: 62px;
    line-height: 62px;
    background: url('img/mobile-sign-bg.jpg') repeat-x top left;
    border-radius: 4px;
    font-size: 1.5em;
    padding: 0 20px;
  }
  #tabs-product ul#tabs-product-menu li.tabs-last,
  #tabs-product ul#tabs-product-menu li.tabs-last a {
    border-radius: 4px;
  }
  #tabs-product ul#tabs-product-menu li.ui-tabs-active {
    background-color: transparent;
  }
  #tabs-product ul#tabs-product-menu li.ui-tabs-active a {
    color: #fff;
    background: transparent url('img/mobile-sign-bg-active.jpg') repeat-x top left;
  }
  #tabs-product .tabs-product-wrap {
    width: auto;
    position: relative;
    overflow: hidden;
  }
  #tabs-product .tabs-product-wrap ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #tabs-product .tabs-product-wrap ul li {
    float: left;
    border: 1px solid #e4e4e4;
    margin: 0 10px;
    padding: 0 20px;
    width: 460px;
    /*width: 75%;*/
  }
  #tabs-product .tabs-product-wrap ul li .item-product {
    height: 255px;
    border: none;
  }
  #tabs-product .tabs-product-wrap ul li .item-product h3 {
    font-size: 2.1em;
    height: 60px;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .img-product a {
    display: block;
    width: 100%;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .img-product a img {
    max-width: 80%;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .footer-product p.price-product {
    font-size: 1.8em;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .footer-product p.stock-product {
    font-size: 1.6em;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .footer-product a {
    background: url('img/mobil-btn-buy.jpg') no-repeat top left;
    top: -4px;
    width: 143px;
    height: 51px;
  }
  #tabs-product .tabs-product-wrap .item-product {
    width: 100%;
  }
  .param {
    width: 85%;
    margin: 0 auto;
  }
  .param fieldset .param-wrap {
    width: 100%;
    border: none;
  }
  .param fieldset .param-wrap p {
    width: 50%;
  }
  .param fieldset p.title {
    width: 96%;
    font-size: 1.8em;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0 10px 20px;
    margin: 0 0 10px 0;
  }
  .param fieldset label {
    line-height: 25px;
  }
  main .motto form .search-show {
    display: none !important;
  }
  #subCategoryMenu {
    display: none;
  }
  .list-product {
    clear: both;
    padding: 38px 0 0 0;
  }
  .item-product {
    float: none;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0 28px 0;
    margin: 0 auto;
    width: 85%;
    height: auto;
  }
  .item-product h3 {
    width: 88%;
    height: auto;
    font-size: 2.1em;
    padding: 0 0 20px 0;
  }
  .item-product .img-product {
    display: block;
    width: 100%;
  }
  .item-product .footer-product p.price-product {
    font-size: 1.8em;
  }
  .item-product .footer-product p.stock-product {
    font-size: 1.6em;
  }
  .item-product .footer-product a {
    right: 0px;
    background: url('img/mobile-btn-buy-list.jpg') no-repeat top left;
    width: 227px;
    height: 51px;
  }
  .tabs-product-wrap {
    clear: both;
    float: none;
    width: auto;
  }
  #producer {
    background: #fff;
    /*max-width: 620px;*/
    width: 100%;
    height: auto;
    padding: 38px 0 0 0;
  }
  #producer h4 {
    clear: both;
    float: none;
    width: auto;
    margin: 0px;
    padding: 0 10px;
    text-align: center;
  }
  #producer #producer-list {
    float: none;
    clear: both;
    width: auto;
    margin: 0px;
  }
  #producer .producer-list-paginator-wrap {
    display: none;
  }
  #mobile-facebook a {
    display: block;
    width: 100%;
    background: url('img/mobile-fb-bg.jpg') repeat-x top left;
    height: 86px;
    line-height: 86px;
    text-align: center;
    color: #fff;
    font-family: 'TitilliumWeb-Regular';
    text-decoration: none;
    font-size: 1.9em;
  }
  #mobile-footer-menu {
    background: #fff;
    width: 100%;
  }
  #mobile-footer-menu ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  #mobile-footer-menu ul li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  #mobile-footer-menu ul li a {
    width: 100%;
    display: block;
    border-top: 1px solid #cbcbcb;
    height: 94px;
    line-height: 94px;
    text-align: center;
    color: #696969;
    text-decoration: none;
    font-size: 1.9em;
  }
  #mobile-sort {
    position: relative;
    clear: both;
    width: 85%;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  #mobile-sort .selector {
    position: relative;
    /*width: 100% !important;*/
    padding: 0px;
    height: 113px;
    background: url('img/mobile-filtr-btn.jpg') repeat-x top left;
  }
  #mobile-sort .selector span {
    background: none;
    display: block;
    color: #515151;
    text-decoration: none;
    font-size: 1.8em;
    /*width: 100% !important;*/
    height: 113px;
    line-height: 113px;
    padding: 0px;
    text-align: center;
    background: url('img/mobile-opener.png') no-repeat 5% 50%;
  }
  #mobile-sort .selector select {
    /*width: 100% !important;*/
    height: 113px;
  }
  #mobile-sort .selector:after {
    position: absolute;
    width: 10px;
    height: 113px;
    top: 0px;
    content: "";
    left: 0px;
    background: url('img/mobile-filtr-btn-left.jpg') no-repeat top left;
  }
  #mobile-sort .selector:before {
    position: absolute;
    width: 10px;
    height: 113px;
    top: 0px;
    content: "";
    right: 0px;
    background: url('img/mobile-filtr-btn-right.jpg') no-repeat top left;
  }
  #mobile-sort select {
    width: 100% !important;
    height: 32px;
    /*height: 113px;*/
  }
  main .detail-title {
    color: #000;
    padding-left: 0px;
    width: 93%;
    margin: 0 auto;
  }
  main #product-gallery #main-img,
  main #product-gallery #main-img a {
    min-height: 226px;
  }
  main #rightPanel #list-product #detail-sign {
    top: 147px;
    right: 2%;
  }
  main #rightPanel #list-product #detail-sign .fb-like {
    display: none;
  }
  .param .jNiceWrap {
    float: none;
    height: 38px;
  }
  main #product-info form .stock {
    clear: both;
  }
  main #product-info .detail-producer {
    display: none;
  }
  /*main #product-gallery #main-img {
        display: none;
    }*/
  #finish-basket main #rightPanel,
  #registrace main #rightPanel {
    width: 100%;
  }
  main .back-btn {
    display: none;
  }
  main #btn-box {
    width: 93%;
    margin: 0 auto;
    padding: 0px;
    float: none;
  }
  main .next-btn {
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    background: #51b656;
    width: 100%;
    border-radius: 3px;
    height: 80px;
    line-height: 80px;
    font-size: 2.1em;
  }
  main .next-btn:hover {
    background: #349337;
  }
  #basket-items {
    width: 93%;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  #basket-items tr {
    display: block;
  }
  #basket-items tr th {
    display: none;
  }
  #basket-items tr td {
    display: block;
    border: none;
    padding: 0px;
  }
  #basket-items tr .count {
    display: none;
  }
  #basket-items tr .count-mobile {
    padding: 10px 0 0 0;
  }
  #basket-items tr .count-mobile input {
    background: url('img/mobile-count.png') no-repeat top left;
    width: 56px;
    height: 58px;
    line-height: 58px;
    border: none;
    font-size: 1.8em;
    text-align: center;
    display: inline-block;
  }
  #basket-items tr .count-mobile span {
    font-size: 1.7em;
    color: #a6a6a6;
    display: inline-block;
    padding: 0 0 0 10px;
  }
  #basket-items tr td.note {
    width: 90%;
    padding: 0px;
  }
  #basket-items tr td.note h3 a {
    color: #000;
  }
  #basket-items tr td.note p {
    display: none;
  }
  #basket-items tr td.photo {
    width: 28%;
    float: left;
  }
  #basket-items tr td.price {
    padding: 0px;
    width: auto;
  }
  #basket-items tr td.price .price-vat:before {
    content: "Cena: ";
    color: #000;
    padding: 0 5px 0 0;
  }
  #basket-items tr .delete {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  #basket-items tr .delete a {
    background: url('img/mobil-basket-delete.png') no-repeat top left;
    width: 31px;
    height: 30px;
  }
  #basket-items tr.basket-line-product {
    position: relative;
    display: block;
    border: 2px solid #e3e3e3;
    border-radius: 10px;
    margin: 24px 0 0 0;
    padding: 15px;
  }
  #basket-items tr.basket-total-price-line {
    text-align: center;
  }
  #basket-items .totalPrice,
  #basket-items .totalPriceTitle {
    display: table-cell;
    width: 10%;
  }
  #basket-items .totalPrice {
    text-align: left;
    padding: 0 0 0 5px;
  }
  #basket-items .totalPriceTitle {
    padding: 0px;
    text-align: right;
  }
  main form .column211 {
    display: none;
  }
  footer p {
    padding: 0 20px;
  }
  footer p br {
    display: block;
  }
  footer ul {
    display: none;
  }
  main #form-footer-step2,
  main form .column31,
  main form .column21,
  main form .column22,
  main form .column1 {
    width: 93%;
    margin: 0 auto;
    padding: 0px;
    float: none;
  }
  main form .column31 {
    padding: 30px 0 0 0;
  }
  main #payTitle {
    background: none;
    padding: 0px;
    text-align: center;
  }
  main #rightPanel form .check label {
    width: 85%;
    line-height: 25px;
  }
  main #rightPanel form .check label br {
    display: none;
  }
  main #deliveryTitle {
    padding: 0px;
    text-align: center;
    background: none;
  }
  main form .column2 a,
  main .submit,
  main .footer-form input {
    margin: 0px;
    padding: 0px;
    background: #51b656;
    width: 100%;
    border-radius: 3px;
    height: 80px;
    line-height: 80px;
    font-size: 2.1em;
    margin: 0 0 30px 0;
    -webkit-appearance: none;
  }
  main #loginTitle {
    text-align: center;
    background: none;
    padding: 0px;
  }
  main form .column1 .pass-send {
    padding: 0px 0 20px 0;
    text-align: center;
  }
  main form .column1 .pass-send a {
    color: #000;
    font-size: 1.6em;
  }
  main #rightPanel form .field {
    background: url('img/mobile-input.jpg') repeat-x top left;
    width: 100%;
    min-height: 67px;
    /*line-height: 83px;*/
    padding: 0px;
    position: relative;
  }
  main #rightPanel form .field input {
    width: 90%;
    margin: 0 auto;
    display: block;
    line-height: 52px;
    height: 52px;
    font-size: 1.6em;
  }
  .field-corn {
    position: absolute;
    width: 7px;
    height: 83px;
    top: 0px;
    content: "";
  }
  main #rightPanel form .field:after {
    position: absolute;
    width: 7px;
    height: 83px;
    top: 0px;
    content: "";
    background: url('img/mobile-input-left.jpg') no-repeat top left;
    left: 0px;
  }
  main #rightPanel form .field:before {
    position: absolute;
    width: 7px;
    height: 83px;
    top: 0px;
    content: "";
    background: url('img/mobile-input-right.jpg') no-repeat top left;
    right: 0px;
  }
  main #rightPanel form .traffic-pay {
    background: none;
    border: 3px solid #dadada;
    height: 83px;
    min-height: 83px;
    margin: 0 0 30px 0;
    border-radius: 3px;
  }
  main #rightPanel form .traffic-pay a {
    line-height: 83px;
    display: block;
    height: 83px;
    font-size: 1.7em;
    padding: 0 0 0 22%;
  }
  main #rightPanel form .active-field {
    background: #51b656 url('img/mobile-active-check.jpg') no-repeat 5% 50%;
  }
  main #rightPanel form .active-field a {
    color: #fff;
  }
  main #rightPanel form .traffic-pay:before,
  main #rightPanel form .traffic-pay:after {
    display: none;
  }
  main #addressTitle,
  main #personTitle,
  main #trafficTitle {
    background: none;
    padding: 0px;
    text-align: center;
  }
  main #form-footer-step2 p {
    display: none;
  }
  main #form-footer-step2 input {
    position: static;
    text-indent: -5000em;
    background: #51b656 url('img/mobile-finish-input.jpg') no-repeat center center;
  }
  main #rightPanel form .field em {
    padding: 10px 0 12px 22px;
  }
  main #rightPanel form .check em {
    width: 1317%;
  }
  #registrace #tabs-product {
    display: none;
  }
  main .footer-form,
  main form .column3,
  main form .column2 {
    width: 93%;
    float: none;
    margin: 0 auto;
  }
  main .footer-form {
    border: none;
  }
  main .footer-form p {
    display: none;
  }
  #loginForm {
    position: relative;
  }
  #loginForm .mobile-column1 {
    position: absolute;
    top: 304px;
    left: 0px;
    width: 100%;
    text-align: center;
  }
  #loginForm .mobile-column1 input {
    margin: 0 auto;
    width: 93%;
  }
  #loginForm .mobile-column21 {
    padding: 130px 0 0 0;
  }
  #text #tabs-product {
    display: none;
  }
  main #other-info {
    background: none;
    padding: 0px;
    margin: 0px;
  }
  main #other-info ul {
    background: none;
    height: none;
    width: 100%;
    height: auto;
  }
  main #other-info ul li {
    background: none;
    height: auto;
    width: 93%;
    margin: 0 auto;
    float: none;
    margin-top: 20px;
  }
  main #other-info ul li a {
    float: none;
    background: url("img/mobile-filtr-btn.jpg") repeat-x left top;
    color: #515151;
    display: block;
    font-size: 1.8em;
    height: 113px;
    line-height: 113px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  main #other-info ul li a span {
    background: url("img/mobile-opener.png") no-repeat 5% 50%;
    float: none;
    height: 113px;
  }
  main #other-info ul li a:before {
    background: url("img/mobile-filtr-btn-right.jpg") no-repeat left top;
    content: "";
    height: 113px;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
  }
  main #other-info ul li a:after {
    background: url("img/mobile-filtr-btn-left.jpg") no-repeat left top;
    content: "";
    height: 113px;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
  }
  main #other-info ul li .detail-tab {
    border: none;
  }
  main #other-info ul li.first {
    background: none;
  }
  main #other-info .detail-tab {
    display: none;
  }
  main .detail-tips-wrap {
    clear: both;
    float: left;
  }
  #product-info form .param {
    width: 100%;
  }
  #detail .list-product {
    display: none;
  }
  main .detail-tips-wrap h3 {
    font-size: 2.1em;
  }
  main .detail-tips {
    border: none;
    font-size: 1.8em;
    /*margin: 0px;*/
  }
  main #product-info {
    width: 93%;
    margin: 0 auto;
    padding: 0px;
    float: none;
  }
  main #product-info form .qnt {
    margin: 0 0 20px 0;
  }
  main #product-gallery {
    width: 93%;
    margin: 0 auto;
    padding: 0px;
    float: none;
    position: relative;
  }
  main #product-gallery #main-img a.mobile-item {
    display: table-cell;
  }
  main #product-gallery #main-img {
    position: relative;
    overflow: hidden;
  }
  main #product-gallery #main-img ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  main #product-gallery #main-img li {
    float: left;
  }
  main #product-gallery #main-img li a img {
    /*width: auto;
    max-height: 47%;*/
    max-width: 47%;
    height: auto;
  }
  main #product-gallery .carousel-arrow {
    width: 43px;
    height: 62px;
    display: block;
    position: absolute;
    top: 35%;
  }
  main #product-gallery .jcarousel-control-prev {
    left: 5%;
    background: url('img/mobile-photo-right.jpg') no-repeat top left;
    width: 43px;
    height: 62px;
    display: block;
    position: absolute;
    top: 35%;
  }
  main #product-gallery .jcarousel-control-next {
    right: 5%;
    background: url('img/mobile-photo-left.jpg') no-repeat top left;
    width: 43px;
    height: 62px;
    display: block;
    position: absolute;
    top: 35%;
  }
  #view-img-wrap {
    display: none;
  }
  #msg-box {
    background: #181818;
    padding: 10px 0;
  }
  .true-msg {
    width: 89%;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 40px 10px;
    font-size: 2.1em;
  }
  .err-msg {
    width: 93%;
    margin: 0 auto;
    padding: 40px 10px;
    font-size: 2.1em;
    margin-top: 10px;
  }
  main #product-info form .buy a:hover,
  main #product-info form .buy a {
    background: url('img/mobile-btn-buy-list.jpg') no-repeat top left;
    width: 227px;
    height: 51px;
  }
  main #product-info form .unit,
  main #product-info form .qnt {
    margin: 3px;
  }
  main #product-info form .stock {
    font-size: 1.6em;
  }
  main #product-info p.price {
    padding: 5px 0 0 0;
  }
  main #leftPanel nav ul li ul li img {
    margin-top: 10px;
    margin-right: 5%;
    max-width: 16%;
  }
  #finish-basket #producer {
    display: none;
  }
  #finish-basket #mobile-footer-menu {
    padding: 100px 0 0 0;
  }
}
@media only screen and (max-width: 460px) {
  #basket-items tr td.photo {
    clear: both;
    width: 100%;
    float: none;
  }
  main .motto form fieldset .ipt-search {
    width: 80%;
  }
  main .detail-tips-wrap {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  header .inner {
    display: block;
  }
  header #basket-box {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  header #basket-box a.mobile-item {
    display: inline-block;
    float: none;
  }
  header #basket-box a.mobile-search {
    height: 32px;
  }
}
@media only screen and (max-width: 420px) {
  .item-product .sign-product {
    right: -5%;
  }
  *main #leftPanel nav ul li ul li img {
    min-width: 35px;
  }
  #tabs-product .tabs-product-wrap ul li .item-product {
    height: 312px;
  }
  #tabs-product .tabs-product-wrap ul li .item-product .footer-product a {
    clear: both;
    position: static;
    margin: 0 auto;
    margin-top: 12px;
  }
  .item-product .footer-product a {
    position: static;
    margin: 0 auto;
    margin-top: 15px;
  }
  main #product-info form .buy a:hover,
  main #product-info form .buy a {
    margin: 0 auto;
    padding: 10px 0 0 0;
    background-position: bottom left;
    float: none;
    clear: both;
  }
}
/*# sourceMappingURL=styles.css.map */