* {
    margin: 0;
    padding: 0;
}
body {
    background: #f0f1f4 url('/media/page/bcg-body.png') repeat-x left top;
    color: #6e778a;
    font-family: Arial, helvetica, sans-serif;
    font-size: 75%; /* 100% == 16px */
    line-height: 127%;
}
.non-visible {
    height: 1px !important;
    left: -5000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -5000px !important;
    width: 1px !important;
}
.cleaner, .cleaner-left {
    clear: both !important;
    display: block !important;
    float: none !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.cleaner-left {
    clear: left !important;
}
legend,
.no-display {
    display: none;
}
img {
    border: none;
}
img.float-left {
    float: left;
    margin: 0 20px 10px 0;
}
img.float-right {
    float: right;
    margin: 0 0 10px 20px;
}
img.border {
    border: 1px solid #dbdde2;
    padding: 3px;
    background-color: #fff;
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
address {
    font-style: normal;
}
ul,
ol {
    margin: 20px;
}
ul.aktuality {
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 10px 0px;
}
ul.aktuality li {
    list-style-image: url('/media/page/plus.png');
    margin-bottom: 10px;
    font-size: 11px;
}
p {
    margin: 0 0 20px 0;
}
a {
    color: #0089a5;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.ico {
    display: block;
    float: left;
    margin: 10px 20px 10px 0;
}
a.button {
    width: 99px;
    height: 21px;
    line-height: 21px;
    font-size: 11px;
    display: block;
    text-align: center;
    background: url('/media/page/button.png') top left no-repeat;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
h1 {
    color: #e78024;
    font-size: 133%;
    margin: 20px 0px 10px 0px;
}
h2 {
    color: #e78024;
    font-size: 117%;
    margin: 10px 0px 10px 0px;
}
h3 {
    color: #0089a5;
    font-size: 13px;
    margin: 2px 0px;
}
input,
textarea {
    border: 1px solid #C4C9D5;
}
input {
    height: 18px;
    padding: 1px;
}
p.more {
    text-align: right;
}
.orange {
    color: #f0762a;
}
.vyrazne {
    color: #000;
    font-weight: bold;
}
#container {
    margin: 0 auto;
    width: 992px;
	display: block;
}
#container-in {
	background-color: #ffffff;
	border-bottom: 1px solid #e6eaf4;
	margin-bottom: 3px;
}

/* HEADER */
#header {
    height: 101px;
    background: url('/media/page/bcg-top.png') top left repeat-x;
    border-bottom: 1px solid #e6eaf4;
    padding-left: 15px;
}
#header h3.logo, #header h1.logo {
    float: left;
    display: inline;
    margin: 21px 0px 0px 0px;
}
#header h3.logo a, #header h1.logo a {
    width: 230px;
    height: 73px;
     display: block;
    background: transparent url('/media/page/logo.png') top left no-repeat;
}

