ul#bread {
  float: left;
  width: 100%;
  padding: 0px 0px 30px 0px;
}
ul#bread li {
  float: left;
  font-size: 0.7em;
  list-style: none;
  padding: 0px 20px 0px 0px;
  color: #8d8d8d;
}
div.sectext {
  float: left;
  width: 100%;
}
div.sectext h4 {
  font-size: 1.2em;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-weight: 300;
  color: #000;
  padding: 5px 0px 0px 15px;
}
div.sectext p {
  padding: 5px 15px 15px 15px;
}

ul#strankovani {
  float: right;
  list-style: none;
  margin: 10px 5px 10px 0px;
  clear: left;
}
ul#strankovani li {
  float: left;
  width: 30px;
  height: 32px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 5px;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  border: 1px solid #b4b4b4;
  text-align: center;
}
ul#strankovani li a {
  float: left;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-decoration: none;
  color: #b4b4b4;
}
ul#strankovani li a:hover {
  color: #fff;
  background-color: #000;
}
ul#strankovani li.prev a {
  background: url("../../images/btn-prev-page.png") top center no-repeat;
}
ul#strankovani li.prev a:hover {
  background-color: #000;
  background-position: 0px -30px;
}
ul#strankovani li.next a {
  background: url("../../images/btn-next-page.png") top center no-repeat;
}
ul#strankovani li.next a:hover {
  background-color: #000;
  background-position: 0px -30px;
}
ul#strankovani li.active a {
  background: #000;
  color: #fff;
}
ul#strankovani li.active a:hover {
  background: #fff;
  color: #000;
}
div.full {
  float: left;
  width: 100%;
}
div.half {
  float: left;
  width: 50%;
}


div.rosa {
  float: left;
  width: 100%;
  background: #fff;
  margin-top: 20px;
  text-align: center;
}
div.rosa div.item {
  float: left;
  width: 25%;
  text-align: center;
}
div.rosa div.item img {
  width: 100%;
  height: auto;
  max-width: 200px;
}
div.story {
  float: left;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
div.story img {
  width: 100%;
  height: auto;
  max-width: 990px;
}
div.story p {
  text-align: left;
}
div.dreses {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}
div.dress {
  position: relative;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.dress.zkusdet a {
  position: relative;
}
div.dress.zkusdet a {
  position: relative;
}
div.dress.zkusdet a div.zoom {
  position: absolute;
  top: 40%;
  left: 45%;
  height: 40px;
  width: 40px;
  background: url("../../images/ico-zoom.png") center center no-repeat;
}

section#cenik h3 strong {
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  /*font-size: 24px;*/
  padding: 0px 0px 30px 0px;
}
section#cenik p {
  font-size: 14px;
}
div.prices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}
div.prices div.pdres img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  max-width: 287px;
  max-height: 383px;
}
div.prices div.pinfo, div.prices div.pdres {
  position: relative;
  float: left;
  width: 25%;
  background: #000;
  max-height: 384px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
div.prices div.pdres div.caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background: url("../../images/bgr-caption.png") top left repeat;
}
div.prices div.pdres div.caption h2 {
  float: left;
  padding: 10px 0px 0px 20px;
  margin: 0px;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal;
}
div.prices div.winfo {
  float: left;
  width: 50%;
  padding: 20px;
  background: #dadada;
}
div.prices div.pinfo  {
  padding: 20px;
  text-align: center;
}
div.prices div.pinfo h2 {
  float: left;
  width: 100%;
  color: #a98e5a;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-size: 28px;
  padding: 40px 0px 40px 0px;
}
div.prices div.pinfo h2 span {
  float: left;
  width: 100%;
  color: #a98e5a;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
}
div.prices div.pinfo h3 {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 21px;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
}
div.prices div.winfo p {
  color: #000;
  text-transform: none;
}

div.img-main div.player {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 90px;
  height: 35px;
}
div.dress div.label {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 61px;
  height: 61px;
}
div.dress div.salex {
  background: url("../../images/sale.png") top right no-repeat;
}
div.dress div.stock {
  background: url("../../images/skladem.png") top right no-repeat;
}
div.dress div.await {
  background: url("../../images/ocekavame.png") top right no-repeat;
}
div.dress div.order {
  background: url("../../images/objednani.png") top right no-repeat;
}
div.dress div.sold {
  background: url("../../images/prodano.png") top right no-repeat;
}
div.dress div.new {
  background: url("../../images/nove.png") top right no-repeat;
}

