/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
}

a {
	text-decoration: none;
}

.content a{
 color:#f2c039;
}

.content a:hover{
 color:#4f6947;
}

textarea, input {
  border: 1px solid #e6e6eb;
}

.labelf {
  color: #c8c8d2;
}

.search {
  transition:.5s all;
    display: inline-block ;
    width: 14em ;
    margin-bottom:1em;
    opacity:.5;
     background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
}

.search:focus {
  width:20em ;
    opacity:1

}
h1 {
    margin: 1.2em 0;
}

h1, h2, h3 {
  text-align: center
}


.pagination-wrap {
  text-align: center;
  display: block;
}

.product-info ul {
  list-style-type: none;
}

table {
    background: #c6d5c1 none repeat scroll 0 0;
    border-top: 1px solid #8aa981;
    border-bottom: 1px solid #8aa981;
    color: #000;
    padding: 0;
}

tr:nth-child(2n+1){
    background: #FAFBF9;
    color: #14370a;
}

td {
    padding: 0.5em;
}

.popup {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.btn {
	display: inline-block;
		letter-spacing: 1px;
		font-family: Ubuntu;
		font-size: 0.875em;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
	padding: 1em 1em;
	white-space: normal;
		background-color: #fff;
		border: 4px solid #f2c039;
		color: #f2c039;
}

.btn:hover, .btn:focus, .btn:active {
		background-color: #f2c039;
		color: #fff;
}

.banner .btn.btnbanner {
    background-color: rgba(255, 255, 255, 0.75);
    border: 4px solid rgba(20, 55, 10, 0.75);
    color: #14370a;
    float: right;
    margin: 0;
} 

.banner:hover .btn.btnbanner {
  background: #fff;
  color: #14370a;
  background-color: rgba(20, 55, 10, 0.75);
  color: #FFF; 
}

.btn.gray {
  display: table;
  margin: 0 auto;
  border: 4px solid #c8c8d2;
  color: #c8c8d2;
  background-color: #FFF;
  margin-bottom: 1.875em;
}

.btn.gray:hover, .btn.gray:focus, .btn.gray:active {
  color: #FFF;
  background-color: #c8c8d2;
}

.wrapper {
  margin: 0 auto;
  max-width: 100%;
  width: 960px;
}

.clear {
  clear: both;
}

header {
  width: 100%;
  height: 5.625em;
  border-bottom: 1px solid #001e00;
  background: #14370a;
  color: #FFF;
  position: relative;
  z-index: 10000;
}

header .wrapper {
  height: 100%;
}

#head {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
/*  background-color: #00a087; */
}

header .wrapper div {
  display: inline-block;
}

header .wrapper .right {
  float: right; 
  letter-spacing: 1px;
  font-family: Ubuntu;
  font-size: 0.875em;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 1em;
}

.logo {
    color: #fff;
    display: inline-block;
    height: 7.9em;
    position: relative;
}

.logo > span {
    display: block;
    font-size: 1.3em;
    left: 100px;
    line-height: 1.5em;
    position: absolute;
    top: 0.6em;
}



.logo img {margin-right: 12px;	padding-top: 0.250em;}

.btn.lang, .btn.cart {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 0;
	margin: 0;
	border: none;	
}


.btn.lang {
  width: 58px;
  height: 58px;
  border: 1px solid #001e00;
  color: #c8c8d2;
  font-weight: 700;
  background: transparent;
}

.btn.lang:hover, .btn.lang:focus, .btn.lang:active {
  background-color: #001e00;
  color: #FFF;
}

.btn.cart {
	align-items: center;
	-webkit-align-items: center;
  background-color: #f2c039;
  background-image: url(/custom/templates/numismatikaTurnov/img/default/ico-cart.png);
  background-position: 21px center;
  background-repeat: no-repeat;
  color: #FFF;
  padding: 0 30px 0 60px;
	height: 60px;
  margin-left: 1em;
}

.btn.cartnum-0{
  background-color: #4f6947;

}

.btn.cart:hover, .btn.cart:focus, .btn.cart:active {
  background-color: #001e00;
  color: #FFF;
}

.btn.btnproducts {
  display: table;
  margin: 0 auto;
  border: 4px solid #f2c039;
  color: #f2c039;
  background-color: #FFF;
}

.btn.btnproducts:hover {
  background-color: #f2c039;
  color: #FFF;
}

