/* ---------->>> CSS OVERVIEW <<<-----------*/
/* grid of project: 5px
	button, link: #D1E751
	dark ui: #26ADE4;
	bright ui: #4DBCE9;
	text: black;
	background: white;
*/

/* ---------->>> RESET <<<-----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-weight:normal; }
b, strong {font-weight:bold;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { font-size: 62.5%; }

/* ---------->>> FONTS <<<-----------*/

@font-face {
    font-family: 'OpenSansLight';
    src: url('/imgs/fonts/OpenSans-Light-webfont.eot');
    src: url('/imgs/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('/imgs/fonts/OpenSans-LightItalic-webfont.eot');
    src: url('/imgs/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/imgs/fonts/OpenSans-Regular-webfont.eot');
    src: url('/imgs/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('/imgs/fonts/OpenSans-Italic-webfont.eot');
    src: url('/imgs/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/imgs/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/imgs/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('/imgs/fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/imgs/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/imgs/fonts/OpenSans-Bold-webfont.eot');
    src: url('/imgs/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('/imgs/fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('/imgs/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('/imgs/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('/imgs/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('/imgs/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/imgs/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/imgs/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/imgs/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/imgs/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* styles */
body {font-size:14px; font-size:1.4rem;   color: #222; background: #fff;  font-family: "Georgia" ,Georgia, 'New York CE', utopia, serif; text-align:center;}  /* 1EM = 10px */

input {}
a { color:#e87107; }
a img { border:none; }
a:hover {}

.cl { clear:both; line-height:1px; font-size:1px; margin-top:-1px; height:0px; }
.fl { float:left; }
.fr { float:right; }

/* hlavni buttony */
/*a.button span, a.buttonGrey span { display:block; height:25px; padding:0px 10px; line-height: 25px; font-weight: normal; font-size:100%; }*/
/*a.button, a.buttonGrey { display:block; height:25px;  text-decoration: none !important; }*/
/*a.button { background: #329A00; color:#fff !important; }*/
/*a.button:hover { background:#4ADF00; }*/
/*input.button{height:25px; line-height:25px;  background: #329A00; color:#fff !important; border:none; padding:0px 10px; cursor:pointer;}*/

/* alternativni button */
a.buttonGrey { background:#214C91; color:#fff !important; }
a.buttonGrey:hover { background:#000; }
a.buttonGrey:hover span { color:white; }



#main { width:940px; text-align:left; margin:0px auto; }
#main .inner {}

.floating-tip {
    background-color: black;
    padding: 5px 15px;
    color: #dddddd;
    font-weight: bold;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.homepage-description {border-top:1px dashed #878787; margin-top: 25px; padding-top: 25px; text-align: center; line-height:1.4;}
.homepage-description h1 {font-family: 'Oswald'; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; font-weight: bold; padding-bottom: 10px;}
.homepage-description p {color: #808080; font-style: italic;}

.inbox .anotace, #article {padding-top: 15px; text-align: center; margin-bottom: 35px;}
.inbox .anotace {margin-bottom: 15px;}
.inbox h1 {font-family: 'Oswald'; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; font-weight: bold; padding-bottom: 10px; text-align: center;}
.inbox .anotace p, #article p {color: #808080; font-style: italic; width: 650px; margin: 0 auto; font-size: 17px; font-size: 1.7rem;}
.inbox .anotace p{line-height:1.3em; margin-bottom:10px;}

.homepage-text-news {text-align:center;margin:0 auto;padding:15px 15px 0;border-top:1px dashed #878787;color:#666;margin-top: 30px;}
.homepage-text-news .headline {display: block;font-weight: bold;margin-bottom: 5px;}
.homepage-text-news .headline .glyphicon {margin-right: 5px;top:2px;}
.homepage-text-news a,
.homepage-text-news a:hover
    {color:#000;text-decoration: none;font-weight: bold;}
.homepage-text-news a:hover {text-decoration: underline;}

.top {border-bottom: 2px solid #e87107;background:url('/imgs/front/top-vinyl.png') no-repeat;width: 940px; height: 170px; position: relative;}

.top-info {color: #666666; float: left;  font-size: 15px; font-size: 1.5rem; padding-left: 10px;}
.top-info ul {margin-top: 30px;}
.top-info ul li {padding-bottom: 5px;}
.top-info .icon {display: inline-block;}
.top-info .icon-home {background: url('/imgs/front/icon-home.png?v2') no-repeat top left; width: 18px; height: 18px;}
.top-info .icon-clock {background: url('/imgs/front/icon-clock.png') no-repeat top left; width: 18px; height: 18px;}
.top-info .icon-phone {background: url('/imgs/front/icon-phone.png') no-repeat 1px 1px; width: 18px; height: 18px;}
.top .top-right-container {float: right; width: 242px;}
.top .search {width: 242px; height: 33px; background:url('/imgs/front/search.png'); margin-top: 40px;}
.top .search input[type=text] {border: 0; background: transparent; width: 195px; height: 31px; margin: 1px 0 1px 5px; font-size: 1.6rem; font-size: 16px; font-family:"Georgia" , Georgia, 'New York CE', utopia, serif;}

.top .search input[type=submit] {border: none; background: transparent; cursor: pointer; width: 31px; height: 31px;}
.top .langs { font-size: 16px; font-size: 1.6rem; text-align: right;margin-top:10px; font-family: 'Oswald', sans-serif; font-weight: 100;}
.top .langs a {color: #666666; text-decoration: none;  font-weight: 100;}
.top .langs a.active {color: #e87107;}
.top-menu {padding: 30px 0 /*50*/30px 0; border-bottom: 1px dashed #878787; position: relative;}
#eshopMenu {text-align: center; display: inline-block;}
#eshopMenu h3 {font-family: "Oswald";text-transform: uppercase; font-size: 18px;  font-size: 1.8rem; line-height:1.2; padding: 0 12px; float: left;}
#eshopMenu div:last-child h3 {padding-bottom: 0;}
#eshopMenu h3 a {color: #e87107; font-weight: bold;  text-decoration: none;}
#eshopMenu .not-last-item {border-right: 1px solid #999999;}
.top-menu .top-menu-inner {position: relative; width: 560px; margin: 0 auto; text-align: center;}

.top-menu .top-menu-left {float: left;}
.top-menu .top-menu-left a {text-decoration: none;}
.top-menu .top-menu-left #shortcut-shop {float: left; display: block; padding: 5px 5px 5px 24px; background: url('/imgs/front/icon-home22.png') no-repeat center left; margin-right: 5px;}
.top-menu .top-menu-left #shortcut-service {float: left; display: block; padding: 5px 5px 5px 26px; background: url('/imgs/front/icon-service.png') no-repeat center left;}

.top .phono-logo {width: 70px; height: 100px; position: absolute; left: 5px; bottom: 10px;}
.top .phono-logo a {width: 70px; height: 100px; display: inline-block; background: url('/imgs/front/phono-logo.png?v4s') no-repeat; text-decoration: none;}
.top-menu .login-cart {line-height: 31px; height: 24px; float: right; display: inline; position: absolute; top: 25px; right: 10px; font-size: 1.5rem; font-size: 15px;}
.top-menu .login-cart a {text-decoration: none; color: #000000;}
#ajaxCartFrame {float: right; }
#cart h3 {padding-left: 20px; height: 24px;}
#cart .icon-cart {background: url('/imgs/front/icon-cart.png') no-repeat; width: 26px; height: 24px; display: inline-block;}

.progress-bar-free-delivery-limit .progress-bar {background:#dadad9;width: 100%;height: 12px;}
.progress-bar-free-delivery-limit .progress-bar .progress-bar-status {width: 0;height: 100%;background:#e87107;}
/*styly pro modalni okno kosiku*/
.add-to-cart-modal-container td.content .progress-bar-free-delivery-limit {width: 411px; margin: 15px auto; font-size: 11px;line-height: 23px}
/*styl pro kosik*/
#order .progress-bar-free-delivery-limit {width: 100%; max-width: 660px; margin: 15px 0;}
#order .progress-bar-free-delivery-limit .progress-bar {margin-bottom: 15px}
#order .button.right { text-transform: uppercase; border: 2px solid black; font-weight: bold; padding-left:15px}
#order .button.right span {display: block; font-size:10px;}

/*modalni okno kosiku*/
.add-to-cart-modal, .loginbox-modal {position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;display: none;z-index:12;}
    .add-to-cart-modal-bg, .loginbox-modal-bg {background: url('/imgs/front/bg-modal.png');min-width: 100%;min-height: 100%}
    .add-to-cart-modal-container, .loginbox-modal-container {position:absolute;z-index:6;top:20%;left:50%;width:570px;margin-left:-285px;background:#ffffff;}
    .loginbox-modal-container {padding: 30px; color: #808080;}
    .loginbox-modal-container .close-modal {position: absolute; right: 20px; top: 20px; background: url('/imgs/front/close-modal.png') no-repeat; width: 17px;height: 17px; }
    .loginbox-modal-container table {width: 100%; margin: 0 0 10px 0;}
    .loginbox-modal-container table td {width: 50%; padding: 3px 10px;}
    .loginbox-modal-container table td a.forgot {color: #808080; text-decoration: underline;}
    .loginbox-modal-container table td a:hover {text-decoration: none;}
    .loginbox-modal-container table td.right {text-align: right;}
    .loginbox-modal-container table input[type=text], .loginbox-modal-container table input[type=password] {color:#000000; border: 1px solid #808080; border-radius: 3px; padding: 5px;}
    .loginbox-modal-container h3 {font-style: italic; border-bottom: 1px dotted #808080; line-height: 20px; margin-bottom: 10px;}
    .loginbox-modal-container .error {color: #af0419;}
    .add-to-cart-modal-container h3 { font-size:18px;font-size:1.8rem;margin-bottom: 20px;color:#e87107;text-align:center;}
    .add-to-cart-modal-container h3 .close-modal-cart {float: right; display: inline-block; background: url('/imgs/front/close-modal.png') no-repeat; width: 17px;height: 17px;}
    .add-to-cart-modal-container table {color:#565656;width: 100%;}
    .add-to-cart-modal-container td.img {width:160px;height:160px;background-repeat: no-repeat;}
    .add-to-cart-modal-container td.img img {display: none;}
    .add-to-cart-modal-container td.content {padding: 20px 25px 15px;background:#ffffff;vertical-align:top;text-align: left;-webkit-box-shadow: 0 0 10px 1px #999;box-shadow: 0 0 10px 1px #999;}
    .add-to-cart-modal-container td.content .item-detail {/*height: 198px;*/ width: 410px; border: 1px solid #dadad9; margin: 0 auto; position: relative;}
    .add-to-cart-modal-container td.content .item-detail img {float: left;}
    /*.add-to-cart-modal-container td.content span.headline {display: block;text-transform:uppercase;color:#5b5b5b !important;font-size:22px;font-size:2.2rem;}*/
    .add-to-cart-modal-container td.content .item-right {padding-top: 10px; padding-right: 10px; float: right; width: 190px;}
    .add-to-cart-modal-container td.content span {display: block; line-height: normal; color: #000000;}
    .add-to-cart-modal-container td.content span.item-name {font-weight: bold;}
    .add-to-cart-modal-container td.content span.item-brand {margin-bottom: 5px;}
    .add-to-cart-modal-container td.content span.item-price {position: absolute; bottom: 10px;}
    .add-to-cart-modal-container td.content span.item-genre-size {font-weight: 300; font-family: "Oswald"; color: #909090; text-transform: uppercase; font-size:16px; font-size:1.6rem;}
    .add-to-cart-modal-container td.content span.line {display: block;color:#565656 !important;}
    .add-to-cart-modal-container td.content span.count {font-weight:600;}
    .add-to-cart-modal-container td.content span.text .fr {text-align: right;}
    .add-to-cart-modal-container td.content .buttons {width: 411px; margin: 15px auto;}
    .add-to-cart-modal-container td.content .buttons .right {float: right;}
    .add-to-cart-modal-container td.content .buttons .left {float: left;}
    /*.add-to-cart-modal-container td.content span.buttons {margin-top:15px;display: block}*/
    /*.add-to-cart-modal-container td.content span.buttons .back-to-store,*/
    /*.add-to-cart-modal-container td.content span.buttons .checkout*/
    /*{text-decoration:none;margin:0;padding:0 20px;display:inline-block;height:32px;line-height:32px;color:#fff !important;text-transform: none;font-size:10px;font-size:1rem;}*/
    /*.add-to-cart-modal-container td.content span.buttons .back-to-store {text-align: center;background:#5b5b5b;}*/
    /*.add-to-cart-modal-container td.content span.buttons .checkout {text-align: left;float:right;background:#e87107;float: center;}*/
    /*.add-to-cart-modal-container td.content span.buttons .checkout:hover {background:#2B8DAF;}*/
    /*.add-to-cart-modal-container td.content span.buttons .back-to-store:hover {background:#3F3F3F;}*/
    /*.add-to-cart-modal-container td.content span.buttons i {position: relative;top:2px;}*/
    /*.add-to-cart-modal-container td.content span.buttons .back-to-store i {margin-right:12px;}*/
    /*.add-to-cart-modal-container td.content span.buttons .checkout i {margin-left:12px;}*/

	#eshopMenu .subMenu { position: relative; background: #3A362F; border-radius: 5px; z-index:15; /*padding-bottom:4px;*/ padding: 10px; text-align: left; white-space: nowrap;}
	#eshopMenu .subMenu-container {z-index: 50; position:absolute; top:45px; left:-30px  }
    #eshopMenu #menu-gramofonove-lp-desky .subMenu-container  {left:-260px}
    #eshopMenu #menu-vinyl-records-lps .subMenu-container  {left:-280px}
    #eshopMenu #menu-gramofonove-lp-desky .menu-arrow,
    #eshopMenu #menu-vinyl-records-lps .menu-arrow{left:-150px}
#eshopMenu .subMenuBg { background:#fff; }
	#eshopMenu .subMenu ul { width: 180px; display: inline-block; }
	#eshopMenu .subMenu ul li {}
	#eshopMenu .subMenu ul li.first {}
	#eshopMenu .subMenu ul li a {text-decoration:none;   color:#fff; line-height:1.4;}
	#eshopMenu .subMenu ul li a:hover {text-decoration: underline;}
    .menu-arrow {height: 11px; position:absolute; top: -11px; left: 0; width: 100%; background: url('/imgs/front/menu-arrow.png?v2') no-repeat transparent center center;}
    .vinylSubmenu ul {vertical-align: top;}

/* todo */
#loginBox {text-align:left;  z-index:20; position:absolute; top:30px; left:0px; width:223px; background:#3a362f;  color:#fff;  border-radius: 5px;}
#loginBox label { float:left; width:150px; }
#loginBox .inbox { padding:10px; }
#loginBox a { border:0px; color:#fff; }
#loginBox .button{background:#fff; padding: 3px;}
#loginBox label {color: #ffffff;}

#navigationBox { overflow:hidden;  }
	.navigation {   margin-top:10px; font-size:16px;font-size:1.6rem; padding-left:10px;  padding-bottom:5px; font-style: italic; color:#808080}
	.navigation a { color:#808080; text-decoration: none;}
    .navigation h1 {display: inline;}
    .navigation a:hover{text-decoration: underline;}
	.navigation .root{}
.navigation span.disabled:after, .navigation a:after{content:" /"}


.homeItems {position:relative; padding:10px;}
.homeItems #productSlides,.homeItems #productSlides2 {height: 380px;overflow: hidden;width: 960px;}
.homeItems #productSlides3 {height: 280px; overflow: hidden; width: 960px;}
.homeItems #productSlides3 .item {height: 280px;}
.homeItems #productSlides3 .item a {height: 276px;}
.homeItems .itemGroup {position:absolute;}

.homeItems .leftArrow,
.homeItems .rightArrow
{position:absolute;cursor: pointer;z-index: 10;top: 50%;width:42px;height:42px;background: url('/imgs/front/hands.png') no-repeat;}
.homeItems .leftArrow span,
.homeItems .rightArrow span
{display:none;}
.homeItems .leftArrow	{left: -40px;}
.homeItems .rightArrow {right: -40px;background-position: 100% 0;}
.homeItems .leftArrow:hover{background-position: 0% 100%;}
.homeItems .rightArrow:hover{background-position: 100% 100%;}
.homepage h2{ color: #808080;font-size:16px; font-size: 1.6rem;font-style: italic;margin-top: 20px;padding-bottom: 5px;padding-left: 10px;padding-top: 10px; border-top: 1px dashed #878787;}
.homepageText {font-size:16px; font-size:1.6rem;margin-top:40px;line-height:1.4; color:#808080; border-top: 1px dashed #878787; padding-top:40px; padding-bottom:20px;}

/*slider v detailu produktu*/
#detailProductSlidesContainer, #artist_detailProductSlidesContainer {position:relative;overflow: hidden;height:380px;width:922px;}
#detailProductSlides, #artist_detailProductSlides {position:absolute;width:99999px;}

    #html h1#title { color:#000; padding:5px 0px;}
    h2.title {font-size:20px;  font-size: 2rem;padding: 5px 0; font-family: "Oswald"; text-transform: uppercase;}
    h3.title { font-size:16px; font-size: 1.6em;padding: 5px 0;}

	#html {overflow:hidden; padding:0 120px; line-height:1.4;}
    #html h1 {font-size: 24px;font-size:2.4rem;text-transform: uppercase; font-weight:bold; font-family:"Oswald",sans-serif;margin-bottom:10px; margin-top:10px}
	#html .inbox h2,
	#html .inbox h3 {font-size:16px;  font-size:1.6rem; padding:5px 0 2px 0;font-weight: bold;}
	#html .inbox p { padding:3px 0px; }
	#html .inbox ul { list-style:disc; padding:5px 15px;}
	#html .inbox ol { padding-left:20px; }
	#html .inbox li { padding:3px 0; line-height:1.2;}
	#html .inbox a {}
	#html .inbox a img {}
	#html .inbox .imgLeft { padding:0px 5px 5px 0px; float:left; }
	#html .inbox .imgRight { padding:0px 0px 5px 5px; float:right; }


	#gallery {}
	.gallery-item { float:left; margin-right:20px; margin-bottom:20px; height:120px; }

	#infoMenu { width:220px; float:left; }
	#infoMenu ul { padding:10px; }
	#infoMenu ul li { list-style:none; }
	#infoMenu ul li ul li { padding:2px; padding-left:15px; }
	#infoMenu ul ul { padding-top:2px; padding-left:0px; }

/* order steps */
	#order { position:relative; padding:20px;}

		#order .orderStepsTabs {font-family: "Oswald"; padding-bottom: 10px;}
		#order .orderStepsTabs h2 { float:left; padding:5px 0; text-align:center; line-height: 30px; font-size:16px; font-size:1.6rem;  color: #808080;}
        #order .orderStepsTabs h2 span {margin-right:5px;}
		#order .orderStepsTabs h2 span.text {margin-right: 5px;font-weight: 300; }
		#order .orderStepsTabs h2 span.number {background: url("/vimage/16x16/imgs/front/arrow-right.png") no-repeat 5px 5px;padding-left: 40px;margin-left: 5px; }
		#order .orderStepsTabs h2.active span { font-weight: normal; color: #000000; }
        #order .orderStepsTabs h2 em { color: #ffffff; border-radius: 5px; background: #808080; padding: 0 7px; }
        #order .orderStepsTabs h2.active em { background: #000000; }
        #order .orderStepsTabs h2 a {color: #808080; text-decoration: none;}
		#order h3 {font-size:18px; font-size:1.8rem; font-family: 'Oswald', sans-serif; font-weight:300;}

        #order .orderConfirm {}
        #order .orderConfirm .paymentDeliveryBox h3,
        #order .orderConfirm #orderCart thead
            {background:#E8E8E8;}
        #order .orderConfirm #orderCart tr
            {border-bottom:1px solid #E8E8E8}
        #order .orderConfirm #orderSumCart .cartTotalPrice
            {color:#000}
        #order .orderConfirm #orderSumCart .cartTotalPrice span,
        #order .orderConfirm #orderSumCart .cartTotalPriceTitle
            {font-weight: normal;}
        #order .orderConfirm .paymentDeliveryBox .orderCountry,
        #order .orderConfirm .paymentDeliveryBox .orderDelivery,
        #order .orderConfirm .paymentDeliveryBox .orderPay,
        #order .orderConfirm #orderSumCart,
        #order .orderConfirm .paymentDeliveryBox
            {border-color:#E8E8E8}
        #order .orderConfirm .paymentDeliveryBox {line-height: 120%;color:#808080;}
        #order .orderConfirm #orderSumCart tr.line-top td {border-top:1px solid #E8E8E8}

        #order .orderConfirm h2.headline {color:#5da515;background: url('/imgs/web/ico-circle-tick2.png') no-repeat 0 50%;padding:5px 0 5px 40px;}

		#order .orderUserTabs {}
        .checkout-payment-link{            margin: 15px;        }
        .checkout-payment-link a { color: #FFF; text-decoration: none; background-color: #e87107; padding: 12px; display: inline-block; border-radius: 5px; margin-bottom: 10px; text-transform: uppercase;}
        .checkout-payment-link p {  line-height: 20px; }

		#order .orderUserTabs h2 {float:left;width:300px;margin-right:5px; }
		#order .orderUserTabs h2 a{color:#FFF; font-family:"Oswald"; border-radius:4px;text-decoration: none; display: block;  background:#808080; padding:10px 0; text-align: center; font-size:16px;font-size:1.6rem;}
		#order .orderUserTabs h2 {float:left;text-align: center;}
		#order .orderUserTabs h2 a {display:block;}
		#order #tabUserForm, #order #tabUserLogin {}

        #order #tabUserForm h3 {border-radius:5px;-webkit-border-radius:5px;font-weight: normal;background:#f8d4b4;padding:10px 20px 10px 10px;margin-bottom:10px; }
        #order #tabUserForm h3 span {margin-right: 10px;}
        #order #tabUserForm .orderBillingAdressContainer {float:left;width:440px;}
        #order #tabUserForm .orderBillingAdressContainer .switcher-personal-company {border-bottom:1px solid #f8d4b4;padding-bottom:20px;margin-bottom:20px;}
        #order #tabUserForm .orderBillingAdressContainer .switcher-personal-company #fTypNakupuFiremni
            {margin-left:20px;}
        #order #tabUserForm #dodaciUdaje {margin-left:20px;float:right;width:440px;}

        #order .ico-cart-steps{width:21px; height:20px; display:inline-block; background: url("/imgs/front/ico-cart-steps.png") no-repeat 0px 0px; margin-right:10px; }
        #order .headerRow{padding:8px 10px;}


		#order .leftBox { width:700px; float:left; }

		#order .rightBox { float:right; width:195px; background:#DFF3FF; margin-top:55px; text-align:left; }
		#order .rightBox .inbox { padding:10px 10px; }
		#order .rightBox h2 { text-align:left;}
		#order .rightBox ul { margin-left:15px; margin-top:5px; list-style: square; text-align:left; }
		#order .rightBox li {}
		#order .rightBox hr { background:none; border:none; border-top:1px solid #bcbbb6; border-bottom: 1px solid #fffffa; margin-top:5px; }
		#order .rightBox p { text-align:left; }
		#order #orderCart { width:100%;  }
		#order #orderCart thead { background: #F8D4B5; height: 30px;}
        #order #orderCart tbody { color: #808080; }
        #order #orderCart td {padding: 10px 0;}
        #order #orderCart th span { font-weight: 300; font-family: "Oswald"; }
        #order #orderCart tr {border-bottom: 1px solid #F8D4B5;}
		#order #orderCart td, #order #orderCart th {vertical-align: middle;}
		#order #orderCart td div {line-height: 40px;  font-weight: 300;}
			#orderCart .img { padding:5px 0px; }
			#orderCart .itemCount { width:20px; margin: 0 4px;/*float:left; margin-right:5px; line-height: normal;*/}
			#orderCart .removeAll { display:block; height:20px; width:20px; float:right; background: url('/vimage/400x160/imgs/web/icons.png') no-repeat -40px -80px;margin-left:5px;position:relative;top:10px;/*line-height: normal;*/ }
			#orderCart .removeAll span {display:none;}
			#orderCart a.change { width:60px; overflow:hidden; height:20px; display:block; float:left; margin-right:5px; line-height: normal;}

        #order #orderCart .plusMinusPlus, #order #orderCart .plusMinusMinus {float: left; display: inline-block; width: 20px; height: 40px; line-height: 35px; border: 1px solid #e6e6e6; border-radius: 5px; text-align: center; text-decoration: none; }
        #order #orderCart .plusMinusObal input { padding: 0; float: left; width: 40px; height: 40px; border-radius: 5px; border: 1px solid #e6e6e6; text-align: center;}

        #order #orderSumCart {  margin-bottom: 20px;  float: right;border-bottom: 2px solid #f8d4b5; width:100%;}
        #orderView #order #orderSumCart {border-bottom-color: #E8E8E8;}
        #order #orderSumCart .cartTotalPriceTitle {width: 200px; padding: 20px 5px 20px 70px;text-align: left; font-weight: bold; color: #000000;}
        #order #orderSumCart .cartTotalPrice {width: 70px;color: #e87107;  text-align: right; padding: 20px 5px 20px 5px; }
        #orderView #order #orderSumCart .cartTotalPrice {padding:20px 40px 20px 5px;color:#808080}
        #orderView #order #orderSumCart .line-top {border-top:1px solid #E8E8E8}
        #order #orderSumCart .cartTotalPrice span{font-weight: bold;}


				/*#orderSumCart .totalPrice {padding-right: 25px;}*/
				/*#orderSumCart .totalPrice strong {font-size: 150%;}*/
		#order .orderBox, #order .orderNoteBox{padding: 10px;}
		#order .orderBox, .paymentDeliveryBox,#order .orderNoteBox {width: 400px;}
		#order .orderBox {float:left;clear:left;}
		#order .orderBoxNotFirst {margin-top: 10px;}
        #order .paymentDeliveryBox {width: 440px;border-bottom:2px solid #F8D4B4;}
            #order .paymentDeliveryBox h3 {margin-bottom:10px;border-radius:5px;-webkit-border-radius:5px;background-color:#F8D4B4;background-position: 10px 50%;background-repeat: no-repeat;padding:10px 20px 10px 10px;}
            #order .paymentDeliveryBox h3 span {margin-right:10px;}
	        /*#order #orderDeliveryDiv h3 {background-image: url('/imgs/front/ico-delivery-type.png');}*/
	        /*#order #orderPaymentDiv h3 {background-image:url('/imgs/front/ico-payment-type.png');}*/

            #order .country-box {padding: 0 10px;margin-bottom: 10px}
            #order .country-box span {border:1px solid #F8D4B4;padding: 5px 12px;cursor: pointer;display:inline-block;}
            #order .country-box span:hover,#order .country-box span.selected {background: #F8D4B4;}
            #order .country-box select {border:1px solid #F8D4B4;padding: 4px 14px;}
            #order .country-box .orderCountry:last-of-type {border-bottom: none}

            #order #orderDeliveryDiv.paymentDeliveryBox {margin-bottom:50px;}
            #order .paymentDeliveryBox .orderPaymentDiv {}

            #order .paymentDeliveryBox .orderCountry,
            #order .paymentDeliveryBox .orderDelivery,
            #order .paymentDeliveryBox .orderPay
                {margin:20px 10px 0;padding-bottom:20px;border-bottom:1px solid #F8D4B4;}
            #order .paymentDeliveryBox .orderCoutnry.orderCountry-last,
            #order .paymentDeliveryBox .orderDelivery.orderDelivery-last,
            #order .paymentDeliveryBox .orderPay.orderPay-last
                {border-bottom:none;}
            #order .paymentDeliveryBox .orderDelivery .price,
            #order .paymentDeliveryBox .orderPay .price
                {float:right;color:#808080;}
            #order .paymentDeliveryBox #cenaCelkem
                {color:#e87107;font-weight: bold;}
            #order .paymentDeliveryBox .sum-item {padding:5px 0;}

        #order .paymentDeliveryBox .rightPart {border-left: 2px solid #214C91;padding-left: 5px;}
		#order .payDescr{background:#fff; margin-left:24px; margin-top:10px; padding:5px;}
		#order .orderNoteBox, #order .orderNoteBoxTextarea {width: 965px;clear:both;margin-top: 10px;}
		#order .orderNoteBox strong, #order .orderNoteBoxTextarea strong {float:left;display:block;width: 100px;}
		#order .orderNoteBoxTextarea strong {font-weight: normal;}
		#order .orderNoteBoxTextarea textarea {border-radius: 5px; width:600px;border: 1px solid #CCCCCC}
		#order .orderNoteBoxTextarea textarea:hover {border-color:#000;}
		#order .orderNoteBoxTextarea {margin-bottom: 10px;}
		#order .orderNoteBox .note, #order .orderNoteBoxTextarea .note {width: 800px;float:right;}
		#order .orderBoxMarginBottom {margin-bottom: 10px;}

        #orderInfo{margin-top:0;color:#808080;position:relative; padding-left:20px; float:left;}
        #orderInfo .glyphicon{position:absolute; top:0px; left:0px;}

		#orderInfo td, #orderInfo th { padding:2px; }
		#orderInfo.readonly input, #orderCart.readonly input { border:none; background:#fff; padding:5px 0;}
        .orderConfirm h2{ font-size:20px; font-size:2rem; color:#e87107;float:left; margin-bottom:20px;}

        #order .orderConfirm #orderSumCart .cartTotalPriceTitle {width:367px;padding: 20px 5px 20px 10px;}

        /*profil uzivatele a tam seznam objednavek*/
        .user-dashboard-order-list {}
        .user-dashboard-order-list table {}
        .user-dashboard-order-list table thead th {padding:2px 10px;}
        .user-dashboard-order-list table thead th span {margin-right: 10px;}
        .user-dashboard-order-list table tbody td {padding: 12px 0;}
        .user-dashboard-order-list table tbody td .profile-button {top:0;}
        .user-dashboard-order-list table tbody td.order-id {padding-left:15px;}

    .button{ background:#ffffff; font-family:"Oswald"; padding: 5px 10px; border:1px solid #e6e6e6;  border-radius: 2px; cursor:pointer; font-size:16px; font-size:1.6rem; text-decoration: none; color: #000000; display: inline-block;}
    .button.right {padding-right: 26px; background-image: url('/vimage/16x16/imgs/front/arrow-right.png'); background-position: right center; background-repeat: no-repeat;}
    .button.left {padding-left: 26px; background-image: url('/vimage/16x16/imgs/front/arrow-left.png'); background-position: 5px center; background-repeat: no-repeat;}
    .button.up {padding-left: 34px; background-image: url('/vimage/16x16/imgs/front/arrow-up.png'); background-position: 6px center; background-repeat: no-repeat;}

	#register { }
		#register .req th { color:#214C91; }
		#register h3 { font-size:16px;font-size:1.6rem;margin: 5px 0; }
        #register h3 span{font-family: "Oswald"}
		#register table th { width:100px; }
		/*#register input { padding:2px; width:200px; }*/
		#mail .error,#register .error,#loginBox .error { color:red; }
		#register  .error input { }
		#register .req input { }
		.divError {border: 3px solid #FF0000;background:#F7E3E3;padding: 10px 5px;margin-bottom: 10px;}

		#register .psc_prefix { width:30px; text-align:center; }
		#register .psc_postfix { width:25px; text-align:center; }
		#register input[type=text],#register input[type=password],#registerForm textarea{border:1px solid #cccccc ;  }
		#register input[type=text]:hover,#register input[type=password]:hover, #registerForm textarea:hover, select:hover{border:1px  solid black;}
		#register fieldset {padding: 10px 5px;margin-bottom: 10px;}
        #register .Surname{ position: absolute; top:-2000px;}

	.formField input{width:180px; height:29px; line-height:29px; margin-right:10px;padding:0px 5px;}
	.formField input[type=text], .formField input[type=password],.formField textarea{border:1px solid #cccccc ;  border-radius: 3px;}
	.formField input[type=text]:hover,.formField input[type=password]:hover, .formField textarea:hover, select:hover{border:1px  solid black;}
	.formField label{width:100px; display:block; height:29px;line-height:29px; float:left; text-align:right; margin-right:5px; color: #808080;}
    label {color: #808080;}
	.formField .error{clear:left; color:red;display:block; width:165px; margin-left:105px; padding-top:2px;}
	.formField{float:left;margin: 5px 0;}
	/*.r label {font-weight:bold;}*/
	.formField p.country{width:165px; height:29px; line-height:29px; float:left; margin-right:10px;padding:0px 5px;}
	.checkbox label{width:auto;}
	.radio {width: 292px;}
    .radio label{width:256px;}
	.radio input{margin-top:7px; margin-left:7px; width:14px; height:14px; background:none;padding:0px;float:none;}

	.orderUserForm fieldset {padding: 10px 5px;margin-bottom: 10px;}
	.orderUserForm .psc_prefix { width:30px; text-align:center; }
	.orderUserForm .psc_postfix { width:25px; text-align:center; }
    .orderUserForm input[type=text] {border-radius: 5px;}
    .orderUserForm .required {color: #e87107;}


	#loginBox input[type=text], #loginBox input[type=password]				{border:1px solid #cccccc ; ; }
	#loginBox input[type=text]:hover,#loginBox input[type=password]:hover	{border:1px  solid black;}


	#orderView #orders .greyButton{float:right; width:135px;}
	#orderView .inbox{position:relative;}
	#orderView .orderDetailIco{position:absolute; top:-39px; right:5px;}
	#orderView a,#favorites a{color:/*#9DCD66*/#214C91;}
	#orderView table#orders {width: 100%;}
	#orderView table#orders thead, #goodsInOrder thead {line-height: 30px;color:#000000;background: #E8E8E8; height: 30px; font-family: "Oswald"}

    #orderView table#orders thead a, #orderView table#orders thead th {color:#000000;  }
    #orderView table#orders thead {font-weight: 300;font-size:18px;font-size:1.8rem;}

    #orderView table#orders tr, #goodsInOrder tr {border-bottom: 2px solid #E8E8E8;}
	#orderView table#orders td, #goodsInOrder td {vertical-align: middle;}
    #orderView table#goodsInOrder tbody td {padding:20px 0;}
    #orderView table#orders td .button {padding: 3px; color: #e87107;font-size: 12px; font-size: 1.2rem;  margin: 2px;background: #ffffff;position:relative;display:inline-block;}
    #orderView table#orders td .button:hover {background: #efefef;}
    #orderView table#orders tbody td {cursor: pointer;color: #808080;}
	#orderView #order {font-size: inherit;padding:0;}
    #orderView #order #orderSumCart .cartTotalPriceTitle {padding:20px 5px 20px 10px;width:435px;}
    #orderView #order .paymentDeliveryBox p {line-height: 150%;}
    #orderView #order .paymentDeliveryBox
        {border-color:#E8E8E8;padding-bottom:15px;}
    #orderView #order .paymentDeliveryBox h3
        {background:#E8E8E8;}

	table#goodsInOrder {width: 100%;margin:25px 0 0;}
	/*table#goodsInOrder td {line-height: 25px;}*/
    /*table#goodsInOrder thead td {font-weight: 300;}*/
    table#goodsInOrder tbody td, table#goodsInOrder tbody th {padding: 5px; color: #808080;}
	table#goodsInOrder tr.line {border-top: 2px solid #214C91;}
	#orderView p.orderStatus {width: auto; float:left;color:#fff;font-weight: normal;font-family: "Oswald",sans-serif; margin-right: 10px;background: #666666;padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
	#orderView p.orderStatus strong {font-weight: normal;}
	/*#orderView p.actualStatus {background: #e87107;color:#fff;}*/
	/*#orderView p.actualStatus strong {font-weight: bold;}*/
	#orderView p.pastStatus {background: #E8E8E8;color: #666666;}
	#orderView table#orderListInfo {margin-bottom: 10px;}
	#orderView .noteBox {float:left; margin-right: 10px; margin-bottom: 10px;background: #f8d4b5;padding: 7px; width: 200px;height: 100px;}
	#orderView .noteBox span.datum, #orderView .noteBox span.jmeno{display:block;text-align: right;font-weight: bold;}
	#orderView .addNoteBox {width: 424px; height: auto;}
    #orderView .button {display: inline-block;}
	form#form-addOrderNote {text-align:right;}
	form#form-addOrderNote textarea {width: 416px;height: 66px;border: 1px solid #CCCCCC;}
	form#form-addOrderNote textarea:hover {border-color: #000;}

	.profileBox{float:left;width:410px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #E8E8E8;color:#808080;}
    .profileBox p {padding:5px 10px;}
    .profileBox.profileBox-right {float:right;}
    .profileBox hr {border:1px solid #E8E8E8;border-top:none;border-left:none;border-right:none; }
	.profileBox span {font-weight:bold;}
	.profileBox h3 {color:#000;font-family: "Oswald",sans-serif;font-size:18px;font-size:1.8rem;font-weight:normal;background:#E8E8E8;margin-bottom:10px;padding:10px 20px 10px 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    .profileBox h3	span {margin-right:10px}
    .profile-button {margin-left:20px;margin-top:50px; text-decoration: none; border:1px solid #E8E8E8;color:#000 !important;padding: 3px 20px;position:relative;top:-2px;font-family: "Oswald",sans-serif;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    .profile-headline {display: inline-block;margin-bottom: 20px;}
    .logged-user {color:#808080;margin:20px 0; }
    .logged-user .profile-button {top:0;}

#bottomPage { text-align:right; margin-top: 5px;}
#bottomPage a.a { text-decoration:none;}
#bottomBox {}

#pageLimitAjax, #pageLimitAjax label {color: #222;font-family: "Georgia" , Georgia, 'New York CE', utopia, serif;}

.phono-select-style {-webkit-appearance: none;-moz-appearance: none;background-position: right 50%;background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);padding: .5em;padding-right: 1.5em;border: 1px solid #aaaaaa;-webkit-border-radius: 7px;border-radius: 7px;font-family: "Oswald",Arial, Helvetica, sans-serif;font-weight: 300;
}
.phono-select-style::-ms-expand {display: none;}
.phono-select-style:hover {border-color: #aaaaaa;}
.phono-select-style:focus {border-color: #aaaaaa;outline: none;}

/*footer { padding-top:40px; }*/

.article-delivery-info h3 img{ width:40px; margin-right:10px}
.delivery-countries img{width: 20px}
.delivery-countries {display:flex; gap: 20px;}
.delivery-countries div {flex-basis: 33%;}
.delivery-countries a {display:block; text-decoration:none; line-height: 24px; font-size: 15px; margin-bottom: 4px; position: relative;}
.delivery-countries span {position: absolute; right:0px; bottom:0px;}


footer {border-top: 2px solid #e87107; margin-top: 20px; padding: 10px;}
#footerBox { float:right; width:300px; }
#footerBox .inner {padding:15px 10px 15px 0px; }

#footerMenu { width:920px; float:left; color: #808080;}
#footerMenu span, #footerMenu > ul > li > a {text-transform: uppercase; margin-left:10px; font-size:16px; font-size:1.6rem; display:block; margin-bottom:5px; font-family: "Oswald";}
#footerMenu li { list-style:none; float:left; text-align:left; margin:10px 0px; width:/*230*/215px; font-weight:bold; }
/*#footerMenu li a { padding:0px 10px;font-weight:bold; }*/
#footerMenu ul ul li { float:none; margin:0px 10px;width:auto; }
#footerMenu a {color: #808080; text-decoration:none;  display:block; }
#footerMenu ul ul li a:hover{ ; color:#000; text-decoration: underline }
#footerMenu ul ul li a{padding:5px 0px 5px 0px;font-weight:normal; }

#footerMenu #footer-shop-info {padding: 0 10px 0 10px;}
#footerMenu #footer-shop-info p {margin-bottom: 10px; line-height: 22px;}

#footerMenu li.footerMenu-interprets {width:260px}
#footerMenu li.footerMenu-interprets ul {width:130px;margin-right:0;float:left;}
#footerMenu li.footerMenu-interprets .right {float:right;}

	#copyright { font-weight:bold; background:#fff; float: right; }
	#copyright p { padding:5px 0px; color:#666364; text-align:right; }

.mapLeft{margin-right:50px;}
.goodsMap {margin-top:20px;}
.goodsMap li{float:left; width:180px; margin-right:20px; }
.goodsMap li ul li{float:none;}

.paymentOk{margin-top:20px;font-size:20px; color: #E87107}
.paymentError{margin-top:20px;font-size:20px; color: #E87107}
.online-payment-form {text-align:center;margin-top:15px;}
.online-payment-form .button {background:#e87107;color:#fff;border-color:#e87107;}
.online-payment-form .button:hover {background:#666;border-color:#666;}
table.payment-delivery {width: 100%;border-bottom: 2px solid #F8D4B5; margin: 10px 0;}
table.payment-delivery thead {background: #F8D4B5; height: 30px;}
table.payment-delivery td, table.payment-delivery th {vertical-align: middle; font-family: "Oswald"}
table.payment-delivery tr {border-bottom: 2px solid #F8D4B5;}
table.payment-delivery th {font-weight: normal; padding: 0 10px;}
table.payment-delivery td {font-family: "Georgia" , Georgia, 'New York CE', utopia, serif; padding: 10px 5px; vertical-align: middle;}

.inbox > h1 {font-size: 22px;}
.inbox > #article {padding: 10px 0; font-size: 15px;}
#brandList h2 {font-family: "Oswald"; font-size: 19px; padding: 7px 10px; background: #CBCBCB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;}
#brandList ul {padding: 5px; float: left; width: 440px; margin-bottom: 10px;}
#brandList ul li {padding: 2px 0; font-size: 16px; font-size: 1.6rem;}
#brandList ul li a {color: #000000; text-decoration: none;}

#brandListLine {margin-bottom: 20px;}
#brandListLine #brandsABC {float: left; border: 1px solid #000000; border-radius: 5px;}
#brandListLine #brandsABC a {display: block; float: left; padding: 10px 5px; text-decoration: none; color: #000000; font-family: "Oswald"; font-size: 16px; font-size: 1.6rem;}
#brandListLine #brandsABC a:hover {color: #ffffff; background: #000000;}
#brandListLine #brandStyleFilter {float: right; color: #808080; font-size: 16px;}
#brandListLine #brandStyleFilter span.label {}

.brandCategories {}
.brandCategories > ul {}
.brandCategories > ul > li {padding: 5px 0;}
.brandCategories > ul > li h3 {font-size: 13px;}
.brandCategories > ul > li ul {padding: 5px;}

.autocompleter-choices {border:1px solid #E6E6E6;background:#fff;color:#222;text-align: left;padding: 0 15px 15px 15px;margin-left:-3px;width:243px !important;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.autocompleter-choices p {margin-top:13px;}
.autocompleter-choices a {margin:3px 0;display:block;}
/*.autocompleter-choices a.more-search {margin-top:10px;padding:3px 5px;color:#000;text-decoration:none;background:#ccc;}*/

#blog   {}
    .blogArticle    {border:1px solid #dadad9;padding: 10px;margin-bottom:15px;}
    .blogArticle h3,
    .blogArticle div.more-info-link,
    .blogArticle div.anotation  {margin-left:220px}
    .blogArticle h3 {font-size:20px;font-size:2rem;margin-bottom:10px}
    .blogArticle div.more-info-link {text-align:right;margin-top:10px}
    .blogArticle div.more-info-link a {display:inline-block;text-decoration:none;padding: 7px 30px 7px 10px;height:21px;line-height:21px;border:1px solid #e87107;background: url('/imgs/front/arrow-right-orange.png') no-repeat 100% 50%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; }

#html.article-from-blog {padding: 0;}
    #html.article-from-blog h1#title {color:#e87107;font-size:18px;font-size:1.8rem;}

#wrongDeliveryModal {display: none;}
#wrongDeliveryModal .wrongDeliveryModal-bg {position: absolute;left:0;top:0;width:100%;height:100%;z-index:2;background: url('/imgs/front/bg-modal.png');}
#wrongDeliveryModal .wrongDeliveryModal-content {font-size:14px;font-size:1.4rem;line-height:normal;position: absolute;top:10px;width:420px;height: auto;left:50%;margin-left:-220px;z-index:3;background:#fff;padding:20px;}
#wrongDeliveryModal .wrongDeliveryModal-button {display:inline-block;padding: 5px 10px;border:1px solid #e6e6e6;cursor:pointer;color:#000;font-size:16px;font-size:1.6rem;font-family: "Oswald", Arial, Helvetica, sans-serif;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}

#delivery-selector {
    position: relative; }
#delivery-selector h3 {
    text-align: center;
    padding-top: 60px; }
#delivery-selector input[type=text] {
    width: 100%;
    padding: 5px;
    border: 1px solid #000000; }
#delivery-selector #delivery-selector-detail {
    position: absolute;
    top: 125px;
    left: -10px;
    width: 100%;
    z-index: 2;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; }
#delivery-selector #delivery-selector-detail * {
    font-size: 16px;
    line-height: 23px; }
@media screen and (min-width: 960px -1) {
    #delivery-selector #delivery-selector-detail * {
        font-size: 14px;
        line-height: 17px; } }
#delivery-selector #delivery-selector-detail table th {
    padding: 2px 0 2px 0; }
#delivery-selector #delivery-selector-detail table td {
    padding: 3px 15px;
    text-align: center; }
#delivery-selector #delivery-selector-detail #delivery-selector-detail-confirm {
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    line-height: 23px; }
@media screen and (min-width: 960px -1) {
    #delivery-selector #delivery-selector-detail #delivery-selector-detail-confirm {
        font-size: 14px;
        line-height: 17px; } }
#delivery-selector #delivery-selector-detail .delivery-selector-detail-content {
    text-align: left;
    padding-bottom: 10px; }
#delivery-selector #delivery-selector-list {
    margin-top: 10px;
    max-height: 175px;
    overflow-y: auto; }
#delivery-selector #delivery-selector-list .delivery-selector-item {
    padding: 5px;
    clear: both; }
#delivery-selector #delivery-selector-list .delivery-selector-item:hover {
    cursor: pointer; }
#delivery-selector #delivery-selector-list .delivery-selector-item span {
    float: left;
    margin-right: 10px; }

#delivery-selector.delivery-type-3 h3 {
    background: #ffffff url("/vimage/1000x50/imgs/web/logo-cp-balik-na-postu.png") no-repeat 50% 0;
    color: #EABC33; }
#delivery-selector.delivery-type-3 input[type=text] {
    border-color: #EABC33;
    color: #13377E; }
#delivery-selector.delivery-type-3 #delivery-selector-list .delivery-selector-item:hover {
    background: #EABC33;
    color: #13377E; }
#delivery-selector.delivery-type-3 #delivery-selector-detail #delivery-selector-detail-confirm {
    background: #EABC33;
    color: #13377E; }

#delivery-selector.delivery-type-4 h3 {
    background: #ffffff url("/vimage/1000x50/imgs/web/logo-sp-balik-na-postu.png") no-repeat 50% 0;
    color: #FDB813; }
#delivery-selector.delivery-type-4 input[type=text] {
    border-color: #FDB813;
    color: #163461; }
#delivery-selector.delivery-type-4 #delivery-selector-list .delivery-selector-item:hover {
    background: #FDB813;
    color: #163461; }
#delivery-selector.delivery-type-4 #delivery-selector-detail #delivery-selector-detail-confirm {
    background: #EABC33;
    color: #13377E; }

#delivery-selector.delivery-type-5 .delivery-selector-detail-content {
    padding-top: 5px;
    max-height: 370px;
    overflow-y: auto; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content .photo-container img {
    max-height: 200px; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content .header {
    float: left; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content .main-photo {
    float: right;
    margin-right: 5px;
    width: 30%; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content table {
    clear: left; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content h2 {
    color: #BA1B02;
    font-size: 25px !important;
    margin-bottom: 10px;
    font-weight: bold; }
#delivery-selector.delivery-type-5 .delivery-selector-detail-content h4 {
    margin: 15px 0 5px 0; }
#delivery-selector.delivery-type-5 h3 {
    background: #ffffff url("/vimage/1000x50/imgs/web/logo-zasilkovna.png") no-repeat 50% 0;
    color: #BA1B02; }
#delivery-selector.delivery-type-5 input[type=text] {
    border-color: #BA1B02;
    color: #6D6C6C; }
#delivery-selector.delivery-type-5 #delivery-selector-list .delivery-selector-item {
    font-size: 13px;
    line-height: 16px;
    color: #6D6C6C; }
@media screen and (max-width: 960px -1) {
    #delivery-selector.delivery-type-5 #delivery-selector-list .delivery-selector-item {
        font-size: 12px;
        line-height: 15px; } }
#delivery-selector.delivery-type-5 #delivery-selector-list .delivery-selector-item:hover {
    background: #BA1B02;
    color: #ffffff; }
#delivery-selector.delivery-type-5 #delivery-selector-detail #delivery-selector-detail-confirm {
    background: #BA1B02;
    color: #ffffff; }

#delivery-selector.delivery-type-6 .delivery-selector-detail-content {
    padding-top: 5px;
    max-height: 370px;
    overflow-y: auto; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content .photo-container img {
    max-height: 200px; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content .header {
    float: left; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content .main-photo {
    float: right;
    margin-right: 5px;
    width: 30%; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content table {
    clear: left; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content h2 {
    color: #BD2A35;
    font-size: 25px !important;
    margin-bottom: 10px;
    font-weight: bold; }
#delivery-selector.delivery-type-6 .delivery-selector-detail-content h4 {
    margin: 15px 0 5px 0; }
#delivery-selector.delivery-type-6 h3 {
    background: #ffffff url("/vimageloc/1000x50/imgs/web/logo-dpd.png") no-repeat 50% 0;
    color: #BD2A35; }
#delivery-selector.delivery-type-6 input[type=text] {
    border-color: #BD2A35;
    color: #414042; }
#delivery-selector.delivery-type-6 #delivery-selector-list .delivery-selector-item {
    font-size: 14px;
    color: #414042; }
#delivery-selector.delivery-type-6 #delivery-selector-list .delivery-selector-item strong {
    font-size: 13px; }
#delivery-selector.delivery-type-6 #delivery-selector-list .delivery-selector-item:hover {
    background: #BD2A35;
    color: #ffffff; }
#delivery-selector.delivery-type-6 #delivery-selector-detail #delivery-selector-detail-confirm {
    background: #BD2A35;
    color: #ffffff; }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }

.modal-bg {
    background: url("/imgs/web/bg-transparent-pointer.png?v2");
    min-width: 100%;
    min-height: 100%;
    z-index: 11; }

.modal-container {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 790px;
    margin-left: -395px;
    background: #ffffff;
    padding: 10px;
    z-index: 12; }
.modal-container h3 {
    font-size: 25px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400; }

.delivery-selector-shorttext {margin-top:5px;line-height:18px;margin-left:26px;}
.delivery-selector-shorttext span {color:#e87107;cursor:pointer;}
.toc-privacy{    float: right; margin-top: 10px; text-align: right;line-height: 1.5; clear:both; }
.gdpr-footer{text-align: center;padding: 10px;margin-top: 10px;} .gdpr-footer span {color: #89BC49;font-weight: bold} .gdpr-footer a{  margin-left: 20px}.gdpr-icon{width: 15px} .gdpr-register{ text-align: right; margin-bottom: 20px}

.image-show-top-info a span {display:none}

body.image-banner-mega-vyprodej {background: #fff url('/data/image/phono-mega-vyprodej.jpg') no-repeat 50% 0;overflow-x: hidden}
.banner-mega-vyprodej {position:absolute;text-align:center;top:0;width:100%;}
.banner-mega-vyprodej a {display:block}
.banner-mega-vyprodej a span {display:none}
.banner-mega-vyprodej .link-top {width:100%;height:85px;}
.banner-mega-vyprodej .link-left {width:177px;height:435px;position: absolute;left:50%;margin-left:-698px}/* position: relative;left: -610px;margin:0 auto; */
.banner-mega-vyprodej .link-right {width:177px;height:435px;position: absolute;right:50%;margin-right:-698px}/* position: relative;right: -610px;margin:0 auto; */
#main.region-cz {margin-top: 85px;}

.show-top-info {position:relative;width:940px; text-align:left; margin:0px auto}
.show-top-info .link-left,
.show-top-info .link-right {width: 150px;text-transform: uppercase;top:5px;text-decoration: none;color:#CC8A70;font-size:21px;line-height:27px;text-align: center}
.show-top-info .link-left span,
.show-top-info .link-right span {display: block;color:#fff;background:#CC8A70;font-size: 16px;margin-top:20px;padding: 10px 0;}
.show-top-info .link-left {position: absolute;left:-190px}
.show-top-info .link-right {position: absolute;right:-190px}

@media screen and (max-width: 960px) {
    .show-top-info {width: 100%}
    .link-top img{width:100%}
}

@media (max-width: 1300px) {
    .show-top-info .link-left,
    .show-top-info .link-right {width: 120px;}
    .show-top-info .link-left {left:-130px}
    .show-top-info .link-right {right:-130px}
}
@media (max-width: 1260px) {
    .show-top-info .link-left,
    .show-top-info .link-right {display:none}
}