div.dress img  {
  width: 100%;
  height: auto;
  border: none;
  display:block;
  margin:0 auto;
}
div.dress div.caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background: url("../../images/bgr-caption.png") top left repeat;
}
div.dress div.caption h2 {
  float: left;
  padding: 10px 0px 0px 20px;
  margin: 0px;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal;
}
div.dreses div.dress div.caption a, div#others div.dress div.caption a {
  color: #fff;
}
div.dreses div.dress div.caption a:hover, div#others div.dress div.caption a:hover {
  color: #b29352;
  text-decoration: underline;
}
div.dreses div.dress div.caption button.addcab {
  float: right;
  width: 36px;
  height: 36px;
  margin: 10px 20px 0px 0px;
  background: url("../../images/btn-add-cab.png") top left no-repeat;
  border: none;
  cursor: pointer;
}
div.dreses div.dress div.caption button.addcab:hover {
  background-position: 0px -107px;
}

div.dreses div.dress div.caption button.delcab {
  float: right;
  width: 36px;
  height: 36px;
  margin: 10px 20px 0px 0px;
  background: url("../../images/btn-del-cab.png") top left no-repeat;
  border: none;
  cursor: pointer;
}
div.dreses div.dress div.caption button.delcab:hover {
  background-position: 0px -107px;
}
section#other-dreses {
  width: 100%;
  background: #8e8e8e url('../../images/bgr-news.jpg') top center fixed no-repeat;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  padding: 25px 0px 15px 0px;
}

#others {
  float: left;
  width: 1120;
  padding: 10px 0px 0px 0px;
  overflow: hidden;
}




div#filter {
  float: left;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #b4b4b4;
  font-size: 0.8em;
  margin: 10px 0px 20px 0px;
}
div#filter div.frow {
  float: left;
  display: table;
  width: 100%;
  border-bottom: 1px solid #b4b4b4;
}
div#filter div.flabel {
  float: left;
  display: table-cell;
  vertical-align: top;
  width: 10%;
  font-weight: bold;
  color: #8e8e8e;
}
div#filter div.finput {
  float: right;
  display: table-cell;
  width: 90%;
  vertical-align: top;
  margin-left: 0px;
  border-left: 1px solid #b4b4b4;
}
div#filter div.frow div.finput label {
  float: left;
  width: auto;
  padding: 0px 30px 0px 0px;
  white-space: nowrap;
}


div#styles {
  float: left;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #b4b4b4;
  font-size: 0.8em;
  margin: 10px 0px 20px 0px;
}
div#styles div.srow {
  float: left;
  display: table;
  width: 100%;
  border-bottom: 1px solid #b4b4b4;
}
div#styles div.slabel {
  float: left;
  display: table-cell;
  vertical-align: top;
  width: 10%;
  font-weight: bold;
  color: #8e8e8e;
}
div#styles div.sinput {
  float: left;
  display: table-cell;
  width: 90%;
  vertical-align: top;
  margin-left: 0px;
  border-left: 1px solid #b4b4b4;
}
div#styles div.srow div.sinput label {
  float: left;
  width: auto;
  margin: 0px 30px 0px 0px;
  white-space: nowrap;
}