.banner {
  display: block;
  width: 100%;
  height: 18.750em;
  background: #fdfdfd; 
  background-image: url(/custom/templates/numismatikaTurnov/img/default/banner-left.png), url(/custom/templates/numismatikaTurnov/img/default/banner-right.jpg);
  background-position: left center, right center;
  background-repeat: no-repeat;
  padding: 0;
}
.banner .wrapper {
  height: 100%;
  display: block;
  position: relative;
}
.banner .wrapper h2 {text-align: left;}
.banner .wrapper:hover {
  text-decoration: none;
}
.banner .wrapper .h1, .banner .wrapper p {
  font-family: Ubuntu;
  font-style: normal;
  font-variant: normal;
  color: #14370a;
}
.banner .wrapper .h1 {
  font-size: 1.875em ;
  font-weight: 700;
  color: #14370a;
}
.banner .wrapper p {
  font-size: 1.125em ;
  font-weight: 300;
  color: #001e00;
}
.banner img {
  height: 100%;
}
.banner .image {
  position: relative;
  float: left;
  display: block;
  border-right: 4px solid #FFF;
  border-left: 4px solid #FFF;
  height: 300px;
  max-width: 0px;
  overflow: hidden;
  margin-right: 2em;
  opacity: .2;
  transition: .5s all
}
.banner:hover .image {
  max-width: 300px;
  opacity: 1
}
.banner .cont {
  padding: 1.875em;
  height: 15em;
}

@supports (-ms-accelerator:true) {  /*edge fuj*/
    .banner img{
        filter: none;
        filter: ;
    }
.banner .cont {
     background: rgba(255, 255, 255, .75) none repeat scroll 0 0;

}

}


.banner:hover .cont {
     background: rgba(255, 255, 255, .85) none repeat scroll 0 0;

}

.ico_cat h1{
font-family: Ubuntu;
font-size: 1.125em ;
font-style: normal;
font-variant: normal;
font-weight: 500;
margin-bottom:0;
color: #f2c039;}
.ico_cat {
  width: 100%;
  position: relative;
  border-top: 5px solid #e6e6eb;
  border-bottom: 1px solid #c8c8d2;
  box-shadow: 0 4px 0 #e6e6eb;
  background-color: #FFF;
  text-align: center;
  left: 0;
}
.ico_cat ul.wrapper {padding: 0;}
.ico_cat .wrapper li {
  height: 9.063em;
  width: 30%;
  display: inline-block;

}
.ico_cat .wrapper li a {
  display: block;
  font-family: Ubuntu;
  font-size: 1.125em;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #4f6947;
}
.ico_cat .wrapper li a img {padding-bottom: 1em;}
.ico_cat .wrapper .m {
  margin-right: 3%;
}
.content {
  background-color: fff;
  min-height: 100%;
  padding-top: 9.750em;
  padding-bottom: 1.875em;
}

#head #nt-navigation{
background:#fefffd;
}

.c75 {
  min-height: 75vh;
}
.content .h2 {
  font-family: Ubuntu;
  font-size: 1.125em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #f2c039;
}
.content #products {
  text-align: left;
  margin-top: 1.875em;
  margin-bottom: 0.938em;
}
.content #products-top {
  text-align: left;
  margin-top: 1.875em;
  margin-bottom: 0.938em;
}
.product {
  width: 13.750em;
  min-height: 20.625em;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.product:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  -moz-box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  background-color: #FFF;
  text-decoration:none
}
.product:hover .price {
  color: #f2c039;
}
.product .img {
  height: 11.250em
}
.product .img img {
  margin-top: 1.875em;
  max-width: 100%;
  max-height: 100%;
  height:160px;
}
.product .name {
  display: flex;
  height: 5.500em;
  border-bottom: 2px solid #e6e6eb;
  font-family: Ubuntu;
  font-size: 1.125em;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  color: #14370a;
  align-items: center;
  justify-content: center;
   margin: 0;
    padding: 0.5em;
}
.product .price {
  height: 3.750em;
  font-family: Ubuntu;
  font-size: 1.125em;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #c8c8d2;
  line-height: 3.750em;
}
.blogItem {
  width: 100%;
  min-height: 6em;
  display: block;
  color: #14370a;
  text-decoration: none;
  padding: 1em;
}
.blogItem:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  -moz-box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  box-shadow: inset 0px 0px 0px 1px #c8c8d2;
  background-color: #FFF;
  text-decoration: none;
  color: #14370a;
}
.blogItem:hover h4 {
  color: #f2c039;
}
.blogItem a {
  text-decoration: none;
}
.blog-line {
  width: 100%;
  height: 1px;
  background-color: #e6e6eb;
  margin-top: 15px;
  margin-bottom: 14px;
}
.blogItem h4 {
  font-family: Ubuntu;
  font-size: 1.125em;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #000;
}
.product-delic {
  float: left;
  width: 1.250em;
  height: 20.625em;
}
.products-line {
  width: 100%;
  height: 1px;
  background-color: #e6e6eb;
  margin-top: 15px;
  margin-bottom: 14px;
}
.product-detail {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  text-align: left;
}
.product-detail #fotogalerie {
  width: 40%;
  float: left;
  margin-right: 30px;
  display: inline-block;
  border: 0px solid #e6e6eb;
  background-color: #FFF;
}
.product-detail #fotogalerie a {
  height: 100px;
  text-align: center;
  display: block;
  float: left;
  width:25%;
  overflow: hidden;
  background-color: #FFF;
}
.product-detail #fotogalerie img {
  width: 100%;
  padding: 5px;
}
.product-detail #fotogalerie > a:first-child {
  height: auto;
  width: auto;
  display: inline;
  float: none;
  overflow: auto;
  border-bottom: 0px solid #e6e6eb;
}
.product-detail #fotogalerie > a:first-child img {
  background-color: #FFF;
  width: 100%;
  height: auto;
    padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#normal-foto {
    margin-top: 2em;
}
#normal-foto:after {
    content:" ";
    clear:both;
}

