/* fonts */
* {font-family: Verdana, 'Geneva CE', lucida, sans-serif;}
HTML, BODY {line-height: 1.3em; color: #212121; 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;}
A {color: #06276F; }
A:visited {color: #2A4580;}
A:hover {color: #d40500;cursor:hand;}
/* the whole page */
HTML, BODY {background: #e2e2e2 url(../images/site-bg.png) center top repeat-x scroll}
div#main {width:980px;}
div#main-inside {width:980px;} /*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;}
DIV.content-padding {padding-left: 10px; padding-right: 10px; background: transparent url(../images/content-bg.png) repeat-y scroll left top}
/* header */
DIV#top {width: 960px; padding: 0px 10px; background-color: transparent; background-image: url(../images/header-bg-big.png); background-position: right top; background-repeat: no-repeat}
DIV#head {background-color: transparent; border-bottom-width: 0px; height: 20px; padding: 0px; margin: 5px}
DIV#header {height: 115px;}
SPAN#logo {background-image: url(../images/logo.png); height: 100px; width: 232px; background-position: left top;}
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 {border-width: 0px; line-height: normal; padding: 30px 460px 30px 20px; background-image: url(../images/footer-bg.png); background-repeat: repeat-x; min-height: 170px; margin-top: -230px; background-color: transparent}
DIV#footer DIV.stripe-left * {font-size: 9pt;}
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 {float: none; border-width: 0px; width: auto;}
DIV#footer DIV.footer-ads {text-align: left; clear: both; margin-top: 1em}
DIV#footer DIV.footer-ads, DIV#footer DIV.footer-ads A {color: #a0a0a0;}

DIV#footer DIV.float {float: right; width: 230px;}
* html DIV#footer DIV.float {padding-top: 1.6em}
DIV#footer DIV.stripe-left H3 {text-transform: uppercase; font-size: 8pt;}
DIV#footer DIV.stripe-left BR {display: none}
DIV#footer UL {padding-left: 0em;}
DIV#footer LI {list-style-type: none; border-top: 1px dotted #a0a0a0; padding: 0.3em 0em}
DIV#footer LI:first-child {border-top-width: 0px}
DIV#footer DIV.stripe-left LI A {text-decoration: none; font-size: 8pt;}

DIV#footer DIV.footer-links * {font-size: 8pt; display: block; text-align: left; border-top: 1px dotted #a0a0a0; padding: 0.3em 0em; text-decoration: none;}
DIV#footer DIV.footer-links A:first-child {border-top-width: 0px}
DIV#footer DIV.footer-links {margin-right: 250px; font-size: 1px; border-right: 1px solid #a0a0a0; padding-right: 15px}



/* content */
DIV.content {padding: 0px}
DIV.content-container {background-color: transparent;}
DIV.content-padding {padding-bottom: 260px;padding-top: 115px;}
div#content-bottom {clear: both;}

/* boxes */
DIV.box {margin:0em;}
body.section_home DIV.box-no-border {margin: 1em 1em 1em 0em;}
DIV.class-left DIV.box-no-border a.image-only IMG {margin:0em;}

/* main menu */
ul#level-1-navigation {padding-top: 0px; padding-bottom: 0px; margin: 0px; height: 39px; font-size:10px; background: transparent url(../images/navigation-top/menu-bg.png) scroll bottom left repeat-x; border-width: 0px; text-align: left; padding-left: 10px; position: relative; z-index: 3}
ul#level-1-navigation * {font-size:10px; line-height: 14px; text-transform: uppercase;}
/* all levels but the last */
ul#level-1-navigation li, ul#level-1-navigation li a, ul#level-1-navigation li.selected span.outside {background-color: transparent; display: block; float: left; padding: 0px; height: 39px}
/* first level */
ul#level-1-navigation li {padding: 0px 8px; background-repeat: no-repeat;}
/* last level */
ul#level-1-navigation li a span.inside, ul#level-1-navigation li.selected span.inside {height: 14px; padding-top: 10px; padding-bottom: 15px; display: block; float: left; border-width: 0px; color: #404040;}
ul#level-1-navigation A span.underline, ul#level-1-navigation li.selected A {color: #404040; }
ul#level-1-navigation li.selected span.inside a {display: inline; float: none}

DIV#content-top {border-width: 0px; height: 0px; clear: both}

ul#level-1-navigation li {background-image: url(../images/navigation-top/zalozka-left-off.png);}
ul#level-1-navigation li a {background-image: url(../images/navigation-top/zalozka-right-off.png); padding-right: 8px; background-repeat: no-repeat; background-position: right top}
ul#level-1-navigation li span.inside {background-image: url(../images/navigation-top/zalozka-bg-off.png); padding-left: 4px; padding-right: 4px;}

ul#level-1-navigation li.selected {background-image: url(../images/navigation-top/zalozka-left-on.png)}
ul#level-1-navigation li.selected span.outside {position: static; background-image: url(../images/navigation-top/zalozka-right-on.png); padding-right: 8px; background-repeat: no-repeat; background-position: right top}
ul#level-1-navigation li.selected span.inside {background-image: url(../images/navigation-top/zalozka-bg-on.png); padding-left: 4px; padding-right: 4px;}

/* revert IE specific from eshop-style */
* html UL#level-1-navigation {position:relative; top: 0px}
*:first-child+html UL#level-1-navigation LI {padding: 0px 8px; } * html UL#level-1-navigation LI {padding: 0px 8px; }
*:first-child+html UL#level-1-navigation LI A {padding-right: 8px} * html UL#level-1-navigation LI A {padding-right: 8px}
*:first-child+html UL#level-1-navigation LI.selected SPAN.outside {padding-right: 8px} * html UL#level-1-navigation LI.selected SPAN.outside {padding-right: 8px}

/* layout */
div.group-main {width: 684px;}
div.group-left {width: 276px;}
div#content-after-menu {background: transparent url(../images/left-column/left-bg.png) repeat-y scroll left top; width: 960px}
body.section_home div#content-after-menu {background-image: none; background-color: white}
div#main-content {margin-left: 1.5em; margin-right: 0em}
body.section_home div.group-main {float: left; width: 474px;}
body.section_home div.group-left {float: right; width: 474px;}
div.box, div.box-no-border {margin: 0.5em 0em}
div.class-main div.box {margin:0.5em 0em;}

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

div.group-left div.box-top {display: block; height: 4px; background-image: url(../images/left-column/textbox-left-box-header-top.png);}
div.group-left div.box h2 {background-image: url(../images/left-column/textbox-left-box-header.png); background-repeat:repeat-y; font-size: 10pt; padding: 2px 1em;}
div.group-left div.box-content {background-image: url(../images/left-column/textbox-left-box-bg.png); background-repeat:repeat-y; background-position: left top}
div.group-left div.box div.box-bottom {display: block; height: 15px; background-color: transparent; background-repeat:no-repeat; background-position: left top;}

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 {display: block; height: 15px; background-color: transparent; background-repeat:no-repeat; background-position: left top;}
/*div.group-main div.box div.box-content {width: 692px;}*/

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

/* box classes */
div.dark div.box-top {display: none}
DIV.dark div.box H2 {background-image: url(../images/left-column/callback-left-box-header.png); color: #dfdfdf; height: 27px; padding: 0px 1em; line-height: 27px}
DIV.dark div.box-content {background-image:url(../images/left-column/callback-left-box-bg.png)}
DIV.dark * {color: #fffffd}
DIV.dark input {color: black}

div.green div.box-top {background-image: url(../images/left-column/reasons-left-box-header-top.png);}
DIV.green div.box H2 {background-image: url(../images/left-column/reasons-left-box-header.png); color: #fffeff;}
DIV.green div.box-content {background-image:url(../images/left-column/reasons-left-box-bg.png); padding: 1px 0em}
DIV.green div.box div.reasons-box-title {background-image:url(../images/left-column/reasons-left-box-title-bg.png); text-transform: uppercase; letter-spacing: 0.2em; text-align: center; font-size: 10pt; padding: 0.7em 0em; color:#237a1c}

div.red div.box-top {background-image: url(../images/left-column/vyrok-left-box-header-top.png);}
DIV.red div.box H2 {background-image: url(../images/left-column/vyrok-left-box-header.png); color: #fffeff;}
DIV.red div.box-content {background-image:url(../images/left-column/vyrok-left-box-bg.png)}
DIV.red div.quote-contact {color: #b20002;}
DIV.red span.quote-url {visibility: hidden}
DIV.red span.quote-url A {visibility: visible; display: block; color: gray; font-size: 8pt}

/* home page boxes */

body.section_home div.box div.box-top {display: none}
body.section_home div.box H2 {background-image: url(../images/main-page/box/blue-header.jpg);}
body.section_home div.box div.box-content {background-image:url(../images/main-page/box/grey-bg.jpg)}
body.section_home div.box div.box-bottom {background-image: url(../images/main-page/box/grey-footer.jpg)}

body.section_home div.red div.box-top {display: none}
body.section_home DIV.red div.box H2 {background-image: url(../images/main-page/box/red-header.jpg); color: #fffeff;}
body.section_home DIV.red div.box div.box-content {background-image:url(../images/main-page/box/grey-bg.jpg)}
body.section_home div.red div.box div.box-bottom {background-image: url(../images/main-page/box/grey-footer.jpg)}

body.section_home div.blue-gray div.box-top {display: none}
body.section_home DIV.blue-gray div.box H2 {background-image: url(../images/main-page/box/blue-header.jpg);}
body.section_home DIV.blue-gray div.box div.box-content {background-image:url(../images/main-page/box/grey-bg.jpg)}
body.section_home div.blue-gray div.box div.box-bottom {background-image: url(../images/main-page/box/grey-footer.jpg)}

body.section_home div.blue div.box-top {display: none}
body.section_home DIV.blue div.box H2 {background-image: url(../images/main-page/box/blue-box-header.jpg);}
body.section_home DIV.blue div.box div.box-content {background-image:url(../images/main-page/box/blue-box-bg.jpg)}
body.section_home div.blue div.box div.box-bottom {background-image: url(../images/main-page/box/blue-box-footer.jpg)}

body.section_home div.dark div.box-top {display: none}
body.section_home DIV.dark div.box H2 {background-image: url(../images/main-page/box/dark-grey-header.jpg);}
body.section_home DIV.dark div.box div.box-content {background-image:url(../images/main-page/box/light-grey-bg.jpg)}
body.section_home DIV.dark div.box-content, body.section_home DIV.dark div.box-content * {color: black}
body.section_home div.dark div.box div.box-bottom {background-image: url(../images/main-page/box/light-grey-footer.jpg)}

body.section_home div.reasons div.box-top {display: none}
body.section_home DIV.reasons div.box H2 {background-image: url(../images/main-page/box/blue-green-box-header.jpg);}
body.section_home DIV.reasons div.box div.box-content {background-image:url(../images/main-page/box/dark-grey-bg.jpg)}
body.section_home div.reasons div.box div.box-bottom {background-image: url(../images/main-page/box/dark-grey-footer.jpg)}

div.map div.box-top {display: none}
div.map div.box H2 {background-image: url(../images/main-page/box/yellow-box-header.jpg);}
div.map div.box div.box-content {background-image:url(../images/main-page/box/kde-nas-najdete-content.png); padding: 30px 0px 10px 200px; height: 139px}
div.map div.box div.box-bottom {background-image: none; height: 5px}

div.newsletter div.box-top {display: none}
div.newsletter div.box H2 {background-image: url(../images/main-page/box/newsletter-header.png); height: 24px;}
div.newsletter div.box div.box-content {background-image:url(../images/main-page/box/newsletter-content.png); padding: 10px 0px 10px 10px; height: 166px}
div.newsletter div.box div.box-bottom {background-image: none; height: 5px}

div.newsletter div.form-intro {color: #e7b700}
div.newsletter form * {line-height: 3em; color: white}
div.newsletter form, div.newsletter fieldset, div.newsletter div.form-row, div.newsletter span.form-label, div.newsletter div.form-buttons {display: inline}
div.newsletter div.form-row span.form-input input {width: 150px}

div.kucharka {height: 620px; background: transparent url(../images/main-page/kucharka.jpg) scroll center top no-repeat}

div.header {background-image: url(../images/main-page/main-image.jpg); height: 207px;}
div.header div.box-no-border {padding-top: 52px;}
div.header H3 {font-size: 18pt; font-weight: normal}

div.profikuchyne {background-image: url(../images/main-page/profikuchyne-gastro.png); height: 200px;color:#fff;} 
div.profikuchyne div.box-no-border {padding: 60px 0px 0px 140px;}
div.profikuchyne H3 {font-size: 18pt; font-weight: normal; }
div.profikuchyne TABLE {width: 90%;align:right}
div.profikuchyne TABLE.profikuchyne TD { padding: 0px 12px; line-height: 1.5em;letter-spacing:-0.2px}
div.profikuchyne TABLE.profikuchyne A {color: #FFF}


div.poslani div.box-content, div.poslani div.box div.box-text {padding: 0px 4px}
div.poslani td {width: 214px; line-height:1.2em; padding: 12px 11px; background-repeat: no-repeat; height: 388px; vertical-align:top; color: #fcffff; background-position: center top; }
div.poslani h4 {text-align: center; margin: 0.3em 0em 0.2em 0em; height: 27px; line-height:14pt}
div.poslani td.prodej {background-image: url(../images/main-page/prodej.jpg);}
div.poslani td.servis {background-image: url(../images/main-page/servis.jpg);}
div.poslani td.projekce {background-image: url(../images/main-page/projekce.jpg);}
div.poslani td.skoleni {background-image: url(../images/main-page/skoleni.jpg);}
div.poslani p {font-size: 1em;}


div.produkty div.box div.box-content, div.produkty div.box div.box-text {padding: 0px 0px; background-image: none}
div.produkty {width: 960px; height: 558px; background-repeat: no-repeat; color: #fffffd; background-position: center top; background-image: url(../images/main-page/produkty-bg.jpg);}
div.produkty div.box H2 {color: #738694; background-image: none}
div.produkty div.box {margin-top: 0px}
div.produkty TABLE {width: 100%;}
div.produkty TABLE.top-produkty TD {width: 166px; padding: 0px 12px; line-height: normal;letter-spacing:-0.2px}
div.produkty TABLE.top-produkty A, p.nenasli A {color: #FFF; letter-spacing:1px;}
div.produkty P.nenasli {text-align:right;padding:0px 10px 0px 10px;}
div.produkty IMG {padding:0px 0px 3px 0px;}

div.produkty TABLE.top-produkty TR.texty TD {font-size: 7pt;vertical-align:top;}
div.produkty TABLE.top-produkty TR.obrazky TD {padding-top: 8px; height:80px}
div.produkty TABLE.top-produkty {height: 305px;}
div.produkty P {margin: 0em 0em}
div.produkty div.box div.urceno-pro * { font-size: 10pt}
div.produkty div.urceno-pro P {margin: 0.5em 1em;}
div.produkty div.box div.urceno-pro TABLE * {color: #cbd4d9}

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: url(../images/left-column/navigation-left-header.png);  font-size: 10pt; height: 31px; line-height: 31px; padding: 0px 1em; color: #b7cbe3;}
DIV.navigation {line-height: 1.3em}
DIV.navigation DIV.box-content {background: transparent url(../images/left-column/navigation-left-bg.png) repeat-y scroll left top; padding-bottom: 4.5em}
DIV.navigation DIV.box-top {display: block;padding-top: 20px; background-color: white; background-image: none}
DIV.navigation DIV.box {margin-top: 0em}



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 ul.level-2-navigation LI SPAN.selected SPAN.inside {padding-left: 0px}
DIV.navigation ul.level-2-navigation LI SPAN.selected {background: transparent url(../images/left-column/navigation-left-on.png) repeat-y scroll left top;}
DIV.navigation ul.level-2-navigation LI SPAN.not-selected {background-color: transparent}
DIV.navigation ul.level-2-navigation LI SPAN.selected-deeper {}

DIV#breadcrumbs {padding-top: 5px; line-height: normal;}
DIV#breadcrumbs, DIV#breadcrumbs * {color: gray}

/* page */

div.top-image IMG {margin: 0em}
div#main-content P {margin-right: 1em}
div#main-content TABLE {margin: 1em 1em 1em 0em}
H1 {text-transform: uppercase; color: white; margin-left: 0em; padding: 0.8em 1em; background-color: #c60001; letter-spacing: 0.2em; margin-top: 0.2em}
H1, div#main-content H1 *{font-size: 14pt;}
DIV.perex {padding: 0.5em; margin: 1em 1em 1em 0em; border: 1px solid #cbcbcb; background-color:#f8f8f8; color: #1f1f1f}
DIV.perex, DIV.perex * {font-size: 8pt;}

div#main-content H2 {font-weight: normal; font-size: 16pt; color: #d13536; padding: 0.3em 1em; background-color: #f4f4f6; letter-spacing: 0.2em; border-bottom: 6px solid #cd2323}
div#main-content H3 {font-weight: normal; font-size: 13pt; color: #c50000; letter-spacing: 0.2em; margin: 1em 0em -0.5em 0em}
div#main-content H4 {font-weight: bold; font-size: 11pt; color: #005dd1; letter-spacing: 0.2em; margin: 1em 0em -0.8em 0em}

/* text */

div.text-attached-files {border-top: 4px solid #fee79b; background-color: #fcffe2; margin-top: 4em}
div.text-related-links {border-top: 4px solid #aec1e1; background-color: #e4ecff; margin-top: 4em}
div#main-content div.text-attached-files h3 {font-size: 10pt; font-weight: bold; color: #cd6d00; background-color: #fddd70; margin: 0em; padding: 0.1em 1em; text-transform: uppercase; letter-spacing: normal;}
div#main-content div.text-related-links h3 {font-size: 10pt; font-weight: bold; color: #2d2d2b; background-color: #89a6d2; margin: 0em; padding: 0.1em 1em; text-transform: uppercase; letter-spacing: normal;}
div.text-attached-files UL, div.text-related-links UL {padding: 1.5em}
div.text-attached-files LI, div.text-related-links LI {list-style-type: none}

/* reference */
div.reference-info {padding-left: 225px;}
div.reference-info IMG {width: 120px; height: auto; vertical-align: center; margin: 0.5em;}
div#main-content div.reference H2 {color: #0062ca; background-color: #efefef; border-bottom-color: #393939; font-size: 12pt; font-weight: bold;}
div.reference-text {border-top: 2px solid #cdcdcd; margin-top: 1em;}
div.reference {margin-top: 1.5em; background-color: #F0F0F0; padding-bottom: 1em}
div.reference-image IMG {padding: 0px; border-color: #e2e2e2; margin-left:0.5em}

div#main-content div.quote H2 {font-size: 13pt; margin: 0em}
div.quote {background-color: #f8f8f8; padding: 0em; margin: 1em 0em; border-top-width: 0px}
div.quote-block {background-color: transparent; background-position: left top;}
div.quote-text {font-style: italic}
div.quote-image IMG {padding-top: 0px; margin-right: 1em; border: 1px solid #efefef}
span.quote-url {visibility: hidden; display: block}
span.quote-url A {visibility: visible}

/* articles */

div#main-content div.rss-links H3 {margin: 0.5em}
div.text-date {position: static; margin-right: 1em}
div.box div.article-title {float: left; width: 80%;}
div.article-title a {font-size:11pt; }
div.box ul.articles {padding: 0em; margin: 0em}
div.box ul.articles li {background: transparent url(../images/main-page/box/grey-divider-dark.jpg) scroll left top repeat-x; margin: 0em; padding: 1em;}
div.box ul.articles li:first-child {background: none}
div.box ul.articles li.highlighted {background: transparent url(../images/main-page/box/clanky-bg-highlited.jpg) scroll left top repeat-y; margin: 0em; padding: 1em;}
div.box-articles div.box-content {padding: 0em}