div.dress-data {
  float: left;
  width: 29%;
  padding: 0px 0px 25px 20px;
}
div.dress-data.rous {
  width: 40%;
  padding: 0px 20px 25px 0px;
}
div.dress-imgs.rous {
  width: 60%;
  text-align: right;
}
div.dress-imgs.rous a {
  position: relative;
  float: right;
}
div.dress-imgs.rous a div.zoom {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: red;
  background: url('../../images/ico-zoom.png') top 30px left 30px no-repeat;
}
div.dress-imgs.rous a div.zoom:hover {
  opacity: 0.7;
}
div.dress-data table {
  font-size: 0.8em;
  padding: 15px 0px 0px 0px;
}
div.dress-data table tr td {
  padding: 3px 2em 2px 0px;
}
div.dress-data table tr th.price {
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-size: 1.8em;
  padding: 10px 0px 5px 0px;
  color: #000;
}
div.dress-data p {
  padding: 5px 0px 5px 0px;
}
div.dress-data div.btncab {
  float: left;
  width: 100%;
}
div.dress-data div.btncab.add button {
  background: url("../../images/btn-add-cab-black.png") top left no-repeat;
}
div.dress-data div.btncab.del button {
  background: url("../../images/btn-del-cab-black.png") top left no-repeat;
}
div.dress-data div.btncab button {
  float: left;
  height: 36px;
  padding-left: 50px;
  line-height: 36px;
  border: none;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-size: 1.05em;
  color: #a98e5a;
  text-transform: uppercase;
  cursor: pointer;
}
div.dress-data div.btncab button:hover {
  background-position: 0px -107px;
  text-decoration: none;
  border: none;
}

div.dress-data div.infotel {
  float: left;
  background: url("../../images/ico-call.png") top left no-repeat;
}
div.dress-data div.infotel h2 {
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 1.5em;
  padding: 5px 0px 0px 50px;
  margin: 0px 0px 0px 0px;
}
div.dress-data div.infotel p {
  padding: 5px 0px 5px 50px;
}
div.dress-data div.social-det span {
  float: left;
  width: auto;
  padding: 0px 10px 0px 0px;
}
div.dress-data div.social-det ul {
  float: left;
  width: 100%;
  padding: 0px 0px 10px 0px;
}
div.dress-data div.social-det ul li {
  float: left;
  width: auto;
  padding: 0px 10px 0px 0px;
  line-height: 30px;
}
div.dress-data div.social-det ul li.loc {
  float: left;
  width: 100%;
}
div.dress-imgs {
  float: right;
  display: table;
  width: 67%;
  max-width: 750px;
  margin: 0px 0px 25px 0px;
  overflow: hidden;
}
div.dress-imgs div.img-main {
  position: relative;
  max-width: 594px;
  text-align: center;
  display: table-cell;
  z-index: 1000;
}
div.dress-imgs.rous #largeImg {
  width: 100%;
  height: auto;
  max-width: 600px;
}
div.dress-imgs div.img-main div.label {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 89px;
  height: 90px;
}
div.dress-imgs div.img-main div.sale {
  background: url("../../images/label-vyprodej.png") top right no-repeat;
}
div.dress-imgs div.img-main div.stock {
  background: url("../../images/label-skladem.png") top right no-repeat;
}
div.dress-imgs div.img-main div.await {
  background: url("../../images/label-ocekavame.png") top right no-repeat;
}
div.dress-imgs div.img-main div.sold {
  background: url("../../images/label-prodano.png") top right no-repeat;
}
div.dress-imgs div.img-main div.order {
  background: url("../../images/label-objednani.png") top right no-repeat;
}

div.dress-imgs div.img-main img {
  float: left;
  width: 100%;
  height: auto;
}
div.dress-imgs div#img-side {
  width: 155px;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}
div.dress-imgs div#img-side ul {
  float: left;
  width: 120px;
  height: 100%;
  margin-left: 35px;
  overflow: hidden;
}
div.dress-imgs div#img-side ul li  {
  margin: 0px 0px 35px 0px;
}
div.dress-imgs div#img-side ul li:last-child  {
  margin: 0px 0px 0px 0px;
}

div.dress-imgs div.dress-gall {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
}
div.dress-imgs div.dress-gall h3 {
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px;
  text-transform: uppercase;
}
div.dress-imgs div.dress-gall ul.thumbs {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
div.dress-imgs div.dress-gall ul.thumbs li {
  float: left;
  padding: 0px 30px 35px 0px;
}
div.dress-imgs div.dress-gall ul.thumbs li img {
  float: left;
}

div.other-conts {
  position: relative;
  max-width: 1140px;
  width: 100%;
  margin: 0px auto 0px auto;
  overflow: hidden;
}
div#others {
  max-width: 1140px;
  margin: 20px auto 0px auto;
  height: auto;
  max-height: 386px;
  overflow: hidden;
}
div#others div.dress {
  max-width: 287px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
div.mm-page div#sb-site div#page section#dreses div.wrap ul.photo {
  float: left;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}