#normal-foto #fotogalerie {
  width: 100%;
  height: 20em;
  background: transparent;
}
#normal-foto #fotogalerie a {
  height: 19.6em;
  width: 19.6em;
  display: inline-block;
  overflow:hidden;
  margin:.2em;
}
#normal-foto #fotogalerie a:hover {
  -webkit-box-shadow: 2px 2px 2px 2px #c8c8d2;
  -moz-box-shadow:  2px 2px 2px 2px #c8c8d2;
  box-shadow: 2px 2px 2px 2px #c8c8d2;
}
#normal-foto #fotogalerie img {
  height: 100%;
}
.product-photo {
  display: flex;
  float: left;
  position: relative;
  width: 28.750em;
  height: 18.750em;
  border: 1px solid #e6e6eb;
  background-color: #FFF;
  align-items: center;
  justify-content: center;
}
.product-photo img {
  position: absolute;
  left: 0;
  top: 0;
}
.product-info {
  float: left;
  width: 50%;
  min-height: 18.750em;
  margin-left: 1.250em;
  display: inline-block;
}
.product-name h1{
  width: 100%;
  height: 3.750em;
  line-height: 3.750em;
  border-bottom: 1px solid #e6e6eb;
  font-family: Ubuntu;
  font-size: 1.125em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #14370a;
  margin:0;
}
.product-info ul {
  margin: 1em 0 0 0;
  padding:0;
  width:100%;
}
.product-info ul li {
  font-family: Ubuntu;
  font-size: 0.875em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  color: #4f6947;
  width:45%;
  padding-left:3%;
  display:inline-block
}
.product-info ul li span {
  font-family: Ubuntu;
  font-size: 14px ;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #14370a;
}
.product-cena {
  height: 3.750em;
  padding-top:1em;
  font-family: Ubuntu;
  font-size: 1.125em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #c8c8d2;
}
.product-cena span {
  font-family: Ubuntu;
  font-size: 1.125em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #f2c039;
}
.product-mnozstvi {
  font-family: Ubuntu;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  color: #c8c8d2;
  display: inline-block;
}
.shopPocet {
  height: 3.75em;
  border-radius: 0px;
  font-size: 1em ;
  border: 1px solid rgb(230, 230, 235);
  font-family: Ubuntu;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: rgb(242, 192, 57);
  text-align: center;
  width: 5em;
  margin-left: 1em;
  margin-bottom: 1em;
}
.product-koupit {
  text-align: center;
  cursor: hand;
  cursor: pointer;
  width: 13.750em;
  height: 3.750em;
  border: 1px solid #e6e6eb;
  background-color: #FFF;
  display: inline-block;
  float: right;
}
.product-koupit div {
  display: inline-block;
}
.koupit {
  text-align: center;
  vertical-align: middle;
  line-height: 3.25em;
  font-family: Ubuntu;
  font-size: 1.125em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #f2c039;
}
.koupit-ico {
  float: right ;
  width: 3.75em;
  height: 3.75em;
  border-left: 1px solid #e6e6eb;
  background: url(/custom/templates/numismatikaTurnov/img/default/ico-cart-plus.png) no-repeat center center;
}
.product-koupit:hover>.koupit-ico {
  background: #e6e6eb url(/custom/templates/numismatikaTurnov/img/default/ico-cart-plus_hover.png) no-repeat center center;
}
.product-popis {
  padding: 1.875em 0;
  border-bottom: 1px solid #e6e6eb;
  font-family: Ubuntu;
  font-size: 0.875em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  color: #4f6947;
  max-height:240px;
  overflow:hidden;
  transition:.5s all
}

