/* fonts */
BODY {line-height: 1.3em; color: #202020; letter-spacing: 0.2pt;}
div.content * {font-size: 9pt;}
div.box * {font-size: 8pt;}
div.content h1, div.content h1 *, body.mceContentBody h1, body.mceContentBody h1 * {font-size:18pt;}

/* the whole page */
HTML, BODY {background: #f7f5f5 url(../images/bg-big.png) center top repeat-x scroll}
div#main {width:980px;}
div#main-inside {width:980px;padding-top: 1px} /*padding one pixel - needed to separate body from div.content-container margin, so it's margin does not merge with body's - it would screw up the whole body's background */
DIV#absolute {position: static;}
/* header */
DIV#top-header  {width: 980px}
DIV#top  {background-image: url(../images/header.png);height: 132px; width: 980px}
DIV#top DIV.clear {display:none}
DIV#head {background-color: transparent; border-bottom-width: 0px}
SPAN#logo {background-image: none; height: 100px}
DIV#main-tools {margin: 33px 120px 0px 0px}
* HTML DIV#main-tools {margin-right: 60px}
DIV#main-tools A.advanced-search {color: white}
div.stripe {padding-top:0.2em}
div.stripe A {color: gray}
div#head div.stripe-left-floating {font-size:8pt;font-weight:normal;}
/* footer */
DIV#footer {line-height: normal; padding: 0em 1em; background-image: url(../images/footer-bg.png); background-repeat: repeat-x; height: 128px; margin-top: -128px; background-color: transparent;}
DIV#footer DIV.stripe-left * {font-size: 9pt;}
DIV#footer DIV.footer-links * {font-size: 8pt;}
DIV#footer P.copyright {display: block; margin: 0.6em 0em}
DIV#footer P.text {display: block; margin-top: 1.2em; color: #a0a0a0;}
div#footer DIV.stripe-left {height: 128px; border-right-width: 0px; background: transparent url(../images/footer-divider.png) scroll no-repeat 98% top; width: 72%; padding-right: 3em;}
DIV#footer DIV.footer-links {margin-top: 3em; text-align: left;}
DIV#footer DIV.footer-ads {text-align: right; margin-top: 4em}
DIV#footer DIV.footer-ads, DIV#footer DIV.footer-ads A {color: #a0a0a0;}
/* content */
DIV.content {padding: 5px 5px 0px 5px}
DIV.content-container {margin-top: 131px; background-color: white; background-image: url(../images/content-bg-top.png); background-repeat: no-repeat}
DIV.content-padding {padding-bottom: 128px;}

/* boxes */
div.class-main div.box {margin:0em;}
DIV.box {margin:0em;}
body.section_home DIV.box-no-border {margin: 1em 1em 1em 0em;}

/* main menu */
ul#level-1-navigation {padding-top: 19px; padding-bottom: 0px; margin: 0px; height: 23px; font-size:14px; line-height: 17px; }
ul#level-1-navigation li, ul#level-1-navigation li a, ul#level-1-navigation li a span.inside, ul#level-1-navigation li.selected span.outside, ul#level-1-navigation li.selected span.inside {padding-bottom:6px; padding-top: 5px;}
UL#level-1-navigation LI.selected SPAN.outside, UL#level-1-navigation LI.selected SPAN.inside {padding-top: 6px;}
ul#level-1-navigation * {font-size:14px; height: 17px; line-height: 17px; text-transform: uppercase;}

/* home page */
body.section_home div.group-main {float: left; width: 692px;}
body.section_home div.group-left {float: right; width: 278px;}

div.welcome {background: transparent url(../images/main-page/main-text.png) center top no-repeat scroll; height: 295px; padding-left: 200px; color: #202020}
body.section_home div.welcome DIV.box-no-border {margin: 0em;}
div.welcome h3 {margin-top: 0.4em}
div.class-main div.box-content {padding: 0px;}
div.class-left div.box-content {padding: 0px;}

/* home page boxes */
div.content div.box h2 {margin: 0em; padding-top: 3px;font-size: 8pt; font-weight: normal; color: white; background-repeat: no-repeat;}
div.content div.box h2 A {font-size: 8pt; font-weight: normal; color: white;}

div.group-left div.box h2 {background-image: url(../images/main-page/main-akce-header.png); text-transform: uppercase; }
div.group-left div.box {background-image: url(../images/main-page/main-akce-bg.png); background-repeat:repeat-y; background-position: left top}
div.group-left div.box div.box-bottom {display: block; height: 15px; background-color: white; background-image: url(../images/main-page/main-akce-footer.png); background-repeat:no-repeat; background-position: left top; margin-top: 5px}

div.group-main div.box h2 {background-image: url(../images/main-page/main-cat-header.png); text-transform: uppercase; }
div.group-main div.box {background-image: url(../images/main-page/main-cat-bg.png); background-repeat:repeat-y; background-position: left top}
div.group-main div.box div.box-right {background-image: url(../images/main-page/main-cat-content.png); background-position: left bottom; background-repeat: no-repeat}
div.group-main div.box div.box-bottom {height: 5px; background-image: none}
div.group-main div.box div.box-content {width: 692px;}

div.group-main div.box TABLE.products IMG {border: 1px solid gray; padding: 0em; margin: 0.5em}

div.box-no-border h2, div.box-no-border h2 * {font-size: 9pt;}

body.section_home div.red h2 {background-image: url(../images/main-page/main-akce-header.png);}
body.section_home div.red div.box {background-image: url(../images/main-page/main-akce-bg.png);}
body.section_home div.red div.box-bottom {background-image: url(../images/main-page/main-akce-footer.png);}

body.section_home div.gray h2 {background-image: url(../images/main-page/main-clanky-header.png)}
body.section_home div.gray div.box {background-image: url(../images/main-page/main-clanky-bg.png);}
body.section_home div.gray div.box-bottom {background-image: url(../images/main-page/main-clanky-footer.png); }

body.section_home div.blue h2 {background-image: url(../images/main-page/main-duvody-header.png)}
body.section_home div.blue div.box {background-image: url(../images/main-page/main-duvody-bg.png);}
body.section_home div.blue div.box-bottom {height: 5px; background-image: none}

body.section_home div.yellow h2 {background-image: url(../images/main-page/main-cat-header.png)}
body.section_home div.yellow div.box {background-image: url(../images/main-page/main-cat-bg.png);}
body.section_home div.yellow div.box-right {background-image: url(../images/main-page/main-cat-content.png); background-position: left bottom; background-repeat: no-repeat}
body.section_home div.yellow div.box-bottom {height: 5px; background-image: none}

body.section_home div.kontakt h2 {background-image: url(../images/main-page/main-kde-header.png)}
body.section_home div.kontakt div.box {background-image: none}
body.section_home div.kontakt div.box-right {background-image: url(../images/main-page/main-kde-bg-big.png); background-repeat: no-repeat; background-position: left 15px;}
body.section_home div.kontakt div.box-bottom {height: 5px; background-image: none}
body.section_home div.kontakt div.box-text {padding-top: 110px; line-height: 1.4em}

div.group-main div.box-no-border {margin-right: 1em; width: auto}
div.group-main div.box-no-border h2 {margin: 0em; background-color: #efefef;}


div.rozcestnik H4 {margin: 0.5em 0em 0em 0em}
div.rozcestnik P {font-size: 7pt; margin: 0em}  


/* home page boxes - additional inside padding */
div.box TABLE.products {border-width: 0px;}
div.box TABLE.products TD {border-width: 0px 0px 1px 0px; padding: 10px 15px}
div.box TABLE.products TR:last-child TD {border-bottom-width: 0px;}
div.box UL.articles {margin-right: 1em}
div.box div.box-text {padding: 0em 1em}
div.box div.reasons-box-title,  div.group-left div.reasons-box-text, div.group-left span.reasons-box-link {padding: 0em 1em}
div.box div.reasons-box-title {margin-top: 1em; margin-bottom: 0em}

/* navigation */
DIV.navigation div.box H2 {background-image: none; background-color: #ffffba; text-transform: none; font-size: 10pt; padding: 0.3em 1.5em; color: #505050}
DIV.navigation {line-height: 1.3em}
ul.level-2-navigation ul li {border-bottom-width: 0px}
ul.level-2-navigation li {border-bottom:1px solid #afafaf; border-top:1px solid #ebebeb; }
DIV.navigation LI SPAN.selected span.inside {background-image: url(../images/menu-left/arrow-yellow.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px;}
DIV.navigation LI SPAN.not-selected A {background-image: url(../images/menu-left/arrow-light.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px;}
DIV.navigation LI SPAN.selected-deeper A {background-image: url(../images/menu-left/arrow-dark.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px;}
DIV.navigation LI SPAN.selected-deeper {background-color: #c3c3c3}


/* eshop2 */
TABLE.products * {font-size: 8pt;}
TABLE.products TD {width: 33%; vertical-align: top;}
div.class-whole TABLE.products TD {width: 25%;}
TABLE.products span.product-price, TABLE.products div.product-perex, TABLE.products div.product-availability, TABLE.products div.product-perex P  {font-size: 7pt;}
TABLE.products div.product-perex P {margin: 0em}
a.add-to-cart {background-image:url(../images/button/pridat-do-kosiku-bg.png); padding: 6px 0px 6px 105px}
div.cart-summary-text {line-height: normal}

div#main-content {margin:2px 0px 0px 4px; padding:0 1em 1em; background: transparent url(../images/listing/category-info-bg.png) scroll left top repeat-x}

/* category list */
span.search-link a.params-search {font-size: 9pt; padding-left: 30px; line-height: 27px; background: transparent url(../images/listing/lupa.png) scroll left center no-repeat; vertical-align: 50%; padding-top: 0px; margin-top: 5px}
DIV.sort {padding: 0.4em; margin-bottom: 0.5em}
DIV.sort, DIV.sort * {vertical-align: middle; font-size: 10pt}
a.sort-asc, a.sort-desc {line-height: 29px; font-size: 15px; padding: 7px 0px 7px 25px; background-repeat: no-repeat;}
a.sort-asc {background-image:url(../images/listing/sort-up-off.png)}
a.sort-asc-selected {background-image:url(../images/listing/sort-up-on.png)}
a.sort-desc {background-image:url(../images/listing/sort-down-off.png)}
a.sort-desc-selected {background-image:url(../images/listing/sort-down-on.png)}

/* pagination */
div.pagination {margin-top: 0.3em}
div.pagination * {font-size: 14px; line-height: 28px}
div.pagination span.label {color: gray; padding-right: 5px}
div.pagination span.delimiter {display: none}
div.pagination span.current, div.pagination span.other {padding: 7px 11px; background: transparent none no-repeat scroll center center;}
div.pagination span.current {background-image: url(../images/listing/listing-bg-on.png)}
div.pagination span.other {background-image: url(../images/listing/listing-bg-off.png)}

/* labels */
div.product-labels span {padding: 2px 3px 2px 50px ;}
div.product-labels span.label-in-stock {background-image:url(../images/ikonky/gastro-skladem.png);}
div.product-labels span.label-discount {background-image:url(../images/ikonky/sleva-gastronomicke-vybaveni.png);}
div.product-labels span.label-tip {background-image:url(../images/ikonky/gastro-tip.png);}

/* product */
div#tabs_related {clear: both; padding-top: 3em}
div.product-left, div.product div.product-image {float: left; width: 220px; clear: none;}
div.product-right {float: right; width: 450px; clear: none}
div.product-info, div.product-images, div.product-param-images  {float: none}
div.product-images H3, div.product-files H3, div.product-links H3 {font-size: 11pt; font-weight: normal; padding-left: 20px; background: transparent none no-repeat scroll left center; margin: 0.7em 0em 0.3em 0em;}

div.product div.product-image IMG {border: 1px solid #dddddd; background-color: white; margin: 0em}
div.product div.product-image a {font-size: 1px}

div.product-left {padding: 0.4em; padding-bottom: 2em; background-color: #f0f0f0}

div.product-images {margin: 0em}
div.product-images H3 {background-image: url(../images/product-detail/more-photos-icon.png)}
div.product-images * {vertical-align: middle}
div.product-images IMG {margin: 3px 1px; border: 1px solid #dddddd; padding: 1px;}
div.product-images DIV.clear {display: none;}
div.product-param-images {margin: 1em 0em; text-align: center;}
div.product-param-images IMG {margin: 0.5em}
div.product-info {width: auto}
table.product-price {border-style: solid; border-width:1px 0px 0px; line-height: 1.3em}
table.product-price td, table.product-price th {border-width: 0px;}
table.product-price th {font-weight: normal; width: 40%}
table.product-price td {width: 30%}
table.product-price tr.buy th {font-weight: bold}
table.product-price tr * {font-size: 8pt; color: #606060}
table.product-price tr.buy * {font-size: 10pt; color: inherit}
div.product-text H2 {display: none}
table.product-param-table CAPTION {display: none}

div.product-files H3 {background-image: url(../images/product-detail/more-files-icon.png)}
div.product-links H3 {background-image: url(../images/product-detail/link-icon.png)}
div.product-files UL, div.product-links UL {padding-left: 0em}
div.product-files LI, div.product-links LI {list-style-type: none}

div#tabs_related ul#form-tabs {margin-bottom: 0em; border-bottom: 4px solid #b1b1b1; padding: 0em; text-transform: uppercase}
div#tabs_related ul#form-tabs * {background-color: transparent; padding: 0em}
div#tabs_related ul#form-tabs LI {padding: 0px 2px}
div#tabs_related ul#form-tabs LI A {border: 1px solid #b1b1b1; border-width: 1px 1px 0px 1px; padding: 7px 20px 7px 30px; line-height: 28px; background-repeat: no-repeat; background-position: 5% center; background-color: #ebebeb}
div#tabs_related ul#form-tabs li.selected A {background-color: #b1b1b1}
div#tabs_related ul#form-tabs li.selected {position:static; }
div#tabs_related LI#link_accessory A {background-image: url(../images/product-detail/accessories-icon-off.png);}
div#tabs_related LI.selected#link_accessory A {background-image: url(../images/product-detail/accessories-icon-on.png);}
div#tabs_related LI#link_link A {background-image: url(../images/product-detail/similar-products-icon-off.png);}
div#tabs_related LI.selected#link_link A {background-image: url(../images/product-detail/similar-products-icon-on.png);}
div#tabs_related ul#form-tabs a SPAN.inside {background-image: none !important}

div#tabs_related div.tabs-tab {border: 2px solid #b1b1b1;}
div#tabs_related div.tabs-tab TABLE.products {border-width: 0px;}
div#tabs_related div.tabs-tab TABLE.products TD {border-width: 0px 2px 2px 0px; border-color: #b1b1b1}
div#tabs_related div.tabs-tab TABLE.products TD:last-child {border-right-width: 0px;}
div#tabs_related div.tabs-tab TABLE.products TR:last-child TD {border-bottom-width: 0px;}

/* pages with cart */
body.kosik div#main-content {background-image: none}
body.kosik div.group-main {float: left; width: 730px;}
body.kosik div.group-left {float: right; width: 240px; margin-top: 8em}

/* order */
span.order-step {display: none}
ul.order-progress li div {border-width: 0px; background-color: transparent; padding-top: 40px; color: white; font-weight: bold; text-transform: uppercase}
ul.order-progress li div a {color: white !important;}
ul.order-progress li.selected div {background-color: transparent;}
ul.order-progress li, ul.order-progress li.final {width: 175px; height: 93px;}
ul.order-progress li.cart {background-image: url(../images/proces-objednavky/1-nakupni-kosik-off.png);}
ul.order-progress li.cart-selected {background-image: url(../images/proces-objednavky/1-nakupni-kosik-on.png);}
ul.order-progress li.payment {background-image: url(../images/proces-objednavky/2-doprava-a-platba-off.png);}
ul.order-progress li.payment-selected {background-image: url(../images/proces-objednavky/2-doprava-a-platba-on.png);}
ul.order-progress li.customer {background-image: url(../images/proces-objednavky/3-informace-o-vas-off.png);}
ul.order-progress li.customer-selected {background-image: url(../images/proces-objednavky/3-informace-o-vas-on.png);}
ul.order-progress li.final {background-image: url(../images/proces-objednavky/4-shrnuti-objednavky-off.png);}
ul.order-progress li.final-selected {background-image: url(../images/proces-objednavky/4-shrnuti-objednavky-on.png);}

form.cart input.button, form.payment input.button, form.customer input.button {height: 38px; color: white; border-width: 0px; cursor: pointer}
form.cart input.button {width: 286px; padding-right: 35px; background-image: url(../images/proces-objednavky/button-zvolit-platbu-dopravu.png)}
form.payment input.button {width: 286px; padding-right: 35px; background-image: url(../images/proces-objednavky/button-zadat-adresu-pro-doruceni.png)}
form.customer input.button {width: 286px; padding-right: 30px; background-image: url(../images/proces-objednavky/button-odeslat-objednavku.png)}

span.cart-recalculate input.button {width: 175px; padding-right: 0px; padding-left: 20px; font-size: 8pt;  height: 34px; background-image: url(../images/proces-objednavky/button-prepocitat-pocet-kusu.png)}

p.order-warning {background-image:url(../images/proces-objednavky/chyba-krizek.png); height:21px; padding-left:30px;}
div.order-ok {
	background-color:#E0FED8;
	background-image:url(../images/proces-objednavky/fajfka-objednavka-odeslana.jpg);
	background-position:1% center;
	background-repeat:no-repeat;
	border:1px solid #4DC031;
	color:#3EAA32;
	padding:20px 0 20px 60px;
}

body.kosik div.box-no-border {margin-bottom: 0.5em;}
body.kosik div.box-no-border H2 {font-size: 8pt; font-weight: normal; color: gray}
body.kosik div.box-no-border div.box-content * {font-size: 8pt; line-height: normal}
body.kosik div.box-no-border P {margin: 1em 0em}

div.poradime {min-height: 131px; background: transparent url(../images/proces-objednavky/box-poradime.png) no-repeat scroll left top}
div.poradime div.box-content {padding-left: 80px}
div.prodejna {min-height: 194px; background: transparent url(../images/proces-objednavky/box-kamenna-prodejna.png) no-repeat scroll left top}
div.prodejna div.box-content {padding-left: 80px}