div.mm-page div#sb-site div#page section#dreses div.wrap ul.photo li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div.mm-page div#sb-site div#page section#dreses div.wrap ul.photo li img {
  padding: 0px 20px 20px 0px;
  margin: 0px 0px 0px 0px;
}
.wf-container { margin: 0 auto;}
.wf-container:before, .wf-container:after {
  content: '';
  display: table;
}
.wf-container:after { clear: both; }
.wf-box { margin: 0px 20px 20px 0px; background: #fff;text-align: center;border: 1px solid #ccc;}
.wf-box img {
  display: block;
  width: 100%;
}
.wf-box .content {

  border-top-width: 0;
  padding: 10px;
}
section#map-pha{
  padding: 0px 0px 50px 0px;
}
section#map-cb{
  padding: 0px 0px 30px 0px;
}
#map-pha, #map-vb {
  position: relative;
}
#map1, #map2 {
  float: left;
  width: 100%;
  height: 400px;
  position: relative;
  z-index: 1000;
}
#NUANCE, #NUANCECB {
  height:400px;
  width: 100%;
}
.gm-style-iw * {
  display: block;
  width: 200px;
}
.gm-style-iw h4, .gm-style-iw p {
  margin: 0;
  padding: 0;
}
.gm-style-iw a {
  color: #4272db;
}
ul.brands, ul.logos {
  float: left;
  margin: 40px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}
ul.brands li {
  margin: 0px 30px 30px 0px;
  padding: 0px 0px 0px 0px;
}
ul.brands li img {
  display: block;
}
ul.brands li p {
  color: #fff;
  background: #000;
  text-align: center;
  padding: 10px 0px 10px 0px;
}
ul.logos li {
  margin: 0px 30px 30px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 0.85em;
}

.cols-3-5 h2 {
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  color: #000;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.0em;
  padding: 10px 0px 20px 0px;
}
.cols-3-5 h2 span {
  font-size: 2.4em;
}
.props {
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  color: #000;
  font-weight: 300;
  font-size: 1.0em;
  text-align: center;
  /*text-transform: uppercase;*/
  line-height: 1.2em;
  padding: 30px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
}

.addr {
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  color: #000;
  font-size: 1.0em;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.4em;
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
}

.props img, .addr img {
  padding: 0px 0px 10px 0px;
}
ul#photos {
  padding: 0px;
  margin: 0px;
}
ul#photos li {
  padding: 10px 15px 15px 0px;
  margin: 0px 0px 0px 0px;
}
ul#photos li img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


.wf-column { float: left; }

@media screen and (min-width: 768px) {
  .wf-container { width: 750px; }
}
@media screen and (min-width: 992px) {
  .wf-container { width: 970px; }
}
@media screen and (min-width: 1200px) {
  .wf-container { width: 1150px; }
}

button.btn {
  display: inline-block;
  padding: 7px 20px 7px 20px;
  font-family: 'sans_serif_bookce', Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background: #a98e5a;
  border: 1px solid #fff;
  cursor: pointer;
}
button.btn:hover {
  background-color: #967e4f;
}

table.cart {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
}
table.cart thead tr th {
  color: #fff;
  text-align: center;
  background: #b29352;
  border-right: 1px solid #b29352;
  border-left: 1px solid #b29352;
  border-top: 1px solid #b29352;
  border-bottom: 0px solid silver;
  padding: 5px;
  font-size: 0.8em;
}
table.cart tbody tr td {
  border-bottom: 1px solid silver;
  padding: 5px;
  vertical-align: top;
  font-size: 0.8em;
  text-align: center;
}
table.cart tbody tr td.left {
  text-align: left;
}
table.cart label {
  float: left;
  width: 70px;
  line-height: 20px;
}
table.cart input {
  float: left;
  width: 190px;
  height: 20px;
}
table.cart textarea {
  width: 472px;
  height: 70px;
}
table.cart input.submit {
  float: right;
  width: 167px;
  height: 37px;
}
table.cart label.err {
  float: left;
  width: 260px;
  color: red;
  font-size: 0.9em;
  font-weight: bold;
}
table.cart tbody tr td span {
  line-height: 20px;
  font-weight: bold;
}
ul.customer {
  float: left;
  width: 100%;
  list-style: none;
}
ul.customer li {
  float: left;
  width: 50%;
  padding: 5px 0px 5px 0px;
}
ul.customer li.long {
  float: left;
  width: 100%;
}
ul.customer li label {
  float: left;
  width: 30%;
  font-size: 0.8em;
}
ul.customer li.long label {
  width: 15%;
}
ul.customer li input[type="text"] {
  float: left;
  width: 65%;
}
ul.customer li textarea {
  float: left;
  width: 82%;
}
ul.customer li p {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px 5px 0px;
}
ul.customer li button {
  margin-left: 35%;
}
ul.customer li label.err {
  float: left;
  width: 95%;
  font-size: 0.7em;
  color: #fff;
  font-weight: bold;
  background: red;
}

