* {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

body {
	background-color: #DDDDDD;
}

h1 {
	margin: 0;
	padding: 1em;
	background-color: white;
	border-bottom: 1px solid #DDDDDD;
}

h1, h1 span {
	color: #757575;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

h1.separate {
	border-top: 1px solid #DDDDDD;
}

h2 {
	margin: 0;
	padding: 0.7em 1em;
	background-color: white;
}

h2, h2 a, h2 span {
	color: #757575;
	font-size: 14px;
	font-weight: 600;
}

h2.dark, h2.dark span, h2.dark a {
	background-color: #494949;
	color: #FFCB08;
}

h3 {
	color: #757575;
	font-weight: 600;
}

input:not([type=radio]), select, textarea {
	padding: 0.7em 0.6em;
	border: 1px solid #E8E8E8;
	background-color: #E8E8E8;
	font-weight: 600;
}

select {
	padding-right: 2em;
	background: url(GpdWebBase/Select.png) right 0.6em center no-repeat #E8E8E8;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px; /* FF */
	text-overflow: ""; /* FF */
}

select::-ms-expand {
	display: none;
}

option[disabled] {
	color: #C0C0C0;
}

button {
	padding: 0.7em 2em;
	border: none;
	background-color: #FFCA08;
	text-transform: uppercase;
	font-weight: 600;
}

button, button span {
	color: #7B630A;
}

button.large, button.search {
	padding: 1em 5em 1em 3em;
	background: url(GpdWebBase/ButtonArrow.png) no-repeat 75% 50% #767676;
	background-origin: padding-box;
	border-bottom: 2px solid #5C5C5C;
	color: white;
	font-size: 14px;
}

button.icon {
	padding: 0.7em 0.7em;
}

button[disabled] {
	background-color: #E8E8E8;
}

a.icon {
	cursor: pointer;
}

a.disabled {
	color: #E8E8E8;
}

a.icon.disabled img {
	opacity: .5;
}

strong {
	font-weight: bold;
}

strong.semi-bold {
	font-weight: 600;
}

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, #757575 20%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 7px 1px;
    background-repeat: repeat-x;
}

ul {
	padding-left: 2em;
}

input.right, select.right {
	float: right;
}

input.switch {
	display: none;
}

input.switch + div.switchable {
	display: none;
}

input.switch:checked + div.switchable {
	display: block;
}

input.switch ~ label.switch .collapse,
input.switch:checked ~ label.switch .expand {
	display: none;
}

input.switch:checked ~ label.switch .collapse {
	display: inline;
}

div.padding {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

span.spinner {
	display: inline-block;
	width: 2em;
	height: 2em;
	border: 2px solid transparent;
	border-top: 2px solid #FFCA08;
	border-radius: 50%;
	vertical-align: middle;
	animation: spin .75s linear infinite;
}

span.spinner.hidden {
	visibility: hidden;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#flyout>div, #header>div, #menu>div, #submenu>div, #body, #footer {
	margin: 0 auto;
	max-width: 1200px;
}

#header>div {
	padding: 0 1em;
}

#header {
	border-top: 5px solid #FFCA08;
	background-color: white;
}

#logo {
	position: relative;
	float: left;
	min-width: 3em;
	min-height: 3em;
	padding: 0.3em 1em 0.1em 0;
}

#logo img, .partner-settings-logo {
	max-width: 280px;
	max-height: 80px;
}

#notifyBusyBlock {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}

#notifyBusyBlock div {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

#notifyBusyBlock img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

#flyout {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #E8E8E8;
}

#notifyBusyFlyout, #messagePresenterFlyout {
	display: none;
}

#notifyBusyFlyout {
	padding: .3em 0;
	text-align: center;
}

#messagePresenterFlyout.error, #messagePresenterFlyout.warning, #messagePresenterFlyout.information {
	display: block;
}

.messagePresenter {
	padding: 1em 1em 1em 4em;
}

.messagePresenter, .messagePresenter * {
	font-size: 14px;
	font-weight: 600;
}