#header #header-right {
    float: right;
    padding-right: 5px;
    width: 730px;
}
#header-right #topmenu {
    float: right;
    _width: 726px;
    background: url('/media/page/bcg-topmenu.png') top left repeat-x;
    margin-bottom: 18px;
}
#topmenu ul {
	list-style: none;
	margin: 0px;
}
#topmenu ul li {
    border-bottom: 1px solid #e6eaf4;
	float: left;
	list-style: none;
    position: relative;
}
#topmenu ul li a {
    height: 23px;
	width: 96px;
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-left: 2px solid #fff;
	padding-top: 18px;
	z-index: 5000;
}
#topmenu ul li a.first {
    width: 28px;
    height: 23px;
    background: url('/media/page/bcg-topmenu-left.png') left top no-repeat;
}
#topmenu ul li a.last {
    background: url('/media/page/bcg-topmenu-right.png') right top no-repeat;
}
#topmenu ul li a.biggest {
    background: url('/media/page/bcg-topmenu-big.png') left top repeat-x;
    float: left;
    font-size: 133%;
    height: 28px;
}
#topmenu ul li:hover a {
    background: url('/media/page/bcg-topmenu-hover.png') left top repeat-x;
}
#topmenu ul li a.noborder {
    border-left: none;
}
#topmenu ul li span.left-corner {
    float: left;
    height: 46px;
    width: 5px;
    display: block;
    background: url('/media/page/bcg-topmenu-big-left.png') top left no-repeat;
    border-left: 2px solid #fff;
}
#topmenu ul li span.right-corner {
    float: left;
    height: 46px;
    width: 5px;
    display: block;
    background: url('/media/page/bcg-topmenu-big-right.png') top right no-repeat;
}
#topmenu ul li:hover span.left-corner,
#topmenu ul li:hover span.right-corner,
#topmenu ul li:hover a.biggest {
    background: url('/media/page/bcg-topmenu-big.png') left -54px repeat-x;
}
#header-right #topmenu ul li ul {
    background: #f8f8f8 url('/media/page/sekce-right-bg.gif') repeat-y left top;
    border: 1px solid #dbdde2;
    border-top: 5px solid #01a0c1;
    display: none;
    margin-top: 0px;
    margin-left: 2px;
    padding: 2px 0 10px 0;
    position: absolute;
    top: 40px;
    .top: 41px;
    width: 230px;
    z-index: 1000;
}
#header-right #topmenu ul li.biggest ul {
    border-top: 5px solid #feb101;
    .left: 0;
    top: 45px;
    .top: 46px;
    z-index: 1001;
}
#header-right #topmenu ul li:hover ul {
    display: block;
}
/*#header-right #topmenu ul li.biggest:hover ul {
    .top: 47px
}
#header-right #topmenu ul li.biggest:hover a.biggest {
    .height: 29px;
}*/
#header-right #topmenu ul li.biggest:hover {
    .position: relative;
    .z-index: 1;
}
#header-right #topmenu ul li ul li {
    float: none;
    line-height: 20px;
    z-index: 101;
}
#topmenu ul li ul li a {
    background: transparent url('/media/page/point.png') no-repeat 10px 8px !important;
    color: #0089a5;
    text-align: left;
    padding: 0px 5px 0px 20px;
    white-space: normal;
    width: auto;
    font-weight: normal;
}
#topmenu ul li ul li a:hover {
    color: #e78024;
    background-color: #fff;
}
#header-right #header-find {
    padding: 0px;
}
#header-find form {
    float: right;
    margin: 0px;
    text-align: right;
    display: inline;
    background: url('/media/page/ico-find.png') left 2px no-repeat;
    white-space: nowrap;
}
#header-find form input.find {
    border: 1px solid #c4c9d5;
    margin-left: 20px;
    padding: 1px;
    width: 200px;
}
#header-find form input.submit {
    background: none;
    border: none;
    color: #0089a5;
    cursor: pointer;
}

/* PAGE */
#page {
    background: url('/media/page/bcg-content.png') top left repeat-x;
    margin: 5px;
    padding: 10px;
    border-bottom: 1px solid #e6eaf4;
}