div.wrap img.imgright {
  width: 100%;
  max-width: 350px;
}

div.prods {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  border-left: 1px solid silver;
  border-top: 1px solid silver;
}
div.prod {
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.prods div.prod div.prodcont {
  float: left;
  width: 100%;
  padding: 0px 0px 10px 0px;
}
div.prod img {
  float: left;
  width: 100%;
  height: auto;
  max-width: 400px;
}
div.prod h2 {
  float: left;
  width: 100%;
  font-family: 'sans_serifce', Tahoma, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 15px 0px 10px 0px;
  color: #000;
  text-align: center;
}
div.prod p {
  font-size: 0.95em;
  padding: 5px 0px 5px 0px;
  color: #000;
  text-align: center;
}
div.prod p.price {
  font-size: 1.2em;
  padding: 5px 0px 5px 0px;
  color: #000;
  font-family: 'sans_serif_bookce', Tahoma, Arial, sans-serif;
}
div.prod p.price span {

  padding: 5px 0px 5px 0px;
  color: #000;
  font-family: 'sans_serif_bldce', Tahoma, Arial, sans-serif;
}
div.prodcont {
  float: left;
  width: 100%;
}
div.prod form {
  float: left;
  width: 100%;
  padding: 10px 20px 10px 20px;
}
div.prod .addcart {
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
  color: #fff;
  font-size: 1.1em;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  background: #a98e59;
  border: none;
  cursor: pointer;
}
div.prod .addcart:hover {
  color: #a98e59;
  background: #000;
}
div.dress-data input#num {
  float: left;
  width: 50px;

}
div.rous button.btn {
  float: left;
  line-height: 40px;
  padding: 0px 20px 0px 20px;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background: #a98e5a;
  border: 1px solid #a98e5a;
  cursor: pointer;
}
button.btn:hover {
  background-color: #967e4f;
}
div.rous input#num {
  float: left;
  width: 60px;
  line-height: 40px;
  padding: 0px 0px 0px 0px;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  text-align: center;
  color: #000;
  border: 1px solid silver;
}
div.rous div.dsc {
  font-size: 1.2em;
  //font-weight: bold;
}

/////////////////
/*   KOSIK     */
/////////////////
.col5 {
  float: left;
  width: 5%;
}
.col10 {
  float: left;
  width: 10%;
}
.col15 {
  float: left;
  width: 15%;
}
.col20 {
  float: left;
  width: 20%;
}
.col25 {
  float: left;
  width: 25%;
}
.col30 {
  float: left;
  width: 30%;
}
.col33 {
  float: left;
  width: 33.33%;
}
.col40 {
  float: left;
  width: 40%;
}
.col45 {
  float: left;
  width: 45%;
}
.col50 {
  float: left;
  width: 50%;
}
.col60 {
  float: left;
  width: 60%;
}
.col70 {
  float: left;
  width: 70%;
}
.col95 {
  float: left;
  width: 95%;
}
.col100 {
  float: left;
  width: 100%;
}
div#cart_tab {
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
}
div#cart_tab div.step {
  float: left;
  width: 25%;
  height: 50px;
}
div#cart_tab div.step.finish {
  background: url('../../images/tab-wizard-finish.png') no-repeat bottom left;
}
div#cart_tab div.step.active {
  background: url('../../images/tab-wizard-active.png') no-repeat bottom left;
}
div#cart_tab div.step.notact {
  background: url('../../images/tab-wizard-notact.png') no-repeat bottom left;
}
div#cart_tab div.step h3 {
  float: left;
  width: 100%;
  height: 50px;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 20px 0px;
}
div#cart_tab div.step.finish a h3 {
  color: #000;
}
div#cart_tab div.step.active a h3 {
  color: #a98e5a;
}
div#cart_tab div.step.notact h3 {
  color: #cdcdcd;
}
div#cart_tab div.step a:hover h3 {
  color: #000;
  text-decoration: none;
}

