html
{
	box-sizing: border-box;
}

*,
*::before,
*::after
{
	box-sizing: inherit;
}

/******************************************************************************/
html
{
	font-size: 16px;
}

body
{
	margin: 0;
	padding: 0;
	background: #F5F5F5;
	color: black;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

a {color: #f1592a; text-decoration: underline;}
a:hover {text-decoration: none}
a img {border: 0}
a.nooutline {outline: none}

h1 {font-weight: normal; font-size: 2.2em; margin: 1em 0 0.6em; line-height: 1.2em}
h2 {font-weight: normal; font-size: 1.6em; margin: 1em 0 0.5em;}
h3 {font-weight: bold; font-size: 1.4em; margin: 1em 0 0.6em;}
h4 {font-weight: bold; font-size: 1.2em; margin: 1em 0 0.6em;}

.nomargintop {margin-top: 0px !important;}
.megatext {font-size: 1.1em; margin: 20px 0px;}

form {margin: 0; padding: 0}
input, button, select, option {font-size: 1em; color: black;}
textarea {font-size: 1em; color: black; font-family: Arial, Helvetica, sans-serif;}

p {margin: 0.5em 0 1em 0; font-size: 1.1em; line-height: 1.5em;}

/*.page {line-height: 1.5em;}
.page h2 {line-height: 1.2em; margin-top: 0px;}    */
.page img { max-width:100%; height:auto; }

table {border: 0; border-collapse: collapse; margin: 0.5em 0;}
table tr th, table tr td {text-align: left; padding: 3px 5px;}
table tr th {font-weight: bold; border-bottom: 0px solid #ccc; color: white; background-color: #dd127d;}
table tr td {border-bottom: 1px solid #ccc; vertical-align: top;}
table tr .center {text-align: center;}
table tr .right {text-align: right;}


ul {margin: 1em; list-style: disc outside none; padding-left: 20px}
ol {margin: 1em; padding-left: 20px}
ul li, ol li {margin: 0.4em 0;}

ul ul, ul ol, ol ul, ol ol  { margin-top: 0.2em; margin-left: 3em; padding-left: 0em; padding-bottom: 0px; margin-bottom: 0px;}
ol ol {list-style-type: lower-alpha;}

.msg_info
{
	background: #d5efff url("../images/default/messages/icon_info.png") 32px center no-repeat;
	border: 1px solid #a2d4f4;
	padding: 23px 8px 23px 75px;
	color: black;
	font-weight: bold;
	border-radius: 3px;
	margin: 1rem 0px 2rem 0px;
}

.msg_wait {background: #c9e6f5 url("../images/default/messages/msg_wait.png") 8px 8px no-repeat; padding: 8px 8px 8px 31px; color: #0f5173; font-weight:bold; }
.msg_error {background: #fbd3d3 url("../images/default/messages/msg_error.gif") 8px center no-repeat; padding: 8px 8px 8px 31px; color: #b91c1c; font-weight:bold; margin-top: 2px;}
.msg_ok {background: #dff7c3 url("../images/default/messages/msg_ok.png") 8px center no-repeat; padding: 8px 8px 8px 31px; color: #5b9319; font-weight:bold; }


.clear {clear:both}

.embed-responsive-16by9 {padding-bottom: 56.25% !important;}
.embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative;}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

figure
{
	margin: 0;
	height: 239px;
	max-height: 239px;
	position: relative;
	overflow: hidden;
	/*border-radius: 0.3rem;*/
}

.center {text-align: center;}
.smaller {font-size: 0.9em;}

/* main layout */
section {width: 990px; margin: 0 auto;}

#info {text-align: center; padding: 0.5rem 1rem; color: white; font-size: 12px;}
#info a {color: #fef69b;}
#info p {margin:0px;}

header
{
	background: black;
	border-bottom: 1px solid #444444;
}

#head-in
{
	width: 990px;
	margin: 0px auto;
	padding: 12px 0 4px 0;
}
                        
header .logo
{
	display: inline-block;
	padding: 8px 21px 9px 6px;
}

header .logo img
{
	display: inline-block;
}

header .search
{
	position: relative;
	display: inline-block;
	background: #4d4d4d;
	width: 232px;
	height: 31px;
	/*border-radius: 3px;*/
	top: -22px;
	margin-left: 30px;
}

header .search .text {float:left; width: 185px; margin: 6px 0px 0px 10px; font-size: 14px; background: none; color: #ddd; outline:none}
/*header .search .button { float:right; width: 16px; height: 16px; background: url(../images/icon_search.png) no-repeat; border: none; cursor: pointer; margin: 7px 10px 0px 0px;}*/
header .search .submit { color: #c0c0c0; background:none; border: none; cursor: pointer; margin-top: 5px;}
header .search .submit i { position: relative; font-size: 16px;  top: 1px; }

header .town
{
	display: inline-block;
	position: relative;
	top: -20px;
	font-size: 14px;
	color: white;
	padding-left: 15px;
}

header .town .fa-map-marker {font-size: 18px; position: relative; top: 1px}
header .town a {color: white; text-decoration: none; position:relative; outline: none;}
header .town a:hover {text-decoration: underline;}

header .towns
{
	position:absolute;
	border-radius: 5px;
	width: 92%;
	z-index: 10;
	display:none;
	min-width: 240px;
	margin-left: -100px;
}

header .towns .subarrow
{
	text-align: center;
	margin-top: 0.4rem;
}

header .towns .subarrow::before
{
	content: '';
	position: absolute;
	display: inline-block;
	margin-top: -6px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
}

header .towns .inner
{
	background: white;
	text-align: left;
	border-radius: 5px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.5);
	padding: 10px 15px;
	line-height: 1.9em;
}

header .towns .inner a { color: black; font-size: 14px;}
header .towns .inner a:hover { color: #22779c;}

header .links
{
	float: right;
	display: inline-block;
	color: white;
	font-size: 14px;
	vertical-align:middle;
	white-space: nowrap;
	margin: 0;
	list-style-type: none;
	margin-top: -2px;
}

header .links>:first-child
{
	display: none;
}

#menu
{
	margin:0px;
	width: auto;
	position: static;
	background: none;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}

.links li
{
	margin:0px;
	display: inline-block;
}

#menu li:last-child {
	display: none;
}

#menu li.categories
{
	display: none;
}

#menu li a
{
	margin: 0 0.2rem;
	padding: 0.6rem 0.2rem;
	border-bottom: 0;
	line-height: 1.4rem;
}

#menu a
{
	color: white;
	text-decoration: none;
}

#menu a:hover
{
	text-decoration: underline;
}

#menu i
{
	position: relative;
}

#menu i.fa-phone
{
	font-size: 18px;
	top: 2px;
}

#menu i.fa-user
{
	font-size: 16px;
	top: 1px;
}

#menu i.fa-shopping-cart
{
	font-size: 16px;
}

label[for="menu-status"]
{
	display: none;
}

/*form label
{
	display: block;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 1rem;
} */

form label em
{
	font-size: 0.6rem;
	font-weight: normal;
}

form label input
{
	display: block;
	width: 100%;
	border: 1px solid #a5acb2;
}

form label input[type="radio"],
form label input[type="checkbox"]
{
	display: inline;
	width: auto;
}

form input[type="submit"]
{
	/*padding: 0.5rem 2rem;*/
	cursor: pointer;
}

form label textarea
{
	display: block;
	vertical-align: top;
	width: 100%;
}

form label .info
{
	display: block;
}

form label .info,
form label .description
{
	font-size: 0.9rem;
	color: #6c6b6b;
	font-weight: normal;
	font-style: italic;
}

.main_image
{
	position: relative;
	width:578px;
	float: right;
}

.main_image img
{
	position: absolute;
	z-index: 1;
	opacity:0;
	top: 0;
	left: 0;
	margin: 0 !important;
	transform: none;
}

.main_image img.active
{
	z-index:3;
	opacity:1.0;
}

.main_image img.last-active
{
	z-index:2;
}

	
.categories_wrapper { margin-bottom: 15px;}
.categories { width: 990px; margin: 0px auto 0px auto;  border-radius: 0px;}
.categories .catmenu {float:left; padding: 0px; margin: 0px; list-style:none; padding-top: 9px;}
.categories li{float: left; margin:0px;}
.categories a {color: #cbccce; padding:9px 14px 10px 14px; font-size:15px; text-decoration:none;}
.categories a:hover {color: white;}
.categories a.active {font-weight:bold; color:black; background: white;}



.categories #order_box {float:right; padding: 4px;}
.categories #order_box span {position:relative; top: 7px; font-size: 14px; color:white;}
.categories #order_box select {border: 1px solid rgb(169, 169, 169); box-sizing: border-box; display: inline-block; float: right; margin-left: 3px; margin-top: 3px;
								padding: 3px; vertical-align: middle; width: 135px; font-size: 13px;}

.categories_wrapper2 {background: white; border-bottom: 1px solid #444444; padding-bottom: 8px;}
.categories_wrapper2 a {color:#666; font-size: 15px; background:none !important;}
.categories_wrapper2 a.active {color:black; font-weight:bold;}
.categories_wrapper2 a:hover {color:black;}
								
#search_text
{
	margin: 8px 20px 0 0;
	width: 990px;
	margin: 15px auto;
	background: white;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}

#search_text .inner {padding: 9px;}
#search_text a { background: url(../images/icon_delete.png) 0px 2px no-repeat; padding-left:14px; text-decoration: none; }
#search_text a:hover {text-decoration: line-through;}

.whitey
{
	background-color: #fff;
	position: relative;
	margin: 15px 0 0px 0px;
	/*border-bottom: 0.3rem solid #e25b48;*/
}

.whitey .whitey-in
{
	margin: 0 3%;
	margin-top: 0;
	padding: 20px 0 22px;
	min-height: 50px;
}

.whitey .whitey-in h1
{
	margin: 0;
	padding: 0;
	font-size: 2.6em;
	margin-bottom: 16px;
}

.whitey .whitey-in h1 p
{
	padding: 0px !important;
	margin: 0px !important;
}

#silver { background: #f7f7f7; padding: 1px; border: 1px solid #d8d8d8; position:relative;}
#silver .ribbon {color: white; background: #d60404; width: 70px;  position: absolute; top: 10px; right: -10px; z-index: 4; /*border-radius: 5px;*/}
#silver .ribbon div.perc {font-size: 1.7em; padding: 9px 0px 7px 0; text-align: center;}

#silver #box {float: left; width: 348px}

/*#silver #box #box-in div#strip {color: white; background: url('../images/label.png') no-repeat right top; width: 68px; height: 41px; position: absolute; top: 64px; left: 868px; z-index: 10}
#silver #box #box-in div#strip div.perc {font-size: 1.8em; font-weight: bold; padding: 11px 11px 0 0; text-align: right;}
*/

#silver #xbuydet {margin-top: 20px;}
#silver a.buy { box-shadow: 1px 1px 5px #bbb; margin: 0px 40px; display:block; text-align: center; color: black; text-decoration: none; font-size: 2.2em;  padding: 0; background: #b0cb19;  border: 1px solid #7fa271;  /*border-radius: 5px;*/ }
#silver a.variants {text-align: left; margin: 0px 60px; }
#silver a.variants span {padding-left: 30px !important; }
#silver a.novariants { margin: 0px 80px;}
#silver a.variants i.fa {float: right; border-left: 1px solid #7fa271; padding: 13px 0px 13px 20px; position: relative; top: -18px;}
#silver a.buy span {display: block; padding: 17px 20px 16px 20px; display:block; border-top: 1px solid #d2e124; /*border-radius: 5px;*/}
#silver a.buy:hover {color: black;  background: #a0bb09;}

#silver .price_after {text-align:center; margin-top: 40px;}
#silver .price_after .label { font-size: 30px;}
#silver .price_after .price { font-size: 48px; color: #259f00;}

#silver .price_before {text-align:center; margin-top: 8px; font-size: 14px; font-weight: bold;}
#silver .price_before .label { }
#silver .price_before .price { color: #808080; text-decoration: line-through;}

#silver .not_active {text-align:center; margin: 40px 0px; font-size: 14px; font-weight: bold;}

#silver .info {font-size: 13px; margin-top: 27px; text-align: center}
#silver .info .deadline {color: #d60404; display: inline; margin-right: 15px; font-size: 14px;}
#silver .info .customers {color: #808080; display: inline; font-size: 14px;}
/*#silver #box #box-in #xbuydet p {margin: 0; margin-top: 12px; font-size: 1.2em;}
#silver #box #box-in #xprizedetindex {background: url('../images/line.png') repeat-x center bottom; padding: 6px 0 0px; text-align: center;}
#silver #box #box-in #xprizedet {background: url('../images/line.png') repeat-x center bottom; padding: 10px 0 12px; text-align: center;}
#silver #box #box-in #xprizedet span.smaller {font-size: 0.9em;}
#silver #box #box-in #xprizedet strong {font-size: 1.3em;}
#silver #box #box-in #xprizedet span.app {}
#silver #box #box-in #xcustdet {text-align: center; padding-top: 7px; line-height: 1.8em}
#silver #box #box-in strong.black {color: #000;}
#silver #box #box-in strong.icon {font-size: 1.3em; background: url('../images/users.png') no-repeat left center; padding: 1px 0; padding-left: 25px;}
#silver #box #box-in em {color: #666}
#silver #box #box-in table.layout {border: 0; margin: 0; padding: 0; width: 100%; margin-top: 8px;}
#silver #box #box-in table.layout td {line-height: 1.5em;border: 0; margin: 0; padding: 0; text-align: center; }
#silver #box #box-in table.layout td span.big {font-size: 1.5em; font-weight: bold;}
#silver #box #box-in table.layout td span.grey {color: #999;}
#silver img.mainimg {display: block; float: right}
  */

/* White place under main block - common */
#place {}
#place #leftdetail {width: 290px; float: left; margin-bottom: 20px}
#place #rightdetail {width: 600px; float: right; margin-bottom: 20px}

#place #leftdetail #platnost {/*border-radius: 5px;*/ font-weight:bold; background-color: #ffd9da; border: 1px solid #e1b2b8; text-align: center; font-size: 1.2em; padding: 10px 0; margin-top: 20px}
#place #leftdetail h2 { margin-top: 25px}

#place #leftdetail #perex {font-size: 1.25em;}
#place #leftdetail ul {padding-left: 0px; list-style:none; border-top: 1px solid #e1e1e1; margin-left: 0px; margin-right:0px;}
#place #leftdetail ul li {padding: 10px 10px 10px 15px; margin:0px; border-bottom: 1px solid #e1e1e1;}
#place #leftdetail ul li:nth-child(odd) {background-color: #f4f4f4;}
#place #leftdetail ul li:nth-child(even) {}

#place h2.detail {margin-top: 5px; font-weight: bold;}
#place #leftdetail div.dalsi {position: relative; background: url('../images/mbg.png') #ededed no-repeat center bottom; margin-bottom: 20px}
#place #leftdetail div.dalsi div.prize {background-color: #f1592a; border: 1px solid #f1592a;
	border-radius: 5px; color: white; font-size: 1.2em; font-weight: bold; padding: 1px 7px; width: 75px; text-align: center;
	position: absolute; top: 7px; left: 7px; white-space: nowrap;
}
#place #leftdetail div.dalsi img {display: block}
#place #leftdetail div.dalsi div.marger {margin: 8px; line-height: 1.3em}
#place #leftdetail div.dalsi div.marger a {color: black; text-decoration: none; font-size: 1.1em; font-weight: bold;}
#place #leftdetail div.dalsi div.marger a:hover {text-decoration: underline}
#place #leftdetail div.dalsi div.marger div.info {padding: 8px 0 10px; font-size: 1.1em;}
#place #leftdetail div.dalsi div.marger div.info span.bef {color: #888}

#place #rightdetail #textpart { }
#place #rightdetail #textpart #perex {border-bottom: 4px solid #f1592a; }
#place #rightdetail #textpart #perex ul {margin: 0; padding: 0; list-style-type: none;}
#place #rightdetail #textpart #perex ul li {margin: 0; padding: 7px 0; padding-left: 13px; background: url('../images/ul.png') no-repeat 0px 13px; border-bottom: 1px solid #ccc}
#place #rightdetail #textpart #perex ul li:last-child {border: none}
#place #rightdetail #textpart #details { margin: 0px 0 30px 0px;}
#place #rightdetail #textpart #details ul li {line-height: 1.35em}
#place #rightdetail #textpart #details img {max-width:100%; height:auto;}

/*
#place #rightdetail #contacts {}
#place #rightdetail #contacts #map {width: 200px; height: 200px; background-color: #eee;}
*/

#place #contacts
{
	padding:16px;
	background: #f4f4f4;
}

#place #contacts .left_part
{
	float:left;
	width:220px;
	color: #414141;
}

#place #contacts .left_part h2
{
	font-size: 19px;
	margin-top: 0;
	color:black;
}

#place #contacts .right_part
{
	float:right;
	max-width: 333px;
	width: 100%;
}

#place #contacts #map
{
	height: 260px;
	background-color: #eee;
	width:auto;
	margin-bottom: 5px;
}

#place #contacts #platnost
{
	background-color: #fff1ce;
	text-align: center;
	font-size: 1.2em;
	padding: 5px 0;
	margin-top: 12px;
}

#place #rightdetail #discuss {background: url('../images/arrow.png') no-repeat center bottom; padding-bottom: 8px}
#place #rightdetail #discuss a {display: block; background-color: #ddd; border-bottom: 4px solid #f1592a;
	text-align: center; color: black; font-size: 1.2em; padding: 4px 0 2px; text-decoration: none; color: #444}
#place #rightdetail #discuss a span {font-size: 0.8em;}
#place #rightdetail #discuss a:hover {background-color: #eee; color: black}


/* Detail slevy ve dvou sloupcich */
#side_offers .left {width:450px; border: 1px solid #dedede; float: left; margin-bottom: 15px; /*border-radius: 5px;*/}
#side_offers .right {width:450px; border: 1px solid #dedede; float: right; margin-bottom: 15px; /*border-radius: 5px;*/}
#side_offers .left:hover, #side_offers .right:hover {box-shadow: 0 0 3px #eee;} 

#side_offers .item
{
	padding: 1px;
	position: relative;
	display:block;
	color: black;
	text-decoration:none;
	/*height:310px;*/
	height: auto;
}

#side_offers .item .hover {display:none; /*border-radius: 5px;*/ position:absolute; height: 185px; width:446px; background: url(../images/side_hover.png);}
#side_offers .item .hover .hand {background: url(../images/side_hover_hand.png) 160px 11px no-repeat;
								 margin: 65px 0px 0px 120px; line-height: 2em; font-size: 26px; color: white; }
#side_offers .item:hover .hover {display:block;}

#side_offers .item img
{
	display: block;
	/*border-radius: 5px;*/
	height: auto;
	max-width: 100%;

}

#side_offers .item div.marger {margin: 10px;}
#side_offers .item div.marger h2 {height: 40px; overflow:hidden; margin: 0; padding: 0; font-size: 16px; font-weight: bold; line-height: 20px}

#side_offers .ribbon {color: white; background: #d60404; width: 60px;  position: absolute; top: 10px; right: 10px; z-index: 10; /*border-radius: 5px;*/}
#side_offers .ribbon div.perc {font-size: 1.5em; padding: 7px 0px 6px 0; text-align: center;}

#side_offers .item .marger .info {margin-top: 20px; font-size: 1em;}
#side_offers .item .marger .info .price_after {float:left; color: #3da913; font-size: 38px;}
#side_offers .item .marger .info .customers {float:right; color: #7c7c7c; margin-right: 13px;}
#side_offers .item .marger .info .customers i {font-size: 15px;}
#side_offers .item .marger .info .deadline {float:right; color: #d60404; }
#side_offers .item .marger .info .deadline i {font-size: 15px; }

/* Social share row */
#social {margin: 15px 0px 0px 0px;}
#social #sleft {width: 450px; float: left;}
#social #sright {width: 400px; float: right; text-align: right; color: #666; font-size: 0.9em;}
#social #sright a {padding: 2px 0; padding-left: 20px}
#social #sright a.fcb {background: url('../images/ifb.png') no-repeat left center;}
#social #sright a.mail {background: url('../images/imail.png') no-repeat left center;}
#social #sright a.link {background: url('../images/ilink.png') no-repeat left center;}

/* Mail row */
#mail
{
	background-color: #ffcc9a;
	background-color: rgba(255, 204, 154, 0.85);
	/*margin: 1.2rem 0;*/
	/*border-radius: 0.4rem;*/
	position:relative;
	padding: 5px 0px;
	margin: 0px 0px;
}

#mail .label
{
	float:left;
	display: inline-block;
	width: 400px;
	color: #000;
	background: url(../images/newsletter_icon.png) no-repeat;
	background-position: 12px 11px;
	font-weight:400;
	font-size: 1.3em;
	padding: 13px 20px 9px 50px;
}

#mail form
{
	float:left;
	top: 0px;
	display: inline-block;
	margin-left: 0.6rem;
	padding: 0;
}

#mail form fieldset
{
	border: 0;
	margin: 0;
	padding: 0
}

#mail form fieldset input.text
{
	font-size: 1.2em;
	padding: 6px;
	margin-top: 6px;
	/*border: 1px solid #ccc;
	*/
	/*border-radius: 3px;*/
	width: 190px;
}

#mail form fieldset input.but
{
	font-size: 1.1em;
	padding: 5px 10px 6px 10px;
	margin-top: 6px;
	border: 0px;
	/*border-radius: 3px;*/

	background: #d60404;
	color: white;
	text-shadow: 0px 1px 0px #666;
	cursor: pointer;
}

#mail form fieldset input.but:hover {background: #f2211a;}

#mail .note
{
	float: left;
	margin-left: 20px;
	margin-top: 4px;
	line-height: 1.35em;
}

#mail .note br
{
	display: block;
}

.index_banner {display:block;  margin:15px 0px;}

/* Foot */
#foot { border-radius: 5px;}

footer {background-color: #222; background-color: rgba(20,20,20,0.9); color: #949494; width: 100%; margin-top: 20px;}
footer a {color: #949494}
footer .inner {padding: 25px 0; border-radius: 5px; margin-bottom: 30px; margin: 0 auto; width: 990px;}
footer .col1 {float:left; width: 255px; }
footer .col1 p {color:white; font-size: 15px;}
footer .col1 p:first-child {margin-top: 0px;}
footer .col1 p:last-child {margin-bottom: 0px;}


footer .col2 {float:left; width: 240px; font-size: 15px; margin-left: 55px;}
footer .col2 .company {color: #DDD; margin-top: 0em; margin-bottom: 0.8em;}
footer .col2 .created {margin-top: 20px; font-size: 13px; margin-top: 0.8em;}
footer .col2 .created .pp {text-decoration:none;}
footer .col2 .created .lqd {background: url(../images/lqd.png) 0px 1px no-repeat; padding: 0px 0px 2px 20px;}
footer .col3 {float:left; width: 388px; margin-left: 50px;}
footer .col3 ul {margin: 0; padding: 0}
footer .col3 ul li {float: left; width: 150px; list-style-type: none; margin: 2px 0}
footer .col3 .item {font-size: 13px;}


/* Foot */
/*#foot { border-radius: 5px;}

footer { padding: 15px 25px; background: url(../images/foot_bg.png); border-radius: 5px; margin-bottom: 30px;}
footer #fleft {width: 600px; float: left;}
footer #fleft p {margin: 20px 0px 0px 0px;}
footer #fright {width: 300px; float: right; text-align: right;}
footer strong.fa {color: black;}
footer a.item {font-size: 1em;}
footer a:hover {color: white}
footer a.hid {color: #000; text-decoration: none; padding-bottom: 10px; padding-top: 2px; }
footer a.lqd {color: black; font-weight: bold; padding-left: 22px; padding-bottom: 10px; padding-top: 2px; text-decoration: none; background: url('../images/lqd.png') no-repeat; }
footer a.lqd:hover {text-decoration:underline;}
*/



/*
#foot_menu {background: url(../images/foot_bg.png) no-repeat; width: 960px; height: 222px;}
#foot_menu .menu {float:left; width: 240px; }
#foot_menu .menu .name {font-weight:bold; font-size: 1.3em; padding: 23px 0px 0px 15px;}
#foot_menu .menu ul {list-style: none; padding-left: 15px;}
#foot_menu .menu ul li {background: url(../images/foot_item_icon.png) 0px 2px no-repeat; padding-left: 17px;}
#foot_menu .menu ul li a {color: black; text-decoration:none;}
#foot_menu .menu ul li a:hover {text-decoration: underline;}

#foot_menu .wedding {}
#foot_menu .about {}
#foot_menu .cooperation {}
#foot_menu .social {}
#foot_menu .social a {display:block; width: 32px; height: 32px; float:left; margin: 10px 10px 0px 0px}
#foot_menu .social .facebook {background: url('../images/icons/facebook.png') no-repeat; margin-left: 15px;}
#foot_menu .social .twitter {background: url('../images/icons/twitter.png') no-repeat;}
#foot_menu .social .google {background: url('../images/icons/google.png') no-repeat;}
#foot_menu .social .email {background: url('../images/icons/email.png') no-repeat;}

#foot-in { padding: 0 0 7px}
#foot-in #fleft {width: 620px; float: left;}
#foot-in #fright {width: 280px; float: right; text-align: right;}
#foot-in strong.fa {color: black; font-size: 1.2em;}
#foot-in a.item {font-size: 1.2em;}
#foot-in a:hover {color: white}
#foot-in a.hid {color: #000; text-decoration: none}
#foot-in a.lqd {}

*/

.partners img {border: 0px; padding: 5px 0 0 0;}
.partners { padding: 5px 0 0 0; margin: 0px 25px 25px;}

/*end*/

label[for="show-discussion"]
{
	position: relative;
	display: block;
	background: #ddd;
	text-align: center;
	padding: 0.4rem 1rem;
	cursor: pointer;
	border-bottom: 0.3rem solid #e25b48;
	font-size: 1rem;
	/*margin-bottom: 2rem; */
}

label[for="show-discussion"]::before
{
	content: '';
	position: absolute;
	bottom: -1rem;
	left: 49%;
	border: 0.5rem solid transparent;
	border-top: 0.5rem solid #e25b48;
}

label[for="show-discussion"]:hover
{
	background: #eee;
}

#show-discussion ~ #show_comments
{
	max-height: 0;
	height: auto;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

#show-discussion:checked ~ #show_comments
{
	max-height: 9999px;
	transition: max-height 5s ease;
}

#show-discussion:checked + label b
{
	color: transparent;
}

#show-discussion:checked + label b::before
{
	content: attr(data-swap-text);
	font-size: 1rem;
	color: black;
	position: absolute;
}

/*end*/

/* KONTAKT -------------------------------------------------------------------*/
#contact
{
	padding: 0;
}

#contact .panel
{
	float: left;
	width: 320px;
	line-height: 18px;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
}

#contact .panel .top { width: 280px; }
#contact .panel .bottom { width: 200px; }
#contact .panel span.big {font-size: 1.4em; font-weight: bold; display: block; margin-bottom: 10px;}

#contact .panel a.map
{
	background: url("../images/ico_map.png") left center no-repeat;
	padding-left: 20px;
}

#contact .panel2
{
	float: left;
	/*width: 600px;*/
	padding: 0 0 20px 65px;
	border-left: 2px solid silver;
	margin-left: 25px;
	/*width: 365px;*/
}

#contact .panel2 h1 {margin-top: 0.4em;}

#contact fieldset
{
	border: 1px solid silver;
	background-color: #c1b4a4;
	padding: 20px 20px 0px 20px;
	margin-bottom: 10px;
	border-radius: 5px;
}

#contact fieldset textarea
{
	padding: 0;
	height: 80px;
	border: 1px solid silver;
}

#contact fieldset input
{
	float: left;
	display: block;
}

#contact fieldset label
{
	color: black;
	display: block;
}

#contact fieldset .row { margin-bottom: 12px; float: left; width: 560px;}
#contact .left {float: left;}
#contact .right {float: right;}
#contact fieldset .right { float: right !important;}

#contact input[type="submit"]
{
	margin-bottom: 1.2rem;
}

.red {color: red !important;}

#basket_navigation
{
	margin-bottom: 1.6rem;
}

#basket_navigation #steps
{
	background-color: #D4D4D4;
	color: #727272;
}

#basket_navigation #steps li div
{
	padding: 0.9rem 0 0.9rem 2rem;
}

ol.cart
{
	counter-reset: cart-counter;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol.cart li
{
	margin: 0;
	padding: 0;
	float: left;
	width:33%;
	font-size: 18px;
}

ol.cart li div
{
	font-weight: bold;
	text-align: center;
	padding: 0.5em 0.1em;
}

ol.cart li div.active::before
{
	color: white;
}

ol.cart li div.active
{
	color: white;
	background: #DE0000;
}

ol.cart li div.active2
{
	color: white;
	background: #DE0000;
}

ol.cart li div.active
{
	background: #DE0000 url('../images/navigator_active.png') no-repeat right;
}

ol.cart li div.active2
{
	background: #DE0000 url('../images/navigator_active2.png') no-repeat right;
}

ol.cart li div
{
	text-align: left;
}

ol.cart li div::before
{
	position: absolute;
	margin-left: -16px;
	font-size: 16px;
	color: #727272;
	font-weight: bold;
}

/*#buy.cart #order_email
{
	width: 50%;
}*/

#buy > hr {
	display: none;
}

div.bottom_shadow { height: 18px; /*background: url(../images/bottom_shadow.png) no-repeat;*/ margin-top: 10px; margin-bottom: 20px;}

/* BUY ----------------------------------------------------------------------- */
#buy, #buy_summary, #buy_confirm { padding-left: 0px !important; padding-right: 0px !important; }
#buy_summary form {padding-left: 10px; padding-right: 10px;}

.center_box {text-align:center; padding-bottom: 10px;}
.center_box input {width: 144px; height: 41px; cursor: hand; cursor: pointer;}

blockquote {line-height:1.45em; font-size: 1.4em; border: 1px solid rgb(215,215,215); background: #e8e8e8 url('../images/blockquote.png') 10px 10px no-repeat; margin:0em 0em 1em 0em !important; padding: 10px 10px 10px 50px; font-style: italic;}
blockquote p {margin: 0px !important;}

/* tabulka karty */
table.card {}
table.card tr {}
table.card td {background-color: white; padding: 4px 22px 4px 12px; border-top: 1px solid #DADADA;}
table.card td.name {}
table.card td.value { font-weight: bold; }

/* textbox */
input.text {border: 0;  font-size: 1em;}
.wrap_middle {border: 2px solid white; background-color: white; padding: 2px 0px; _padding:0px; }
input.middle { width: 172px; border: 1px solid #a5acb2; }

table.form tr td .wrap_textarea {display:block; border: 2px solid white; background-color: white; padding: 0px;  line-height:0;}
table.form tr td textarea { width: 407px; height: 84px; border: 1px solid #a5acb2; }

table.noborders {border: none; margin-bottom: 10px;}
table.noborders td {border: none;}

/*tabulka obecne*/
table.form { border:none; }
table.form tr {}
table.form tr td { border: none; vertical-align: top; line-height: 2.2em; padding-top: 3px;}
table.form tr td.name { text-align:right; font-weight:bold; padding-right:10px; }
table.form tr td.value {}
.error { background: #fbd3d3 url("../images/default/messages/msg_error.gif") 8px center no-repeat; padding: 8px 8px 8px 31px; color: #b91c1c; font-weight:bold; margin-top: 2px;}
table.form tr td .description { font-size: 0.9em; color: #6c6b6b; font-style: italic; padding-left: 10px;}

.bg_top {background: url(../images/largebox-middle.png) repeat-y; }
.bg_bottom { padding: 0px 18px; overflow: hidden; }
.bottom_shadow { background: url(../images/largebox-bottom.png) no-repeat; height: 19px; margin-top: 0px !important; }
.top_shadow { background: url(../images/largebox-top.png) no-repeat; height: 54px; }
.top_shadow h1 { padding: 25px 0px 0px 20px; }

#forum { margin-top: 20px; padding-top: 0px; margin-bottom: 30px;}
#forum .comments {}
#show_comments h2{font-size: 1.7em; font-weight: bold; padding-bottom: 0.55em;padding-top: 0;}
#forum .comments .comment {padding: 10px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-top: 11px; background-color: #fcfcfc;}
#forum .comments .comment .name {font-weight:bold; padding-right: 18px;}
#forum .comments .comment .date {font-size: 0.9em; background: url('../images/icon_date.png') 0px 2px no-repeat; padding: 2px 0px 2px 20px; color: #666666;}
#forum .comments .comment .text {margin-top: 8px; line-height: 1.5em;}



#forum .warning {font-size: 0.9em; background: url(../images/icon_warning.png) 0px 20px no-repeat; padding-left: 59px; padding-top: 20px; margin: 0px 18px; }
#forum .warning p {margin-top: 0; margin-bottom: 6px;}
#forum .submit input { width:162px; height: 32px; cursor: pointer;}

/* summary */
table.list { width: 100%; border-spacing: 0; /*Others*/ border-collapse: collapse; /*IE*/ }
table.list td, table.list th {  padding: 5px !important; }
table.list th { background-color: #D41D24; color: white;  font-weight: bold;}
table.list td {border-bottom: 1px solid #cccccc;}
table.list td.sum {background-color: #D41D24; color: white;}

#buy {}
#buy h2 {/*font-size: 1.7em; padding-top: 0em; padding-bottom: 0.55em; font-weight: bold;*/ margin-top: 0.5em;}
#buy .text { margin-bottom: 20px;}
#buy label {font-weight: bold; /*font-size: 1.1em;*/ margin-top: -20px;}
#buy .input_border {line-height: 2em; margin-bottom: 15px; border:1px solid #A1A1A1; width: 268px;  padding: 2px 3px; }
#buy td .input_border {margin-bottom: 0px !important; display:inline-block;}
#buy .input_border input {border: none; width: 95%; padding-left: 5px;}
#buy textarea {border:1px solid #A1A1A1; margin-top: 10px; width: 368px; padding:3px; height: 60px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 1.25em;}
#buy .description {font-size: 0.9em; margin-top: 3px; margin-bottom: 15px;}
#buy .buy_button {height: 27px; margin-top: 5px;}

#buy td .input_border_small {width: 200px !important;}
#buy .buy_left #address select { 	border: 1px solid rgb(169, 169, 169);
									box-sizing: border-box;
									display: inline-block;
									font-size: 13px;
									padding: 6px 4px;
									vertical-align: middle; margin-top: -2px;}
#buy .buy_left #personal select { 	border: 1px solid rgb(169, 169, 169);
									box-sizing: border-box;
									display: inline-block;
									font-size: 13px;
									padding: 6px 4px;
									vertical-align: middle; margin-top: -2px;}

#buy .form {width:100%;}
#buy .form .name {width:100px;}

/*buy varianty*/
.buy_left .disabled { text-decoration: line-through;}
.buy_left .enabled { background: url('../images/ok.png') right  top no-repeat;}
.buy_left label.labelik {padding-right: 25px; margin-right: 15px; padding-top: 2px; padding-bottom: 2px; font-size: 1.1em;}
.buy_left .buy_variant { border-top: 1px solid #D4D4D4; padding: 10px 0px;}
.buy_left .buy_variant .variant_left { float:left; width: 17%;}
.buy_left .buy_variant .variant_left img{  width: 100%;}
.buy_left .buy_variant .variant_right { float:right; width:80%;}
.buy_left .buy_variant .variant_right .variant_text { margin-bottom: 5px;}
.buy_left .buy_variant .variant_text .right { background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0; float: right; height: 11px; margin: 7px 5px 0 0;width: 11px;}
.buy_left .last { border-bottom: 1px solid #D4D4D4; }

#buy .buy_left { border-right: 1px solid #D4D4D4; float:left; width: 480px;}
#buy .buy_left .h2_shadow {background-color: #E7E7E7; color: black; padding: 3px 5px; font-weight: bold; margin-top: 25px;}
#buy .buy_left .payment {margin:12px 0px 20px 0px;}
#buy .buy_left .payment:last-child {margin:12px 0px 10px 0px;}
#buy .buy_left .payment label.payment {padding-right: 5px; font-size: 1.25em;}
#buy .buy_left .payment .info { padding: 6px 0px 5px 5px; color: #666666;}
#buy .buy_left .payment .cards {background: url('../images/pays/cards.png') right no-repeat; /*padding-right: 115px !important;*/ padding: 3px 115px 3px 0px !important;}

#buy .buy_left .buttons {padding-top: 10px;}
#buy .buy_left .buttons .btn_left {width: 140px; float:left; }
#buy .buy_left .buttons .btn_right {width: 300px; float:left; margin-top: 5px;}
#buy .buy_left .buttons .btn_right span {padding-left: 22px; background: url('../images/buy_credits_logo.png') no-repeat; padding-top: 1px;}

#buy .buy_left #order_card {padding-left: 25px;}
#buy .buy_left #order_card .head {font-weight: bold; margin-top: 5px;}
#buy .buy_left #order_card .card_type {}
#buy .buy_left #order_card .card_type label.visa {background: url('../images/pays/card_type/VISA_small.png') right no-repeat; padding-right: 30px;}
#buy .buy_left #order_card .card_type label.mastercard {background: url('../images/pays/card_type/MasterCard_small.png') right no-repeat; padding-right: 30px;}
#buy .buy_left #order_card .card_type label.visaelectron {background: url('../images/pays/card_type/VisaElectron_small.png') right no-repeat; padding-right: 30px;}
#buy .buy_left #order_card .card_type label.maestro {background: url('../images/pays/card_type/Maestro_small.png') right no-repeat; padding-right: 30px;}

#buy .buy_right {float:left; width: 370px; padding-left: 30px;}
#buy .buy_right .inner {/*padding: 0px 51px 0px 0px;*/}
#buy .buy_right .inner .blue_box { padding: 12px 0px 12px 46px; background:#DAE9F0 url('../images/buy_logged_arrow.png') 12px 42px no-repeat ;}
#buy .buy_right .inner .blue_box .blue_head {font-weight: bold; font-size: 1.2em;}
#buy .buy_right .inner .blue_box .blue_text {margin-top: 10px;}

#buy .buy_right .buttons {margin-bottom: 10px;}
#buy .buy_right .buttons .btn_left {width: 137px; float:left; }
#buy .buy_right .buttons .btn_right {width: 177px; float:left; margin-top: 7px;}

#botnavi { margin-top: 10px; }
#botnavi div#bn-left {float: left; width: 200px; }
#botnavi div#bn-left div { background: url("../images/bt-back.png") no-repeat scroll left center ; padding: 2px 0; width: 140px;}
#botnavi div#bn-left a { color: white; display: block;  font-weight: bold; padding-left: 33px; text-decoration: none;}
#botnavi div#bn-left a:hover {color: black;}
#botnavi div#bn-right { float: right; width: 140px;}
#botnavi div#bn-right div {background: url("../images/bt-next.png") no-repeat right center;padding: 5px 0;}
#botnavi div#bn-right a { color: white; display: block; font-size: 18px; font-weight: bold; padding-left: 10px; text-decoration: none;}
#botnavi div#bn-right a:hover {color: #e7f4ff;}

#botnavi #bn-left2 
{
	display:block; float: left; color: white; font-size: 14px; font-weight: bold;
	padding: 2px 10px; border-radius: 2px; text-decoration: none;
	background: rgba(237,35,35,1);
	background: -moz-linear-gradient(top, rgba(237,35,35,1) 0%, rgba(237,35,35,1) 50%, rgba(222,0,0,1) 51%, rgba(222,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,35,35,1)), color-stop(50%, rgba(237,35,35,1)), color-stop(51%, rgba(222,0,0,1)), color-stop(100%, rgba(222,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(237,35,35,1) 0%, rgba(237,35,35,1) 50%, rgba(222,0,0,1) 51%, rgba(222,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(237,35,35,1) 0%, rgba(237,35,35,1) 50%, rgba(222,0,0,1) 51%, rgba(222,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,35,35,1) 0%, rgba(237,35,35,1) 50%, rgba(222,0,0,1) 51%, rgba(222,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(237,35,35,1) 0%, rgba(237,35,35,1) 50%, rgba(222,0,0,1) 51%, rgba(222,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2323', endColorstr='#de0000', GradientType=0 );
}
#botnavi #bn-left2:hover {color: #FFD6D6;}
#botnavi #bn-left2 .left {display:block; float:left;  padding: 2px 0px;  font-size: 2em; font-weight:bold; border-right: 1px solid #FFD6D6; padding-right: 10px;}
#botnavi #bn-left2 .left i { line-height: 0.5em; }
#botnavi #bn-left2 .right {padding: 2px 0px; display:block; float:right; padding-left: 8px;}


#botnavi #bn-right2 
{
	display:block; float: left; color: white; font-size: 14px; font-weight: bold; 
	padding: 2px 10px; border-radius: 2px; text-decoration: none;
	background: rgba(105,198,238,1);
	background: -moz-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,198,238,1)), color-stop(50%, rgba(105,198,238,1)), color-stop(51%, rgba(40,175,233,1)), color-stop(100%, rgba(40,175,233,1)));
	background: -webkit-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -o-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -ms-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: linear-gradient(to bottom, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c6ee', endColorstr='#28afe9', GradientType=0 );
}

#botnavi #bn-right2:hover {color: #e7f4ff;}
#botnavi #bn-right2 .left {padding: 2px 0px; display:block; float:left; padding-right: 8px;}
#botnavi #bn-right2 .right {display:block; float:right;  padding: 2px 0px;  font-size: 2em; font-weight:bold; border-left: 1px solid #C2E9F8; padding-left: 10px;}
#botnavi #bn-right2 .right i { line-height: 0.5em; }

 #bn-right3 
{
	display:block; float: left; color: white; font-size: 14px; font-weight: bold; 
	padding: 2px 10px; border-radius: 2px; text-decoration: none;
	background: rgba(105,198,238,1);
	background: -moz-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,198,238,1)), color-stop(50%, rgba(105,198,238,1)), color-stop(51%, rgba(40,175,233,1)), color-stop(100%, rgba(40,175,233,1)));
	background: -webkit-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -o-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: -ms-linear-gradient(top, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	background: linear-gradient(to bottom, rgba(105,198,238,1) 0%, rgba(105,198,238,1) 50%, rgba(40,175,233,1) 51%, rgba(40,175,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c6ee', endColorstr='#28afe9', GradientType=0 );
}

 #bn-right3:hover {color: #e7f4ff;}
 #bn-right3 .left {padding: 2px 0px; display:block; float:left; padding-right: 8px;}
 #bn-right3 .right {display:block; float:right;  padding: 2px 0px;  font-size: 2em; font-weight:bold; border-left: 1px solid #C2E9F8; padding-left: 10px;}
 #bn-right3 .right i { line-height: 0.5em; }

 #contact_info {margin-top: 20px;}
 
.login_right
{
	padding-left: 45%;
}

#buy .buy_left
{
	border-right: 1px solid #D4D4D4;
	float: left;
	width: 42%;
}

#buy .buy_left .inner {padding-right:30px;}

#buy.cart .buy_left
{
	width: 60%;
}


/*OVERLAY --------------------------------------------------------------------------*/
.message-overlay { background-color: rgba(50, 50, 50, 0.5); cursor: pointer; height: 100%; left: 0;
				   position: fixed; top: 0; width: 100%; z-index: 99999;}

.variants-list{ width:102%; overflow:visible; background:#fff; position: absolute; left: -5px; top: 50px;}
.variants-list{position:absolute;z-index:100000;-moz-box-shadow:0 0 20px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.25);box-shadow:0 0 20px rgba(0,0,0,0.25)}
.variants-list h2{margin:0;padding:10px 15px; background-color:#de0000;font-size:17px; color: white;}
.variants-list .variant { overflow:hidden;width:100%;padding:8px 15px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.variants-list .variant .left {float:left; }
.variants-list .variant .right {float:left; width: 53% !important; margin-top: 4px;}
.variants-list .variant+.variant{border-top:1px solid #ddd}.variants-list .variant.priority{background-color:#f8f8f8}.variants-list .variant div{float:left;max-width:455px}
.variants-list h3{margin:0;color:#000;font-weight:normal;font-size:15px}
.variants-list .variant.soldout h3{color:#666}
.variants-list p{margin:0;color:#666;font-size:13px}
.variants-list .button-like{float:left;margin:5px 10px 0 0;font-size:13px; /*font-weight:bold;*/  color: white; text-decoration:none;
	/*background-color: #F1592A;*/ background: #b0cb19; border: 1px solid #7fa271;  }
.variants-list .button-like span {border-top: 1px solid #d2e124; display:block; padding: 9px 10px;  color: black;}
.variants-list .inactive  {background-color: #ccc; border: 1px solid #ccc;}
.variants-list .inactive span  { border-top: 1px solid #ccc !important;}
.variants-list p strong{color:black;}

#map {width: 200px; height: 180px;}

.back_link {float:right; margin-top: 15px;}

#popshadow {display:none;}
#popup { width: 947px; z-index: 9999; position: fixed; top: 142px; left: 50%; margin-left: -474px; background: #fff;
	border-radius: 3px; -moz-box-shadow: 0px 0px 25px 3px #333; -webkit-box-shadow: 0px 0px 25px 3px #333; box-shadow: 0px 0px 25px 3px #333;}
#popup div.close {text-align: right; margin: 10px 15px 10px;}
#popup div.close a {display: block; width: 11px; height: 11px; float: right; background: url('../images/close.png') no-repeat center center;}
#popup h1 {text-align: center; font-size: 20px; margin-top: 2px; font-weight: normal; color: #575656;}
#popup div.form {background-color: #444; padding: 10px;}
#popup div.form fieldset {border: 0; margin: 0; padding: 0; text-align: center; /*line-height: 1.8em;*/ box-sizing: border-box; color: white; }
#popup div.form select, #popup div.form input {/*border-radius: 3px;*/}
#popup div.form select {border: 0; padding: 5px}
#popup div.form input {border: 0; padding: 6px}
#popup div.form input.submit {display:inline-block;  background-color: #8bbe22; color: white; font-weight: bold;  cursor: pointer; padding: 4px 10px 6px; border: 0px; }
#popup div.form input.submit:hover {  background-color: #a1dc28;  }
#popup div.gdpr {margin-top: 5px; font-size: 0.85em;}
#popup div.info {font-size: 10px; text-align: center; padding: 5px 0 5px 220px; float:left;}
#popup div.closelink {padding: 5px 20px 5px 0; font-size: 10px; float:right;}
#popup #bubu_error {text-align:center; padding: 10px;}
#popup #bubu_error span {color:#DD4B39;font-size:14px;}
#popup .imagebox {width: 947px; overflow: hidden;}

#blend { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.6; filter: alpha(opacity=60); z-index: 998; display:none;}

#stickyLeft { background: url('../images/sticky/right_box_bg15.png'); padding: 0; position: fixed; top: 187px; width: 186px; z-index: 900;border-radius: 0px;
			   padding-top: 3px;/* border-radius: 5px;*/}  
#stickyLeft h2 {margin: 8px 0px 5px 15px; color: white; font-size: 1.4em; font-weight:bold;}
#stickyLeft .item {position:relative; height: 105px; margin: 6px 6px 0px 6px;}
#stickyLeft a { position:absolute; right:0; background: white; /*border: 1px solid #000000;*/ box-shadow: none; display: block; height: 98px; border: 1px solid #D8D8D8;
				overflow: hidden; /*padding: 7px 5px 5px;*/ padding-top: 7px; text-decoration: none; width: 174px; /*-webkit-border-radius: 5px; border-radius: 5px;*/  /*behavior: url(/PIE.htc);*/}
#stickyLeft div.acontainer { display: block; margin: 0; overflow: hidden; padding: 0; width: 365px; }
#stickyLeft p.titlu { color: black; display: block; float: left; font-size: 12px; /*font-weight: bold;*/ margin: 0 0 0 3px; width: 170px; line-height: 1.3em;}
#stickyLeft p.arrow { display: block; float: left; height: 10px; width: 21px; background: url(../images/sticky/right_box_arrow.png) no-repeat; }
#stickyLeft span.arrow { padding: 0px 0px 0px 20px; background: url(../images/sticky/right_box_arrow.png) no-repeat right 3px; }
#stickyLeft div.count { position:absolute;right:6px; display: block; float: left; font-weight: bold; background: white;/*background: url(../images/right_box_image_bg.png) repeat-x;*/ 
						 -webkit-border-radius: 5px; border-radius: 5px; margin: 0; width: 167px; padding-bottom: 5px;; line-height: 1.3em;}
#stickyLeft div.count .country {  color:black; font-size:1.1em; font-weight:bold; /*margin-left: 5px;*/ height: 18px; overflow:hidden; }
#stickyLeft div.count .price { float:left;  color: #0085bd; font-size:14px; font-weight:bold; margin-top: 0px; text-align: right; margin-left: 10px;}
#stickyLeft div.count .pct { float:right; font-weight:bold; font-size: 14px; color:black; margin-right:5px;}
#stickyLeft .separator { background: url(../images/sticky/right_box_separator.png) repeat-x 0px center; height: 16px; margin:0px 7px; }

#categories-mobile {
	display: none;
}

#head-in > .fa-search,
#head-in > label[for="menu-status"]
{
	display: none;
}

#summary span label {
	display: inline;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 0;
	line-height: 2em;
}

.eu-cookies {background-color: #000000; bottom: 0; color: #ffffff; left: 0; padding: 4px 20px;position: fixed; text-align: center; width: 100%; z-index: 1000;}

/* Facebook Connect */
.facebook_connect {}
.facebook_connect .loginBtn { box-sizing: border-box; position: relative; margin: 0.2em; padding: 7px 15px 7px 46px; border: none; text-align: left; line-height: 34px;
  			white-space: nowrap; border-radius: 0.2em; font-size: 16px; color: #FFF; display:inline-box; text-decoration: none;}
.facebook_connect .loginBtn:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 34px; height: 100%;}
.facebook_connect .loginBtn:focus { outline: none; }
.facebook_connect .loginBtn:active { box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);}

.facebook_connect .loginBtn--facebook { background-color: #4C69BA; background-image: linear-gradient(#4C69BA, #3B55A0); text-shadow: 0 -1px 0 #354C8C;}
.facebook_connect .loginBtn--facebook:before { border-right: #364e92 1px solid; background: url('../images/icon_facebook.png') 6px 6px no-repeat;}
.facebook_connect .loginBtn--facebook:hover,
.facebook_connect .loginBtn--facebook:focus { background-color: #5B7BD5; background-image: linear-gradient(#5B7BD5, #4864B1);}


@media screen and (max-width: 990px) {
	#head-in
	{
		width: auto;
	}

	.categories
	{
		width: auto;
	}

	section
	{
		width: auto;
	}
}

@media screen and (max-width: 990px)
{

	#popshadow,
	#blend {
		display: none !important;
	}

	header
	{
		text-align: center;
	}

	header .logo
	{
		margin-bottom: 5px;
	}

	header .logo img {
		width: 150px;
	}

	header .search
	{
		top: -15px !important;
		margin: 0 0 1rem 0;
	}

	header .town
	{
		top: -10px !important;
		padding: 0;
	}

	header .links {margin:0px !important; padding:0px;}
	
	header .links > li:first-child
	{
		display: none;
	}

	.whitey .whitey-in h1 {
		font-size: 30px;
		line-height: 1.1;
	}

	#menu
	{
		margin: 0;
		padding-top: 45px;
		position: fixed;
		top: 0;
		text-align: left;
		height: 999%;
		z-index: 5;
		width: 250px;
		background: #f0f0f0;
		left: 0;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		-moz-transform: translateX(-250px);
	}

	#menu-status:checked~#menu
	{
		left: 250px;
	}

	#menu li
	{
		display: block;
		float: none;
		position: relative;
	}

	#menu li:last-child
	{
		display: block;
	}

	#menu li.parent
	{
		padding-right: 15px;
	}

	#menu li.parent::before
	{
		font-family: 'FontAwesome';
		content: '\f078';
		position: absolute;
		right: 20px;
		margin-top: 10px;
		z-index: 6;
	}

	#menu h4
	{
		margin-bottom: -40px;
		text-align: center;
	}

	#menu a,
	#menu a:visited
	{
		color: #000 !important;
		text-decoration: none;
		font-size: 17px;
		display: block;
		border-bottom: 1px solid #ccc;
		margin: 0 15px;
		white-space: nowrap;
	}

	#menu a:hover
	{
		text-decoration: underline;
	}

	label[for="menu-status"]
	{
		display: inline-block;
	}

	#menu~label[for="menu-status"]
	{
		display: block;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		text-decoration: none;
		top: 0;
		left: 0;
		font-size: 1.4em;
		color: #313131;
		padding: 10px;
		height: 999%;
		width: 100%;
		background: rgba(0, 0, 0, .5);
		right: 0;
		z-index: 5;
		transition: all 0.5s;
		font-size: 0;
		color: transparent;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}

	#menu~label[for="menu-status"]::before
	{
		font-family: Verdana, Geneva, sans-serif;
		content: '×';
		font-weight: bold;
		background: white;
		position: absolute;
		display: block;
		color: black;
		font-size: 16px;
		width: 24px;
		height: 24px;
		border-radius: 24px;
		line-height: 23px;
		text-align: center;
	}

	#menu-status:checked~#menu+label[for="menu-status"]
	{
		cursor: pointer;
		left: 250px;
		opacity: 1;
		visibility: visible;
	}

	#menu li li
	{
		float: none;
		width: 100%;
	}

	#menu li li a,
	#menu li li a:visited
	{
		padding: 2px 15px;
		font-size: 15px;
		color: #444;
	}

	#menu li li a:hover
	{
		background: #f0f0f0;
		text-decoration: none;
	}

	#mail .label
	{
		display: block;
	}

	#mail form
	{
		display: block;
		position: relative;
	}

	#mail .note
	{
		float: none;
		margin-left: 0.8rem;
		padding-bottom: 0.5rem;
	}

	#buy.cart .buy_left
	{
		float: none;
		width: auto;
	}

	#mail .note br
	{
		display: none;
	}

	#side_offers .left,
	#side_offers .right
	{
		width: auto;
		float: none;
	}

	#side_offers .item div.marger h2 {
		font-size: 19px;
		/*color: #f1592a;*/
		/*text-decoration: underline;*/
	}

	#side_offers .item .marger .info .price_after {
		line-height: initial;
	}

	#contact .panel .top
	{
		width: auto;
	}

	#contact .panel .bottom
	{
		width: auto;
	}


	#categories
	{
		width: auto;
		margin: 0.3rem;
	}

	section
	{
		width: auto;
		margin: 0.3rem;
	}

	#silver #box
	{
		width: auto;
		float: none;
		margin: 10px auto 0;
	}

	#silver .price_before {
		margin-top: 0;
	}

	header .towns
	{
		margin-left: 0;
	}

	figure
	{
		padding-top:45%;
		height:auto;
	}
	
	.main_image
	{
		/*height: 224px;
		max-height: 224px;*/
		width: 100%;
		overflow: hidden;
	}

	/*
	  .main_image img
	{
		position: absolute;
		z-index: 1;
		opacity:0;
		top: 0;
		left: 0;
		margin: 0 !important;
		transform: none;
	}
	*/
	
	.main_image img
	{
		display: block;
		width: 100%;
		height: auto;
		/*border-radius: 7px;
		max-width: 100%;
		height: auto;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		margin-left: -3px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);*/
	}

	.main_image img.active
	{
		z-index: 3;
		opacity: 1;
	}

	.main_image img.last-active
	{
		z-index: 2;
	}

	#side_offers .item:hover .hover
	{
		display: none;
	}

	#side_offers .item > img {
		margin: 0 auto;
	}

	#side_offers .item .marger .info {
		margin-top: 5px;
	}

	#search_text
	{
		width: auto;
	}

	#place #leftdetail
	{
		width: auto;
		float: none;
	}

	#contact .panel
	{
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 3rem;
	}

	#contact .panel2
	{
		width: auto;
		float: none;
		padding: 0;
		border-left: none;
		margin: 0;
		width: auto;
		height: auto;
	}

	#social #sleft
	{
		width: auto;
	}

	#social #sright
	{
		display: none;
	}

	ol.cart li div.active
	{
		background-image: none;
	}

	ol.cart li div.active2
	{
		background-image: none;
	}

	ol.cart li div
	{
		font-weight: bold;
		text-align: center;
		padding: 0.5rem 0.1rem;
	}

	ol.cart li {
		font-size: 13px;
	}

	#place #rightdetail
	{
		width: auto;
		float: none;
	}

	footer .inner
	{
		width: auto;
	}

	footer .col1,
	footer .col2,
	footer .col3
	{
		float: none;
		width: auto;
		margin: 0 3% 3rem 3%;
	}

	header .search {
		margin: 0 auto;
		display: none;
	}

	header .town {
		display: block;
	}

	header .links {
		float: left;
		position: relative;
		bottom: 10px;
		left: 25px;
	}

	#menu li a {
		padding: 0.3rem 0.2rem;
	}

	#menu h3 {
		color: #000;
		padding-left: 5px;
	}

	.categories {
		display: none;
	}

	#categories-mobile {
		display: block;
	}

	#mail {
		display: none;
	}

	#silver a.buy {font-size: 1.5em;}
	#silver a.buy span {padding: 11px 20px;}
	#silver a.variants i.fa {top: -12px; padding: 12px 0 12px 20px;}

	#silver .price_after .price {
		font-size: 38px;
		margin: 10px 0 5px;
	}

	#silver .price_after {
		margin-top: 0;
		line-height: initial;
	}

	#silver .info {
		margin: 12px 0 5px;
	}

	#silver #xbuydet {
		margin-top: 10px;
	}

	#side_offers .item div.marger {
		margin: 5px;
	}

	#info {
		padding: 0.5rem 0;
		line-height: 1.4em;
	}

	#head-in > .fa-search,
	#head-in > label[for="menu-status"] {
		display: block;
		color: #fff;
		position: relative;
		top: 6px;
	}

	#head-in > label[for="menu-status"] {
		float: right;
		right: 15px;
	}

	#head-in > .fa-search {
		float: left;
		left: 15px;
		cursor:hand; cursor: pointer;
	}
	#head-in .fa-bars {
		
		cursor:hand; cursor: pointer;
	}

	footer .col1, footer .col2, footer .col3 {
		margin: 0 3% 1rem 3%;
	}

	footer .created {
		display: none;
	}

	#leftdetail iframe {
		display: none;
	}

	#forum {
		margin-bottom: 0;
	}

	#basket_navigation #steps li div {
		padding: 10px 0px;
		/*height: 53px;*/
	}

	form label {
		margin-bottom: 0;
	}

	#buy h2 {
		padding-bottom: 0;
		line-height: 1em;
	}

	#buy > hr {
		background: #ccc;
		height: 7px;
		margin: 5em 0 0;
	}

	#buy.cart #order_email {
		width: 100%;
	}

	#buy .buy_left {
		padding: 0 1rem;
		float: none;
		border: 0;
		margin: 0 auto;
		width: 100%;
	}

	#buy .buy_left label {
		margin-bottom: 10px;

	}


	#buy .buy_right {
		width: auto;
		padding-left: 16px;
	}

	#buy .login_right {
		padding: 0 1rem;
	}

	#user div:first-child {
		float: none !important;
		margin: 1em 0 2em 0;
	}

	#user h2 {
		margin: 0 0 0.5em 0;
	}

	#user .list {
		width: 100% !important;
	}

	#order_detail:first-child div {
		float: none !important;
	}

	.hide_mobile {display:none;}
	
}