/* MAINMENU */
#page #left-col {
    float: left;
    width: 230px;
}
#page #left-col #mainmenu {
    border: 1px solid #dbdde2;
    background-color: #f8f8f8;
}
#mainmenu #mainmenu-in {
    border: 1px solid #ffffff;
}
#mainmenu #mainmenu-in div.nadpis {
    background: url('/media/page/bcg-menu-orange.png') top left repeat-x;
    height: 23px;
    margin-bottom: 0px;
    line-height: 23px;
    border-bottom: 1px solid #f8f8f8;
}
#mainmenu #mainmenu-in div.nadpis a {
    display: block;
    padding-left: 10px;
    margin-left: 15px;
    color: #ffffff;
    font-weight: bold;
    background: url('/media/page/menu-sipka.png') center left no-repeat;
    text-decoration: none;
}
#mainmenu #mainmenu-in div.nadpis a:hover {
    text-decoration: underline;
}
#mainmenu-in ul.treeview {
    margin: 0px;
    padding: 10px 0px 21px 0px;
}
#mainmenu-in ul.treeview li {
    padding: 3px 0px 3px 26px;
    border-bottom: 1px solid #ebedf3;
    font-size: 11px;
}
#mainmenu-in ul.treeview li ul {
    margin: 5px 0px;
}
#mainmenu-in ul.treeview li ul li {
    border-bottom: none;
}
#mainmenu-in ul.treeview li.border-top {
    border-top: 1px solid #ebedf3;
}
#page #left-col div.top_banner,
#page #left-col #newsletter {
    border: 1px solid #dbdde2;
    background-color: #f8f8f8;
    margin: 20px 0px;
}
#page #left-col div.top_banner {
    padding: 1px;
}
#page #left-col #newsletter #newsletter-in {
    border: 1px solid #ffffff;
}
#page #left-col div.top_banner div.nadpis,
#page #left-col #newsletter #newsletter-in h2 {
    display: block;
    background: url('/media/page/bcg-menu-blue.png') top left repeat-x;
    font-weight: bold;
    margin-top: 0px;
    height: 23px;
    line-height: 23px;
    color: #ffffff;
    padding-left: 10px;
}
#page #left-col div.top_banner div.nadpis {
    font-size: 120%;
}
#page #left-col div.top_banner span.ico {
    display: none;
}
#page #left-col div.top_banner div.tb_content,
#page #left-col div.top_banner div.tb_linx,
#page #left-col #newsletter #newsletter-in .io_cont {
    padding: 5px 10px;
}
#page #left-col div.top_banner div.tb_content.logged p.user_name_logged {
    margin-bottom: 0;
}
#page #left-col div.top_banner div.tb_linx.logged ul {
    margin: 0 20px 10px;
}
#page #left-col div.top_banner #login-banner-form input#e-mail,
#page #left-col div.top_banner #login-banner-form input#password {
    width: 200px;
}
#page #left-col div.top_banner #login-banner-form input#e-mail,
#page #left-col div.top_banner #login-banner-form input#password,
#page #left-col div.top_banner #login-banner-form button {
    display: block;
    margin: 0 0 3px 0;
}
#page #left-col div.top_banner #login-banner-form button {
    margin-top: 7px;
}
#page #left-col #newsletter #newsletter-in .io_cont form input {
    margin-bottom: 10px;
    width: 205px;
}
#page #left-col #newsletter #newsletter-in .io_cont #odhlasit,
#page #left-col div.top_banner #login-banner-form button,
#page #left-col #newsletter #newsletter-in .io_cont #prihlasit {
    width: 56px;
    height: 17px;
    float: right;
    background: url('/media/page/button-odhlasit.png') center left no-repeat;
    border: none;
    cursor: pointer;
}
#page #left-col div.top_banner #login-banner-form button,
#page #left-col #newsletter #newsletter-in .io_cont #prihlasit {
    float: left;
    background: url('/media/page/button-prihlasit.png') center left no-repeat;
}
#page #content {
    float: right;
    padding-bottom: 15px;
    width: 718px;
}
#hrefs ul {
    height: 34px;
	float: right;
    list-style: none;
	margin: 10px 10px 0px 0px;
}
#hrefs ul li {
    border-right: 1px solid #a8a8a8;
    float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 5px;
}
#hrefs ul li.last {
    border-right: none;
}
#hrefs {
    font-size: 92%;
    line-height: 108%;
}
#footer {
    background-color: #f0f1f4;
    color: #747474;
    font-size: 92%;
    height: 56px;
    line-height: 15px;
    margin: 0px;
    padding: 12px 0px 0px 15px;
}
#footer a {
    color: #747474;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;;
}