.product-popis:hover{
  max-height:1240px;
  transition:2.5s all

}

.footer {
  width: 100%;
  height: 100%;
  min-height: 18.750em;
  background-color: #001e00;
  text-align: center;
  font-family: Ubuntu;
  font-size: 0.875em;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  color: #4f6947;
}
.footer a {
  color: #4f6947;
}
.footer a:hover {
  color: #f2c039;
}
.foot-line {
  width: 100%;
  height: 3.750em;
  font-size: 16px;
  background-color: #14370a;
}
.foot-line .wrapper {  background-color: #14370a;}
.foot-line .wrapper div {
  float: left;
}
.kurzy {
  min-height: 3.750em;
  font-family: Ubuntu;
  font-size: 0.750em ;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 5.000em;
  color: #fff;
}
.footer .wrapper ul {
  float: left;
  text-align: left;
  width: 20%;
  margin-top: 1.875em;
}
.footer .wrapper p {
  margin-top: 1.875em;
}
.footer .wrapper .right {
  float: right;
}
.fb {
  border-left: 1px solid #001e00;
  width: 3.750em;
  height: 3.750em;
  background-image: url(/custom/templates/numismatikaTurnov/img/default/ico-fb.png);
}
.fb:hover {
  background-color: #001e00;
}
.newsletter {
  display: inline;
  width: 160px;
  height: 60px;
  line-height: 60px;    
  background-color: #4f6947;
  letter-spacing: 1px;
  font-family: Ubuntu;
  font-size: 0.875em;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #14370a;
  position: relative;
}
.newsletter:hover .newsletter-formular {
  display: block;
}
.newsletter-formular {
  line-height: 1em;
  display: none;
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  width: 200%;
  background-color: #4f6947;
  letter-spacing: 1px;
  font-family: Ubuntu;
  font-size: 0.875em;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #14370a;
  position: absolute;
  right: 0;
  height: 100% auto;
}
.newsletter-formular input[type=text] {
    width: 75%;
    padding: 12px 20px;
    margin: 15px 0;
    box-sizing: border-box;
}


/* ------- pagination -------- */
.pagination {
	padding: 0;
  display: inline-block;
}
#nt-pagination {
  height: 30px;
}
#nt-pagination ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
#nt-pagination li {
  display: inline;
}
#nt-pagination li:first-child a {
  background-color: #c8c8d2;
  color: #FFF;
}
#nt-pagination li:first-child a:hover {
  background-color: #f2c039;
  color: #FFF;
}
#nt-pagination li:last-child a {
  background-color: #c8c8d2;
  color: #FFF;
}
#nt-pagination li:last-child a:hover {
  background-color: #f2c039;
  color: #FFF;
}
#nt-pagination a {
  float: left;
  padding: 0 11px;
  line-height: 30px;
  border: 1px solid #c8c8d2;
  background-color: #fff;
  margin-left: 10px;
  color: #c8c8d2;
}
#nt-pagination a:hover, #active a {
  background-color: #f2c039;
  border: 1px solid #f2c039;
  color: #FFF;
}
#sendFormX {
  background: #e6e6eb none repeat scroll 0 0;
  padding: 20px;
  color: #5C5C72;
}
#sendFormX table {
  width: 100%;
}
#sendFormX table td {
  width: 50%;
  vertical-align: top;
}
#sendFormX table td input, #sendFormX table td textarea {
  width: 90%;
  border: 1px solid #e6e6eb;
}
#sendFormX table td textarea {
  height: 178px;
}
#sendFormX input[type=submit] {
  margin: 20px 0 20px 0;
  padding: 1em;
  border: 1px solid #5c5c72
}
#shopping_cart_AJAX {
  font-size: .8em
}
.cart-table {
  width: 100%
}
.eshopStep2User td label {
  padding-right: 5px;
}
.eshopStep2User td {
  vertical-align: top;
}
.shopFieldError {
  outline: 1px solid red;
}