.messagePresenter a {
	text-decoration: underline;
	cursor: pointer;
}

.messagePresenter.error {
	border: 5px solid #FF0808;
	background-image: url(GpdWebBase/Error.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}

.messagePresenter.warning {
	border: 5px solid #FFCB08;
	background-image: url(GpdWebBase/Warning.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}

.messagePresenter.information {
	border: 5px solid #1BA1E2;
	background-image: url(GpdWebBase/Information.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}

div.message {
	padding: 0.7em 0;
	font-size: 14px;
	font-weight: 600;
}

div.message.error {
	color: #FF0808;
}

div.message.success {
	color: #267F00;
}

#box {
	float: right;
	padding: 0.7em 0 0.7em 2em;
}

#flags {
	float: right;
}

#flags>div {
	background-color: #FFCA08;
	padding: 0.7em;
}

#flags a {
	display: inline-block;
	margin-right: 0.7em;
}

#flags a:last-of-type {
	margin-right: 0;
}

#headerArticles {
	float: left;
	padding: .7em 0 .7em 2em;
}

#headerArticles a {
	display: inline-block;
	margin-right: 1.8em;
	color: #474747;
	text-decoration: none;
}

#bizCare {
	float: right;
	padding-right: 2em;
}

#bizCare, #bizCare * {
	color: black;
	font-size: 12px;
}

#bizCare div div {
	line-height: 15px;
}

#bizCare strong {
	display: block;
	margin-bottom: 0.3em;
	color: #757575;
	font-size: 13px;
	font-weight: 600;
}

#program {
	float: right;
	padding-right: 1em;
}

#program, #program * {
	color: #757575;
	font-size: 14px;
}

#program strong {
	color: black;
}

#program .dateInfo {
	font-size: 12px;
}

#partnerBasket {
	float: right;
}

#partner {
	padding-bottom: 0.5em;
	color: #757575;
	text-align: right;
}

#partner strong {
	color: black;
	font-weight: 600;
}

#partner a {
	color: black;
	text-decoration: underline;
}

#basket {
	display: block;
	float: right;
	padding: 0.7em 1.2em;
	background-color: #FFCA08;
	text-decoration: none;
}

#basket, #basket * {
	color: #7B630A;
	font-size: 14px;
}

#basket img {
	margin-right: 1.2em;
	vertical-align: text-bottom;
}

#basket strong {
	color: black;
}

#basket span.separator {
	font-size: 20px;
}

div.headerBoxSwitch {
	padding-left: 1em;
}

div.headerBoxSwitch label {
	display: block;
	font-size: 18px;
	text-align: center;
}

#menu, .submenu {
	background-color: #494949;
}

#menu a {
	display: inline-block;
	margin-right: 2em;
	padding: 1em 0;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

#menu a.highlighted {
	color: #FF0A0A;
}

#menu a:hover, #menu a:focus, #menu a.active,
label.switch:hover, label.switch:focus, label.switch:hover *, label.switch:focus * {
	color: #FFCB08;
}

#menu .menu-notification {
	float: right;
	padding: 1.1em 1em 1.1em 0;
}

#menu .menu-notification-two-row {
	padding: .6em 1em .6em 0;
}

#menu .menu-notification *, #menu .menu-notification a, #menu .menu-notification a span {
	color: #FFCB08;
	font-size: 11px;
	font-weight: 600;
}

#menu .menu-notification a {
	margin: 0;
	padding: 0;
}

.submenu {
	border-top: 1px solid #696969;
}

.submenu a {
	display: inline-block;
	padding: 1em;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
}

.submenu a:hover:not(.passive), .submenu a:focus:not(.passive), .submenu a.active {
	background: url(GpdWebBase/Dot.png) left 0.2em center no-repeat;
}

.submenu a.active {
	font-weight: bold;
}

#submenu .shippingInfo {
	float: right;
	padding: 1em 0 1em 1em;
	color: #FFCB08;
	font-size: 11px;
	font-weight: 600;
}

#submenu .shippingInfo.express {
	color: #0AFF37;
}