/* PODSTRANKA */
#header-find #header-find-left {
    float: left;
    line-height: 15px;
    width: 400px;
}
#header-find #header-find-left ul {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 4px 0px;
}
#header-find #header-find-left ul li {
    list-style: none;
    display: inline;
    margin-right: 12px;
}
a.print {
    background: url('/media/page/ico-print.png') no-repeat left 0;
    padding-left: 18px;
}
a.send {
    background: url('/media/page/ico-send.png') no-repeat left 0;
    padding-left: 18px;
}
a.save {
    background: url('/media/page/ico-save.png') no-repeat left 1px;
    padding-left: 18px;
}
a.export {
    background: url('/media/page/ico-export.png') no-repeat left 0;
    padding-left: 18px;
}
#content #content-in {
    padding: 0px 20px;
}
#content #content-in #page-navigation {
    background: url('/media/page/big-point.png') no-repeat left 0;
    padding-left: 15px;
    font-weight: bold;
    margin: 10px 0px;
}
#content #content-in #page-navigation h5 {
    color: #263043;
    font-size: 92%;
    line-height: 108%;
}
#content #content-in #page-navigation h5 span {
    color: #f0762a;
}
#content #content-in #page-navigation a {
    text-decoration: none;
}
#content #content-in #page-navigation a:hover {
    text-decoration: underline;
}
#content #content-in #page-navigation a:hover {
    text-decoration: underline;
}
#content-in .pict-left {
    float: left;
    margin: 0 5px 0 0;
}
#content-in .text {
    vertical-align: top;
}
ul.clasic {
    list-style: none;
    margin: 5px 0px 20px 0px;
}
ul.clasic li {
    list-style: none;
    background: url('/media/page/point.png') no-repeat center left;
    padding: 5px 0px 5px 15px;
}
.more {
    margin: 10px 0;
    text-align: right;
}
.more a {
    background: transparent url('/media/page/next.png') no-repeat scroll right 1px;
    padding-right: 17px;
}
p.error {
    color: #f0762a;
}

div.more {
    float: right;
}

/* SLIDER */
div.table-footer {
    margin: 30px 0px 0px 0px;
/*    border-top: 1px solid #d2d6db; */
    height: 20px;
    line-height: 20px;
}
div.table-footer form p {
    margin: 5px 0px;
}
div.table-footer form p span.slider-input-info label {
    float: left;
}
div.table-footer form p span.slider-input-info input {
    width: 25px;
    float: left;
    font-size: 11px;
    height: 13px;
    padding: 1px;
    margin-top: 2px;
    text-align: center;
}
div.table-footer form p span.slider-input-info button#slider_button {
    width: 56px;
    height: 17px;
    background: url('/media/page/btn-prejit.png') no-repeat 0px 0px;
    border: none;
    cursor: pointer;
    margin: 2px 0px 0px 5px;
    float: left;
    margin-left: 5px;
}
div.table-footer form p .slider-arrows {
    float: right;
}
.slider-arrows .slider-previous {
    background: url('/media/page/back.png') no-repeat left center;
    padding-left: 15px;
}
.slider-arrows .slider-next {
    background: url('/media/page/next.png') no-repeat right center;
    padding-right: 15px;
}