div.col100.cart {
  border-bottom: 1px solid silver;
}
div.head {
  padding: 0px;
  margin: 30px 0px 0px 0px;
}
div.col100.head div {
  color: #fff;
  background: #000;
  padding: 3px 5px 3px 5px;
  text-align: center;
  line-height: 30px;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
}
div.col100.cart div {
  padding: 3px 5px 3px 5px;
  margin: 0px;
  text-align: center;
  line-height: 26px;
  font-size: 0.9em;
}
div.col100.cart div.desc {
  text-align: left;
}
div.col100.cart div strong {
  color: #000;
}
div.cart div.col5 {
  float: left;
  padding: 0px;
}
div.cart div.col5 img {
  padding-top: 3px;
  display: block;
  float: right;
}
div.cart div.col5 img:hover {
  opacity: 0.6;
}
div.cart div.col10 input {
  float: left;
  width: 100%;
  max-width: 50px;
  height: 26px;
  text-align: center;
  background: transparent;
  border: 1px solid grey;
}
div.recap {
  float: right;
  width: 30%;
  background: #000;
  color: #fff;
  font-size: 1.1em;
  margin: 30px 0px 0px 0px;
}
div.recap div {
  padding: 5px 5px 5px 5px;
}
div.recap div.cena {
  text-align: right;
  padding: 5px 20px 5px 20px;
}

div.recap2 {
  float: right;
  width: 100%;
  font-size: 1.2em;
  margin: 30px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  border: 1px solid silver;
}
div.recap2.small {
  font-size: 1em;
}
div.recap2 div {
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid silver;
}
div.recap2 div.cena {
  text-align: right;
}
.recap2 .col100 label span {
  float: right;
}
div.recap2 div input[type=text] {
  float: left;
  width: 60%;
  height: 26px;
  text-align: left;
  background: transparent;
  border: 1px solid grey;
  padding: 2px 5px 2px 5px;
}
div.col100.note label {
  float: left;
  width: 25%;
  margin-top: 15px;
}
div.recap2 div label.inp {
  float: left;
  width: 150px;
  line-height: 30px;
}
div.col100.note textarea {
  float: left;
  width: 100%;
  float: left;
  height: 100px;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  color: #666666;
  font-size: 0.9em;
  border: 1px solid #d9d9d9;
}
div.recap2 h3 {
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  font-size: 1.15em;
  padding: 0px 0px 20px 0px;
}
div.recap2.small h3 {
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  font-size: 1.3em;
  padding: 0px 0px 20px 0px;
}
div#dopr .col40 {
  padding: 0px 10px 0px 0px;
}
div#dopr .col60 {
  padding: 0px 0px 0px 10px;
}
div.recap2 div.err {
  color: #fff;
  font-size: 0.9em;
  padding: 2px 0px 2px 10px;
  background: red;
}
h2.fin {
  font-weight: 600;
  padding: 10px 0px 15px 0px;
  font-size: 0.9em;
}

iv#banr {
  float: left;
  width: 100%;

}
div#banr a {
  float: left;
  width: 100%;
  padding-bottom: 1px;
}
div#banr a img {
  float: left;
  width: 100%;
  height: auto;
}
ul.tcont {
  padding: 5px 0px 5px 20px;
  margin: 0px 0px 0px 10px;
  list-style: square outside url("../../images/bgr-ul.png");
}
ul.tcont li {
  line-height: 1.2em;
  font-size: 0.75em;
  font-family: Tahoma, Arial, sans-serif;
  padding: 0px 0px 10px 0px;
}
div.triger {
  float: left;
  width: 100%;
  text-align: center;
}
div.triger a#showstyles, div.triger a#hidestyles {
  float: left;
  width: 100%;
  line-height: 24px;
  text-align: center;
  font-family: 'sans_serifdemibold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}