#submenu .shippingInfo.normal {
	color: #FF0A0A;
}

#body {
	padding: 0.7em 0 2em;
	position: relative;
}

#footer {
	border-top: 1px solid #D3D3D3;
	padding: 1.5em 0;
}

@media only screen and (max-width: 1600px) {
	#footer {
		padding-bottom: 100px;
	}
}

#contact img.phone {
	float: left;
	margin-right: 1.5em;
}

#contact div.phone, #contact div.phone span {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#contact div.phone span {
	color: #5f5f5f;
}

#contact div.address, #contact div.address a {
	color: #474747;
	font-size: 10px;
	font-weight: 600;
}

#articles {
	float: right;
}

#articles a {
	display: inline-block;
	margin-left: 1.8em;
	color: #474747;
	text-transform: lowercase;
	text-decoration: none;
}

#version, #version * {
	color: #474747;
	font-size: 10px;
	font-weight: 600;
}

#version {
	margin-top: 1em;
}

#version span.requiredVersionInfo {
	margin-left: 1em;
	padding: .5em .5em .5em 2em;
	background: url(VOIS5B2BShopBase/Warning.png) left center no-repeat;
}

#version a.reloadAction {
	text-decoration: underline;
	cursor: pointer;
}

#version .requiredVersionInfo, #version .reloadAction {
	display: none;
}

#version span.requiredVersionInfo, #version span.requiredVersion, #version .reloadAction {
	color: #FF0808;
}

div.modalHost > div {
	background-color: white;
}

div.login, div.registration {
	margin-top: 1px;
}

div.browser div.filter {
	background-color: white;
	padding: 1em;
	color: #474747;
}

div.browser div.results {
	padding: 0.5em 0;
}

div.browser div.filter>table {
	width: 100%;
}

div.browser div.filter td.input {
	min-width: 100px;
}