#shopping_cart_AJAX .ui-widget-content{
background:rgba(255,255,255,.6) ;
}

#shopping-cart-totals-table td, #shopping-cart-table td{
padding:5px;
}

#shopping-cart-table td{
border-bottom:1px dotted #c8c8d2
}
#shopping-cart-table thead td{
background:#EDEDEF  ;
padding:10px;
}

#shopping-cart-table tbody tr:first-child td{
padding-top:1.3em;
border-top:1px solid  #c8c8d2;
}

.cart-collaterals{
margin-top:2em
}

.subnav-wrap {
text-align:center;
margin-bottom: 1em;
}

.subnav-wrap input {
    padding: 12px 20px;
    margin: 15px 0;
    margin-left: 1em;
    box-sizing: border-box;
}

.subnav-wrap a {
    background: #f2c039 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 0.5em;
    padding: 12px 20px;
}


#shopping_cart_AJAX .button.nextStep, #shopping_cart_AJAX .button:hover{
    background: #f2c039 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 1em;
    padding: 0.75em 1.5em;
    cursor:pointer
}
#shopping_cart_AJAX  .button.nextStep:hover, #shopping_cart_AJAX .button{
    background: #001e00;
    border: 0 none;
    color: #fff;
    font-size: 1em;
    padding: 0.75em 1.5em;
    cursor:pointer
}


@media screen and (max-width: 960px) {
 .logo {padding-left: 0.375em;}   
}

@media screen and (max-width: 920px) {
 .product{
 width:30%;
 }
 .product-detail #fotogalerie{
 	max-width:40%
 }
  	.product-koupit, product-mnozstvi{
	width:45%;

	}

}
@media screen and (max-width: 620px) {
  .banner:hover .image {
    max-width: 0px;
    opacity: 0;
  }

 .product{
 width:45%;
 }
 
  .product-detail #fotogalerie{
 	max-width:100%;
 	width:100%
 }
  .product-detail #fotogalerie img{
  	width:200px !important;
  	max-width:100%;
	}
	
	.product-info {
    display: block;
    float: none;
    margin: 1em;
    width: 100%;
     clear: both;
  }
}

.product-cena{ margin:1em;}

.product-detail{
margin-bottom:2em;
}

	
}

@media screen and (max-width: 820px) {
 .product-detail #fotogalerie a{
 	display:none;
 }

 .product-detail #fotogalerie a:first-child{
 	display:block;
 }

  .banner .image {
    display: none;
  }
  .banner .btn-banner {
    position: static;
    float: none ;
  }
  .banner {
    background-size: auto 100%;
    height: auto;
    min-height: 18.75em;
  }
}

@media screen and (max-width: 540px) {
.logo {
    display: block;
}
.logo img {
    height:50%
}

table td{ font-size:.7em }
.ui-accordion .ui-accordion-content{ padding:.2em!important }
.logo > span {
    display: block;
		position:relative;
		top:0;left:0;
}

  header {
    height: 7.500em;
    text-align: center;
  }
  header .wrapper .right {margin: 0;}
}

@media screen and (max-width: 280px) {
  .logo img {display: none;}
}

.menu {
	width: 100%;
	border-top: 4px solid #4f6947;
	border-bottom: 1px solid #e6e6eb;
	color: #4f6947;
	background: #fefffd;
  height: 3.75em;
}

.menu li.mlogo, ul.nav.responsive li.mlogo {display: none;}
.menu li.mlogo a {
  height: 3.75em;
  padding: 0 1em;
}

.menu li.mlogo a img {height: 48px; margin-top: 8px;}