/* KATALOG PRODUKTU */
div.katalog div.polozka,
div.katalog div.produkt {
    float: left;
    border: 1px solid #dbdde2;
    background-color: #fff;
    width: 160px;
    margin: 10px 10px 0px 0px;
}
div.katalog div.polozka.no-right-margin,
div.katalog div.produkt.no-right-margin {
    margin-right: 0px;
}
div.katalog div.polozka table tr,
div.katalog div.produkt table tr {
    padding: 0px;
    margin: 0px;
}
div.katalog div.polozka table tr td,
div.katalog div.produkt table tr td {
    vertical-align: middle;
    width: 160px;
    padding: 0 8px;
    margin: 1px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dbdde2;
    height: 38px;
}
div.katalog div.produkt table tr td {
    background-color: #fff;
    border-bottom: none;
}
div.katalog div.polozka table tr td h3,
div.katalog div.produkt table tr td h3 {
    display: block;
    text-align: center;

}
div.katalog div.polozka a,
div.katalog div.polozka table tr td h3 a,
div.katalog div.produkt a,
div.katalog div.produkt table tr td h3 a {
    display: block;
    font-size: 12px;
    text-decoration: none;
}
div.katalog div.polozka table tr td h3 a:hover,
div.katalog div.produkt table tr td h3 a:hover {
    text-decoration: underline;
}
div.katalog div.polozka a span,
div.katalog div.produkt a span {
    cursor: pointer;
}
div.katalog div.polozka span.nahled,
div.katalog div.produkt span.nahled {
    display: block;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
div.katalog div.produkt span.nahled span.produkt-v-akci {
    background: transparent url('/media/page/akce.png') no-repeat left top;
    bottom: 5px;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    width: 40px;
}
div.katalog div.produkt div.more-price {
    border-top: 1px solid #dbdde2;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}
div.katalog div.produkt div.more-price span.price {
    float: left;
    color: #ee712a;
}
div.katalog div.produkt div.more-price a.detail {
    float: right;
    padding-right: 17px;
    color: #b2b2b2;
    background: url('/media/page/more.png') no-repeat center right;
}
div.katalog div.struktura_vypisu {
    border-top: 1px solid #d2d6db;
    padding: 10px 0 5px 0;
}
div.katalog div.struktura_vypisu div {
    float: right;
}
div.katalog div.struktura_vypisu select {
    border: 1px solid #abadb3;
    color: #333;
}
/* DETAIL PRODUKTU */
h1.produkt-v-akci {
    background: transparent url('/media/page/akce-big.png') no-repeat right top;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 10px;
}
div.hr {
    border-top: 1px solid #fff;
    height: 1px;
    margin: 10px 0;
}
.detail-produktu ul.doted {
    list-style: none;
    margin: 5px 0px 5px 8px;
}
.detail-produktu ul.doted li {
    list-style: none;
    background: transparent url('/media/page/point.png') no-repeat left center;
    padding: 5px 5px 5px 10px;
}
.detail-produktu h2 {
    color: #0089a5;
    font-size: 12px;
    margin-top: 15px;
}
.detail-produktu h2.dark-hr {
    border-bottom: 1px solid #dbdde2;
    padding-bottom: 2px;
}
.detail-produktu div.akce-popis {
    font-weight: bold;
    color: #e78024;
}
.detail-produktu table {
    font-size: 10px;
    border-spacing: 0px;
    border-collapse: collapse;
}
.detail-produktu table tbody tr td,
.detail-produktu table tbody tr th {
    margin: 0px;
    padding: 3px 5px;
    border: 1px solid #dbdde2;
}
.detail-produktu table tbody tr td a,
.detail-produktu div.doporucit a,
.detail-produktu div.poptat-zbozi a {
    background: url('/media/page/next.png') no-repeat right 1px;
    padding-right: 17px;
}
.detail-produktu table tbody tr td.cena {
    color: #ee712a;
    text-align: right;
}
.detail-produktu table tbody tr td.cena-no-color {
    text-align: right;
}
.detail-produktu table tbody tr td.jednotka {
    text-align: center;
}
.detail-produktu div.poptat-zbozi {
    float: right;
    margin: 15px 20px 0px 0px;
}
.detail-produktu div.doporucit {
    float: right;
    margin: 15px 0 0 0;
}
.detail-produktu div.fotogalerie {
    margin-top: 20px;
}
.detail-produktu div.fotogalerie a img {
    float: left;
    border: 1px solid #dbdde2;
    margin: 0 29px 29px 0;
}
.detail-produktu div.fotogalerie a img.last {
    margin: 0 0 29px 0;
}