div.browser div.filter td.input input, div.browser div.filter td.input select, div.browser div.filter td.input textarea, div.form td.input input, div.form td.input select, div.form td.input textarea, table.form td.input input, table.form td.input select, table.form td.input textarea, input.fill, select.fill, textarea.fill {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

div.browser div.filter td.last {
	padding-right: 2em !important;
}

div.browser div.filter td.button, div.browser div.filter td.buttons {
	width: 5%;
	padding-left: 2em;
	/*border-left: 2px dotted #E8E8E8;*/
	background-image: linear-gradient(to bottom, #E2E2E2 30%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 2px 6px;
    background-repeat: repeat-y;
	vertical-align: top;
}

div.browser div.filter button.resetValues {
	margin-top: 1em;
	width: 100%;
}

table.data thead th {
	padding: 0.3em 0.5em;
	color: #5F5F5F;
	text-align: left;
	font-weight: normal;
}

table.data thead th div {
	color: #5F5F5F;
}

table.data thead tr:first-of-type th {
	border-top: 1px solid #D3D3D3;
	padding-top: 0.7em;
}

table.data thead tr.noborder th {
	border-top: none;
}

table.data thead th.right {
	text-align: right;
}

table.data thead th.center {
	text-align: center;
}

table.data thead th.nowrap {
	white-space: nowrap;
}

table.data thead th input {
	margin-bottom: .3em;
}

table.data tbody td, table.data tfoot td {
	padding: 0.4em;
	background-color: white;
}

table.data tbody td, table.data tbody td *, table.data tfoot td, table.data tfoot td * {
	font-weight: 600;
}

table.data tr.bigger td, table.data tr.bigger td *, table.data tbody td.bigger, table.data tbody td.bigger *, table.data tfoot td.bigger, table.data tfoot td.bigger * {
	font-size: 13px;
}

table.data tbody tr.opening td {
	padding-bottom: 0;
}

table.data tbody tr.opening td.closing {
	padding-bottom: 0.4em;
}

table.data tbody tr.closing td, table.data tbody td.closing, table.data tfoot tr.closing td, table.data tfoot td.closing {
	border-bottom: 5px solid #DDDDDD;
}

table.data>tbody>tr, table.docs tbody tr {
	border-bottom: 1px solid #DDDDDD;
}

table.data.noborder>tbody>tr, table.docs table.amounts tbody tr , table.docs tbody tr.noborder {
	border-bottom: 0;
}

table.data tbody td.links a {
	display: block;
}

table.data td.table {
	padding: 0;
}

table.data td.table table td {
	padding: 0 0.2em;
	border: none;
	text-align: center;
}

table.data th.sortable:hover, table.data th.ascending:hover, table.data th.descending:hover,
table.data th.sortable:hover div, table.data th.ascending:hover div, table.data th.descending:hover div {
	color: black;
}

table.data tr:first-of-type th.ascending, table.data tr:first-of-type th.descending {
	background-position: 100% 65%;
	background-repeat: no-repeat;
}

table.data tr.action td {
	background-color: #FF9999;
}

table.data tr.sale td {
	background-color: #FFFF66;
}

table.data tr.action td.pricePartner span, table.data tr.sale td.pricePartner span, table.data tr.action td.priceCustomer span, table.data tr.sale td.priceCustomer span {
	color: black;
}

tr.current td {
	background-color: #E8E8E8 !important;
}

tr.offset td {
	padding-top: 1.5em;
}

td.bulleted::before {
	content: "• ";
}

td.indented {
	padding-left: 1.5em;
}

table.selectable tbody tr:hover td, tr.selectable:hover td, tr.current:hover td {
	background-color: #DDDDDD;
	cursor: default;
}

table.orderOutReservation>thead>tr>th,
table.flowOrderOutOffer>thead>tr>th {
	background-color: white;
}

table.orderOutReservation>thead>tr:last-of-type>th,
table.flowOrderOutOffer>thead>tr:last-of-type>th {
	border-bottom: 1px solid #DDDDDD;
}

a.collapsed, a.expanded {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align: bottom;
}

a.collapsed {
	background: url(GpdWebBase/Expand.png) no-repeat center center;
}

a.expanded {
	background: url(GpdWebBase/Collapse.png) no-repeat center center;
}

div.pager {
	padding: 0.5em 0 0 0;
	font-weight: 600;
}

div.pager>div {
	display: inline-block;
	padding: 0.4em;
	background-color: #E8E8E8;
}

div.pager a {
	display: inline-block;
	padding: 0.5em 0.6em;
	background-color: #FFCA08;
}

div.pager a.disabled {
	background-color: #767676;
}

div.pager input, div.pager select {
	padding: 0.5em 0.5em;
	background-color: white;
}

div.pager select {
	padding-right: 2em;
}

table.data td.itemImage {
	padding-right: 0;
}

table.data table.amounts td {
	color: #757575;
	font-size: 12px;
	font-weight: normal;
}

table.data table.amounts td a, table.data table.amounts td span {
	color: black;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

table.data td.priceListType, table.data td.promotionType, table.data td.producer, table.data td.druhPneu, table.data td.oldDot, table.data td.specifikace, table.data td.supplierCode, table.data td.tpms {
	padding-top: 0;
}

table.data td.priceListType, table.data td.promotionType, table.data td.supplierCode {
	color: #757575;
}

table.data td.amountBasket input, table.availabilityTooltip td.amountBasket input, table.flowOrderOutOffer tbody td input:not([type=checkbox]), div.actionOffer td.amountBasket input, table.itemOfferMarkUp tbody td input:not([type=checkbox]) {
	background-color: white;
	border: 1px solid #C0C0C0;
	padding: 0.6em 0.5em;
}

table.data td.amountBasket input, table.availabilityTooltip td.amountBasket input, table.flowOrderOutOffer td.amount, table.flowOrderOutOffer td.amount input, div.actionOffer td.amountBasket input {
	text-align: center;
}

table.data td.pricePartner, table.data td.listPrice, table.data td.discount, table.data td.priceCustomer, table.availabilityTooltip td.pricePartner, table.availabilityTooltip td.priceCustomer, table.data td.pricePartnerDiscount {
	white-space: nowrap;
	text-align: right;
}

table.data td.pricePartner, table.data tr.bigger td.pricePartner, table.data td.priceCustomer, table.data tr.bigger td.priceCustomer, table.availabilityTooltip td.pricePartner, table.availabilityTooltip td.priceCustomer {
	font-size: 16px;
	font-weight: bold;
}

table.data td.listPrice {
	font-weight: bold;
}

table.data td.amountStock {
	text-align: center;
}

table.data td.amountStock span {
	display: inline-block;
	width: 100%;
	max-width: 3.5em;
	padding: 0.1em 0;
	background-color: #FFCA08;
	font-weight: bold;
}

table.data td.createOrderOutReservation {
	text-align: right;
}

table.data td.createOrderOutReservation button,
table.availabilityTooltip td.createOrderOutReservation button,
table.data td.openFlowOrderOutReservationNote button,
div.actionOffer td.createOrderOutReservation button,
button.createOrderOutReservation {
	width: 22px;
	height: 21px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0.7em 0.8em;
	background: url(GpdWebBase/Basket.png) no-repeat 50% 50% #FFCA08;
	vertical-align: middle;
}

table.data td.amountAvailability, table.docs td div.amountAvailability {
	text-align: center;
}

table.data td.amountAvailability a, table.docs td div.amountAvailability a {
	color: black;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
}

table.data td.amountAvailability a[disabled], table.docs td div.amountAvailability a[disabled] {
	color: #757575;
}

table.data td.amountAvailability div, table.docs td div.amountAvailability div {
	font-size: 12px;
	text-align: center;
}

table.data td.createOrderOutReservation button[disabled],
table.availabilityTooltip td.createOrderOutReservation button[disabled],
table.data td.amountAvailability button[disabled],
table.data td.openFlowOrderOutReservationNote button[disabled],
table.data th.openOrderOutOfferSelector button[disabled],
div.actionOffer td.createOrderOutReservation button[disabled],
button.createOrderOutReservation[disabled] {
	background-color: #DDDDDD;
}

table.data td.fill button {
	width: 100%;
}

table.data tbody td table.data>tbody>tr>th {
	font-weight: normal;
	color: #5f5f5f;
}

table.data tbody table.data>tbody>tr>th,
table.data tbody table.data>tbody>tr>td {
	padding: .4em;
	text-align: left;
}

span.help, span.confirmed {
	display: inline-block;
	width: 16px;
	height: 16px;
}

span.help {
	background-image: url(GpdWebBase/Help.png);
}

span.confirmed {
	background-image: url(GpdWebBase/Confirm.png);
}

span.compactSearch {
	padding: 0.5em;
	border: 2px solid #FFCA08;
}

span.compactSearch input {
	vertical-align: sub;
}

input.discreetMode {
	display: none;
}

input.discreetMode + label {
	display: inline-block;
	padding-left: 12px;
	min-height: 12px;
	background: url(GpdWebBase/Lock.png) left center no-repeat;
	opacity: 0.5;
	font-size: 9px;
}

input.discreetMode:checked + label {
	opacity: 1;
}

div.form, div.buttons {
	padding: 1em;
	background-color: white;
}

/*div.form>h2:first-of-type {
	padding-top: 0;
}*/

div.form h2 {
	padding-left: 0;
	padding-right: 0;
}

div.form div.buttons {
	padding: 1em 0 0 0;
}

div.discountInfo {
	padding: 0.7em 1em;
	background-color: #FFCA08;
	color: black;
	font-size: 13px;
}

h2.orderingType {
	margin-top: 1.5em;
}

span.keepOrderOutReservation {
	display: block;
	float: right;
	padding: 0 0.5em 0 0;
	border: 2px solid #FFCA08;
}

span.keepOrderOutReservation input {
	vertical-align: sub;
}

span.keepOrderOutReservation label {
	color: black;
}

div.orderOutReservationPanel {
	margin-top: 1.5em;
}

div.orderOutReservationPricesVATBox {
	float: right;
	font-weight: normal;
	text-transform: none;
}

div.orderOutReservationPricesVATBox input {
	vertical-align: text-bottom;
}

div.item div.image {
	float: left;
	margin-right: 2em;
	text-align: center;
}

div.item div.image img {
	max-width: 300px;
}

.ui-tooltip div.item div.image img {
	max-width: 100px;
}

div.item div.image div.icons {
	text-align: center;
	vertical-align: middle;
}

div.item div.image div.icons * {
	vertical-align: middle;
}

div.item div.image div.icons > span:not(:last-child) {
	margin-right: 1em;
}

div.item div.image div.icons span.noise-level-lettered {
	position: relative;
}

div.item div.image div.icons span.noise-level-lettered > span {
	position: absolute;
	left: 13px;
	top: 0;
	font-size: 11px;
	line-height: 11px;
}

div.tooltip {
	width: 3.5em;
	height: 3.5em;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 150%;
}

div.webCmsArticle {
	padding: 1em;
	background-color: white;
}

div.webCmsArticle h2 {
	padding-left: 0;
	padding-right: 0;
}

div.webCmsArticle div.date {
	color: #757575;
	font-size: 11px;
}

div.webCmsArticle div.subject {
	word-wrap: break-word;
}

div.webCmsLinkList > ul > li > span {
	font-size: 14px;
	font-weight: 600;
	color: #474747;
}

div.webCmsLinkList > ul > li > div > ul > li > span {
	font-size: 13px;
	font-weight: 600;
	color: #474747;
}

div.webCmsLinkList > ul > li > div > ul > li > div > ul > li > span {
	font-weight: 600;
	color: #474747;
}

div.wheelStoreOutScheme {
	position: relative;
	width: 150px;
	height: 240px;
	background-position: center center;
	background-repeat: no-repeat;
}

div.wheelLayoutNone {
	display: none;
}

div.wheelPP, div.wheelLP, div.wheelPZ, div.wheelLZ, div.wheelTLZ, div.wheelTPZ {
	position: absolute;
	width: 24px;
	height: 44px;
}

div.wheelPP>div, div.wheelLP>div, div.wheelPZ>div, div.wheelLZ>div, div.wheelTLZ>div, div.wheelTPZ>div {
	width: 20px;
	height: 40px;
	border: 2px solid black;
	cursor: default;
	line-height: 40px;
	text-align: center;
}

div.wheelPP>div.error, div.wheelLP>div.error, div.wheelPZ>div.error, div.wheelLZ>div.error, div.wheelTLZ>div.error, div.wheelTPZ>div.error {
	border: 2px solid #FF0808;
}

div.wheelPP {
	right: 0px;
	top: 30px;
}

div.wheelLP {
	top: 30px;
}

div.wheelLayout4 div.wheelPZ {
	right: 0px;
	bottom: 30px;
}

div.wheelLayout4 div.wheelLZ {
	bottom: 30px;
}

div.wheelLayout6 div.wheelPZ {
	right: 0px;
	bottom: 50px;
}

div.wheelLayout6 div.wheelLZ {
	bottom: 50px;
}

div.wheelTPZ {
	right: 0px;
	bottom: 0px;
}

div.wheelTLZ {
	bottom: 0px;
}

div.exceptionReport {
	padding: 1em;
}

div.blocks {
	vertical-align: top;
}

div.blocks div.block {
	display: inline-block;
	margin-right: 2em;
	vertical-align: top;
}

div.blocks.two-column div.block {
	margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 1em;
}

div.blocks.two-column div.block:first-child {
	padding-left: 0;
}

div.blocks.two-column div.block:last-child {
	padding-right: 0;
}

input.error, select.error, textarea.error {
	border: 1px solid #ff0808 !important;
}

div.error, legend.error {
	color: #ff0808;
}

.error.validation-frame {
	border: 1px solid #ff0808;
}

.popup {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.popup > span {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	padding: 1em;
	border: 1px solid lightgray;
	background-color: white;
}

.popup.popup-right > span {
	right: 0;
}

.popup.popup-open > span {
	display: block;
}

div.aw-staticFilter div.caption {
	font-weight: 600;
}

.aw-icon-filter {
	min-width: 18px;
	min-width: 18px;
	background-image: url(GpdWebBase/Filter.png);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

.ui-tooltip {
	max-width: 100%;
	box-sizing: border-box;
}

.ui-tooltip-l {
	max-width: 350px;
}

.ui-tooltip-item {
	width: 500px;
	height: 400px;
	max-width: 700px;
	max-height: 400px;
	overflow: auto;
}

@media only screen and (max-width: 360px) {
	#basket img {
		display: none;
	}
}

@media only screen and (max-width: 400px) {
	#basket {
		padding: .7em;
	}

	#basket img {
		margin-right: .7em;
	}
}

@media only screen and (max-width: 640px) {
	.layout-default {
		display: none;
	}

	#header>div {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}

	#logo {
		float: none;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		max-height: 100px;
	}

	#box {
		float: none;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		display: -webkit-flex;
		display: flex;
	}

	#flags {
		float: none;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	#box>div {
		float: none;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		padding-right: 0;
	}

	#box>div.padding {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	#box>div.headerBoxSwitch {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	#partner>span {
		display: none;
	}

	input[name="headerBoxSwitch"] + div {
		display: none;
	}

	input[name="headerBoxSwitch"]:checked + div {
		display: block;
	}

	#menu {
		position: relative;
		padding-left: 1em;
		padding-right: 1em;
	}

	#submenu {
		display: none;
	}

	label[for="menuSwitch"] {
		display: inline-block;
		color: white;
		font-size: 28px;
	}

	#menuSwitch + div.menuItems {
		display: none;
	}

	#menuSwitch:checked + div.menuItems {
		display: block;
		position: absolute;
		left: 0px;
		top: 28px;
		z-index: 10;
		background-color: #494949;
	}

	#menuSwitch:checked + div.menuItems a {
		display: block;
		margin: 1em;
		padding: 0;
	}

	#menuSwitch:checked + div.menuItems div {
		margin-left: 2em;
	}

	#articles {
		float: none;
		margin: 0 1em;
	}

	#articles a {
		margin-left: 0;
		margin-right: 1.8em;
	}

	#contact {
		margin: 1em;
	}

	#contact img.phone {
		display: none;
	}

	table.data thead th {
		padding-left: .2em;
	}

	table.data tbody td, table.data tfoot td {
		padding: .2em;
	}

	table.data tbody td.amountBasket, table.data tbody td.createOrderOutReservation {
		padding: 0 .2em;
	}

	table.data tbody td.amountBasket, table.data tbody td.createOrderOutReservation {
		text-align: right;
	}

	table.data tbody td.createOrderOutReservation span {
		display: inline-block;
		margin: 0 .2em;
		vertical-align: middle;
		text-align: center;
	}

	table.data tbody td.createOrderOutReservation span img {
		display: block;
	}

	table.data td.amountStock {
		text-align: right;
	}

	table.data td.amountStock span {
		text-align: center;
	}

	span.compactSearch {
		display: block;
	}

	div.item div.image {
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}

	.buttons button, .buttons input, .orderOutReservationPanel button {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 1em;
	}

	img.popup {
		max-height: 80vh;
	}

	div.modalHost>div.form {
		width: 100vw;
		height: 100vh;
		max-width: 100vw;
		max-height: 100vh;
		box-sizing: border-box;
	}

	/* Ošuk pro iPhone: zamezí zvětšení stránky po vstupu do editovatelných polí */
	body.ua-iPhone input, body.ua-iPhone select, body.ua-iPhone textarea,
	body.ua-iPhone input:focus, body.ua-iPhone select:focus, body.ua-iPhone textarea:focus {
		font-size: 16px;
	}
}

/*@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
	input, select, textarea, input:focus, select:focus, textarea:focus {
		font-size: 16px;
	}
}*/

@media only screen and (min-width: 376px) {
	.layout-x-small:not(.layout-small) {
		display: none;
	}
}

@media only screen and (min-width: 641px) {
	.layout-small {
		display: none;
	}
}