/* general ul style */
.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.menu > ul,
.menu .sub-inner {
	width: 90%;
	max-width: 60em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.menu > ul > li {
	display: inline-block;
  vertical-align: middle;
}

.menu > ul > li > a {
/*	font-weight: 700; */
	padding: 0 1em;
	color: #4f6947;
	display: inline-block; 
  height: 3.75em;
  line-height: 3.75em;    
}

.menu > ul > li > a:hover {
	color: #14370a;
	background: #fff;
}

.menu > ul > li:hover a,
.menu > ul > li:hover > a:hover {
	color: #4f6947;
}

.menu > ul > li > a:hover,
.menu > ul > li:hover > a {
	background: #fff;
	box-shadow: inset -1px 0 0 #e6e6eb, inset 1px 0 0 #e6e6eb;
	border-top: 4px solid #F2C039;
	margin-top: -4px;
}

/* sub-menu */
.menu .sub {
	display: none;
	position: absolute;
	background: #fff;
	border-top: 1px solid #e6e6eb;
	border-bottom: 1px solid #e6e6eb;
	padding-bottom: 1.5em;
	width: 100%;
	left: 0;
}

.menu ul li:hover .sub {
	display: block;
  padding-bottom: 3em;
}

.menu .sub-inner > div {
    float: left;
    overflow: hidden;
    padding: 0 1em;
    width: 15%;
}

.menu .sub-inner:before,
.menu .sub-inner:after {
	content: " ";
	display: table;
}

.menu .sub-inner:after {
	clear: both;
}

.menu .sub-inner > div a {
	line-height: 2em;
}

.menu .sub-inner > div a:hover {color: #14370a;}

.sub h4 {
	color: #14370a;
	padding: 2em 0 0.6em;
	margin: 0;
	margin-bottom: 0.5em;
	font-size: 100%;
	font-weight: 300;
	border-bottom: 1px solid #e6e6eb;
	white-space:nowrap
}

ul.nav li.icon {display: none;}

ul.nav li.icon #hamburger {
   /*border: 1px solid #999;*/
   display: block;
   /*width: 30px;
   padding: 5px 10px;*/

	border-top: 4px solid #4f6947;

	color: #4f6947;
	background: #fefffd;
}

ul.nav li.icon #hamburger:hover {
	background: #fff;
	box-shadow: inset 0 -1px 0 0 #e6e6eb;
	border-top: 4px solid #F2C039;
	
}

ul.nav li.icon #hamburger span {
   background: #F2C039;
   display: block;
   height: 4px;
   margin: 5px 0;
   width: 30px;
}

ul.nav.responsive li.icon #hamburger span.top-bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
   transform: rotate( 45deg );
   top: 9px;
}
ul.nav.responsive li.icon #hamburger span.middle-bar {
   opacity: 0;
}
ul.nav.responsive li.icon #hamburger span.bottom-bar {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
   transform: rotate( -45deg );
   top: -9px;
}

ul.nav li.icon#hamburger {
   overflow: hidden;
}
ul.nav li.icon #hamburger span {
   position: relative;
   transform: rotate( 0 );
   top: 0;
   left: 0;
   opacity: 1;

   transition: none 0.5s ease;
   transition-property: transform, top, left, opacity;
}

html.mm-opened #hamburger span.middle-bar {
   left: -40px;
}

@media screen and (max-width:800px) {
  .menu {
  	height: auto;
  }
  
  .menu > ul > li > a {
  	padding: 1em;
  	height: auto;
  	line-height: normal;    
  }

	ul.nav li:not(:first-child) {display: none;}
	ul.nav li.icon {
		display: block;
		text-align: center;
	}
  
	.menu > ul > li > a:hover,
	.menu > ul > li:hover > a {
		background: #F2C039;
		border: none;
		margin: 0;
		color: #fff;
	}

	.menu > ul > li > a {
		box-shadow: inset 0 -1px 0 0 #e6e6eb;
	}
	
	ul.nav.responsive {position: relative;}

	ul.nav.responsive li {
		float: none;
		display: inline;
	}
	
	ul.nav.responsive li a {
		display: block;
		text-align: left;
	}
  
  ul.nav.responsive li a:hover {color: #FFF;}
	  
	ul.nav li.icon #hamburger:hover {
		box-shadow: inset 0 -1px 0 0 #e6e6eb;
	}

	.menu {
		font-size: 100%;
		border: none;
	}

	.menu > ul,
	.menu .sub-inner {
		width: 100%;
		padding: 0;
	}

	.menu .sub-inner {
		padding: 0;
		font-size: 75%;
	}

	.menu > ul > li, .menu > ul > li > a {
		display: block;
	}


	.menu .sub { 
		position: relative;
	}

	.sub h4 {
		padding-top: 0.6em;
	}

	.menu ul li:hover .sub {
		display: none;
	}	

}

@media screen and (max-width: 36em) { 
	.menu .sub-inner > div {
		width: 100%;
		float: none;
		padding: 0;
	}
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
}

@media screen and (max-width: 400px) {
 .product{
 width:100%;
 }
 
   .ico_cat .wrapper li {
   display:block;
		width:100%
  }
 
  	.product-koupit, product-mnozstvi{
	float: none;
  width: 75%;
	display:block;
  margin: 0 auto;
	}
}